@import 'reset.css'; /* Zera valores igualando os navegadores */
@import 'tipo.css'; /* Tipografia, fontes, cores e tamanhos */
@import 'forms.css'; /* Formulários */
/* ============================== GRID ============================== */
body { text-align:center; background:#fff url(../img/bg_geral.gif) left top repeat; } /* Centraliza o site */
/* Container envolvendo tudo */
.container { position:relative; width:950px; margin:0 auto; text-align:left; }
.topo { position:relative; height:224px; width:100%; overflow:hidden; *z-index:2; }
.topo .container { height:100%; }
.topo-idioma { position:absolute; z-index:9; top:35px; right:5px; font-size:11px; color:#333; display:block; }
.topo-idioma a { position:relative; display:block; float:left; padding:4px; }
.tarja { width:950px; margin:0 auto; height:30px; margin-top:-30px; background:url(../img/bg_tarja_banner.png) left bottom no-repeat; }
.fundoTopo {
position:absolute;top:0;left:0;width:100%;height:224px;overflow:hidden;
background:url("../img/topoFundoRepete.png") left top repeat-x scroll #02458c;
}
.fundo-topo-container {
height:224px; width:1280px; margin-left:-140px;
background:url("../img/topoInstitucional.png") left bottom repeat-x scroll #fff;
}
/* === Fomrulário de Pesquisa do Topo === */
.pesquisa { position:absolute; top:0; right:44px; width:397px; height:55px; background:#fff url(../img/bg_topo_busca.png) left bottom no-repeat; }
.pesquisa form { margin-left: 85px; margin-top: 20px; position: relative; overflow:hidden; padding-top:5px; }
.pesquisa button { position:relative; margin-left:5px; top:-7px; width:38px; height:38px; border:none; background:url(../img/btn_topo_busca.png) left top no-repeat; float:left; padding:0 !important; }
.pesquisa input { width:176px; height:17px; color:#979797; font-size:11px; }
.meio { position:relative; z-index:2; }
.container-meio { background-color:#fff; }
#seguraMenu {margin: 0pt auto; width: 950px; height: 160px; *height:0;}
.submenu { font-size: 14px; margin-left: 0px; margin-top: -160px; position: relative; z-index: 99;}
/* RODAPÉ */
.rodape { clear:both; text-align:center; }
.rodape .container { background-color:#fff; padding:10px 0 30px 0; text-align:right; }
.assinatura { margin:0 20px; font-size:11px; }
.assinatura object { position:relative; top:1px; }
.menu-rodape { float:left; margin-left:20px; }
.menu-rodape a {
display:inline-block; color:#1b64aa; text-decoration:underline; text-indent:8px; font-size:11px; margin-right:16px;
background:url(../img/bullet_seta.gif) left 7px no-repeat;
}
.menu-rodape a:hover { color:#1c414c; }
/* Home Page-------------------------------------------------------------- */
/* Reconfigura o
*/
hr { background:#ddd; color:#ddd; clear:both; float:none; width:100%; height:.1em; margin:0 0 1.4em; border:none; }
hr.space { background:#fff; color:#fff; }
.conter { overflow:auto; }
.teleMktFone {background:url("../img/home_telemarketing.html") no-repeat scroll 0 0 transparent;color:#3C3A3B;float:left;font-size:22px;
font-weight:bold;height:38px;margin:0 0 10px;padding:36px 0 0 91px;width:192px;}
.voltar {background:url("../img/btn_voltar.html") no-repeat scroll left top transparent;display:block;height:38px;text-indent:-9999px;width:79px;
margin:0px 0px 0px 50px;}
.voltar:hover{background:url("../img/btn_voltar.html") no-repeat scroll left -40px transparent;}
.enviar{ background:url("../img/btn_enviar.html") no-repeat left top; display:block;height:43px;text-indent:-9999px;width:86px; border:0px none;}
.enviar:hover{background:url("../img/btn_enviar.html") no-repeat scroll left -40px transparent; border:0px none;}
/*paginacao*/
.paginacao {display:block;height:20px;margin:20px 0 30px 0;width:100%;}
.paginacao ul { float:left; width:100%; text-align:center; margin-left:20%;}
.paginacao ul li { float:left; margin:0px 2px 0px 0px;}
.paginacao ul li a { font-size:14px; color:#666;height:18px;padding:2px 0 9px;width:24px; display:block;}
.paginacao ul li a:hover{ font-weight:bold;}
.paginacao ul li.active {background:url("../img/paginativo.html") no-repeat scroll 0 0 transparent;color:#FFFFFF;display:block;font-weight:bold;height:18px;padding:2px 0 9px;width:24px;}
.paginacao ul li a img{ margin:6px 0px 0px 0px;}
.paginacao ul li img{margin:8px 15px 0;}
#pagination-flickr{ width:auto;}
.linkVoltar {
background: url("../img/bullet_seta.gif") no-repeat scroll left 7px transparent;
color: #1B64AA; clear: left; display: block; float: left;
font-size: 11px;
margin-right: 16px;
text-decoration: underline;
text-indent: 8px; margin: 10px 0;
}
.linkVoltar:hover{color:#1c414c;}
/* ============================== FIM de 'grid' ============================== */
h1.logo { float:left; margin-top:-147px; }
h1.logo a { display:block; background:url(../img/logo_topo.png) center no-repeat; width:161px; height:105px; text-indent:-9000px; padding:0; }
.submenu ul { list-style:none; margin-left:254px; }
.submenu ul ul { display:none; margin-left:15px; } /* Esconde os subníveis */
.home .submenu ul ul { background:url(../img/submenu_bg_base.png) left bottom repeat-x; }
.submenu ul li { float:left; width:100%; clear:left; white-space:nowrap; }
.horizontal ul li { position:relative; float:left; width:auto; clear:none; }
.horizontal ul li.prim { padding-top:4px; background-position:0 -33px; }
.horizontal ul li a.ativo { background:url(../img/seta_menu_ativo.html) center top no-repeat; }
.horizontal ul li a.pri { padding-top:10px; }
.horizontal ul li li { width:100%; background:url(../img/menu_sublink_bg.gif) left center no-repeat; padding-left:17px; line-height:15px; font-size:13px; }
.horizontal ul li li.ultimo { padding-bottom:5px; background-image:url(../img/menu_sublink_ultimo_bg.gif); background-position:0 -7px; }
.menu-top { padding:0 10px; }
.submenu li:hover, .submenu li.over { position:relative; }
.submenu li a { /* IEFIX */ text-decoration:none; color:#fff; display:block; padding:4px; }
.horizontal li a { border-bottom:0 none; padding:4px 0; float:left; text-align:center; width:100%; }
.horizontal li li a { text-align:left; float:none; }
.submenu li a:hover { text-decoration:underline; }
.submenu li a:hover span { text-decoration:none; }
.submenu li li a, .submenu li:hover li a, .submenu li.over li a { /* Visual do segundo nível */ color:#fff; }
.submenu li li li a, .submenu li li:hover li a, .submenu li li.over li a { background-color:#EDEFF3; /* Visual do terceiro nível */ color:#069; }
.submenu li li li a:hover { background-color:#E0E5EF; }
/* Exibe o submenu do primeiro e segundo níveis no mouse over */
.sub-1 li:hover ul, .sub-1 li.over ul, .sub-1 ul ul li:hover ul, .sub-1 ul ul li.over ul, .sub-2 ul ul li:hover ul, .sub-2 ul ul li.over ul { display:block; }
/* Mantém os próximos níveis escondidos até chegar a hora deles */
.sub-1 li:hover ul ul, .sub-1 li.over ul ul { display:none; }
/* Posiciona os submenus */
.sub-1 ul ul, .sub-2 ul ul ul, .horizontal ul ul ul { position:absolute; top:15%; left:75%; width:190px; padding-left:10px; z-index:200; }
.horizontal ul ul ul { width:190px; padding-left:10px; }
.horizontal ul ul { left:0%; top:100%; }
.sub-2 ul ul a { padding-left:15px; } /*Identação para o segundo nível */
/* -------------------- Banner Home -------------------- */
#banner-home { width:100%; }
#banner-slider { position:relative; height:243px; }
#banner-home .tarja {
position:relative; width:100%; height:47px; line-height:47px;
font-family:Conduit, helvetica; color:#fff; font-size:27px; text-transform:uppercase;
text-align:left; text-indent:380px;
background:url(../img/banner_tarja_verde.jpg) #1e6616 center top no-repeat;
}
#banner-home .banner-seta {
position:relative; top:0; z-index:2; width:20px; height:10px; margin:0 auto;
background:url(../img/banner_seta_verde.gif) center top no-repeat;
}
#banner-foto { position:absolute; bottom:0; left:0; width:100%; height:377px; }
.anythingSlider { width:950px; position:relative; margin:0 auto 18px; height:480px; }
.anythingSlider .wrapper { width:950px; overflow:auto; position:absolute; top:0; left:0; height:480px; }
.anythingSlider .wrapper ul { width:32700px; position:absolute; top:0; left:0; float:left; }
.anythingSlider ul li { float:left; height:auto; width:950px; margin:0; position:relative;}
.anythingSlider .wrapper li a { display:block; width:950px; height:480px; text-indent:-9999px; overflow:hidden; }
.anythingSlider .arrow { display:block; height:32px; width:17px; background:url(../img/banner_seta_vai.html) no-repeat 0 0; text-indent:-9999px; z-index:999; overflow:hidden; position:absolute; bottom:180px; left:905px; cursor:pointer; }
.anythingSlider .back { background-image:url(../img/banner_seta_volta.html); left:25px; }
.anythingSlider .arrow:hover { background-image:url(../img/banner_seta_vai_on.html); }
.anythingSlider .back:hover { background-image:url(../img/banner_seta_volta_on.html); }
#thumbNav { position:absolute; left:50px; bottom:50px; padding:0 8px; background:url(../img/banner_contador.html) right top no-repeat; }
#thumbNav a { color:#fff; float:left; padding:5px 11px 6px; margin:0 5px 0 0; background:url(../img/banner_contadorli.html) 12px top; text-align:center; }
#thumbNav a:hover, #thumbNav a.cur { background-position:center bottom; color:#cc3300; }
#start-stop { background:url(../img/banner_contadorplay.html) left top no-repeat; width:25px; height:29px; display:block; position:absolute; left:25px; bottom:50px; }
#start-stop.playing { background-position:left bottom; }
.banner { height:480px; width:950px; position:relative; }
.banner .transp { position:absolute; top:0; left:0; height:142px; width:100%; background:url(../img/bg_banner_trans.html) left top repeat-x; }
.banner .traco { position:absolute; bottom:-4px; left:-70px; height:56px; width:1090px; background:url(../img/traco_vermelho.html) center bottom no-repeat; }
.banner .legenda { position:absolute; bottom:4px; right:35px; height:160px; width:290px; background:url(../img/bg_legenda_banner.html) center bottom repeat-x; font-family:Kabel; color:#fff; }
.banner .legenda p { font-size:16px; margin:85px 0 0 43px; }
.banner .legenda span { display:inline-block; margin-top:5px; font-size:30px; line-height:30px; }
/* === PÁGINA INICIAL === */
.traco-separa {
position:relative; width:100%; height:63px; margin-top:-38px; z-index:22;
background:url(../img/traco_separa.png) center bottom no-repeat;
}
.conteudo-meio { overflow:hidden; background-color:#fff; padding:15px 0; }
.home h2 {
font-size:28px; margin-bottom:30px; line-height:28px; font-family:Conduit; text-transform:uppercase; color:#1c2d5a;
text-indent:15px; background:url(../img/bullet_seta_abaixo.gif) left 12px no-repeat; white-space:nowrap;
}
.ver-todos { color:#1b64aa; text-decoration:underline; }
.ver-todos:hover { color:#1c414c; }
.ver-seta { display:inline-block; text-indent:10px; font-size:11px; background:url(../img/bullet_seta.gif) left center no-repeat; }
.check { display:block; padding-left:25px; background:url(../img/bullet_check.jpg) left top no-repeat; }
/* NOTÍCIAS */
.noticias { position:relative; float:left; height:305px; width:297px; margin:0 33px 35px 30px; font-size:11px; background:url(../img/home_noticias_bg.jpg) left bottom no-repeat; }
.noticias li { border-top:#717171 1px dotted; margin:0 22px 15px 22px; padding:10px 0 0 20px; line-height:15px; background:url(../img/bullet_seta.gif) 3px 15px no-repeat; }
.noticias .prim { border:none; }
.noticias span { display:block; }
.noticias .ver-todos { position:absolute; bottom:4px; right:53px; }
/* PRODUTOS */
.produtos { overflow:hidden; float:left; height:305px; width:560px; margin-bottom:35px; background:url(../img/home_produtos_bg.jpg) left bottom no-repeat; }
.produtos ul { margin-bottom:20px; overflow:hidden; }
.produtos li { position:relative; float:left; width:172px; height:236px; margin-left:11px; background:url(../img/home_prod_bg.png) left bottom no-repeat; }
.produtos div { position:relative; height:122px; width:142px; margin:0 auto; }
.produtos img { height: 122px;left: 0; position: absolute; top: 0; width: 142px;}
.produtos .tit { color:#5a5a5a; font-family:Conduit; text-transform:uppercase; font-size:16px; line-height:16px; margin:12px 0 8px 0; text-align:center; }
.produtos .tit a { color:#5a5a5a; }
.produtos .desc { line-height:14px; margin:0 8px; font-size:11px; text-align:center; }
/* REPRESENTANTES */
.representantes { float:left; width:275px; height:190px; margin:0 33px 0 30px; }
.representantes .mapa { display:block; float:left; margin-right:12px; }
.representantes .check { float:left; width:145px; }
/* CERTIFICAÇÕES */
.certificados { position:relative; float:left; width:280px; height:190px; font-size:11px; }
.certificados h2 { margin-bottom: 28px; }
.certificados div { float:left; height:63px; }
.certificados span { position:relative; z-index:2; line-height:13px; }
.certificados div a:hover { text-decoration:none; }
.certificados div a:hover span { text-decoration:underline; }
.certif-iso { width:110px; margin-right:22px; }
.certif-iso img { margin-top:0px; }
.certif-duns { width:110px; }
.certif-duns img { margin-top:3px; }
.certificados .check { float:left; margin:15px 0 5px 0; }
/* TRABALHE CONOSCO */
.trabalhe { float:left; width:250px; height:190px; }
.trabalhe img { display:block; float:left; margin-right:18px; }
.trabalhe p { float:left; width:120px; white-space:nowrap; }
.trabalhe .ver-todos { margin-top:5px; }
/* EMPRESAS */
.base-empresas { position:relative; text-align:center; width:100%; height:190px; margin-bottom:-39px; clear:both; background:url(../img/bg_empresas.png) left top repeat; }
.base-empresas .container { height:100%; padding-top:1px; background-color:#eef3f6; }
.base-empresas .logo-pai { display:block; margin:20px auto; }
.base-empresas ul { margin: 0 auto; width: 770px; }
.base-empresas li { float:left; height:50px; padding-top:10px; border-left:#717171 1px dotted; padding:0 40px; }
.base-empresas .prim { border:none; margin-left:0; }
/* REVISTA 100 ANOS */
.revista { width: 295px; height: 200px; margin-left: 25px; overflow: hidden; }
.revista div { display: block; width: 230px; margin: 0px auto 0; float: none; }
.revista a { }
.revista a span { float: left; width: 160px; }
.revista a img { width: 90px; }
.conteudo .revista a img { width: 250px; }
.trabalhe.revista.gc { clear: both; margin: 0 260px 0 280px; width: 320px; height: 150px; }
/* POPUP DA HOME */
#pop-home { position:fixed; top:120px; left:0; right:0; z-index:9999; }
#pop-home div { position:relative; left:300px; margin:0 auto; width:240px; padding:5px 10px 10px 10px; background:#fff; }
#pop-home p { font-size:12px; margin-bottom:20px; text-align:left; color:#666; }
#pop-home .fechar { position:absolute; width:53px; height:18px; right:-5px; top:-8px; color:#fff; text-align:left; line-height:18px; text-indent:3px; font-size:11px; background:url(../img/pop_fechar.png) left top repeat; }