/* UTIL */ img { border:none } a:link, a:active, a:visited { color:#333; } a:hover { text-decoration:underline; } br.clear { font-size:2px; display:block; height:2px; } .left { float:left; } .right { float:right; } .clear_l { clear:left; } .clear_r { clear:right; } .clear { clear:both; } .hide { visibility:hidden; } .align_r { text-align:right } .align_l { text-align:left } /* margin padrao 10px */ .no_margin { margin:0; } .h_margin { margin:auto 10px; } .v_margin { margin:10px auto; } .margin { margin:10px; } .margin_b { margin-bottom:10px; } .margin_r { margin-right:10px; } .margin_l { margin-left:10px; } .margin_t { margin-top:10px; } .block { display:block } /* --------------------- */ /* CORES */ .orange { color:#FF6600; } .l_grey { color:#999999; } .black { color:#000; } .n_color { color:#666; } /* ------------------------- */ /* CSS Para formatação */ body{ font-family:Arial, Arial, Helvetica, sans-serif; font-size:12px; background:#FFF url(../imagens/bg/body.jpg) repeat-y center top; margin:0; padding:0; color:#333; } .sized { width:960px; min-width:960px; margin:0 auto; text-align:left; overflow:hidden; } h1 { font-size:1.5em; font-family:Arial, Helvetica, sans-serif; margin:10px 0; } #menu { background-color:#FFF; width:960px; margin:0 auto; margin-top:-15px; } #titulo_menu1 { width:255px; background:url(../imagens/faca_sua_busca.gif) no-repeat left top; float:left; height:62px; background-color:#FFF; } .lnk_menu { height:40px; line-height:40px; background:url(../imagens/menu_dir.gif) no-repeat right bottom; float:left; text-decoration:none; } .lnk_menu:hover { text-decoration:none; background-position:right top; } .lnk_menu span { background:url(../imagens/menu_esq.gif) no-repeat left bottom; margin:0 0px 0 0px; color:#FFFFFF; padding:0 29px; display:block; font-weight:bold; } .lnk_menu:hover span { background-position:left top; color:#EAE400; } .lnk_menu.last { background:none; background-color:#0071b6; } .lnk_menu.last:hover { background-color:#004671; } #menu_lateral { width:255px; float:left; background:url(../imagens/brasil.gif) no-repeat center top; } #menu_lateral label { width:45px; display:block; float:left; text-align:right; margin-right:3px; } #menu_lateral fieldset { border:none; margin:5px 0; padding:0; } #menu_lateral input,#menu_lateral select { border:1px solid #ccc; } #loja,#cidade { width:165px; } #bt_filtrar { cursor:default; margin-right:25px; } #txt_filtrar { margin-right:25px; font-size:9px; color:#AE0909; } #menu_lateral h2 { font-size:15px; color:#999999; text-align:center; border-bottom:1px solid #e5e5e5; padding-bottom:8px; margin:20px 5px 0 11px; } #categorias_menu_lateral { font-size:0.9em; line-height:1.6em } h3.tit_cat_menu_lateral { margin:10px 10px 5px; } a.link_cat_menu_lateral:link, a.link_cat_menu_lateral:visited, a.link_cat_menu_lateral:active { text-decoration:none; margin-left:18px; color:#444; } a.link_cat_menu_lateral:hover { text-decoration:underline; color:#000000; } #menu_lateral ul { margin:0; padding:0; } li.item_menu_lateral { list-style-type:none; width:221px; margin:10px 0 10px 15px; } li.item_menu_lateral div { display:none; margin:8px 0 8px 25px; } li.menu_lateral_selected { list-style-type:none; width:221px; margin:10px 0 10px 15px; background:url(../imagens/bg/lista_lateral.jpg) no-repeat right top; } li.menu_lateral_selected div { display:block; margin:8px 0 8px 25px; } .item_menu_lateral a.link_menu_lateral:link, .item_menu_lateral a.link_menu_lateral:visited, .item_menu_lateral a.link_menu_lateral:active { display:block; font:bold 13px/30px Arial, Helvetica, sans-serif; text-decoration:none; color:#006699; background:#FFF url(../imagens/bg/link_lateral_hover.jpg) no-repeat bottom center; border:1px solid #ccc; margin-right:40px; height:30px; text-align:center } .item_menu_lateral a.link_menu_lateral:hover { background:#131f45 url(../imagens/bg/link_lateral_hover.jpg) no-repeat top center; color:#FFFFFF } .menu_lateral_selected a.link_menu_lateral:link, .menu_lateral_selected a.link_menu_lateral:visited, .menu_lateral_selected a.link_menu_lateral:active { display:block; font:bold 13px/30px Arial, Helvetica, sans-serif; text-decoration:none; color:#FFF; background:#FFF url(../imagens/bg/link_lateral_hover.jpg) no-repeat top center; border:1px solid #ccc; margin-right:40px; height:30px; text-align:center } #listagem { width:525px; float:left; } h2.tit_lista { color:#003366; margin-left:15px; font-size:12px; font-weight:normal; width:515px; } #form_filtros_lista { margin:15px 0; padding:0; text-align:right } #form_filtros_lista label { margin:0 5px; } #form_filtros_lista select { border:1px solid #ccc; font-size:10px; } #cidade_busca, #loja_busca { width:140px; } #filtros_lista { border-bottom:1px solid #cecece; margin:0 10px; } #botao_aplicar_filtros { border:1px solid #ccc; background:#e5e5e5; } .filtros_tit { padding-bottom:3px; padding-right:15px; margin-bottom:8px; border-bottom:1px solid #cecece; } #lista_produtos { margin:10px 0 0 10px; padding:0; } li.item_listagem { width:158px; min-height:175px; height:auto !important; height:175px; list-style-type:none; margin:10px 11px 10px 0; float:left; } #lista_produtos td { width:158px; min-height:175px; height:auto !important; height:175px; border:1px solid #ccc; } .legenda_lista { position:absolute; width:75px; height:15px; line-height:15px; background:#0070bc; margin-top:-10px; margin-left:70px; text-align:center; color:#FFFFFF; } .imagem_produto_listagem { height:100px; margin:8px; text-align:center; } .preco_listagem, .loja_listagem { margin-left:8px; margin-right:8px; text-align:center; color:#FFFFFF; } .preco_listagem { background:#00345c; min-height:30px; height:auto !important; height:30px; } .preco_listagem a { color:#FFFFFF; text-decoration:none } .loja_listagem { background:#625d5a; min-height:20px; height:auto !important; height:20px; margin-top:3px; margin-bottom:8px; padding-top:2px; } a.submenu:link,a.submenu:visited,a.submenu:active { background:url(../imagens/bg/quadrado_azul.jpg) no-repeat left center; padding:0 0 0 15px; } #publicidade { width:177px; float:left; text-align:center; } .banner {height:75px; text-align:center; margin:8px 0;} .banner img { border:1px solid #333; } /* detalhes produto */ #detalhes_produto { margin:20px; float:left; width:485px; } #nome_produto { background:#00345c; height:35px; margin-bottom:4px; font:bold 14px/35px Arial, Helvetica, sans-serif; color:#fff; text-align:center; } #nome_loja { background:#625d5a; height:20px; font:bold 10px/20px Arial, Helvetica, sans-serif; color:#fff; text-align:center; } #info_produto { background:#fff; float:left; width:265px; height:220px; text-align:center; } #botao_avise { padding:0 10px; background:#0070bc; font:bold 14px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none } .produto_esgotado { margin:50px 0 20px 0; color:#dd0000; font:bold 14px Arial, Helvetica, sans-serif; } #desc_produto { margin:25px 0; } #botao_voltar { background:#605d5c; padding:0 5px; text-decoration:none; color:#fff; font:bold 12px Arial, Helvetica, sans-serif; } .titulo_detalhes_produto { color:#006699; padding:0 0 3px 15px; border-bottom:1px solid #FFFFFF; margin:10px 0px; font-size:14px } .dados_loja_detalhes { line-height:1.7em } /* sobre */ #sobre { margin:20px; float:left; width:485px; } #sobre p { text-align:justify; } /* faq */ #faq { margin:20px; float:left; width:485px; } #faq p { text-align:justify; line-height:18px; } /* login */ #login { margin:20px; float:left; width:485px; } #login a { text-decoration:none; color:#006699; font-weight:bold; } #login a:hover { text-decoration:underline } #login label { width:90px; display:block; float:left; text-align:right; padding:5px; } #login input { margin-top:3px; border:1px solid #dfdfdf; float:left;padding:2px; } #login select { border:#dfdfdf 1px solid; margin-top:5px; float:left; } #login .botao { margin-left:100px; cursor:pointer; } #login #botao_voltar { background:#605d5c; padding:0 5px; text-decoration:none; color:#fff; font:bold 12px Arial, Helvetica, sans-serif; } /* cadastro */ #cadastro { margin:20px; float:left; width:485px; } #cadastro a { text-decoration:none; color:#006699; font-weight:bold; } #cadastro a:hover { text-decoration:underline } #cadastro i { color:#FF0000; margin:5px;} #cadastro label { width:90px; display:block; float:left; text-align:right; padding:5px; } #cadastro input,#cadastro select,#cadastro checkbox,#cadastro textarea { margin-top:3px; border:1px solid #dfdfdf; float:left;padding:2px; } #cadastro input.disabled { background:#e4e4e4; } #cadastro textarea {width:300px; height:82px} #cadastro #termos { float:left; } #cadastro #busca_cep { float:left; margin:5px 0px 0px 5px; cursor:pointer; } #cadastro #dados_responsavel { text-align:center; color:#006699; font-size:14px; margin:5px; font-weight:bold; } #cadastro .botao { margin-left:300px; cursor:pointer; } .labelradio {width:80px; height:26px; margin:2px 2px 0 2px; line-height:24px; text-align:left; float:left; display:block} .radio {border:0; float:left} #termos_contrato { width:485px; background:#E0E0E0; height:300px; overflow:auto; margin:10px 0 0 0; } #termos_contrato p { text-align:justify; } /* contato */ #contato_assoc { margin:20px; float:left; width:485px; } #contato_assoc label { width:90px; float:left; text-align:right; padding:0 5px 5px 0; font-weight:bold; } /* listagem dos produtos/lojas */ #lista { font-size:12px; white-space:nowrap; border-collapse:collapse; } #lista td { padding:2px; border-bottom:.5pt solid #0071b6; } #lista tr { height:20px; background-color:#FFF; } #lista #header { background:#0071b6; color:#FFF; font-weight:bold; } #lista #header .itens { color:#FFF; text-align:center; } #header .titulo { color:#FFF; } #p_base { text-align:center; background-color:#FFF; } #p_base input { float:none; background-color:#FFF; } .cor { background-color: #F3F3F3; } /* submenu associado */ #submenu_associado { margin:10px 0px 20px 0px; } #submenu_associado div { color:#FFF; } #submenu_associado a:hover { text-decoration:none; background-color:#004671; } .submenu_associado { width:100px; padding:10px 0px 5px 0px; height:20px; background-color:#0071B6; text-align:center; float:left; margin:2px; text-decoration:none; font-weight:bold; } /* contato */ #nome_ok { display:none; } /* DESCONTO EM FOLHA */ form#desconto_em_folha { font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:center; line-height:1.6em; } form#desconto_em_folha label { display:block; margin:6px 0; } form#desconto_em_folha input,form#desconto_em_folha select { border:1px solid #333333; font-size:10px; } form#desconto_em_folha h1 { font-size:1.2em; color:#000066; margin:5px 0; } /* INDIQUE */ form#indique { font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:center; line-height:1.6em; } form#indique label { display:block; padding:5px; float:left; width:145px; text-align:right; } form#indique input,form#indique textarea { border:1px solid #333333; font-size:12px; float:left; margin-top:3px; } form#indique h1 { font-size:1.2em; color:#000066; margin:5px 0; } form#indique #enviar { margin:15px 0 0 50px; } #nacional_acessos select { width:160px; } /*------------------------------------------------ ------------------------------------------------*/ body, html { height:100%; } /* Necessário */ #wrap { position:relative; min-height:100%; /* Para browsera modernos */ height:auto !important; /* Para browsera modernos */ height:100%; /* Para o IE6 */ min-width:800px; } #content { padding-bottom:47px; /* Esse padding é o mesmo valor da altura do rodapé */ } #rodape { margin-top:5px; width:100%; position:absolute; bottom:0 !important; background-image:url(../imagens/bg/bg_rodape.jpg); background-repeat:repeat-x; height:53px; } #rodape .sized { width:960px; min-width:960px; margin:0 auto; text-align:center; overflow:hidden; margin-top:25px; } #topo { background-image:url(../imagens/bg/bg_topo.jpg); background-repeat:repeat-x; height:132px; } #navegacao_loja { position:absolute; margin-top:-30px; } a.navegacao:link, a.navegacao:visited, a.navegacao:active { text-decoration:none; color:#006699; } a.navegacao:hover { text-decoration:underline; } #paginacao { margin:10px 0; } #paginacao em { color:#CCCCCC; } a.paginacao:link,a.paginacao:active,a.paginacao:visited { text-decoration:none; padding:2px 8px; color:#003366; } a.paginacao:hover { background-color:#DEE2ED; color:#000; } a.paginacao_atual:link,a.paginacao_atual:active,a.paginacao_atual:visited,a.paginacao_atual:hover { background-color:#E2E2E2; color:#999; text-decoration:none; padding:2px 8px; } a.prox_ant:link,a.prox_ant:active,a.prox_ant:visited { color:#0066CC; text-decoration:none; } a.prox_ant:hover { text-decoration:underline; } .error_login { margin:5px 0; text-align:center; color:#990000; font-weight:bold; }