@import url('reset.css');

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { font: 100% Arial, Helvetica, sans-serif; color:#7F7F7F;}

/* Geral ************************************************************************************************************** */
h1, h2, h3, h4, h5, h6 {color:#006; padding-bottom:6px;}
h1{font-size:187.5%;}
h2{font-size:137.5%;}
h3{font-size:125%;}
h4{font-size:112.5%;}
h5{font-size:100%;}
h6{font-size:87.5%;}

h1 a,  h2 a, h4 a, h5 a, h6 a{color:#2E3492; cursor:pointer;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{color:#C00; text-decoration:none;}
p { line-height:20px; margin:0 0 10px 0; text-align:left; font-size:81.3%;}

strong{font-weight:bold;}

a, p a{color:#2E3492; text-decoration:none; cursor:pointer; outline:none; font-weight:normal;}
a img, img a {border: none;	}
a:hover{text-decoration:none; color:#C00;}
a strong{font-weight:bold;}
address{font-size:81.3%; color:#999; line-height:18px;}


/* ---------------------------------------
// Classes
--------------------------------------- */
.clear{clear:both;}
.clearNone{clear:none;}
.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.article img {
	border:1px solid #ccc;
	padding:3px;
	background:#fff;
	margin: 0 0 5px 10px;
}

img.alignright {
	border:1px solid #ccc;
	padding:3px;
	background:#fff;
	float: right;
	clear: right;
}

img.alignleft {
	border:1px solid #ccc;
	padding:3px;
	background:#fff;
	float: left;
	clear: left;
	margin: 0 10px 5px 0px;
}

img.aligncenter, img.centered, img.center { 
	border:1px solid #ccc;
	padding:3px;
	background:#fff;
	display: block; 
	margin: 0 auto 20px auto;  
	float: none; 
	clear: both;
}
p.aligncenter{
	text-align:center;
}
.title{
	font:162.5% "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#525252;
}
h1.title{
	color:#000;
}
.separator {
	float:left;
	clear:both;
	width:100%;
    background: url(../../includes/imagens/pontilhado.png) repeat scroll 0 40px transparent;
    border: 0 none;
    height: 10px;
    margin: 5px 0 18px 0;
}
/*--------------------------------
// Default
 --------------------------------------- */
html, body{
	width:100%;
	height:100%;
}
html{
	background:#FFF;
}
#header{
	float:left;
	width:100%;
	background:#EEE url(../../includes/imagens/bg-header.jpg) repeat-x top center;
	border-bottom:1px solid #CCC;
}
#content{
	float:left;
	width:100%;
	padding:20px 0;
	background:url(../../includes/imagens/bg-container.png) repeat-x left top;
}
.container{
	width:960px;
	margin:0 auto;
}
input, select, textarea{
	outline:none;
	width:100%;
	padding:7px 6px 6px 6px;
	margin:0;
	color:#999;
	border:1px solid #DDD;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
select{
	width:105%;
	padding:6px 6px 5px 6px;
}
textarea{
	overflow:auto;
	height:50px;
}
input:focus, textarea:focus{
	border:1px solid #666;
	color:#000;
}
input[type='checkbox'], input[type='radio'] { 
	width:16px;
	height:16px;
	margin:0;
	padding:0;
	background:none;
	border:none;
}
.btnEnviar{
	width:120px;
	height:30px;
	background:#2E3392 url(../../includes/imagens/bg-btnOK.png) repeat-x;
	color:#FFF;
	border:1px solid #2E3392;
	cursor:pointer;
	border:none;
}
.btnEnviar:hover{
	background:#C00 url(../../includes/imagens/bg-btnOK.png) repeat-x;
	border:1px solid #930
}
.btnSaibaMais{
	margin:24px 0 0 -2px;
}
.btnSaibaMais a{
	float:left;
	padding:8px 20px 15px 18px;
	background:url(../imagens/bg-slide-bt.png) no-repeat;
}
.btnSaibaMais span{
	float:left;
	width:30px;
	height:37px;
	background:url(../imagens/icone-mais.png) no-repeat;
}
.btnOrcamento{
	float:left;
	clear:both;
	padding:10px;
	margin:0 0 20px 0;
	border:1px solid #CCC;
	background:#2E3392 url(../../includes/imagens/bg-btnOrcamento.png) repeat-x bottom;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1);
}
.btnOrcamento .icon-orcamento{
	float:left;
	width:16px;
	height:16px;
	margin-right:5px;
	background:url(../imagens/icon-tools.png) no-repeat;
	background-position:center -64px;
}
/* ---------------------------------------
// Header
--------------------------------------- */
/* ALTERADO */
#header .tools{
	float:left;
	clear:both;
	width:100%;
	margin:20px 0 0 0;
}
/*ALTERADO Alex */
#header .tools > div{
	float: left;
	width: 560px;
}
#header .tools img{
	float:left;
}
/*ALTERADO Alex */
#header .tools ul{
	float:left;
	width: 320px;
	margin:0;
	padding:0;
}
#header .tools ul li{
	float:left;
	padding:0 10px;
	background:url(../../includes/imagens/bg-separador-tools.gif) no-repeat left 27px;
}
#header .tools ul li:first-child{
	background:none;
}
#header .tools ul li a, #header .tools ul li em{
	float:left;
	margin-top:28px;
	font-size:81.3%;
}

