/* ---------------------------------------- Programação: Axis Focus Informática Ltda. Gráficos: Casa das Idéias ------------------------------------------- ----------------------- Geral ----------------------- */ * { margin:0px; padding:0px; font:11px/16px Arial, Helvetica, sans-serif; color:#000; list-style:none; } img { border:none; } header, footer, aside, nav, section, article, figure, hgroup { display:block; } /* -------------------- Layout -------------------- */ #moldura { width:100%; min-width:1020px; } #cabecalho { width:100%; height:295px; z-index:0; } #cabecalho #cabecalho_fixo { width:100%; height:295px; background-color:#fff; position:fixed; z-index:1; } #cabecalho #cabecalho_fixo #titulo { width:100%; height:45px; margin-right:26px; } #corpo { padding:10px; } #rodape { border-top:10px solid #fff; background:rgb(63,59,56) url(../imagens/estrutura/rodape_bg.jpg) repeat-x; clear:both; } /* -------------------- Configurações específicas -------------------- */ /* ----- Cabeçalho superior ----- */ #cabecalho .superior { width:100%; min-width:1020px; height:120px; float:left; /* gradient */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#f7f7f7'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#f7f7f7)); /* for webkit browsers */ background: -moz-linear-gradient(top, #cccccc, #f7f7f7); /* for firefox 3.6+ */ } #cabecalho .inferior { width:100%; min-width:1020px; height:130px; margin-top:120px; } #cabecalho .superior h1 { width:365px; height:97px; margin:8px 0px 15px 13px; float:left; } #cabecalho .superior h1 img { width:365px; height:97px; } #cabecalho .superior .area_vip_busca { width:185px; margin:0px 68px 0px 67px; float:left; } #cabecalho .superior .area_vip { width:176px; height:44px; margin:15px 20px 0px 5px; background:url(../imagens/estrutura/cabecalho_h2_img.png) no-repeat left center; float:left; } #cabecalho .superior .area_vip a { padding:6px 0px 0px 54px; display:block; text-decoration:none; font-size:12px; } #cabecalho .superior .area_vip a span { color:rgb(227,156,10); font-weight:bold; font-size:12px; } #cabecalho .superior .busca_produtos { width:185px; height:29px; margin:16px 0px 0px 0px; float:left; background-image:url(../imagens/estrutura/cabecalho_busca_bg.png); } #cabecalho .superior .busca_produtos #termo { width:145px; height:11px; margin:3px 0px 3px 3px; padding:6px 3px 6px 3px; float:left; font-size:11px; color:rgb(179,179,179); background-color:#fff; } #cabecalho .superior .busca_produtos #ok { width:31px; height:29px; overflow:hidden; text-indent:-32767px; background-image:url(../imagens/estrutura/cabecalho_busca_bt.png); cursor:pointer; } #cabecalho .superior .principal { height:37px; margin:20px 0px 14px 0px; } #cabecalho .superior .principal li { height:37px; padding:0px 10px; float:left; } #cabecalho .superior .principal li a { height:37px; display:block; } #cabecalho .superior .principal li.home { width:30px; padding-left:47px; } #cabecalho .superior .principal li.home a { width:30px; background:url(../imagens/estrutura/cabecalho_li_home.png) no-repeat center; overflow:hidden; text-indent:-32767px; } #cabecalho .superior .principal li.contato { width:38px; } #cabecalho .superior .principal li.contato a { width:38px; background:url(../imagens/estrutura/cabecalho_li_contato.png) no-repeat center; overflow:hidden; text-indent:-32767px; } #cabecalho .superior .principal li.parceiros { width:49px; } #cabecalho .superior .principal li.parceiros a { width:49px; background:url(../imagens/estrutura/cabecalho_li_parceiros.png) no-repeat center; overflow:hidden; text-indent:-32767px; } #cabecalho .superior .principal li.clientes { width:39px; } #cabecalho .superior .principal li.clientes a { width:39px; background:url(../imagens/estrutura/cabecalho_li_clientes.png) no-repeat center; overflow:hidden; text-indent:-32767px; } #cabecalho .superior .principal li.login { width:26px; } #cabecalho .superior .principal li.login a { width:26px; background:url(../imagens/estrutura/cabecalho_li_login.png) no-repeat center; overflow:hidden; text-indent:-32767px; } #cabecalho .superior .secundario { height:29px; margin-top:4px; float:left; } #cabecalho .superior .secundario li { width:97px; height:29px; background-image:url(../imagens/estrutura/cabecalho_menu_secundario_bg.png); float:left; list-style-type:none; } #cabecalho .superior .secundario li:hover { background:url(../imagens/estrutura/cabecalho_menu_secundario_bg.png) right center; } #cabecalho .superior .secundario li + li { margin-left:5px; } #cabecalho .superior .secundario li a { width:90px; height:13px; padding:3px 0px 0px 0px; display:block; text-align:center; font-size:11px; line-height:12px; font-weight:bold; color:rgb(180,59,64); text-decoration:none; } #cabecalho .superior .atendemos { width:169px; height:42px; margin:18px 0px 19px 14px; float:left; background-image:url(../imagens/estrutura/cabecalho_atendemos_e-mail.png); } #cabecalho .superior .e-mail a { width:169px; height:42px; display:block; overflow:hidden; text-indent:-32767px; } /* ----- Cabeçalho inferior ----- */ #cabecalho .inferior .telefones_atendemos { width:100%; min-width:1020px; height:50px; /* gradient */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b43b40', endColorstr='#000000'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#b43b40), to(#000000)); /* for webkit browsers */ background: -moz-linear-gradient(top, #b43b40, #000000); /* for firefox 3.6+ */ } #cabecalho .inferior .telefones_atendemos .telefones { width:360px; height:22px; margin:14px 0px 14px 242px; float:left; background-image:url(../imagens/estrutura/cabecalho_telefones.png); overflow:hidden; text-indent:-32767px; } #cabecalho .inferior .telefones_atendemos .e-mail_horario { width:136px; margin:14px 65px 13px 64px; float:left; } #cabecalho .inferior .telefones_atendemos a { width:123px; height:10px; margin:0px 6px 4px 7px; display:block; background-image:url(../imagens/estrutura/cabecalho_email.png); overflow:hidden; text-indent:-32767px; } #cabecalho .inferior .telefones_atendemos span { width:136px; height:9px; display:block; background-image:url(../imagens/estrutura/cabecalho_horario.png); overflow:hidden; text-indent:-32767px; } #cabecalho .inferior .telefones_atendemos .atendemos { width:131px; height:39px; margin:6px 0px 5px 0px; float:left; background:url(../imagens/estrutura/cabecalho_atendemos.png) no-repeat; overflow:hidden; text-indent:-32767px; } #cabecalho .inferior .espaco { width:234px; height:75px; margin:5px 0px 0px 0px; float:left; background-color:rgb(230,230,230); } #cabecalho .inferior ul { width:786px; float:left; } #cabecalho .inferior li { width:90px; height:35px; margin:5px 3px 0px 3px; float:left; } #cabecalho .inferior li a { width:90px; height:35px; position:relative; padding:0px; font:normal 11px/11px Arial; background-image:url(../imagens/estrutura/menu_li_bg_off.jpg); text-align:center; display:block; text-decoration:none; } #cabecalho .inferior li a:hover { background-image:url(../imagens/estrutura/menu_li_bg_on.jpg); } #cabecalho .inferior li a .esquerda, #cabecalho .inferior li a .direita { width:4px; height:35px; vertical-align:middle; display:inline-block; } #cabecalho .inferior li a .texto { width:82px; vertical-align:middle; display:inline-block; font:normal 11px/11px Arial; color:rgb(77,77,77); } #cabecalho .inferior li a:hover { color:rgb(71,54,60); } #cabecalho .inferior li.selecionado a { background-image:url(../imagens/estrutura/menu_li_bg_on.jpg); } #cabecalho .inferior li.selecionado a .texto{ color:rgb(124,22,33); font-weight:bold; } #cabecalho .inferior li.destaque a .texto { color:rgb(204,119,0); } #cabecalho .inferior li.destaque .menu_imagem { width:150px; height:36px; margin:-11px 0px 0px -15px; display:block; overflow:hidden; text-indent:-32767px; } #cabecalho .inferior li.separador { height:5px; background-color:#fff; } /* ----- Cabeçalho título ----- */ #cabecalho .titulo { margin:0px 0px 5px 0px; } #cabecalho .titulo #tabber { height:45px; background:url(../imagens/estrutura/menu_categorias_bg.jpg) 0px 7px repeat-x; } #cabecalho .titulo #tabber ul { height:45px; padding:0px 10px; } #cabecalho .titulo #tabber ul li { height:45px; float:left; list-style-type:none; } #cabecalho .titulo #tabber a { height:22px; margin-top:10px; display:block; font-size:11px; background-image:url(../imagens/estrutura/menu_categorias_item_bg.jpg); float:left; text-decoration:none; cursor:hand; } #cabecalho .titulo #tabber a span { float:left; } #cabecalho .titulo #tabber a .texto { padding:5px 14px 0px 14px; color:#666; } #cabecalho .titulo #tabber a .esquerda { width:5px; height:22px; display:block; background:url(../imagens/estrutura/menu_categorias_item_bordas_bg.jpg) -3px 0px; } #cabecalho .titulo #tabber a .direita { width:5px; height:22px; display:block; background:url(../imagens/estrutura/menu_categorias_item_bordas_bg.jpg) -8px 0px; } #cabecalho .titulo #tabber a:hover { height:45px; margin-top:0px; background:url(../imagens/estrutura/menu_categorias_item_bg.jpg) 0px -22px; } #cabecalho .titulo #tabber a:hover .texto { font-size:12px; padding:10px 14px 0px 14px; font-weight:bold; } #cabecalho .titulo #tabber a:hover .esquerda { width:8px; height:45px; background:url(../imagens/estrutura/menu_categorias_item_bordas_bg.jpg) -0px -22px; } #cabecalho .titulo #tabber a:hover .direita { width:8px; height:45px; background:url(../imagens/estrutura/menu_categorias_item_bordas_bg.jpg) -8px -22px; } #cabecalho .titulo #tabber .selecionado a { height:22px; margin-top:10px; display:block; font-size:11px; background-image:url(../imagens/estrutura/menu_categorias_item_hover_bg.jpg); float:left; text-decoration:none; cursor:hand; } #cabecalho .titulo #tabber .selecionado a .texto { padding:5px 14px 0px 14px; font-size:11px; font-weight:bold; color:rgb(124,22,33); } #cabecalho .titulo #tabber .selecionado a .esquerda { width:5px; height:22px; display:block; background:url(../imagens/estrutura/menu_categorias_item_bordas_hover_bg.jpg) -3px 0px; } #cabecalho .titulo #tabber .selecionado a .direita { width:5px; height:22px; display:block; background:url(../imagens/estrutura/menu_categorias_item_bordas_hover_bg.jpg) -8px 0px; } #corpo { width:1000px; } /* ----- Rodapé ----- */ #rodape h3 { width:178px; height:50px; margin:18px 0px 18px 3px; float:left; background-image:url(../imagens/estrutura/rodape_logo.png); overflow:hidden; text-indent:-32767px; } #rodape .separador { width:5px; height:54px; margin:16px 6px; float:left; background-image:url(../imagens/estrutura/rodape_separador.png); display:block; } #rodape .busca_produtos { width:182px; height:30px; margin:28px 0px 0px 0px; float:left; background-image:url(../imagens/estrutura/rodape_busca_bg.png); } #rodape .busca_produtos #termo { width:139px; height:13px; margin:3px 0px 3px 3px; padding:5px 3px 6px 3px; float:left; font-size:11px; color:rgb(179,179,179); background-color:#fff; } #rodape .busca_produtos #ok { width:30px; height:26px; margin:1px 2px; overflow:hidden; text-indent:-32767px; background-image:url(../imagens/estrutura/rodape_busca_bt.png); cursor:pointer; } #rodape .telefones { width:184px; height:52px; margin:17px 0px; float:left; background-image:url(../imagens/estrutura/rodape_telefones.png); overflow:hidden; text-indent:-32767px; } #rodape .atendemos_e-mail { width:156px; float:left; } #rodape .atendemos_e-mail h4.atendemos { width:140px; height:8px; margin:24px 6px 0px 6px; background-image:url(../imagens/estrutura/rodape_atendemos.png); overflow:hidden; text-indent:-32767px; } #rodape .atendemos_e-mail h4.e-mail { width:140px; height:11px; margin:5px 6px 0px 7px; background-image:url(../imagens/estrutura/rodape_e-mail.png); overflow:hidden; text-indent:-32767px; } #rodape .atendemos_e-mail h4.e-mail a { width:140px; height:11px; display:block; } #rodape .atendemos_e-mail .atendimento { width:156px; height:12px; margin-top:4px; background-image:url(../imagens/estrutura/rodape_atendimento.png); overflow:hidden; text-indent:-32767px; } #rodape .compartilhar { width:123px; margin:26px 0px 0px 0px; float:left; } #rodape .compartilhar h4 { width:97px; height:11px; margin:8px 0px 0px 12px; float:left; background-image:url(../imagens/estrutura/rodape_siga_tl.png); overflow:hidden; text-indent:-32767px; } #rodape .compartilhar a { margin-right:3px; float:left; display:block; overflow:hidden; text-indent:-32767px; } #rodape .compartilhar .facebook { width:15px; height:15px; background-image:url(../imagens/estrutura/rodape_compartilhar_facebook_ico.jpg); } #rodape .compartilhar .twitter { width:15px; height:15px; background-image:url(../imagens/estrutura/rodape_compartilhar_twitter_ico.jpg); } #rodape .compartilhar .blog { width:15px; height:15px; background-image:url(../imagens/estrutura/rodape_compartilhar_blog_ico.jpg); } #rodape .compartilhar .google { width:24x; height:15px; margin-right:3px; float:left; display:block; } #rodape .compartilhar .facebook_recomendar { width:42px; height:15px; margin-right:0px; background-image:url(../imagens/estrutura/rodape_compartilhar_facebook_curtir_ico.jpg); } #rodape ul { width:78px; margin:25px 0px 26px 0px; float:left; } #rodape ul li { height:35px; float:left; overflow:hidden; text-indent:-32767px; } #rodape ul li + li { margin-left:10px; } #rodape ul li a { height:35px; display:block; } #rodape ul li.home { width:23px; background-image:url(../imagens/estrutura/rodape_li_home.png); } #rodape ul li.mapa { width:45px; background-image:url(../imagens/estrutura/rodape_li_mapa.png); } #rodape .copyright { height:20px; clear:both; background-image:url(../imagens/estrutura/rodape_copyright_bg.jpg); } #rodape .copyright p { width:990px; } #rodape .copyright .desenvolvimento { padding:2px 0px 0px 10px; float:left; color:#fff; font-size:10px; font-weight:bold; text-align:right; display:block; } #rodape .copyright .desenvolvimento a { color:#fff; text-decoration:none; } #rodape .copyright .direitos { padding-top:2px; float:right; color:#fff; font-size:10px; font-weight:bold; text-align:right; display:block; } /* -------------------- Texto -------------------- */ .bold { font-weight:bold; } .italic { font-style:italic; } .center { text-align:center; } #coluna_central a { color:#000; } /* -------------------- Fontes -------------------- */ @font-face { font-family:'ZurichCnBTRegular'; src:url('../fontes/zurich_cn_bt-webfont.eot'); src:url('../fontes/zurich_cn_bt-webfont.eot?iefix') format('eot'), url('../fontes/zurich_cn_bt-webfont.woff') format('woff'), url('../fontes/zurich_cn_bt-webfont.ttf') format('truetype'), url('../fontes/zurich_cn_bt-webfont.svg#webfontQBsAWpXK') format('svg'); font-weight:normal; font-style:normal; } /* -------------------- Formulários -------------------- */ input, select, textarea { background-color:rgb(229,229,229); font-family:Arial, Helvetica, sans-serif; font-size:11px; border:none; color:#000; } label { width:150px; float:left; text-align:right; margin-right:10px; display:inline; } form p { margin-bottom:2px; } .erro { width:513px; color:#A00000; font-weight:bold; text-align:center; } .alerta { color:#A00000; font-weight:bold; text-align:center; } p.botao { margin-left:155px; } .botao input, .botao a { width:120px; margin:10px 5px; left:0px; text-align:center; text-decoration:none; background-color:rgb(229,229,229); color:#000; display:block; } a.botao_frente { width:120px; margin:0px 5px; left:0px; text-align:center; text-decoration:none; background-color:rgb(229,229,229); color:#000; display:block; float:left; } .mensagem_formulario { color:#A00000; font-weight:bold; } .mensagem_formulario_item .campo { width:150px; float:left; text-align:right; margin-right:10px; display:inline; color:#A00000; font-weight:bold } .mensagem_formulario_item .mensagem { color:#A00000; font-weight:bold } /* -------------------- Funções -------------------- */ .clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; } .clearfix { display:inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height:1%; }