@charset "utf-8";
/* ENAC Template */

html, body{background:#FFF url(../imagens/bodyBg.jpg) top repeat-x; height: 100%;}
#wrapper{width:100%; position:relative; min-height:100%;}
#header{width:980px; height:151px; margin:0 auto;}
.spacer{width:980px; height:30px; background:url(../imagens/spacer.jpg); margin:0 auto;}
#content{width:980px; padding-bottom:102px; font:normal 12px Verdana, Geneva, sans-serif; color:#58585a; line-height:18px; margin:0 auto;}
#content p{margin-bottom:10px;}
#footerW{width:100%; height:102px; position:absolute; bottom:0; background:url(../imagens/footerBg.jpg) repeat-x;}
#footer{width:980px; height:102px; background:url(../imagens/footer.jpg); margin:0 auto;}
#logo{width:490px; height:151px; background:url(../imagens/logo.jpg); display:block; float:left;}
#clear{clear:both;}
.error{display:none;}

/*-----------------------------------------------------------------------------------------------*/
/* MENU TOPO */
/*-----------------------------------------------------------------------------------------------*/
#menutopo{width:490px; height:151px; background:url(../imagens/menutopo.jpg); float:left;}
#menutopo div{float:left; position:relative; overflow:hidden; margin-right:8px;}
#menutopo div a{width:87px; height:118px; background:url(../imagens/menutopomask.jpg); display:block;}
#menutopo img{position:absolute; top:-118px;}
#menutopo span.mask{position:absolute; z-index:100; background:url(../imagens/menutopomask.png); display:block; width:87px; height:118px; cursor:pointer;}


/*-----------------------------------------------------------------------------------------------*/
/* MENU OBRAS */
/*-----------------------------------------------------------------------------------------------*/
.menuobrasA{width:30px; height:67px; background:url(../imagens/menuobrasA.jpg); display:block; position:absolute; left:-30px; margin-top:533px;}
.menuobrasB{width:30px; height:67px; background:url(../imagens/menuobrasB.jpg); display:block; position:absolute; right:-30px; margin-top:533px;}
.menuobrasC{width:30px; height:67px; background:url(../imagens/menuobrasA.jpg); display:block; position:absolute; left:-30px; margin-top:150px;}
.menuobrasD{width:30px; height:67px; background:url(../imagens/menuobrasB.jpg); display:block; position:absolute; right:-30px; margin-top:150px;}

#menuobrasW{width:100%; height:67px; background:url(../imagens/menuobrasBg.jpg) repeat-x;}
#menuobras{width:980px; height:67px; margin:0 auto;}
#menuobras li{float:left; height:67px;}
#menuobras li a{height:67px; display:block; background:url(../imagens/menuobras.jpg);}
#menuobras li.left{width:14px; background:url(../imagens/menuobras.jpg) 0px 0px;}
#menuobras li.hoteis a{width:80px; background-position:-14px 0px;}
#menuobras li.concessionarias a{width:152px; background-position:-94px 0px;}
#menuobras li.comerciais a{width:111px; background-position:-246px 0px;}
#menuobras li.supermercados a{width:145px; background-position:-357px 0px;}
#menuobras li.centrotreinamento a{width:121px; background-position:-502px 0px;}
#menuobras li.postos a{width:120px; background-position:-623px 0px;}
#menuobras li.centrodistribuicao a{width:123px; background-position:-743px 0px;}
#menuobras li.outros a{width:87px; background-position:-866px 0px;}
#menuobras li.right{width:27px; background:url(../imagens/menuobras.jpg) -953px 0px;}

#menuobras li.hoteis a:hover{background-position:-14px -67px;}
#menuobras li.concessionarias a:hover{background-position:-94px -67px;}
#menuobras li.comerciais a:hover{background-position:-246px -67px;}
#menuobras li.supermercados a:hover{background-position:-357px -67px;}
#menuobras li.centrotreinamento a:hover{background-position:-502px -67px;}
#menuobras li.postos a:hover{background-position:-623px -67px;}
#menuobras li.centrodistribuicao a:hover{background-position:-743px -67px;}
#menuobras li.outros a:hover{background-position:-866px -67px;}

/*-----------------------------------------------------------------------------------------------*/
/* TÍTULOS E SUBTÍTULOS */
/*-----------------------------------------------------------------------------------------------*/
h2 { font-size:25px; color:#bd2716; border-bottom:1px solid #bd2716; padding-bottom:8px; margin-bottom:20px;}
h2.obraSub { font-size:25px; color:#58585a; border:0px; }
h3 { font-size:18px; color:#bd2716;}
h4 { font-size:16px; color:#58585a;}
h5 { font-size:14px; color:#bd2716;}

/*-----------------------------------------------------------------------------------------------*/
/* NAVEGAÇÃO */
/*-----------------------------------------------------------------------------------------------*/
.btnVejamais{width:105px; height:30px; background:url(../imagens/btnVejamais.png); display:block;}
.btnVoltar{width:105px; height:30px; background:url(../imagens/btnVoltar.png); display:block;}

/*-----------------------------------------------------------------------------------------------*/
/* TVFLASH */
/*-----------------------------------------------------------------------------------------------*/
#tvflash{width:980px; height:352px; font:bold 14px Verdana, Geneva, sans-serif; margin:0 auto;}

#tvflash .panel{width:951px; height:352px; background:url(../imagens/tvflash.jpg); overflow: hidden; position: relative; float:left;}
#tvflash .panel .image_reel{position: absolute; top:0; left:0;}
#tvflash .panel .image_reel img{float:left;}
#tvflash .paging{width:29px; height:352px; float:left; background-color:#bd2716;}
#tvflash .paging a{background-color:#bd2716; padding:9px; display:block; text-decoration:none; color:#FFF;}
#tvflash .paging a.active{background-color:#FFF; color:#bd2716; text-decoration:none;}
.contentHeader div.tvflashbox div.paging a#btn1.active{background:url(../imagens/header_paging.jpg) -112px 99px;}

/*-----------------------------------------------------------------------------------------------*/
/* DESTAQUES HOME */
/*-----------------------------------------------------------------------------------------------*/

.destaquesHome{width:880px; height:354px; padding:0px 50px; background:url(../imagens/content.jpg);}
.destaquesHome li{float:left; height:324px; padding-top:30px; position:relative;}
.destaquesHome li.div{float:left; width:12px; height:267px; background:url(../imagens/destaqueHomeDiv.png) no-repeat 0px 30px; margin:0px 19px}
.destaquesHome li p{margin-top:25px; line-height:16px;}
.destaquesHome li div.map{width:293px; height:180px; background:url(../imagens/destaqueHomeMap.png) no-repeat; margin-top:30px;}
.destaquesHome li div.img{width:254px; height:103px; position:relative; margin-top:20px; margin-bottom:10px;}
.destaquesHome li div.img span.mask{width:254px; height:103px; background:url(../imagens/destaqueHomeImgMask.png); position:absolute; z-index:100px;}
.destaquesHome li .align{position:absolute; bottom:35px;}

/*-----------------------------------------------------------------------------------------------*/
/* HISTÓRIA */
/*-----------------------------------------------------------------------------------------------*/

.historia{width:880px; height:800px; padding:20px 50px; background:url(../imagens/historiaImg.jpg) no-repeat 490px 20px;}
.historia li{width:450px;}
.historia li a.foto{width:202px; height:172px; background:url(../arquivos/historia/fachadaThumb.jpg); display:block; float:left; margin-top:20px;}
.historia li ul.segmentos{font-size:11px; float:left; width:218px; margin-left:30px; margin-top:20px;}
.historia li ul.segmentos li{background:url(../imagens/bulletLista.jpg) no-repeat 0px 6px; padding-left:10px;}
.historia li ul.segmentos li.subtitulo{padding-left:0px; background:none; margin-bottom:10px;}
.historia li .div{background:url(../imagens/div.jpg); width:420px; height:8px; margin:50px 0px 10px 0px;}

.historia li img.foto{width:202px; height:172px; display:block; float:left; margin-top:20px;}
.historia li ul.folder{font-size:11px; float:left; width:218px; margin-left:30px; margin-top:20px;}
.historia li ul.folder li{padding-left:0px; padding-top:5px;}
.historia li ul.folder li.subtitulo{padding-left:0px; padding-top:0px; background:none; margin-bottom:10px;}
.historia li .div{background:url(../imagens/div.jpg); width:420px; height:8px; margin:50px 0px 10px 0px;}

/*-----------------------------------------------------------------------------------------------*/
/* MÉTODO */
/*-----------------------------------------------------------------------------------------------*/
.metodo{width:980px; height:420px; padding:20px 0px; position:relative;}
.metodo .nav{width:265px; height:514px; background:url(../imagens/metodoNav.jpg); float:left; position:relative;}
.metodo .nav .texto{margin-left:47px; margin-top:20px;}
.metodo .nav .voltar{position:absolute; bottom:15px; margin-left:45px;}
.metodo .nav #menu{width:260px; position:absolute; z-index:200; bottom:105px; margin-left:50px;}
.metodo .nav #menu a{width:194px; height:28px; display:block; background:url(../imagens/metodoBtnNone.png); text-decoration:none; padding-top:10px; padding-left:10px; margin-bottom:3px;}
.metodo .nav #menu a.active{width:240px; height:26px; display:block; background:url(../imagens/metodoBtnActive.png); text-decoration:none; padding-top:10px; padding-left:10px;}
.metodo .nav #menu a h4.active{color:#FFF;}
.metodo .panel{width:715px; height:514px; background:url(../imagens/metodoMask.jpg); float:left; position:relative;}
.metodo .mask{width:715px; height:514px; background:url(../imagens/metodoMask.png); position:absolute; z-index:100; display:block; right:0;}
.metodo #metodoslide .slide {float: left; width: 10000px;}
.metodo .panel .slide{width: 715px; height:460px; background:#666; position:relative;}
.metodo .panel .slide .tela{width: 715px; height: 460px; overflow: hidden; float:left;}
.metodo .panel .slide .tela#telaOp1{background:url(../imagens/metodoAgilidade.jpg);}
.metodo .panel .slide .tela#telaOp1 div.agilidade{margin-top:180px; margin-left:90px; width:600px;}
.metodo .panel .slide .tela#telaOp1 div.agilidade p{margin-bottom:15px;}
.metodo .panel .slide .tela#telaOp2{background:url(../imagens/metodoEstrutura.jpg);}
.metodo .panel .slide .tela#telaOp2 div.estrutura{margin-top:180px; margin-left:90px; width:380px; height:220px; overflow-y:scroll; padding-right:20px;}
.metodo .panel .slide .tela#telaOp2 div.estrutura p{margin-bottom:15px;}
.metodo .panel .slide .tela#telaOp3{background:url(../imagens/metodoExperiencia.jpg);}
.metodo .panel .slide .tela#telaOp3 div.experiencia{margin-top:40px; margin-left:300px; width:360px; height:370px; overflow-y:scroll; padding-right:20px;}
.metodo .panel .slide .tela#telaOp3 div.experiencia p{margin-bottom:15px;}
.metodo .panel .slide .tela#telaOp4{background:url(../imagens/metodoSustentabilidade.jpg);}
.metodo .panel .slide .tela#telaOp4 div.sustentabilidade{margin-top:212px; margin-left:95px; width:295px; height:227px; padding-right:20px;}

/*-----------------------------------------------------------------------------------------------*/
/* ATUAÇÃO */
/*-----------------------------------------------------------------------------------------------*/
.atuacao{width:980px; height:420px; padding:20px 0px; position:relative;}
.atuacao li{float:left;}
.atuacao .A{width:321px; height:593px; background:url(../imagens/atuacaoA.jpg); padding-left:40px; padding-right:60px;}
.atuacao .A img{margin-top:20px; margin-bottom:30px;}
.atuacao .B{width:559px; height:593px; background:url(../imagens/atuacaoB.jpg);}

/*-----------------------------------------------------------------------------------------------*/
/* CONTATO */
/*-----------------------------------------------------------------------------------------------*/
.contato{width:980px; height:420px; padding:20px 0px; position:relative;}
.contato li{float:left;}

.contato .A{width:490px; height:593px; background:url(../imagens/contatoA.jpg);}
.contato .B{width:490px; height:593px; background:url(../imagens/contatoB.jpg);}

.contato .B .foneBox{width:366px; height:72px; background:url(../imagens/contatoFoneBox.png); }


.boxMap {width:346px; height:228px; position:relative; background:url(../imagens/contatoBox.png); margin-left:90px; margin-top:246px; padding-top:1px; margin-bottom:10px;}
.boxMap a.boxLink{width:197px; height:37px; background:url(../imagens/contatoBoxLink.png); display:block; position:absolute; z-index:110; top:-25px;}
.boxMap .boxMapA{width:30px; height:228px; position:absolute; left:0; background:url(../imagens/contatoBoxA.png); z-index:100;}
.boxMap .boxMapB{width:30px; height:228px; position:absolute; right:0; background:url(../imagens/contatoBoxB.png); z-index:100;}

p.endereco{font-size:11px; margin-left:110px; margin-right:70px;}

form.contatoForm{width:490px; height:330px;}
form.contatoForm li{height:40px;}
form.contatoForm ul.label{float:left; width:80px;}
form.contatoForm ul.input{float:left; width:200px; padding-left:30px;}
form.contatoForm ul.input input, form.contatoForm ul.input textarea{border:1px solid #999; width:230px; height:20px; display:block;}
form.contatoForm ul.input textarea{height:60px;}
form.contatoForm .btnEnviar{display:block; width:126px; height:52px; background:url(../imagens/contatoBtn.png); border:0; cursor:pointer; margin-left:220px;}

div#contatoSend{width:490px; height:330px; background:url(../imagens/contatoSend.png) no-repeat;}

/*-----------------------------------------------------------------------------------------------*/
/* OBRAS */
/*-----------------------------------------------------------------------------------------------*/

.obras{width:980px; padding:20px 0px; position:relative; background:url(../imagens/obrasFundo.jpg) 0px 69px no-repeat;;}
.obras li.A{padding:0px 50px;}
.obras li.B, .obras li.C{float:left;}
.obras li.B{width:420px; padding-left:60px; padding-top:20px;}
.obras li.D{clear:both; height:200px; padding:40px 0px; padding-left:115px; background:url(../imagens/obrasGaleriaFundo.png) no-repeat 45px 75px;}

.obras .imgDestaque{background:url(../imagens/obrasImgDestaque.png); width:358px; height:277px; margin-left:26px; position:relative; display:block;}

.obras ul.lista {margin-bottom:20px;}
.obras ul.lista li{background:url(../imagens/bulletLista.jpg) no-repeat 0px 6px; padding-left:10px;}

.obras .imgDestaque img{margin-top:22px; margin-left:2px;}
.obras .imgDestaque .imgDestaque1{background:url(../imagens/obrasImgDestaque1.png); width:30px; height:45px; position:absolute; top:0; left:0; z-index:10;}
.obras .imgDestaque .imgDestaque2{background:url(../imagens/obrasImgDestaque2.png); width:45px; height:65px; position:absolute; top:0; right:0; z-index:10;}
.obras .imgDestaque .imgDestaque3{background:url(../imagens/obrasImgDestaque3.png); width:30px; height:25px; position:absolute; bottom:0; left:0; z-index:10;}
.obras .imgDestaque .imgDestaque4{background:url(../imagens/obrasImgDestaque4.png); width:30px; height:25px; position:absolute; bottom:0; right:0; z-index:10;}

.obras li.D a{width:167px; height:123px; background:url(../imagens/obrasImgArea.png); float:left; margin:0px 8px; padding-left:4px; padding-top:20px; display:block;}
.obras li.D a.btnVoltar{width:105px; height:30px; background:url(../imagens/btnVoltar.png); display:block; margin-top:20px; padding:0px;}

.obras .roll{width:390px; overflow-y:auto; height:250px;}

/*-----------------------------------------------------------------------------------------------*/
/* DESTAQUES */
/*-----------------------------------------------------------------------------------------------*/

.destaques{width:980px; padding:20px 0px; position:relative; background:url(../imagens/destaquesFundo.jpg) 0px 69px no-repeat;;}
.destaques li.A{padding:0px 50px;}
.destaques li.B, .destaques li.C{float:left;}
.destaques li.B{width:420px; padding-left:60px; padding-top:20px;}
.destaques li.D{clear:both; height:200px; padding:40px 0px; padding-left:115px; background:url(../imagens/obrasGaleriaFundo.png) no-repeat 45px 75px;}

.destaques ul.lista {margin-bottom:20px;}
.destaques ul.lista li{background:url(../imagens/bulletLista.jpg) no-repeat 0px 6px; padding-left:10px;}

.destaques .imgDestaque{width:388px; height:293px; margin-left:26px; position:relative; display:block; background:url(../imagens/destaquesImgDestaque.png);}
.destaques .imgDestaque img{margin-top:23px; margin-left:17px;}

.destaques li.D a{width:167px; height:123px; background:url(../imagens/obrasImgArea.png); float:left; margin:0px 8px; padding-left:4px; padding-top:20px; display:block;}
.destaques li.D a.btnVoltar{width:105px; height:30px; background:url(../imagens/btnVoltar.png); display:block; margin-top:20px; padding:0px;}


.destaques .roll{width:390px; overflow-y:auto; height:250px;}


/*-----------------------------------------------------------------------------------------------*/
/* NOTÍCIAS */
/*-----------------------------------------------------------------------------------------------*/

.noticias{width:980px; padding:20px 0px; position:relative;}
.noticias li.A{padding:0px 50px;}
.noticias li.B, .noticias li.C{float:left;}
.noticias li.B{padding-left: 50px; padding-right: 30px; width: 580px;}
.noticias li.B .imgNoticia{width:569px; height:233px; margin-bottom:20px; position:relative;}
.noticias li.B .imgNoticia .mask{width:569px; height:233px; background:url(../imagens/noticiasImgBigMask.png); position:absolute; display:block;}
.noticias li.D {clear:both; padding-top:5px; padding-bottom:10px;}
.noticias li.D .btnVoltar{margin-left:45px; margin-top:30px;}

.noticias li.C{width:259px; padding-left:20px; border-left:1px dotted #999; padding-right:30px;}
.noticias li.C h3{margin-bottom:20px;}
.noticias li.C a.noticia{font-size:11px; color:#58585a; text-decoration:none; margin-bottom:20px; display:block;}
.noticias li.C a.noticia:hover{text-decoration:underline;}

/*-----------------------------------------------------------------------------------------------*/
/* OUTROS */
/*-----------------------------------------------------------------------------------------------*/

ul.outros{width:980px; padding:20px 0px; position:relative;}
ul.outros li.A{padding:0px 50px;}
ul.outros li.B{padding-left:50px; padding-right:50px;}
ul.outros li.C {padding-top:5px; padding-bottom:10px;}
ul.outros li.C .btnVoltar{margin-left:45px; margin-top:30px;}
ul.outros li.B h5{margin-bottom:8px;}
ul.outros li.B p{padding-bottom:20px;}