#header .tools a.iconClientes, #header .tools a.iconContato{
	float:left;
	padding-left:24px;
	background:url(../../includes/imagens/icon-tools.png) no-repeat top left;
}
#header .tools a.iconContato{
	background-position:0 -32px;
}
#header .tools a.active{
	color:#CCC;
	cursor:text;
}
#header .tools a.active.iconClientes{
	background-position:0 -16px;
}
#header .tools a.active.iconContato{
	background-position:0 -48px;
}
#header .tools a.iconPT, #header .tools a.iconEN, #header .tools a.iconES{
	float:left;
	width:24px;
	height:19px;
	margin:26px 0 0 8px;
	background:url(../../includes/imagens/icon-idioma.png) no-repeat top left;
}
#header .tools a.iconEN{
	background-position:0 -38px;
}
#header .tools a.iconES{
	background-position:0 -76px;
}
#header .tools a.active.iconPT{
	background-position:0 -19px;
	cursor:default;
}
#header .tools a.active.iconEN{
	background-position:0 -57px;
	cursor:default;
}
#header .tools a.active.iconES{
	background-position:0 -95px;
	cursor:default;
}
/*ALTERADO Alex */
#header .tools .painel{
	float:right;
	width: 200px;
	padding:0 0 0 10px;
	margin:0;
	background:url(../../includes/imagens/bg-separador-tools.gif) no-repeat left 27px;
}
#header .tools .painel li{
	width: 290px;
	margin:0;
	padding:0;
}
#header .tools .painel li:first-child{
	float:right;
	width:190px;
	margin:0 66px 7px 0;
}
#header .tools .painel li input[type='radio'] { 
	float:left;
	margin:0 4px 0 20px;
}
#header .tools .painel li label{
	float:left;
	font-size:81.3%;
}
#header .tools .login input{
	float:left;
	clear:none;
	display:inline;
	width:120px;
	padding:4px 2px 4px 10px;
	background:#FCFCFC;
	font-size:81.3%;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-radius: 10px 0px 0px 10px;
	border-radius: 10px 0px 0px 10px;
}

