* { font-family: Arial, Helvetica, sans-serif;b_overflow-x:hidden; } body { margin: 0px; padding: 0px; min-width: 1000px; } img, form, img, div, p, span, ul, li, h1, h2 { border:0px; margin:0px; padding:0px;} /* Estrutura Site *****************************************************************************************************************************/ /* Topo */ #barra_top{background:#444444;width:100%;height:6px;} #topo{width:100%; font-size: 12px; min-width: 1003px; background:url(../images/bg_logo_top.png) no-repeat top left #FFFFFF; height:162px;} #topo #topo_left{width:45%; padding-top:30px; float:left; text-align:left;padding-left:30px; color:#000} #topo #topo_left a{color:#000; font-weight:bold;} #topo #topo_left .logado { color:#000; font-weight:normal; text-decoration: underline } #topo #topo_right{width:50%; float:right; background:url(../images/bg_top_menu.png) no-repeat right top; height:162px;} #topo #topo_right #div_menu { float: right; padding-top: 10px; font-size: 11px; color: #aaa; text-align: center; } #topo #topo_right #div_menu ul li { float: left; list-style: none; padding: 0px 5px; } #topo #topo_right #div_menu ul li a { color: #FFF; font-weight: bold; } #topo #topo_right #div_menu ul .sair { width: 60px } #topo #topo_right #div_menu ul .sair a { color: #FF6600; font-weight: bold; } #topo #topo_right #text_{ float: right; color:#000000;font-size:22px; font-weight:bold; display: block; text-align:right; margin-top:25px; padding-right:56px;} #topo #topo_right #busca_{ float: right; padding-top:45px;color:#444444; font-weight:bold; text-align:right; padding-right:60px; } #topo #topo_right #busca_ .search_{border:2px solid #d8d8d8; width:215px; background:url(../images/icon_search.png) no-repeat left center; color:#666666; font-weight:bold; padding: 5px 5px 5px 18px } #error{width:100%; height:18px; background:#FF0000; color:#FFFFFF; text-align:center; font-weight:bold} #onde_estou{ font-size: 12px; color: #ffffff; font-weight: bold; height:32px; background:url(../images/titulos/bg_localization.png) repeat-x center top; width:100%; text-align:left; } #onde_estou .links{ padding-top:8px; } #onde_estou .links a { color: #ffffff; } #onde_estou .links a:hover { color: #ffffff; text-decoration: underline } /* Estrutura Site */ #dvloja { position: relative; float: left; width: 100%; } #dvmenu { float: left; margin: 5px 10px 0 3px; overflow: hidden; width: 165px } #dvdireita { float: right; margin: 5px 3px 0 10px; overflow: hidden; width: 150px; } #dvcorpo { height:auto; margin:0 auto; overflow:hidden; padding:0 1px; width:auto; } #dvcorpo_titulo { width: auto; clear: both; } #dvcorpo_cabecalho { width: auto; clear: both; font-size: 11px; padding: 10px; overflow: auto; } #dvcorpo_conteudo { width: auto; clear: both; display: block; padding-top: 3px } /* Menu */ .dvcategorias { font-size:11px; text-align:left; } .dvcategorias_corpo { background: #EEEEEE; border:1px solid #CBCBCB; margin-bottom:10px; display: block; padding: 0 10px 10px 10px; } .dvpai { display:block; margin:10px 0 0; } .pai { font-weight:bold; text-transform:uppercase; } .dvcategorias_corpo a:hover { color: #525252 } .filho { font-size: 11px; line-height: 18px } /* Novidades */ .dvnovidades { font-size:11px; text-align:left; } .dvnovidades_corpo { background: #FFF; border:1px solid #CBCBCB; margin-bottom:10px; display: block; padding: 0 10px 10px 10px; } /* Banner Esquerda */ .dvbanner_esquerda { margin-bottom:10px; display: block; text-align:center} /* Login Direita */ .dvlogin_direita { font-size:11px; margin-bottom:10px; display: block; } .dvlogin_direita_corpo { padding: 10px; background: #FFF; border:1px solid #CBCBCB; } .dvlogin_direita_corpo .login { width: 125px; border: 1px solid #c1c1c1; } #login-config a{color:#888888;} #login-config a:hover{text-decoration:underline;} /* Marcas Direita */ .dvmarcas_direita { background: #FFF; margin-bottom:10px; display: block; } .dvmarcas_direita_corpo { padding: 0 10px 10px 10px; border:1px solid #CBCBCB; text-align: center; font-weight: bold; } /* Banner Direita */ .dvbanner_direita { margin-bottom:10px; display: block; text-align:center } /* Comentários */ .dvcomentario_direita { background: #FFF; margin-bottom:10px; display: block; } .dvcomentario_direita_corpo { padding: 10px; background: #FFF; border:1px solid #CBCBCB; font-size:12px; } /* Indique um amigo */ .dvindique_direita { background: #FFF; margin-bottom:10px; display: block; } .dvindique_direita_corpo { padding: 10px; background: #FFF; border:1px solid #CBCBCB; font-size:12px; } /* Produto Prévia */ .btvoltar { float: left; width: 140px; margin: 10px 0; } .caminho_categoria { float: left; font-size: 11px; color: #000; margin: 10px 0; height: 24px; line-height: 24px; } .caminho_categoria a { color: #000; } .caminho_categoria a:hover{ color: #000; text-decoration: underline } .categoria_pagina { width: auto; display: block; overflow: auto; clear: both; min-height: 30px; padding: 5px 0 5px 50px; background: url(../images/bg-titulo-pagina.png) left top repeat-y #dcdcdc; font-weight: bold; color: #000; font-size: 20px } .dvsubcategorias_link { float: left; padding-right: 20px } .dvsubcategorias_link a { font-size: 14px; color: #000 } .dvsubcategorias_link a:hover { font-size: 14px; color: #ff9017; text-decoration: underline } .produto_total { display: block; float: left; font-size: 11px; color: #000; margin: 10px; } .ordem { display: block; float: right; font-size: 11px; color: #000; font-weight: bold; margin: 10px; } .embreve { display: block; margin: 0px auto; padding: 40px; font-size: 15px; text-align:center; font-weight: bold; color: #000; background: url(../images/bg-login.jpg) top left no-repeat; } .produto_lista { display: block; clear: both; border: 1px solid #CCC; margin: 10px auto; } .produto_linha { overflow: auto; display: block; clear: both; padding: 5px } .produto_previa { font-size: 11.5px; line-height: 18px; display: inline; float: left; width: 25%; } .produto_previa_nome { color: #666666; font-weight: bold; text-decoration: none } .produto_previa_nome:hover { color: #97939d; font-weight: bold; text-decoration: none } .produto_previa_imagem {} .produto_previa_precos {} .produto_previa_de { color: #666666; text-decoration: line-through; } .produto_previa_por { color: #d34a00; font-weight: bold; font-size: 12px; } .produto_previa_preco { color: #d34a00; font-weight: bold; font-size: 12px; } .produto_previa_preco_parcelado { color: #666666; } .produto_previa_preco_parcelado_total { color: #000; font-weight: bold } /* Produto Detalhe */ #produto_detalhe_avalie { text-align: left; margin: 0px auto; width: 300px; padding-bottom: 15px } #produto_detalhe_imagem { text-align: center; } #produto_detalhe { background: url(../images/bg-produto-preco.jpg) top center no-repeat; padding: 15px; font-size: 11px; text-align: center } .produto_detalhe_campo_de { float: left; text-align: right; width: 130px; color: #666666; text-decoration: line-through } .produto_detalhe_campo_por { float: left; text-align: right; width: 130px; font-weight: bold; color: #d34a00; font-size: 15px; } .produto_detalhe_campo_preco { float: left; text-align: right; width: 130px; font-weight: bold; color: #d34a00; font-size: 15px; } .produto_detalhe_campo_economize { float: left; text-align: right; width: 130px; color: #000 } .produto_detalhe_campo_parcele { float: left; text-align: right; width: 130px; color: #000 } .produto_detalhe_de { margin: 0px auto; text-align: left; width: 260px; font-weight: bold; color: #666666; text-decoration: line-through } .produto_detalhe_por { margin: 0px auto; text-align: left; width: 260px; font-weight: bold; color: #d34a00; font-size: 15px; } .produto_detalhe_preco { margin: 0px auto; text-align: left; width: 260px; font-weight: bold; color: #d34a00; font-size: 15px; } .produto_desconto { margin: 0px auto; text-align: left; width: 280px; padding-bottom: 10px } .produto_detalhe_economize { margin: 0px auto; text-align: left; width: 260px; color: #000 } .produto_detalhe_parcele { margin: 0px auto; text-align: left; width: 260px; color: #000 } .botao_comprar { padding-top: 20px; clear: both; display: block } #produto_detalhe_parcela { background: url(../images/bg-produto-preco.jpg) top center no-repeat; padding: 15px; font-size: 11px; text-align: center } #produto_detalhe_opcoes { background: url(../images/bg-produto-preco.jpg) top center no-repeat; padding: 15px; font-size: 11px; text-align: center } #produto_detalhe_opcoes_campos { margin: 0px auto; width: 300px; text-align: left } #produto_detalhe_opcoes .campo { width: 120px; float: left } #produto_detalhe_opcoes select { width: 180px; } #produto_detalhe_descricao { clear: both; display: block; font-size: 12px; padding: 20px 10px 10px 10px } #produto_detalhe_descricao .descricao { padding: 15px; } /* Rodapé */ #footer{margin:auto; overflow:hidden;display:block; clear: both} #footer #pagamento{background:#eeeeee; width:98%; height:88px;margin:auto; border:1px solid #cbcbcb; float:none} #footer #pagamento #bandeiras{color:#d34a00; font-weight:bold;font-size:12px;text-align:left; padding-top:20px; padding-left:20px;} #footer #inf{width:98%; height:65px;margin:auto; float:none} #footer #inf #contato{width:22%;float:left; padding-top:20px; padding-left:3px;} #footer #inf #contato #image{float:left;padding-right:3px;} #footer #inf #contato #email{float:left; vertical-align:middle;color:#666666; font-size:11px; padding-top:5px;} #footer #inf #garantia{width:54%;text-align:center;background:url(../images/bg_footer.png) center top no-repeat;height:60px;overflow:hidden;display:block;float:left; color:#666666;font-size:12px;} #footer #inf #garantia #garantia_links{color:#FFFFFF;font-size:12px; padding-top:6px;} #footer #inf #garantia #garantia_links a{color:#FFFFFF;} #footer #inf #logo{overflow:hidden;display:block;text-align:right; float:none;padding-left:10px;padding-top:10px;} /* Links - Módulos - Páginas ****************************************************************************************************************************/ /* Tela de Login */ .login_naocliente { font-size: 12px; line-height: 18px; float: left; width: 40%; vertical-align: top; border: 3px solid #eee; margin-left: 50px; height: 250px; } .login_soucliente { font-size: 12px; float: right; width: 40%; vertical-align: top; border: 3px solid #eee; margin-right: 50px; height: 250px; } .login_naocliente p { background: #ffb32c; } .login_soucliente p { background: #555555; } .login_naocliente_corpo, .login_soucliente_corpo { background: url(../images/bg-login.jpg) left top no-repeat; padding: 20px } /* Minha Conta */ .minha_conta { display: block; border: 1px solid #CCC; overflow: auto; background: url(../images/bg-minhaconta.jpg) top repeat-x; clear: both; margin: 5px 10px 5px 10px } .minha_conta h1 { display: block; letter-spacing: -1px; padding: 10px; clear: both; font-size: 16px } /* Minha Conta - Info Pedido */ .conta_pedido_data { margin: 10px; font-size: 12px; color: #000; float: left; border: 1px solid #CCC; width: 300px; padding: 3px; text-align: center } .conta_pedido_total { margin: 10px; font-size: 12px; color: #000; float: right; border: 1px solid #CCC; width: 200px; padding: 3px; text-align: center } .conta_pedido_endereco { font-size: 12px; overflow: auto } .conta_pedido_envio { font-size: 12px; overflow: auto } .conta_pedido_endereco_cobranca { font-size: 12px; overflow: auto } .conta_pedido_pagamento { font-size: 12px; overflow: auto; float: left; width: 40% } /* Minha Conta - Endereços */ .meus_enderecos { display: block; margin: 10px 0; border: 1px solid #CCC; overflow: auto; padding: 10px } /* Carrinho */ .campo_carrinho { color: #d34a00; font-size: 12px; font-weight: bold; background: url(../images/bgcarrinho.png) repeat-x top; height: 35px } .campo_carrinho_valor { font-size: 12px; background: #FFF; } .campo_carrinho_frete_campo { font-size: 12px; font-weight: bold; color: #000 } .campo_carrinho_subtotal { font-size: 12px } .productListing { border: 1px solid #cbcbcb } .carrinho_instrucoes { padding: 20px; font-size: 11px; color: #999999 } .carrinho_vazio { padding: 50px; } /* Carrinho - Finalização */ #barra_andamento { clear: both; display: block; width: auto; margin: 10px 0 } #barra_andamento ul li { float: left; display: block; height: 32px; padding-right: 25px } #barra_andamento ul .atual_01 { width: 201px; background: url(../images/andamento01_atual.jpg) no-repeat; color: transparent } #barra_andamento ul .barra_01 { width: 201px; background: url(../images/andamento01.jpg) no-repeat; color: transparent } #barra_andamento ul .atual_02 { width: 226px; background: url(../images/andamento02_atual.jpg) no-repeat; color: transparent } #barra_andamento ul .barra_02 { width: 226px; background: url(../images/andamento02.jpg) no-repeat; color: transparent } #barra_andamento ul .atual_03 { width: 152px; background: url(../images/andamento03_atual.jpg) no-repeat; color: transparent } #barra_andamento ul .barra_03 { width: 152px; background: url(../images/andamento03.jpg) no-repeat; color: transparent } #barra_andamento ul .atual_04 { width: 151px; background: url(../images/andamento04_atual.jpg) no-repeat; color: transparent } #barra_andamento ul .barra_04 { width: 151px; background: url(../images/andamento04.jpg) no-repeat; color: transparent } #barra_andamento ul .barra_01 a { display: block; padding: 10px 0; color: transparent } #barra_andamento ul .barra_02 a { display: block; padding: 10px 0; color: transparent } #barra_andamento ul .barra_03 a { display: block; padding: 10px 0; color: transparent } #barra_andamento ul .barra_04 a { display: block; padding: 10px 0; color: transparent } /* Contato */ .input_contato { font-size: 12px; padding: 4px; border: 1px solid #CCC; } .campos_contato_bg { text-align: right; padding-right: 20px; height: 22px; border-right: 1px solid #CCC; } .select_contato { font-size: 12px; padding: 4px; border: 1px solid #CCC; } /* Busca */ .busca_campo { font-size: 11px; font-weight: bold; } /* Criar Conta */ .conta_titulo { text-transform: uppercase; font-size: 11px; font-weight: bold; background: #ea891b; color: #FFF; padding: 4px 10px } #corpo_interna{font-size:12px;} #paginacao { font-size: 11px; width: 100%; float: left; margin:10px; display: block; clear: both; text-align: center } .pag-atual {background-color:#FFF; padding:6px; color: #FF6600; display:inline; border:solid 1px #CCC; margin:3px;} .pag {display:inline; margin:0 3px; text-align:center;} .pag-bts {display:inline; padding:6px; margin:3px;} .pag-links {text-decoration:none; color:000; font-weight:bold; padding:6px;}