/* Produzido por Marcoplan - 2012 - Desenvolvedor: Eduardo Chaves */

@font-face {
    font-family: 'Myriad Pro';
    src: url('fonts/myriad/myriadpe.eot');
    src: url('fonts/myriad/myriadpe.eot?#iefix') format('embedded-opentype'),
         url('fonts/myriad/myriadpe.woff') format('woff'),
         url('fonts/myriad/myriadpe.ttf') format('truetype'),
         url('fonts/myriad/myriadpe.svg#myriadpe') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica-Light';
    src: url('fonts/myriad/helveticalt.eot');
    src: url('fonts/myriad/helveticalt.eot#iefix') format('embedded-opentype'),
         url('fonts/myriad/helveticalt.woff') format('woff'),
         url('fonts/myriad/helveticalt.ttf') format('truetype'),
         url('fonts/myriad/helveticalt.svg#myriadpe') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {margin:0; padding:0; overflo }

/*header, footer, nav, section, article { display: table; }*/

a { color:#f29925; outline-style:none;	text-decoration:none; outline: none;} 
a:hover { color:#f29925; text-decoration: underline;} 

body { background: #ffffff; font-family:Arial, Geneva, sans-serif;}

/* Topo */
#topo_dt { background: url(../img/layout/imgBgTopo.png); width: 100%; height: 10px; text-align:center; top: 0; position: absolute; z-index: 10; overflow:visible;}
#topo { background: url(../img/layout/imgBgMenu.jpg); width: 100%; height: 29px; margin-top: 40px; text-align:center; top: 0; position: absolute; z-index: 9; overflow:visible;}
#topo #menu { width: 1000px; margin: auto; height: 29px; overflow:visible;}
#topo #menu #logo { width: 213px; height: 107px; float: left; margin-top: -39px; overflow:visible;}
#topo #menu #lingua { position: absolute; width: 100px; height: 28px; float: left; margin-top: -39px; overflow:visible; margin: -30px 0 0 900px;}

nav { float: left; width: 750px; font-family: Tahoma, Geneva, sans-serif; font-size: 13px; display: block-inline; margin-left: 15px;}
nav ul { float: left; list-style: none; height: 29px; display:inline-block; }
nav ul li{ padding: 0px; height: 29px; display:inline-block; background:url(../img/botoes/imgDivMenu.png) top right no-repeat;}
nav ul li a { display: block; height: 29px; background-position: bottom; margin: 0 6px 0 6px; }
nav ul li a#home { background-image: url(../img/botoes/imbBtHome.jpg); width: 66px; }
nav ul li a#aempresa { background-image: url(../img/botoes/imbBtAEmpresa.jpg); width: 100px; }
nav ul li a#areasdeatuacao { background-image: url(../img/botoes/imbBtAreasdeAtuacao.jpg); width: 124px; }
nav ul li a#principaisclientes { background-image: url(../img/botoes/imbBtPrincipaisClientes.jpg); width: 146px; }
nav ul li a#principaisobras { background-image: url(../img/botoes/imbBtPrincipaisObras.jpg); width: 110px; }
nav ul li a#contato { background-image: url(../img/botoes/imbBtContato.jpg); width: 80px; }
nav ul li a:hover { background-position: top; }
nav ul li a.ativo { background-position: top; }

/* Conteudo */


/* conteudo Paginas */

#janela_conteudo_home { width: 614px; height: 404px; position: absolute; float: left; background: url(../img/layout/imgFdPretoBox.png); left: 50%; top: 50%; z-index: 5; overflow: visible; margin: -202px 0 0 -307px; }

#janela_conteudo { width: 750px; height: 430px; position: absolute; float: left; background: url(../img/layout/imgBgConteudo.png) ; left: 50%; top: 50%; z-index: 5; overflow: visible; margin: -215px 0 0 -375px; overflow: visible;}
#janela_conteudo h2{ width: 730px; height: 30px; padding: 20px 10px 10px 20px; float: left; display: block; color:#f29925; font-family: "Helvetica-Light"; font-weight:normal; font-size: 28px;}
#janela_conteudo #interna { width: 330px; height: 340px; margin: 10px; float: left; padding: 0 10px 0 10px; }
#janela_conteudo #interna #rolagem { width: 330px; height: 340px; margin-left: 10px;}
#janela_conteudo #interna #bloco{ width: 330px; height: 340px; float: left; display:block; overflow:hidden;}
#janela_conteudo #interna #bloco #rolagem2{ height: 220px; width: 330px;}
#janela_conteudo #interna #bloco #rolagem3{ height: 220px; width: 330px;}
#janela_conteudo #interna h3{ margin: 10px 0 10px 0; padding: 0; font-size: 18px; color:#f29925; font-family: "Helvetica-Light"; font-weight:normal; text-align:left; outline: none; display:block; height: 20px;}
#janela_conteudo #interna p{ margin: 0; margin: 8px 0 2px 0; font-family: 'Tahoma'; font-size: 12px; color: #ffffff; text-align:justify;}
#janela_conteudo #fechar{ width: 51px; height: 16px; position:absolute; top: 435px; left: 50%; margin-left: -25px; margin-left: -45px;}
#janela_conteudo #fechar a.fechar{ height: 16px; display: block; background-image: url(../img/botoes/imgBtFechar.png); background-position: top; }
#janela_conteudo #fechar a.fechar:hover{ background-position: bottom; }

#janela_areas { width: 710px; height: 270px; position: absolute; float: left; background: url(../img/layout/imgBgConteudo.png); left: 50%; top: 50%; z-index: 5; overflow: visible; margin: -135px 0 0 -375px; padding: 20px; overflow: visible;}
#janela_areas h2{ width: 730px; height: 30px; padding: 20px 10px 30px 20px; float: left; display: block; color:#f29925; font-family: "Helvetica-Light"; font-weight:normal; font-size: 28px;}
#janela_areas #interna { width: 730px; margin: 10px; float: left; padding: 0 10px 0 10px; }
#janela_areas #interna ul { float: left; margin-right: 20px; overflow:visible; list-style: none;}
#janela_areas #interna ul.peq { width: 260px;}
#janela_areas #interna ul.grd { width: 390px;}
#janela_areas #interna ul li { height: 30px;  background:url(../img/layout/imgDtSeta.png) no-repeat; overflow:visible;}
#janela_areas #interna ul li p{ font-family: "Myriad Pro"; font-weight: bold; color:#FFF; font-size: 18px; list-style: none; margin: 0; padding-left: 25px; }
#janela_areas #fechar{ width: 51px; height: 16px; position:absolute; top: 315px; left: 50%; margin-left: -25px; margin-left: -45px;}
#janela_areas #fechar a.fechar{ height: 16px; display: block; background-image: url(../img/botoes/imgBtFechar.png); background-position: top; }
#janela_areas #fechar a.fechar:hover{ background-position: bottom; }

#janela_clientes { width: 960px; height: 360px; position: absolute; float: left; background: url(../img/layout/imgBgConteudo.png); left: 50%; top: 50%; z-index: 5; overflow: visible; margin: -180px 0 0 -480px; padding: 20px; overflow: visible;}
#janela_clientes h2{ width: 930px; height: 30px; padding: 20px 10px 30px 20px; float: left; display: block; /*color:#f29925;*/ color:#f29925; font-family: "Helvetica-Light"; font-weight:normal; font-size: 28px; text-align: center;}
#janela_clientes #interna { width: 920px; margin: 10px; float: left; padding: 0 10px 0 10px; text-align:center;}
#janela_clientes #fechar{ width: 51px; height: 16px; position:absolute; top: 405px; left: 50%; margin-left: -25px; margin-left: -45px;}
#janela_clientes #fechar a.fechar{ height: 16px; display: block; background-image: url(../img/botoes/imgBtFechar.png); background-position: top; }
#janela_clientes #fechar a.fechar:hover{ background-position: bottom; }


#thumb {width: 1020px; height: 95px; position: absolute; left: 50%; margin-left: -510px; bottom: 40px;}

#galeria_thumb{ width:880px; height:95px; margin:0; padding: 0; display:block; float:left;}
#thumb_ul{ height:95px; margin:0; padding: 0; display:block; float:left;}
#thumb_ul li{width:95px;height:95px; margin: 0px 5px; list-style: none; display:inline; }
#thumb_ul li a{ outline-style:none; width:95px; height:95px; display: inline-block; background-image: url(../img/botoes/imgFdBtOutGaleria.png); }
#thumb_ul li a:hover{ background-image: url(../img/botoes/imgFdBtOverGaleria.png); }
#thumb_ul li a.active{ background-image: url(../img/botoes/imgFdBtOverGaleria.png); }
#thumb_ul img{ margin: 7px; width: 81px; height: 81px; border:none;}

.bt_avancar { width: 34px; height: 68px; margin: 13px 18px; background:url(../img/botoes/imgBtSetaDirOutGaleria.png) no-repeat; float: left; }
.bt_avancar:hover { background:url(../img/botoes/imgBtSetaDirOverGaleria.png) no-repeat; }
.bt_voltar { width: 34px; height: 68px; margin: 13px 18px; background:url(../img/botoes/imgBtSetaEsqOutGaleria.png) no-repeat; float: left; }
.bt_voltar:hover { background:url(../img/botoes/imgBtSetaEsqOverGaleria.png) no-repeat; }

#descricao { background: url(../img/layout/imgFdPreto.png); width: 100%; position: absolute; text-align: center; top: 100px; height: 20px; z-index: 8; overflow:visible;}
#descricao #box{ margin: 0 auto; width: 1000px; display: none; }
#descricao #box p { color: #ffffff; font-family: Tahoma, Geneva, sans-serif; font-size: 14px; float: left; background:url(../img/botoes/imgSeta_right.png) no-repeat right; padding: 0 25px 0 0px; float:right; width: 1000px; text-align:right; display:block;}
#descricao #box p a { color: #FFC; }
#descricao #box p a:hover { color: #cca04d; text-decoration: underline;}

#janela_contato { width: 730px; height: 420px; position: absolute; float: left; background: url(../img/layout/imgBgConteudo.png) ; left: 50%; top: 50%; z-index: 5; overflow: visible; margin: -210px 0 0 -375px; padding: 10px 10px 0 10px; overflow: visible;}
#janela_contato #interna { width: 330px; height: 400px; margin: 10px; float: left; padding: 0 10px 0 10px; }
#janela_contato #interna h2{ height: 30px; display: block; color:#f29925; font-family: "Helvetica-Light"; font-weight:normal; font-size: 28px; }
#janela_contato #interna h3{ margin: 10px 0 10px 0; padding: 0; font-size: 18px; color:#f29925; font-family: "Helvetica-Light"; font-weight:normal; text-align:left;}
#janela_contato #interna p{ margin: 0; margin: 8px 0 2px 0; font-family: 'Tahoma'; font-size: 12px; color: #ffffff; text-align:justify;}
#janela_contato #fechar{ width: 51px; height: 16px; position:absolute; top: 440px; left: 50%; margin-left: -25px; margin-left: -45px;}
#janela_contato #fechar a.fechar{ height: 16px; display: block; background-image: url(../img/botoes/imgBtFechar.png); background-position: top; }
#janela_contato #fechar a.fechar:hover{ background-position: bottom; }

#formularioContato{ font-family: Tahoma, Geneva, sans-serif; font-size:11px; color: #ffe9b7; text-align: justify; min-height:80px; float:left; }
#formularioContato fieldset { border: 0 none;}
#formularioContato fieldset label{text-align:justify;font-size:12px;line-height:16px; color: #ffffff; margin:0 10px 10px 0px;}
#formularioContato fieldset input#nome{margin:2px 0px 2px 39px;}
#formularioContato fieldset input#email{margin:2px 0px 2px 40px;}
#formularioContato fieldset input#telefone{margin:2px 0px 2px 35px; }
#formularioContato fieldset input#assunto{margin:2px 0px 2px 28px;}
#formularioContato fieldset input{font-family: Verdana, Geneva, sans-serif; background: url(../img/layout/imgFdFieldInput.png) no-repeat;width:200px;height:24px; padding-left: 3px; font-size:10px;border:1px #a90000;margin:4px 0; color:#FFFFFF; overflow:hidden;}
#formularioContato fieldset textarea{font-family: Verdana, Geneva, sans-serif; width:200px;height:95px;padding:3px;font-size:10px;border:none;margin:2px 0px 4px 24px;vertical-align:top; background: url(../img/layout/imgFdFieldText.png) no-repeat; overflow:hidden; color:#FFFFFF;}
#formularioContato .btEnviar{ background: #f29925; color: #FFFFFF; width:60px; height:20px; margin:2px 0 0 110px; font-weight:bold; }
#formularioContato .btLimpar{ background: #f29925; color: #FFFFFF; width:60px; height:20px; margin:2px 0 0 30px; font-weight:bold; }


/* Rodapé */
#rodape { background: url(../img/layout/imgBgRodape.png); width: 100%; position: absolute; text-align: center; bottom: 0; height: 30px; z-index: 10; overflow:visible;}
#rodape #abrir{ width: 51px; height: 16px; position:absolute; top: -24px; left: 50%; margin-left: -45px;}
#rodape #abrir a.abrir{ height: 16px; display: block; background-image: url(../img/botoes/imgBtAbrir.png); background-position: top; }
#rodape #abrir a.abrir:hover{ background-position: bottom; }
#rodape #conteudo { width: 1000px; height: 20px; margin: 0 auto;}
#rodape #conteudo #copyright{ width: 320px; float: left; color: #ffffff; font-size: 10px; font-weight: bold; padding-top: 7px; font-family: Arial, Geneva, sans-serif; text-align:left; padding-left: 20px;}
#rodape #conteudo #grupo{ width: 93px; height: 23px; margin-top: 5px; float: right; margin-right: 50px;}
#rodape #conteudo #marcoplan{ width: 70px; height: 23px; margin-top: 7px; float: right;}

#bg { position:fixed; top:-50%; left:-50%; width:200%; height:200%;}
#bg img { position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; min-width:50%; min-height:50%; }