#header .tools .login input:first-child{
	margin:0 -15px 0 0;
}
#header .tools .login input:focus{
	background:#FFF;
}
#header .tools .login .btnOK{
	width:48px;
	*height: 26px;
	padding:4px 6px 4px 6px;
	margin:0 0 0 -15px;
	background:#2E3392 url(../../includes/imagens/bg-btnOK.png) repeat-x;
	color:#FFF;
	border:1px solid #2E3392;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	cursor:pointer;
}
#header .tools .login .btnOK:hover{
	background:#C00 url(../../includes/imagens/bg-btnOK.png) repeat-x;
	border:1px solid #930;
}
/* FIM DA ALTERAÇÃO */
#header .slideShow{
	float:left;
	clear:both;
	width:100%;
	min-height:384px;
	margin:20px 0 0 0;
	background:url(../imagens/bg-slideshow.png) repeat-x bottom;
}
#header .slideShow .container{
	min-height:384px;
	background:url(../imagens/bg-slideshow-slide.jpg) repeat-x bottom;
}
#header .slideShow .slide ul li{
	float:left;
}

#header .slideShow .slide ul li:first-child{
	width:340px;
}
#header .slideShow .slide img{
	display:block;
	margin:0;
	padding:0;
	line-height:0;
}
#header .slideShow .slide ul li h2{
	font-size:162.5%;
	padding:60px 0 10px 20px;
}
#header .slideShow .slide ul li:first-child p{
	padding-left:20px;
	line-height:17px;
}
/* ---------------------------------------
// Header Nav = Menu
--------------------------------------- */
.nav ul{
	float:left;
	clear:both;
	width:100%;
	height:95px;
	margin:17px 0 0 0;
	padding:0;
	background:url(../../includes/imagens/bg-menu.jpg) no-repeat top center;
}
.nav ul li{
	float:left;
	padding:17px 16px 13px 10px;
	background:url(../../includes/imagens/bg-separador-menu.gif) no-repeat left 46px;
}
.nav ul li:first-child{
	background:none;
}
.nav ul li:hover p a{
	color:#C00;
}
/* ALTERADO */
.nav ul li.active{
	background:url(../../includes/imagens/bg-menu-active.png) repeat-x;
	background:url(../../includes/imagens/bg-menu-active-borda.png) no-repeat right,
				url(../../includes/imagens/bg-menu-active.png) repeat-x;

}
/* FIM DA ALTERAÇÃO */
.nav ul li.active h2 a,
.nav ul li.active h3 a{
	color:#999;
	cursor:text;
}
.nav ul li.active h3 a:hover{
	text-decoration:none;
}
.nav ul li.active p a{
	color:#CCC;
	cursor:text;
}
.nav ul li strong{
	font-weight:normal;
}
.nav ul li h2, .nav ul li h3, .nav ul li h4{
	font-size:100%;
}
.nav ul li h3 a:hover{
	text-decoration:underline;
}
.nav ul li p {
	line-height:16px;
}
.nav ul li p a{
	color:#7F7F7F;
}
/* ---------------------------------------
// Serviços
--------------------------------------- */
ul.submenu{
	float:right;
	margin:-20px 0 0 0;
}
ul.submenu li{
	float:left;
	font-size:75%;
	margin:0 10px 0 0;
	padding:0 0 0 10px;
	border-left:1px dotted #BEBEBE;
}
ul.submenu li:first-child{
	border:none;
}

