@charset "utf-8";
/* CSS Document */
/* Feito por Daniel Palmerio www.palmerio.com.br*/


/*  Estrututa do #HeadWrap 
--------------------------------------------------------*/

div#headWrap {
	height:82px; 
	background-color:#292B26; 
	color:#FFF;
}

	div#logo {margin-top: 17px;}

	div#mainNav ul {
		float:right;
	}
	
		div#mainNav ul li {
			list-style:none; 
			display:inline-block; 
			float:left;
			background:url(../img/bg-tab-dark.gif) no-repeat; 
			padding-left:15px; 
			margin:53px 0 0 0;
			margin-right:4px;
		}
		
			div#mainNav ul li a {
				font-size: 12px;
				text-transform:uppercase;
				padding-top:5px;
				text-decoration:none; 
				display:inline-block; 
				height:24px; 
				background:url(../img/bg-tab-dark.gif) no-repeat right top; 
				padding-right:15px;
			}
			
				div#mainNav ul li a.active {
					padding-top:8px;
					color:#333;
					font-weight:bold;
					background:url(../img/bg-tab.gif) no-repeat right top;
				}
				
				div#mainNav ul li.active {
					margin-top:53px;
					height:30px;
					background:url(../img/bg-tab.gif) no-repeat left top;
				}
				
/* estrutura do #atention
--------------------------------------------------------*/

div#atention {
	margin-top:21px !ie; /* hack para IE's */
}
	div#atention div#txtContend {
		font-size:14px;
	}
	
	.bt-act-orcamento {
		background:url(../img/bg-orcamento-atention.png) no-repeat;
		display:block;
		width:221px;
		height:31px;
		text-indent:-999999px;
	}
		
		.bt-act-orcamento:hover {
			background-position: 0 -31px;
		}
		
		.bt-act-orcamento:active {
			background-position:0 -62px;
			margin:1px 0 0 1px;
		}
	
		div#atention div#txtContend h1 {
			background:url(../img/h1-replace-text.png) no-repeat;
			width:355px;
			height:46px;
			margin-top:30px;
			text-indent:-999999px;
		}
		
	div#atention img.pic-sites {
		margin:11px 0 0 20px;
	}
	
/* estrutura do #contend-col-b, #contend-col-a 
--------------------------------------------------------*/

div#contend-col-b, div#contend-col-a {
	margin-top:25px;
}
	div#contend-col-a a, .resumo #about a, .contato #about a, .orcamento #about a, .portfolio #about a{
		color:#069;
	}
	
	div#contendBlock h2{
		background: url(../img/blank.gif); /* IE BUG*/
		padding-top:10px;
		margin:0 0 4px 54px;
	}
	
	div#contendBlock p{
			margin-left:54px;
			width:270px;
	}
	
	div#contendBlock.B-conteudo {
		background:url(../img/tabs.png) no-repeat;
	}
		
	div#contendBlock.B-navegacao {
		background:url(../img/navigate.png) no-repeat;
	}
	
	div#contendBlock.B-encontra {
		background:url(../img/search.png) no-repeat;
	}
	
	div#contendBlock.B-funciona {
		background:url(../img/mouse.png) no-repeat;
	}
	
	div#contendBlock.B-humanos {
		background:url(../img/spanner.png) no-repeat;
	}
	
	div#contendBlock.B-fidelize {
		background:url(../img/star.png) no-repeat;
	}
	
/* estrutura do #about
--------------------------------------------------------*/

div#about {
	color:#5B672E;
	padding:10px;
	margin-top:25px;
	background:url(../img/bg-about.gif);
	height:300px;
	border:1px solid #C7D39A;
	margin-left:20px;
}

	div#about h4 {
		margin-bottom:8px;
	}
	
	div#about p {
		margin-top:10px;
		line-height:17px;
		font-size:12px;
	}
	
	div#about .bt-about {
		margin-left:23px;
	}
	
/* estrutura do #footer
--------------------------------------------------------*/

div#footer {
	margin:40px 0 30px 0;
	color:#666;
	position:relative;
}

	#footer .bt-act-orcamento {
			position:absolute;
			top:-5px;
			right:8px;
		}
		
	.twitter {
		vertical-align:middle;
		margin-right:5px;
	}

/* páginas internas 
--------------------------------------------------------*/

.resumo,.contato {
	background: url(../img/bg-body-interno.jpg) repeat-x #000;
}

	.resumo div#atention, .contato #atention, .orcamento #atention, .portfolio #atention{
		height:104px;
		overflow:hidden;
		width:100%;
	}
	
	.resumo div#contend-col-a, .contato div#contend-col-a,.orcamento div#contend-col-a, .portfolio div#contend-col-a{margin-top:50px; margin-bottom:30px;}
	
	.resumo #about { margin-top:40px;}
	
.contato {
	background:url(../img/bg-body-contato.jpg) repeat-x #000;
}

	.contato #footer { margin-top:60px;}
	
.orcamento {
	background:url(../img/bg-body-orcamento.jpg) repeat-x #000;
}

	.orcamento #footer {
		margin-top:50px;
	}

label{
	font-weight:bold;
	display:block;
}

	input.text {
		width:200px;
		margin-bottom:10px;
		padding:3px;
	}

textarea{
	color:#036;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	width:600px;
	height:200px;
	margin-bottom:10px;
	padding:5px;
}

.portfolio {
	background:url(../img/bg-body-portfolio.jpg) repeat-x #000;
}

	.portfolio #about {margin-top:40px;}