@font-face {
    font-family: 'GothamBook';
    src: url('../fonts/gotham-book.eot');
    src: url('../fonts/gotham-book.eot') format('embedded-opentype'),
         url('../fonts/gotham-book.woff') format('woff'),
         url('../fonts/gotham-book.ttf') format('truetype'),
         url('../fonts/gotham-book.svg#GothamBook') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GothamBold';
    src: url('../fonts/gotham-bold.eot');
    src: url('../fonts/gotham-bold.eot') format('embedded-opentype'),
         url('../fonts/gotham-bold.woff') format('woff'),
         url('../fonts/gotham-bold.ttf') format('truetype'),
         url('../fonts/gotham-bold.svg#GothamBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

* { outline: 0 none; }
body { margin: 0; font-family: 'tahoma'; color: #333; font-size: 12px; overflow-x: hidden; }
a { text-decoration: none; color: #333; } a:hover { text-decoration: underline; }
a span { display: none; }
a img { border: none; }
input, select, textarea { font-family: 'tahoma'; color: #333; font-size: 12px; }

.wrapper { width: 1000px; margin: 0 auto; }

#topo { background: url(../../imagens/bg_topo.png) center top; width: 100%; float: left; height: 38px; }
#topo #logo { position: absolute; margin: 0; }
#topo #logo a { background: url(../../imagens/logo.png); width: 183px; height: 116px; display: block; }
#topo .fone_topo { float: right; margin-top: 6px; }

#menu { float: left; background: #3b527c; width: 100%; height: 63px; }
#menu ul { list-style: none; padding: 0; margin: 0; float: right; }
#menu ul li { float: left; }
#menu ul li a { background: url(../../imagens/sep_menu.png) right no-repeat; display: block; padding: 22px 24px 23px; }
#menu ul li a:hover, #menu ul li a.active { background-color: #293e63; }
#menu ul li:last-child a { background-image: none; }
#menu ul li a span { background: url(../../imagens/menu.png); height: 18px; display: block; text-indent: -9999em; }
#menu ul li a.home span { background-position: left top; width: 20px; }
#menu ul li a.quem_somos span { background-position: -68px top; width: 102px; }
#menu ul li a.produtos span { background-position: -219px top; width: 82px; }
#menu ul li a.servicos span { background-position: -361px top; width: 74px; }
#menu ul li a.representantes span { background-position: -493px top; width: 135px; }
#menu ul li a.fale_conosco span { background-position: right top; width: 117px; }

#banner { background: url(../../imagens/bg_index.jpg) center top no-repeat; width: 100%; float: left; height: 496px; }
#banner b.top { background: url(../../imagens/top_banner.png); width: 1000px; height: 5px; display: block; position: absolute; z-index: 1000; margin: 30px 0 0 -1px; }
#banner b.bottom { background: url(../../imagens/bottom_banner.png); width: 1000px; height: 5px; display: block; position: absolute; z-index: 1000; margin: 445px 0 0 -1px; }
#banner .wrapper { width: 998px; margin: 0 auto; }
#banner .slide { float: left; width: 998px; text-align: center; position: relative; height: 418px; overflow: hidden; position: relative; margin-top: 31px; }
#banner .slide ul { height:188px; width:100%;  position: relative; margin: 0 auto; padding:0; list-style: none;}
#banner .slide ul li { position:absolute; top:0; left:0; width:100%; height:418px; z-index:90; display:none}
#banner .slide div.barra { width:0; height:3px; background:#fff; position:absolute; z-index:99; left:0; top:0;opacity: 0.6}
#banner .slide div.fundo { width:100%; height:418px; position:absolute; left:0; top:0; bottom:0; right:0; z-index:0; display:none}
#banner .slide p { position: absolute; display: block; width: 985px; z-index: 1000; text-align: right; margin-top: 190px; }
#banner .slide p span { background: url(../../imagens/nav_banner.png) right; font-family: 'GothamBook'; font-size: 16px; padding: 4px 0 5px; text-align: center; color: #273246; width: 28px; margin-left: 2px; cursor: pointer; display: inline-block; }
#banner .slide p span.ativo { background-position: left; color: #fff; font-family: 'GothamBold'; }

#boxes { width: 100%; float: left; height: 385px; margin-top: 10px; border-bottom: 1px solid #BAC1CE; }
#boxes .area { width: 110%; float: left; }
#boxes .box { float: left; width: 235px; border: 1px solid #dedede; margin: 0 17px 0 0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#boxes .box .thumb { float: left; border-bottom: 1px solid #dedede; height: 179px; width: 235px; overflow: hidden; }
#boxes .box .txt { background: url(../../imagens/bg_box.png) center top repeat-x; width: 205px; height: 50px; padding: 15px; float: left; line-height: 15px; font-size: 11px; }
#boxes .box .txt h3 { font-family: 'GothamBook'; font-size: 16px; text-transform: uppercase; font-weight: normal; margin: 0; }
#boxes .box .txt h3 a { color: #3b527c; }
#boxes .box .txt p { height: 45px; }
#boxes .box .bt_info { background: url(../../imagens/bt_info.png); width: 150px; height: 22px; display: block; float: left; margin-top: 8px; }
#boxes .bt_mais { text-align: center; width: 1000px; position: absolute; margin-top: 370px; }
#boxes .bt_mais .mais_produtos { background: url(../../imagens/mais_produtos.png); width: 182px; height: 33px; display: inline-block; }

#content { background: #f2f2f2; float: left; width: 100%; padding: 48px 0; }
.interna #content { background: url(../../imagens/bg_interna.jpg) center top repeat-x #fff; min-height: 350px; padding: 30px 0 65px; line-height: 18px; }
#content #quem_somos { background: #fff; border: 1px solid #dedede; padding: 15px; width: 455px; height: 177px; float: left; line-height: 17px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#content #quem_somos .thumb { float: left; width: 192px; height: 165px; display: block; margin-right: 16px; overflow: hidden; border: 6px solid #dce5ee; }
#content #quem_somos .thumb img { width: 100%; }
#content #quem_somos h3 { font-family: 'GothamBook'; font-size: 19px; margin-bottom: 20px; font-weight: normal; text-transform: uppercase; margin: 0; }
#content #quem_somos h3 a { color: #3b527c; }
#content #quem_somos .leia_mais { background: url(../../imagens/leia_mais.png); width: 97px; height: 22px; margin-top: 8px; display: block; float: left; }

#content .caminho { background: #fff; width: 984px; padding: 5px 8px; text-transform: uppercase; font-size: 11px; font-family: 'GothamBook'; margin: 0 0 20px; float: left; display: block; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#content .caminho a { color: #3b527c; }
#content h2 { font-family: 'GothamBold'; font-size: 28px; color: #3b527c; font-weight: normal; text-transform: uppercase; letter-spacing: -1.5px; margin: 0 0 25px; }
#content .right { float: right; border: 10px solid #E0E3EC; margin: -12px 0 30px 30px; }

#content #manutencao { background: #fff; border: 1px solid #dedede; padding: 15px; width: 455px; height: 177px; float: right; line-height: 17px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#content #manutencao .thumb { float: left; width: 192px; height: 165px; display: block; margin-right: 16px; overflow: hidden; border: 6px solid #dce5ee; }
#content #manutencao .thumb img { width: 100%; }
#content #manutencao h3 { font-family: 'GothamBook'; font-size: 19px; margin-bottom: 20px; font-weight: normal; text-transform: uppercase; margin: 0; }
#content #manutencao h3 a { color: #3b527c; }
#content #manutencao .leia_mais { background: url(../../imagens/leia_mais.png); width: 97px; height: 22px; margin-top: 8px; display: block; float: left; }

#content #categorias { float: left; width: 210px; }
#content #categorias ul { list-style: none; padding: 0; margin: 0; }
#content #categorias ul li { float: left; margin-bottom: 2px; }
#content #categorias ul li a { background: #79A7DA; padding: 8px; width: 204px; color: #fff; display: block; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#content #categorias ul li .sub li a { color: #000000;background: #fff; border: 1px solid #eee; padding: 7px; }
#content #categorias ul li a.active { background: #3B527C; }

#content .mapa { background: #fff;border: 10px solid #fff; float: left; width: 980px; height: 400px; }

#area_produtos { float: left; margin-left: 20px; width: 765px; }
#area_produtos .box { float: left; width: 235px; border: 1px solid #dedede; margin: 0 0 22px 17px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#area_produtos .box.last { margin-right: 0; }
#area_produtos .box .thumb { float: left; border-bottom: 1px solid #dedede; height: 179px; width: 235px; overflow: hidden; }
#area_produtos .box .txt { background: url(../../imagens/bg_box.png) center top repeat-x; width: 205px; height: 50px; padding: 15px; float: left; line-height: 15px; font-size: 11px; }
#area_produtos .box .txt h3 { font-family: 'GothamBook'; font-size: 16px; text-transform: uppercase; font-weight: normal; margin: 0; }
#area_produtos .box .txt h3 a { color: #3b527c; }
#area_produtos .box .txt p { height: 45px; }
#area_produtos .box .bt_info { background: url(../../imagens/bt_info.png); width: 150px; height: 22px; display: block; float: left; margin-top: 8px; }
#area_produtos .bt_mais { text-align: center; width: 1000px; position: absolute; margin-top: 370px; }

#area_txt { float: right; width: 750px; }
#area_txt h3.title_servico { font-family: 'GothamBook'; font-size: 20px; color: #3B527C; text-transform: uppercase; font-weight: normal; margin: 0; }

#galeria_produto { background: #fff; border: 1px solid #ddd; overflow: hidden; width: 334px; float: left; padding: 10px; margin-left: 20px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#gal1 { float: left; width: 100%; margin-top: 10px; text-align: center; }
#gal1 a { display: inline-block; }
#gal1 a.active img { border: 1px solid #333; }
#gal1 a img { border: 1px solid #ddd; }

#descricao_produto { float: right; width: 360px; line-height: 17px; margin: 10px 0 0; }
#descricao_produto h3{ font-family: 'GothamBook'; font-size: 21px; color: #3B527C; text-transform: uppercase; font-weight: normal; margin: 0 0 20px; }

.area_contato { width: 100%; float: left; text-align: center; vertical-align: top; }
#fale_conosco { display: inline-block; margin: 20px 10px 0; width: 812px; vertical-align: top; text-align: left; }
#fale_conosco .area { background: #fff; border: 3px solid #ddd; padding: 15px 15px 5px; width: 775px; float: left; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
#fale_conosco .area .col_esq { float: left; width: 381px; }
#fale_conosco .area .col_dir { float: right; width: 381px; }
#fale_conosco .area p { float: left; width: 100%; margin: 0 0 10px; }
#fale_conosco .area h4 { font-family: 'myriad_proregular'; font-weight: normal; font-size: 16px; margin: 0 0 10px; color: #2D5F7E; }
#fale_conosco .area input[type=text], #fale_conosco .area textarea { background: #EEEFF4; width: 355px; border: 1px solid #ccc; border-left: 5px solid #bbb; font-family: arial; color: #444; font-size: 12px; padding: 0 10px; height: 35px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#fale_conosco .area textarea { padding: 10px; height: 154px; }
#fale_conosco .area input[type=submit] { background: url(../../imagens/enviar.png); width: 123px; height: 35px; display: block; border: none; float: right; }
#fale_conosco .area .submit { float: left; width: 100%; margin: 0 0 10px; }

#rodape { background: url(../../imagens/bg_rodape.jpg) center top; width: 100%; height: 245px; float: left; }
#rodape #newsletter { float: left; width: 297px; margin-top: 26px; }
#rodape #newsletter h3 { margin: 0; }
#rodape #newsletter div { background: #2b426d; padding: 10px; width: 277px; line-height: 16px; float: left; color: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#rodape #newsletter div form { margin-top: 10px; }
#rodape #newsletter div p { margin: 0; }
#rodape #newsletter div form p { float: left; display: block; width: 100%; margin-top: 6px; }
#rodape #newsletter div input[type=text] { background: url(../../imagens/input_news.png); width: 256px; height: 34px; border: none; float: left; padding: 0 10px; }
#rodape #newsletter div input[type=text].email { background: url(../../imagens/input_news.png) left bottom; width: 216px; height: 34px; border: none; float: left; padding: 0 10px; }
#rodape #newsletter div input[type=submit] { background: url(../../imagens/submit_news.png); width: 36px; height: 34px; float: right; border: none; }
#rodape #localizacao { float: left; width: 258px; font-family: 'GothamBook'; color: #fff; font-size: 16px; display: block; margin: 34px 0 0 45px; }
#rodape #localizacao h3 { margin: 0; }
#rodape #localizacao hr { width: 100%; display: block; border-top: 1px solid #2b426d; border-bottom: 1px solid #627699; border-left: 0; border-right: 0; margin-bottom: 18px; float: left; }
#rodape #localizacao .bt_mapa { background: url(../../imagens/bt_mapa.png); width: 221px; height: 35px; display: block; float: left; margin-top: 28px; }
#rodape #localizacao .bt_mapa { background: url(../../imagens/bt_mapa.png); width: 221px; height: 35px; display: block; float: left; margin-top: 28px; }
#rodape #dados { float: right; width: 400px; text-align: right; color: #9ab1ce; font-size: 10px; margin-top: 37px; }
#rodape #dados .fone { float: right; }
#rodape #dados .selo { float: right; margin-top: 10px; width: 100%; text-align: right; }
#rodape #dados div { float: left; width: 400px; text-transform: uppercase; margin-top: 8px; }
#rodape #dados div a { color: #9ab1ce; }