ul.servicos{
	float:left;
	clear:both;
	width: 100%;
	margin:8px 0 0 0;
}
ul.servicos li{
	float:left;
	width:220px;
	margin:0 26px 50px 0;
}
ul.servicos li:nth-child(4n){
	margin-right:0;
}
ul.servicos li:first-child{
	
}
ul.servicos li h2, ul.servicos li h2 a{
	font-size:106.3%;
	padding:21px 0 7px 0;
}
ul.servicos li strong{
	font-weight:normal;
}
ul.servicos li p.saibamais{
	padding-left:12px;
	background:url(../imagens/icon-saibamais.gif) no-repeat left 4px;
}
/* ---------------------------------------
// Destques
--------------------------------------- */
.destaques{
	float:left;
	clear:both;
	width: 100%;
	margin:20px 0 20px 0;
}
.destaques li{
	float:left;
	width:280px;
	margin:0 0 0 60px;
}
.destaques li:first-child{
	margin-left:0;
}
.parceiros{
	width:270px;
	height:180px;
	padding:3px 5px 0 5px;
	background:url(../imagens/bg-cliente.png) no-repeat;
}
.slideParceiros img{
	width:270px;
	height:170px;
	
}
.destaques .title{
	padding:7px 0 8px 36px;
	border-top:1px dotted #CCC;
	border-bottom:1px dotted #CCC;
	background:url(../imagens/icon-pred-engenharia.png) no-repeat left center;
	text-transform:uppercase;
}
/* ---------------------------------------
// Contato
--------------------------------------- */
#contato #article{
	width:600px;
}
#contato fieldset{
	margin:0 0 15px 0;
}
#contato label{
	float:left;
	width:110px;
	line-height:30px;
}
#contato input, #contato textarea, #contato select{
	float:left;
	width:476px;
}
#contato select{
	width:490px;
}
#contato .sidebar{
	width:200px;
	margin-left:100px;
}
#contato .btnEnviar{
	float:right;
	width:100px;
}
/* ---------------------------------------
// Breadcrumbs
--------------------------------------- */
.breadcrumbs{
	float:left;
	clear:both;
	width:100%;
	margin:0 0 20px 0;
	border-bottom:1px dotted #CECECE;
}
.breadcrumbs p, .breadcrumbs ul, .breadcrumbs ul li{
	float:left;
}
.breadcrumbs p{
	color:#999;
	margin-right:5px;
}
.breadcrumbs ul{
	font-size:81.3%;
}
.breadcrumbs ul li{
	padding-left:11px;
	margin-left:8px;
	line-height:20px;
	background:url(../imagens/icon-breadcrumbs.gif) no-repeat left;
}
.breadcrumbs ul li a:hover{
	text-decoration:underline;
}
.breadcrumbs ul li:first-child{
	padding-left:0;
	margin-left:0;
	background:none;
}
.breadcrumbs ul li:last-child, .breadcrumbs ul li:last-child a{
	color:#000;
	cursor:text;
	text-decoration:none;
}
/* ---------------------------------------
// Article
--------------------------------------- */
#article{
	float:left;
	width:725px;
}
#article{ font-size:81.3%; }
#article div, #article dl, #article dt, #article dd, #article ul, #article ol, #article li, #article pre, #article form, #article fieldset, #article p, #article blockquote, #article th, #article td {color:#666;}
#article h1{font-size: 2.308em; padding: 0 0 15px 0; color:#333;}
#article h2{font-size:1.846em;}
#article h3{font-size:1.692em;}
#article h4{font-size:1.538em;}
#article h5{font-size:1.385em;}
#article h6{font-size:1.231em;}
#article h2, #article h3, #article h4, #article h5, #article h6{ padding: 20px 0 10px 0; clear: both; line-height:22px; color:#334350;}
#article p{ margin: 0 0 10px 0; font-size:1em;}
#article a{ color: #0066CC;}
#article a:hover{ text-decoration: underline;}
#article ul, #article ol, #article dl{margin: 10px 0 20px 0; list-style-type:disc;}
#article ul li, #article dl dd{ margin: 7px 36px; line-height:18px;}
#article ul li ul{margin: 5px 0 15px -10px; list-style-type:circle;}
#article ul li ul li ul{list-style-type:square; }
#article ol{ list-style: decimal;}
#article ol li{ margin: 7px 30px 7px 36px; line-height:18px;}
#article ol li ul{margin: 5px 0 15px -14px;}
#article dl dd{margin-bottom: 20px; line-height: 20px;}

#article blockquote {
    border-left: 5px solid #666666;
    color: #666666;
    padding-left: 10px;
    margin: 0 30px;
}
#article table{ margin: 0 0 20px 0;}
#article table, #article th, #article td { border: 1px solid #ccc;}
#article th, #article td { font-size: 1em; padding: 8px;}
#article table thead th{ background: #f5f5f5;color: #000;}

