/* ---------------------------------------- Programação: Axis Focus Informática Ltda. Gráficos: Casa das Idéias ------------------------------------------- ----------------------- Geral ----------------------- */ * { margin:0px; padding:0px; border:none; } html { height:100%; max-height:100%; background-color:#fff; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow:hidden; /* */ } body { height:100%; max-height:100%; overflow:hidden; font:11px/16px georgia; color:#000; } #cabecalho { width:100%; min-width:1020px; height:68px; top:0px; left:0px; position:absolute; display:block; z-index:5; } #coluna_esquerda { width:150px; top:78px; bottom:0px; left:0px; margin-right:10px; position:absolute; z-index:4; overflow:hidden; } * html #coluna_esquerda { height:100%; top:0px; bottom:0px; border-top:78px solid #fff; border-bottom:1px solid #fff; color:#fff;} #banner { width:100%; height:92px; top:78px; left:160px; margin-right:26px; position:absolute; display:block; z-index:5; } #titulo { width:100%; height:24px; top:180px; left:160px; margin-right:26px; position:absolute; display:block; z-index:5; } /* #categorias { width:100%; height:20px; top:228px; left:160px; margin-right:26px; position:absolute; display:block; z-index:5px; background-color:red; } corpo { top:258px; } */ #corpo { top:209px; right:0px; bottom:33px; left:160px; overflow:auto; overflow-x:hidden; position:absolute; z-index:3; } * html #corpo { width:100%; height:100%; top:0px; left:0px; right:0px; bottom:0px; max-height:100%; overflow:auto; position:absolute; z-index:3; border-top:209px solid #fff; border-bottom:33px solid #fff; border-left:160px solid #fff; } #rodape { width:100%; height:28px; bottom:0px; left:160px; margin-top:5px; position:absolute; display:block; z-index:5; overflow:hidden; } /* -------------------- Layout -------------------- */ /* ----- Geral ----- */ #cabecalho { height:68px; margin:0px 26px 10px 0px; background-image:url(../imagens/estrutura/cabecalho_bg.jpg); } #coluna_esquerda { background-color:rgb(236,236,236); } #corpo { } #rodape { background-image:url(../imagens/estrutura/rodape_bg.jpg); } /* -------------------- Configurações específicas -------------------- */ /* ----- Cabeçalho ----- */ #cabecalho h1 { width:212px; height:47px; margin:15px 8px 6px 8px; background-image:url(../imagens/estrutura/cabecalho_logo.jpg); float:left; display:inline; overflow:hidden; text-indent:-32767px; } #cabecalho h1 a { width:212px; height:47px; display:block; } #cabecalho .separador { width:2px; height:68px; background-image:url(../imagens/estrutura/cabecalho_separador_bg.jpg); float:left; } #cabecalho h3.orcamento a { width:138px; height:43px; margin:17px 0px 0px 8px; float:left; display:inline; background-image:url(../imagens/estrutura/cabecalho_orcamento_bg.jpg); overflow:hidden; text-indent:-32767px; } #cabecalho #ecommerce { width:52px; height:33px; margin:21px 0px 0px 1px; float:left; display:inline; } #cabecalho #ecommerce .cadastro a { width:52px; height:17px; margin-bottom:1px; display:block; overflow:hidden; text-indent:-32767px; background-image:url(../imagens/estrutura/cabecalho_cadastro_bt.jpg); } #cabecalho #ecommerce a.login { width:52px; height:17px; display:block; overflow:hidden; text-indent:-32767px; background-image:url(../imagens/estrutura/cabecalho_login_bt.jpg); } #cabecalho #ecommerce a.logout { width:52px; height:17px; display:block; overflow:hidden; text-indent:-32767px; background-image:url(../imagens/estrutura/cabecalho_logout_bt.jpg); } #cabecalho #ecommerce .itens { width:114px; height:25px; float:left; font:bold 12px/12px arial; background-image:url(../imagens/estrutura/cabecalho_carrinho_bg.jpg); } #cabecalho #ecommerce .itens a { width:114px; height:25px; color:#000; text-decoration:none; display:block; } #cabecalho #ecommerce .itens a span { width:20px; margin-left:26px; padding:6px 0px 0px 0px; float:left; display:inline; text-align:center; } #cabecalho #chamadas { width:231px; float:left; } #cabecalho #chamadas h2 { width:201px; height:11px; margin:18px 5px 0px 25px; background-image:url(../imagens/estrutura/cabecalho_h2.jpg); float:left; display:inline; overflow:hidden; text-indent:-32767px; } #cabecalho #chamadas .atendemos { width:161px; height:9px; margin:6px 0px 0px 45px; float:left; display:inline; background-image:url(../imagens/estrutura/cabecalho_atendemos_todo_o_brasil.jpg); overflow:hidden; text-indent:-32767px; } #cabecalho #chamadas .e-mail { width:161px; height:9px; margin:7px 0px 0px 45px; display:inline; float:left; overflow:hidden; text-indent:-32767px; background-image:url(../imagens/estrutura/cabecalho_e-mail.jpg); } #cabecalho #chamadas .e-mail a { width:161px; height:9px; display:block; } #cabecalho #busca_rapida { margin-left:8px; float:left; display:inline; } #cabecalho #busca_rapida h3 { width:84px; height:9px; margin:24px 0px 6px 0px; background-image:url(../imagens/estrutura/cabecalho_busca_de_produtos_tl.jpg); overflow:hidden; text-indent:-32767px; } #cabecalho #busca_rapida .pesqprod { width:63px; height:17px; margin-right:2px; background-image:url(../imagens/estrutura/cabecalho_busca_de_produtos_input_bg.jpg); display:inline; float:left; } #cabecalho #busca_rapida #pesqprod { width:57px; height:14px; margin:2px; float:left; display:inline; border:none; background-color:rgb(204,204,204); } #cabecalho #busca_rapida .ok { width:19px; height:17px; background-image:url(../imagens/estrutura/cabecalho_busca_de_produtos_input_ok.jpg); } #cabecalho ul { width:333px; height:31px; margin:0px 0px 0px 25px; position:absolute; top:37px; right:0px; background-image:url(../imagens/estrutura/cabecalho_ul_bg.jpg); float:right; display:inline; list-style-type:none; } #cabecalho li { height:31px; float:left; } #cabecalho .arredondado { width:6px; height:31px; background-image:url(../imagens/estrutura/cabecalho_ul_arredondado.jpg); display:block; } #cabecalho li.home { width:56px; background:url(../imagens/estrutura/cabecalho_ul_separador.gif) no-repeat 55px 0px; } #cabecalho li.home a { width:55px; height:31px; display:block; background:url(../imagens/estrutura/cabecalho_li_home.jpg) no-repeat 12px 8px; overflow:hidden; text-indent:-32767px; } #cabecalho li.home a:hover { width:55px; height:31px; display:block; background:url(../imagens/estrutura/cabecalho_li_home_hover.jpg) no-repeat 12px 8px; overflow:hidden; text-indent:-32767px; } #cabecalho li.quem_somos { width:99px; background:url(../imagens/estrutura/cabecalho_ul_separador.gif) no-repeat 98px 0px; } #cabecalho li.quem_somos a { width:98px; height:31px; display:block; background:url(../imagens/estrutura/cabecalho_li_quem_somos.jpg) no-repeat 12px 8px; overflow:hidden; text-indent:-32767px; } #cabecalho li.quem_somos a:hover { width:98px; height:31px; display:block; background:url(../imagens/estrutura/cabecalho_li_quem_somos_hover.jpg) no-repeat 12px 8px; overflow:hidden; text-indent:-32767px; } #cabecalho li.nossos_clientes { width:120px; } #cabecalho li.nossos_clientes a { width:120px; height:31px; display:block; background:url(../imagens/estrutura/cabecalho_li_nossos_clientes.jpg) no-repeat 12px 8px; overflow:hidden; text-indent:-32767px; } #cabecalho li.nossos_clientes a:hover { width:120px; height:31px; display:block; background:url(../imagens/estrutura/cabecalho_li_nossos_clientes_hover.jpg) no-repeat 12px 8px; overflow:hidden; text-indent:-32767px; } #cabecalho li.orcamento a { width:90px; height:31px; display:block; background:url(../imagens/estrutura/cabecalho_li_orcamento.jpg) no-repeat 12px 8px; overflow:hidden; text-indent:-32767px; } #cabecalho li.orcamento a:hover { width:90px; height:31px; display:block; background:url(../imagens/estrutura/cabecalho_li_orcamento_hover.jpg) no-repeat 12px 8px; overflow:hidden; text-indent:-32767px; } #cabecalho li.parceiros { width:84px; background:url(../imagens/estrutura/cabecalho_ul_separador.gif) no-repeat 83px 0px; } #cabecalho li.parceiros a { width:83px; height:31px; display:block; background:url(../imagens/estrutura/cabecalho_li_parceiros.jpg) no-repeat 12px 8px; overflow:hidden; text-indent:-32767px; } #cabecalho li.parceiros a:hover { width:83px; height:31px; display:block; background:url(../imagens/estrutura/cabecalho_li_parceiros_hover.jpg) no-repeat 12px 8px; overflow:hidden; text-indent:-32767px; } #cabecalho li.contato { width:73px; background:url(../imagens/estrutura/cabecalho_ul_separador.gif) no-repeat 72px 0px; } #cabecalho li.contato a { width:72px; height:31px; display:block; background:url(../imagens/estrutura/cabecalho_li_contato.jpg) no-repeat 12px 8px; overflow:hidden; text-indent:-32767px; } #cabecalho li.contato a:hover { width:72px; height:31px; display:block; background:url(../imagens/estrutura/cabecalho_li_contato_hover.jpg) no-repeat 12px 8px; overflow:hidden; text-indent:-32767px; } /* ----- Menu ----- */ #coluna_esquerda ul { width:150px; background-image:url(../imagens/estrutura/menu_bg_degrade.jpg); list-style-type:none; float:left; } #coluna_esquerda li { width:150px; height:20px; background:url(../imagens/estrutura/menu_separador.gif) no-repeat 0px 17px; display:block; float:left; letter-spacing:-1px; } #coluna_esquerda li a { width:131px; height:16px; padding:4px 4px 0px 15px; background:url(../imagens/estrutura/menu_bullet.gif) no-repeat 5px 6px; color:#fff; font:bold 11px/11px verdana; text-decoration:none; display:block; } * html #coluna_esquerda li a { width:150px; } /* Exibe apenas no IE6 */ *:first-child+html #coluna_esquerda li a { width:150px; } /* Exibe apenas no IE7 */ #coluna_esquerda li.destaque { width:150px; height:40px; background:url(../imagens/estrutura/menu_separador.gif) no-repeat 0px 37px; display:block; float:left; letter-spacing:-1px; } #coluna_esquerda li.destaque a { width:131px; height:16px; padding:12px 4px 12px 15px; background:url(../imagens/estrutura/menu_bullet.gif) no-repeat 5px 14px; color:rgb(228,200,0); font:bold 11px/11px verdana; text-decoration:underline; display:block; } * html #coluna_esquerda li.destaque a { width:150px; text-decoration:underline; } /* Exibe apenas no IE6 */ *:first-child+html #coluna_esquerda li.destaque a { width:150px; text-decoration:underline; } /* Exibe apenas no IE7 */ #coluna_esquerda li.destaque .menu_imagem { width:150px; height:36px; margin:-11px 0px 0px -15px; display:block; overflow:hidden; text-indent:-32767px; } #coluna_esquerda li.separador { height:5px; background-color:#fff; } #coluna_esquerda #busca_produtos { width:128px; height:39px; margin:5px 11px; background-image:url(../imagens/estrutura/coluna_esquerda_busca_de_produtos_bg.jpg); float:left; display:inline; } #coluna_esquerda #busca_produtos h3 { width:116px; height:13px; margin:3px 7px 2px 5px; overflow:hidden; text-indent:-32767px; } #coluna_esquerda #busca_produtos #pesqprod { width:78px; height:14px; margin:3px 7px 5px 10px; float:left; display:inline; border:none; background-color:#fff; } #coluna_esquerda #busca_produtos .ok { width:29px; height:17px; } #coluna_esquerda #areas_adicionais { width:150px; margin:5px 0px 5px 20px; float:left; display:inline; } #coluna_esquerda #areas_adicionais .twitter { width:54px; height:17px; margin:0px 3px 5px 0px; background-image:url(../imagens/estrutura/coluna_esquerda_twitter_img.jpg); overflow:hidden; text-indent:-32767px; float:left; } #coluna_esquerda #areas_adicionais .twitter a { width:54px; height:17px; display:block; } #coluna_esquerda #areas_adicionais .blog { width:54px; height:18px; margin-bottom:5px; background-image:url(../imagens/estrutura/coluna_esquerda_blog_img.jpg); overflow:hidden; text-indent:-32767px; } #coluna_esquerda #areas_adicionais .blog a { width:54px; height:18px; display:block; } #coluna_esquerda li a:hover { /*background-color:rgb(195,43,63);*/ } #coluna_esquerda li a.ultimo { background:none; } #coluna_esquerda .sombra { width:150px; height:11px; display:block; float:left; background-image:url(../imagens/estrutura/menu_sombra.jpg); overflow:hidden; text-indent:-32767px; } #coluna_esquerda .telefones { width:150px; height:123px; background-image:url(../imagens/estrutura/menu_telefones.jpg); overflow:hidden; text-indent:-32767px; float:left; } #coluna_esquerda .e-mail { width:150px; height:38px; overflow:hidden; text-indent:-32767px; float:left; } #coluna_esquerda .e-mail a { width:150px; height:38px; background-image:url(../imagens/estrutura/menu_e-mail.jpg); display:block; } #coluna_esquerda .e-mail a:hover { width:150px; height:38px; background-image:url(../imagens/estrutura/menu_e-mail_hover.jpg); display:block; } #coluna_esquerda .logo { width:145px; height:72px; padding:5px 0px 5px 5px; background:#fff url(../imagens/estrutura/menu_logo_cena_brasileira.jpg) no-repeat 5px 5px; float:left; } /* ----- Corpo ----- */ #titulo h3 { height:24px; margin:0px 0px 5px 0px; background-image:url(../imagens/estrutura/h3_bg.jpg); color:#fff; text-transform:uppercase; font:bold 14px/14px arial; } #titulo h3 .titulo { height:14px; padding:5px 0px 5px 28px; background:url(../imagens/estrutura/h3_bullet.jpg) no-repeat 8px 7px; float:left; } #titulo h3 .texto { width:316px; height:24px; float:right; /*background-image:url(../imagens/estrutura/h3_span_texto.jpg);*/ display:inline; overflow:hidden; text-indent:-32767px; } /* ----- Rodapé ----- */ #rodape .canto_arredondado_esquerdo { width:6px; height:28px; display:block; float:left; background-image:url(../imagens/estrutura/rodape_bg_arredondado.jpg); } #rodape h5.logo { width:87px; height:19px; margin:6px 20px 3px 14px; float:left; background-image:url(../imagens/estrutura/rodape_logo.jpg); display:inline; overflow:hidden; text-indent:-32767px; } #rodape h5.frase { width:298px; height:17px; margin:7px 20px 4px 10px; float:left; background-image:url(../imagens/estrutura/rodape_frase.jpg); display:inline; overflow:hidden; text-indent:-32767px; } #rodape p { width:157px; height:9px; margin:12px 0px 7px 0px; float:left; background-image:url(../imagens/estrutura/rodape_direitos_img.jpg); display:inline; overflow:hidden; text-indent:-32767px; } #rodape h6 { width:168px; height:13px; margin:9px 175px 6px 0px; float:right; background-image:url(../imagens/estrutura/rodape_criacao_img.jpg); display:inline; overflow:hidden; text-indent:-32767px; } /* -------------------- Texto -------------------- */ .bold { font-weight:bold; } .italic { font-style:italic; } .center { text-align:center; } #coluna_central a { color:#000; } /* -------------------- 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 }