#article em{ font-style: italic; }
#article strong em{ font-style: italic;font-weight: bold; }
#article .video{
	width:640px;
	margin:20px auto 30px auto;
}
/* ---------------------------------------
// Sidebar
--------------------------------------- */
.sidebar{
	float:left;
	width:205px;
	margin-left:30px;
}
.sidebar .title{
	font:112.5% Arial, Helvetica, sans-serif;
	color:#999;
}
.sidebar .list{
	float:left;
	clear:both;
	margin-bottom:40px;
	font-size:81.3%;
	
}
.sidebar .list li{
	float:left;
	clear:both;
	margin:0 0 5px 0;
	line-height:18px;
	color:#2E3492;
}
.sidebar .list li:hover span{
	color:#C00;
}
.sidebar .list li a{
	float:left;
	width:195px;
	margin-top:2px;
}
.sidebar .list li span{
	float:left;
	width:10px;
}
/* ---------------------------------------
// Footer
--------------------------------------- */
#footer{
	float:left;
	width:100%;
	padding:30px 0 0 0;
	margin:50px 0 0 0;
	border-top:1px double #CCC;
	background:url(../../includes/imagens/bg-footer.jpg) repeat;
}
#footer .sitemap{
	float:left;
	clear:both;
	background:none;
	padding:0 0 30px 0;
}
#footer .sitemap ul li{
	float:left;
	width:180px;
	margin:0 45px 0 0;
}
#footer .sitemap ul li.w240{
	width:240px;
}
#footer .sitemap ul li.wSize{
	width:195px;
}
#footer .sitemap ul li a{
	font-size:81.3%;
}
#footer .sitemap ul li strong{
	font-weight:normal;
}
#footer .sitemap ul li h3 a, #footer .sitemap ul li h4 a{
	font-size:100%;
}
#footer .sitemap ul li h3 a:hover{
	text-decoration:underline;
}
#footer .sitemap ul li p{
	line-height:18px;
	color:#999;
}
#footer .sitemap ul li ul li{
	margin:0 0 8px 0;
}
#footer .contato{
	float:left;
	width:100%;
	font-size:81.3%;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	background:url(../../includes/imagens/bg-footer-contato.jpg) repeat;
	
}
#footer .contato ul {
	padding:20px 0;
}
#footer .contato ul li{
	float:left;
	margin:0 36px 20px 0;
	color:#999;
}
#footer .contato ul li:hover{
	color:#C00;
}
#footer .contato ul li strong{
	font-size:123.1%;
	font-weight:normal;
}
#footer #copyright{
	font-size:92.3%;
}
#footer #copyright p{
	float:right;
	padding:10px 0 0 0;
	line-height:30px;
}
#footer #copyright p span{
	float:left;
	margin:0 15px 0 0;
}
#footer #copyright p img{
	float:left;
	padding:0 0 0 5px;
}
#footer #copyright p:first-child{
	float:left;
}
#footer #copyright p:first-child a{
	padding:0;
}
/*
6px		0.375em		37.5%		5pt
7px		0.438em		43.8%		5pt
8px		0.5em		50%			6pt
9px		0.563em		56.3%		7pt
10px	0.625em		62.5%		8pt
11px	0.688em		68.8%		8pt
12px	0.75em		75%			9pt
13px	0.813em		81.3%		10pt
14px	0.875em		87.5%		11pt
15px	0.938em		93.8%		11pt
16px	1em			100%		12pt
17px	1.063em		106.3%		13pt
18px	1.125em		112.5%		14pt
19px	1.188em		118.8%		14pt
20px	1.25em		125%		15pt
21px	1.313em		131.3%		16pt
22px	1.375em		137.5%		17pt
23px	1.438em		143.8%		17pt
24px	1.5em		150%		18pt
25px				156.3%		19pt
26px				162.5%		
27px				168.8%		
28px				175%		
29px				181.3%		
30px				187.5%		
*/