/************* Geral ****************/ * { margin:0px; padding:0px; list-style:none; border:0px; } body { background:url('../img/fatia_topo.jpg') top center repeat-x; width:100%; } table { border-collapse:collapse } body,table,div,p{ font-family:arial; font-size:11px; color: #666; border:0px; } input,textarea,select,p, li { font-family:arial; font-size:11px; color: #666; border:0px; } a { text-decoration:none; color:#666666; } select{ border:1px solid #CCCCCC;} a:hover { text-decoration:none; list-style:none; color:#666666; font-size:11px; } a img { border:0px; } div { border:0px; padding:0px; margin:0px; } dt, li, ul, dl{ border:0px; padding:0px; margin:0px;} .limpar { clear:both; } .inputClass1 {background: url(../img/input_img.jpg) no-repeat; width:190px; height:20px; padding-top:5px; padding-left:10px; } .inputClass2 { background: url(../img/input_img2.jpg) no-repeat; width:190px; height:20px; padding-top:5px; padding-left:10px; color:#DA251D;} .textareaClass1 { padding:0px; overflow:auto; background:url(../img/textarea.jpg) no-repeat; width:200px ; height:95px; } .textareaClass2 { padding:0px; overflow:auto; background:url(../img/textarea2.jpg) no-repeat; width:200px ; height:95px; color:#DA251D;} .topo-central{background:url(../img/topo_central.gif) no-repeat; width:470px; height:38px; margin-top:10px;} .topo-central p{ font-size:18px; padding-left:20px; color:#FFFFFF; padding-top:4px;} .conteudo11, .conteudo11 p , .conteudo11 div { font-size:11px; } .conteudo15, .conteudo15 p , .conteudo15 div { font-size:13px; } .conteudo19, .conteudo19 p , .conteudo19 div { font-size:15px; } #banner460 { text-align:center; margin:0 auto 10px auto; width:460px; } .paginacao { text-align:center; margin:10px 0; } .paginacao a { padding:5px; font-weight:bold; } .paginacao a:hover { background:#DA251D; color:#fff } .paginacao .atual { background:#666; color:#fff } #logo { position:absolute; top:15px; } #slogan { position:absolute; margin-left:220px; top:50px; width:330px; font-size:14px; font-weight:bold; text-align:center; } /******* CONTEUDO GERAL ***************/ #topo{ width:770px; margin:0 auto 0 auto;} #home-topo{ background:url('../img/fundo_topo.jpg') no-repeat top; width:770px; height:130px;} #departamentos { background:#B6CAE3; width:100%; } #topo-pesquisa { background:#E0DFE3; text-align:center; } .topo-flash{ background:#E77817; border-top:1px solid #fff; border-bottom:1px solid #fff;} #MsgErro { border:1px solid #F0C5C6; font-size:11px; background: url('../img/icoerro.png') #F8E5E7 no-repeat; background-position:right top; width:100%; margin-bottom:10px; min-height:50px; } #MsgMensagem { border:1px solid #BCC9D7; font-size:11px; background: url('../img/icomsg.jpg') #E7EBF0 no-repeat; background-position:right top; width:100%; margin-bottom:10px; min-height:60px; } .mensagens li { padding:2px 10px; font-size:11px; list-style:inside circle } .mensagens h2 { margin:5px 10px; font-size:16px; color:#000; } .mensagens { padding-bottom:10px; } /*menu superior*/ #fundo_topo{ float:left; width:555px;} #fundo_topo li { float:left; } #fundo_topo li a { text-indent:-9000px; overflow:hidden; display:block; height:35px; } #menuCirugicaGlobo { width:111px; height:30px; background:url('../img/menu_cirugica.jpg') no-repeat;} #menuCadastro{ background:url(../img/menu_cadastro.jpg) no-repeat top; width:106px; height:30px;} #menuFomasPagamento{ background: url(../img/menu_pagamento.jpg) no-repeat top; width:149px; height:30px;} #menuDuvidas{ background:url(../img/menu_duvida.jpg) no-repeat top; width:78px; height:30px;} #menuFaleConosco{ background:url(../img/menu_faleconosco.jpg) no-repeat top; width:87px; height:30px;} #fundo_topo h1{text-indent:-9000px; overflow:hidden; display:block; background:url(../img/logo.png) no-repeat; width:192px; height:93px;} #fundo-topo2{ float:left; background:url(../img/fundo_topo_sup2.jpg) no-repeat top; width:215px; height:130px;} #fundo-topo2 li a { text-indent:-9000px; overflow:hidden; display:block; height:33px; } /**Menu Principal**/ #menu li { float:left; background:#789DCB url('../img/departamentos-menu1.gif') top left no-repeat; height:25px; margin-right:1px; margin-bottom:1px; } #menu li a { display:block; position:relative; float:left; background:url('../img/departamentos-menu2.gif') top right no-repeat; height:25px; } #menu li a span { display:block; padding:6px 10px 0 10px; font-size:11px; color:#fff; } #menubeleza { background:url('../img/menu_limpeza.gif') no-repeat top; width:81px; height:26px;} #menumaquiagem{ background:url('../img/menu_maquiagem.gif') no-repeat top; width:81px; height:26px;} #menudermocosmetico { background:url('../img/menu_dermotesticos.gif') no-repeat top; width:131px; height:26px;} #menueletrodomestico { background:url('../img/menu_eletrodomestico.gif') no-repeat top; width:131px; height:26px;} #menueletroconico { background:url('../img/menu_eletronico.gif') no-repeat top; width:101px; height:26px;} #menufitness { background:url('../img/menu_fitiness.gif') no-repeat top; width:81px; height:26px;} #menuhigiene { background:url('../img/menu_higiene.gif') no-repeat top; width:81px; height:26px;} #menuinfatil { background:url('../img/menu_infantil.gif') no-repeat top; width:83px; height:26px;} #menulivros { background:url('../img/menu_livro.gif') no-repeat top; width:90px; height:26px;} #menumasculinos{ background:url('../img/menu_masculino.gif') no-repeat top; width:91px; height:26px;} #menumedicamentos{ background:url('../img/menu_medicamentos.gif') no-repeat top; width:100px; height:26px;} #menuperfumes{ background: url('../img/menu_perfume.gif') no-repeat top; width:92px; height:26px;} #menuoresentes{ background: url('../img/menu_presente.gif') no-repeat top; width:101px; height:26px;} #menupromocao{ background:url('../img/menu_promocao.gif') no-repeat top; width:101px; height:26px;} #menusaude{ background:url('../img/menu_saude.gif') no-repeat top; width:131px; height:26px;} #menuud{ background:url('../img/menu_ud.gif') no-repeat top; width:64px; height:26px;} /** TOPO FLASH**/ #campo-pesquisa{ width:750px; height:30px; margin:0 auto 0 auto; text-align:center; } #campo-pesquisa img,#campo-pesquisa button,#campo-pesquisa select,#campo-pesquisa input, #campo-pesquisa a { vertical-align:middle; } #campo-pesquisa select { font-size:11px; padding:2px; } #campo-pesquisa input { font-size:11px; padding:3px; border:1px solid #ccc; } #campo-pesquisa #botao-ok{ background:url(../img/bt_ok.gif) no-repeat; width:30px; height:20px; vertical-align:middle; cursor:pointer; margin:0 8px;} /**Rodape Bloco Menu**/ #rodape-bloco1{ background:#6989B5 repeat-x; width:100%; height:30px;} #rodape-bloco1 #menu_inferior{ color:#FFFFFF; padding-top:6px; text-align:center;} #rodape-bloco1 #menu_inferior a{ font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; padding-right:3px; padding-left:3px;} #bloco-newsletter { background:url('../img/cx_newsletter.gif') top center no-repeat; width:140px; margin-top:5px; margin-bottom:5px; } /** Rodape Bloco Outros **/ #rodape-bloco2{ background:#597CAC repeat-x; width:100%; height:80px;} #rodape-bloco2 #outros-geral{ margin:0 auto 0 auto; width:770px;} #rodape-bloco2 #outros-geral #conteudo-cartao{ float:left; width:340px;} #rodape-bloco2 #outros-geral #conteudo-cartao p{ font-size:12px; font-weight:bold; color:#FFFFFF; padding:10px 0px 6px 10px;} #rodape-bloco2 #outros-geral #conteudo-cartao a { text-indent:-9000px; overflow:hidden; display:block; height:25px; float:left; padding-left:10px; margin-left:5px; } #cartaoItau{ background:url('../img/img_itau.jpg') no-repeat top; width:25px; height:25px;} #cartaoVisa{background:url('../img/img_visa.jpg') no-repeat top; width:41px; height:25px;} #cartaoMaster{background:url('../img/img_mastercard.jpg') no-repeat top; width:38px; height:25px;} #cartaoDinner{background:url('../img/img_dinnerClube.jpg') no-repeat top; width:35px; height:25px;} #cartaoCheqeu{background:url('../img/img_cheque.jpg') no-repeat top; width:38px; height:25px;} #cartaoBoleto{background:url('../img/img_boleto.jpg') no-repeat top; width:39px; height:25px;} #conteudo-Disk{ width:200px; float:left} #conteudo-Disk p{ font-size:12px; font-weight:bold; color:#FFFFFF; padding:10px 0px 3px 10px;} #conteudo-Disk span{ color:#FFFFFF; font-size:25px; font-weight:bold; padding-left:10px;} /**Conteudo Principal**/ #Conteudo-principal{ width:770px; margin:0 auto 0 auto;} #Bloco-Menu{ width:146px; float:left;} #Bloco-Menu h3{text-indent:-9000px; overflow:hidden; display:block; background:url(../img/topo_produtos.gif) no-repeat; width:140px; height:24px; margin-top:10px;} /*Menu Produto*/ #menu-produto{border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; width:138px;} #menu-produto dt{ padding-left:10px; padding-top:13px;} #menu-produto dt a{ color:#DA251D; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;} #menu-produto dt a:hover{ text-decoration:underline; color:#DA251D; font-size:12px;} #menu-produto dd{ padding:2px 0px 2px 15px;} #menu-produto dd a:hover{ text-decoration:underline; color:#666666; font-size:11px;} /*Produto ver*/ /**Bloco-Central**/ #Bloco-centro { width:470px; margin-right:6px; float:left; margin-top:10px; } #Bloco-centro .bloco { background:url('../img/interna_rodape.gif') no-repeat bottom center; padding-bottom:5px; margin-bottom:15px; } .internaTitulo { width:470px; height:38px; background:url('../img/topo_central.gif') left no-repeat; } .internaTitulo h2 { color:#fff; font-size:18px; font-weight:bold; padding:3px 0 0 10px; letter-spacing:-1px; } .interna-conteudo { border-left:1px solid #ccc; border-right:1px solid #ccc; padding:10px; width:448px } /*Banner*/ #Banner{ border:1px solid #E0DFE3; width:468px; height:80px;} /* Produtos */ .listagemProdutos .item { width:149px; float:left; padding-bottom:35px; text-align:center; } .listagemProdutos a:hover p{ text-decoration:underline; color:#666666; font-size:11px;} .listagemProdutos p{ padding:15px; text-align:center; color:#666; font-size:11px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;} .listagemProdutos span{ text-align:center; color:#999; display:block; font-weight:bold;} .listagemProdutos .texto-valor{ color:#666;} .listagemProdutos .numero-valor{ color:#DA251D;} .listagemProdutos .botaoCarrinho a { overflow:hidden; text-indent:-9000px; display:block; background:url('../img/add_carinho.gif') center no-repeat; width:90px; height:20px; margin:10px auto 0 auto; } .detalhes_prod_img { float:left; width:150px; margin-right:10px; text-align:center; } .detalhes_prod_img ul li { float:left; display:block; width:50px; height:50px; } .detalhes_prod_descr { float:left; width:280px; } .detalhes_prod_descr h2 { color:#333; font-size:15px; margin-bottom:10px; } .detalhes_prod_descr .texto,.detalhes_produto .texto p { color:#666; font-size:11px; } .detalhes_botoes { margin:15px 0; } .detalhes_prod_img #valor h3 { font-size:15px; padding:5px; border-bottom:1px dotted #ccc; font-weight:bold; color:#444; margin-top:10px; } .detalhes_prod_img #valor { font-size:17px; text-align:center; font-weight:bold; line-height:25px; } /*Produto ver*/ .bloco_produto_ver1{ float:left; width:170px;} .bloco_produto_ver1 .img_detalhe{ border:1px solid #CCCCCC; margin-left:10px;} .bloco_produto_ver1 ul li{ float:left; width:55px; text-align:center; margin-top:5px;} .bloco_produto_ver1 h3{ padding-left:15px; font-size:15px; color:#666666; border-bottom:1px dotted #CCCCCC; margin-left:15px; margin-right:30px;} .bloco_produto_ver1 p { font-size:17px; color:#999999;} .bloco_produto_ver1 span{ text-align:center; display:block;} .Bloco-produto .bloco_produto_ver2{ float:left; width:290px;} .Bloco-produto .bloco_produto_ver2 h3{ font-size:11px; color:#666666; font-weight:bold; padding-top:15px; padding-left:11px;} .Bloco-produto .bloco_produto_ver2 p{ text-align: left; font-weight:normal; size:11px;} .Bloco-produto .bloco_produto_ver2 #adicionar-detalhes{ font-weight:bold;} .Bloco-produto .bloco_produto_ver2 input{border:1px solid #CCCCCC; width:40px;} #botoes-detalhes { border-top:1px dotted #CCCCCC; width:400px; margin:0 auto 0 auto} #botoes-detalhes a{ float:left; margin-left:35px; padding-left:0px; padding-bottom:30px; display:block; text-align:center;} #detalhe-bt_adicionar{text-indent:-9000px; overflow:hidden; display:block; background:url(../img/bt_add_carrinho.gif) no-repeat; width:130px; height:20px; margin-top:10px;} #detalhe-bt_comprando{text-indent:-9000px; overflow:hidden; display:block; background:url(../img/bt_add_comprar.gif) no-repeat; width:130px; height:20px; margin-top:10px;} .Bloco-produto-compra{ border:1px solid #CCCCCC; width:465px;} .qnt-produto{ padding-bottom:15px; padding-left:10px;} .qnt-produto #quant{ font-size:13px; font:Arial, Helvetica, sans-serif; font-weight:bold; float:left; color:#FF0000; width:50px; border-bottom:1px solid #999999;} .qnt-produto #produt{font-size:13px; font:Arial, Helvetica, sans-serif; font-weight:bold; float:left; color:#FF0000; width:210px;border-bottom:1px solid #999999;} .qnt-produto #unit{font-size:13px; font:Arial, Helvetica, sans-serif; font-weight:bold; float:left; color:#FF0000; width:70px;border-bottom:1px solid #999999;} .qnt-produto #subt{font-size:13px; font:Arial, Helvetica, sans-serif; font-weight:bold; float:left; color:#FF0000;border-bottom:1px solid #999999; width:60px; padding-left:10px;} .qnt-produto #exclui{font-size:13px; font:Arial, Helvetica, sans-serif; font-weight:bold; float:left; color:#FF0000;border-bottom:1px solid #999999;} #proudto-compra-input{float:left; width:40px;padding-left:10px;} #proudto-compra-input input{border:1px solid #CCCCCC; width:30px;} .conteudo-compra{ width:400px; float:left;} .conteudo-compra #border{ border-bottom:1px solid #CCCCCC; margin-bottom:5px; padding-top:5px; } .conteudo-compra .descricao{ float:left; width:210px; padding-right:10px; } .conteudo-compra .valor1{ float:left; width:75px;} .conteudo-compra .valor2{float:left; width:80px;} .conteudo-compra .bt_excluir{ float:left;} .itens-produto .bt_atualizar{ padding-top:10px; padding-bottom:10px; padding-left:10px;} .itens-produto{ float:left; width:270px; } .itens-produto p{ padding-left:10px; float:left;} .itens-produto p input{ border:1px solid #CCCCCC; width:60px} .itens-produto #img_calculo {text-indent:-9000px; overflow:hidden; display:block; height:25px; background:url('../img/bt_calcular.gif') no-repeat top; width:104px; height:22px; padding-left:10px; float:left;} #frete-produto{ float:left; padding-top:5px;} #frete-produto #bloco-frete1{float:left; width:78px;} #frete-produto p{ color:#FF0000; font-weight:bold; font-size:13px; padding-bottom:5px;} #bloco-frete2{ float:left;} #frete-produto #bloco-frete2 span{ font-size:17px; color:#666; font-weight:bold;} #botoes-produto{ padding-left:130px;} #bt_finalizar{ text-indent:-9000px; float:left; overflow:hidden; display:block; height:30px; background:url('../img/bt_finalizar.gif') no-repeat top; width:130px; height:20px; margin:35px 0px 0px 15px; padding-bottom:15px;} #bt_compra{text-indent:-9000px; float:left; overflow:hidden; display:block; height:30px; background:url('../img/bt_comprando.gif') no-repeat top; width:130px; height:20px; margin:35px 0px 0px 15px; padding-bottom:15px;} #limpar{ padding-bottom:30px;} /* Bloco-direito */ #faca-login { background:url('../img/cx_facalogin.gif') top center no-repeat; width:140px; margin-top:5px; margin-bottom:5px; } #cxlogado { background:url('../img/cx_clientelogado.gif') top center no-repeat; width:140px; margin-top:5px; margin-bottom:5px; } .cxlateral { background:url('../img/rodape_produtos.gif') bottom center no-repeat; width:140px; padding-bottom:5px; padding-top:25px; } .cxlateral .corpo { padding:0 5px; border-left:1px solid #ccc; border-right:1px solid #ccc; } .corpo .campo { border:1px solid #e0e0e0; margin:4px 0; padding:2px; width:122px; } .corpo .campo_ativo { border:1px solid #DA251D; margin:4px 0; padding:2px; width:122px; } #botao { text-align:center; padding:5px 10px; } #botao input { background:url('../img/bt_ok.gif') no-repeat; width:30px; height:20px; border:0; cursor:pointer; margin-left:20px; } #cxlogado #bt_meucadastro { padding-bottom:5px; clear:both; background: url('../img/bt_meucadastro.gif') no-repeat top; width:126px; height:20px; text-indent:-9000px; overflow:hidden; display:block; padding-left:0px;} #cxlogado #bt_meuspedidos { padding-bottom:5px; clear:both; background: url('../img/bt_meuspedidos.gif') no-repeat top; width:126px; height:20px; text-indent:-9000px; overflow:hidden; display:block; padding-left:0px;} #conteudo-bloco-direito{width:140px; float:left; padding-bottom:15px; } #fundo-carinho { background:url('../img/bgmeucarrinho.gif') no-repeat top center; margin-top:5px; padding-top:0px; } #fundo-carinho p{ font-size:20px; font-weight:bold; color:#666; padding-left:10px; padding-bottom:5px;} #fundo-carinho .botoes { padding-left:2px; padding-bottom:5px } #fundo-carinho #bt_visualizar{ float:left; background: url('../img/bt_visualizar.gif') no-repeat top; width:60px; height:20px; text-indent:-9000px; overflow:hidden; display:block; margin-right:5px;} #fundo-carinho #bt_fechar{ float:left; background: url('../img/bt_fechar.gif') no-repeat top; width:60px; height:20px; text-indent:-9000px; overflow:hidden; display:block; } #fundo-carinho #bt_meucadastro{ margin-left:7px; padding-bottom:5px; clear:both; background: url('../img/bt_meucadastro.gif') no-repeat top; width:126px; height:20px; text-indent:-9000px; overflow:hidden; display:block; padding-left:0px;} #fundo-carinho #bt_meuspedidos{ margin-left:7px; padding-bottom:5px; clear:both; background: url('../img/bt_meuspedidos.gif') no-repeat top; width:126px; height:20px; text-indent:-9000px; overflow:hidden; display:block; padding-left:0px;} #conteudo-novidade{ width:140px; float:left;} #conteudo-novidade h3{text-indent:-9000px; overflow:hidden; display:block; background:url('../img/topo_novidade.gif') no-repeat; width:140px; height:31px; margin-top:10px;} #conteudo-novidade .border{border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; width:138px;} .border a:hover{ color: #333333;} #conteudo-novidade #conteudo-banner{ padding-top:10px; padding-bottom:10px; } #conteudo-novidade #conteudo-banner li{ text-align:center; padding-bottom:5px;} #conteudo-top10{width:140px; float:left; margin-top:10px; margin-bottom:15px;} #conteudo-top10 h3{text-indent:-9000px; overflow:hidden; display:block; background:url('../img/topo_top10.gif') no-repeat; width:140px; height:29px;} #conteudo-top10 .border{border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; width:138px;} #conteudo-top10 dt{ border-bottom:1px dotted #cccccc; width:130px; margin-left:5px; padding-top:5px;} #conteudo-top10 span{ float:left; padding-left:15px;} #conteudo-top10 p{ color:#666; padding-left:15px; padding-bottom:5px;} #conteudo-top10 .top-numero{ font-size:20px; font-weight:bold; color:#DA251D; padding-right:5px; text-align:justify;} /********************************************************************************************************************************************** ************************************* HOME A CIRUGICA GLOBO ********************************************************************************** ***********************************************************************************************************************************************/ /*Conteudo-Central-Cirugica Globo*/ #home-cirugicaglobo{ width:470px; float:left;} #texto-cirugicaglobo{border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; width:468px;} #texto-cirugicaglobo p{color:#666; font-size:11px; padding:5px 15px; font-family:Arial, Helvetica, sans-serif;} #botoes-empresa{ padding:20px;} ##botoes-empresa h2{ color:#666666; font:Arial, Helvetica, sans-serif; font-size:15px;} #botoes-empresa a{ float: right; padding-left:15px; padding-bottom:30px;} #bt_voltar{text-indent:-9000px; overflow:hidden; display:block; background:url(../img/bt_voltar.gif) no-repeat top; width:90px; height:20px; } #bt_imprimir{text-indent:-9000px; overflow:hidden; display:block; background:url(../img/bt_imprimir.gif) no-repeat top; width:90px; height:20px; } /********************************************************************************************************************************************** ************************************* HOME FALE CONOSCO ********************************************************************************** ***********************************************************************************************************************************************/ /*Conteudo Central Fale Conosco*/ #home-faleconosco{ width:470px; float:left;} #texto-faleconosco{border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; width:468px;} #texto-faleconosco p{color:#666; font-size:11px; padding:5px 15px; font-family:Arial, Helvetica, sans-serif;} #contato-form{ padding-left:15px;} #contato-form .text_input{text-align:right; padding-right:80px;} #contato-form p { clear:both; padding:5px 0; } #contato-form p label{ float:left; text-align:left; width:60px; font-size:11px; padding-bottom:6px;} #contato-form span{ display:block; padding-bottom:15px; text-align:right; padding-right:15px;} #faleconosco-endereco{ padding-bottom:20px; padding-left:15px; padding-top:20px;} #faleconosco-endereco span{ font-size:15px; font-weight:bold; color:#DA251D;} #contato-form #titulo-formulario{font-size:15px; font-weight:bold; color:#DA251D;} /********************************************************************************************************************************************** ************************************* HOME CADASTRO CLIENTE ********************************************************************************** ***********************************************************************************************************************************************/ #form-cadastro{width:440px; float:left;} #texto-cadastro{border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; width:100%;} #form-cadastro fieldset{ padding-left:30px; color:#DA251D; font-size:15px; margin-top:30px; margin-bottom:10px;} #form-cadastro legend{ font-size:15px; padding:0 10px 0px 0px; *margin-bottom:15px; color:#DA251D; font-weight:bold; } #form-cadastro p{ padding-top:10px; clear:both; } #form-cadastro p label{ float:left; text-align:right; width:90px; padding-top:4px; padding-right:5px; } #form-cadastro div{ font-size:11px; color: #666666; padding-left:50px; display:block; margin-top:15px; padding-bottom:15px; } #form-cadastro .obr { font-weight:bold; } #form-cadastro .detalhe { color:#999; font-weight:normal} /********************************************************************************************************************************************** ************************************* HOME DUVIDAS ********************************************************************************** ***********************************************************************************************************************************************/ .duvidas{ padding:20px;} .duvidas h2{ color:#CC3333; font-weight:bold; font-size:17px; display:block;} .duvidas p{ padding-left:10px; padding-top:5px; } .duvidas h4{ color:#CC3333; padding-top:10px; padding-left:10px; font-size:13px; display:block;} /********************************************************************************************************************************************** ************************************* HOME FORMA DE PAGAMENTO ********************************************************************************** ***********************************************************************************************************************************************/ .Bloco-Forma-pagamewnto{ padding:20px;} .Bloco-Forma-pagamewnto h2{ font:Arial, Helvetica, sans-serif; font-size:19px; color:#DA251D; padding-bottom:8px;} .Bloco-Forma-pagamewnto p{ padding-bottom:7px; padding-top:7px;} .Bloco-Forma-pagamewnto ul li{ padding-left:10px;} .Bloco-Forma-pagamewnto h4{ font:Arial, Helvetica, sans-serif; font-size:15px; color:#DA251D; padding-bottom:8px;} .Bloco-Forma-pagamewnto .pedidos{ padding-bottom:5px;} .Bloco-Forma-pagamewnto .titulo td{ color:#666666; font-weight:bold; font-size:11px; color:#DA251D; padding-left:15px; padding-top:15px;} .Bloco-Forma-pagamewnto tr td{ padding-left:30px;} .Bloco-Forma-pagamewnto h5{ font:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; padding-top:10px; padding-bottom:8px;} .Bloco-Forma-pag-bancoonline{ padding:0px 20px;} .Bloco-Forma-pag-bancoonline h2{ font:Arial, Helvetica, sans-serif; font-size:19px; color:#DA251D; padding-bottom:8px; padding-top:30px;} .Bloco-Forma-pag-bancoonline img{ float:left;} .Bloco-Forma-pag-bancoonline h4{font:Arial, Helvetica, sans-serif; font-size:15px; color:#DA251D; padding-bottom:8px;} .Bloco-Forma-pag-bancoonline p{ clear:both; padding-top:10px;} .Bloco-Forma-pag-bancoonline a{ color:#666666;} .Bloco-Forma-pag-bancoonline a:hover{ text-decoration:underline; color:#333333;} /* Alpha PNG support for IE ------------------------------ Aviso, este código abaixo funciona apenas para visualização na tela. Quando este documento for impresso, o bug voltará. O Hack Abaixo faz o código rodar apenas no IE. Sendo que os outros browsers como, Firefox, Opera e Safari já tem a transparencia de PNG nativo. \*/ * html img/**/ { filter:expression( this.alphaxLoaded ? "" : ( this.src.substr(this.src.length-4)==".png" ? ( (!this.complete) ? "" : this.runtimeStyle.filter= ("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.src+"')")+ (this.onbeforeprint="this.runtimeStyle.filter='';this.src='"+this.src+"'").substr(0,0)+ String(this.alphaxLoaded=true).substr(0,0)+ (this.src="../img/spacer.gif").substr(0,0) ) : this.runtimeStyle.filter="" ) ); } /* CArrinho de Compras */ .carrinho-lista { width:100%; } .carrinho-lista th { padding:3px; font-size:13px; background:#fff; text-align:left; color:#DA251D; border-bottom:1px solid #DA251D } .carrinho-lista td { padding:8px 2px; text-align:left; border-bottom:1px solid #E0DFE3 } .carrinho-lista a:hover { color:#DA251D; text-decoration:underline; } .carrinho-lista .qtde { border:1px solid #ddd; width:30px; text-align:center; } .carrinho-lista .qtde_ativo { border:1px solid #DA251D; width:30px; text-align:center; } #carrinho-atualizar { padding:0px; } #carrinho-atualizar input { cursor:pointer; width:90px; height:20px; border:0; background:url('../img/bt_atualizar.gif') no-repeat; } #carrinho-frete { padding-top:20px; font-size:12px; font-weight:bold; color:#DA251D } #carrinho-frete .cep { border:1px solid #ddd; width:80px; text-align:left; margin:0 5px; vertical-align:middle; padding:2px; font-size:11px; } #carrinho-frete .cep_ativo { border:1px solid #DA251D; width:80px; text-align:left; margin:0 5px; vertical-align:middle; padding:2px; font-size:11px; } #carrinho-total { width:100%; } #carrinho-total th { padding:3px 8px 3px 3px; font-size:13px; background:#fff; text-align:right; color:#DA251D; vertical-align:top } #carrinho-total td { padding:8px 2px; vertical-align:top } /* LOGIN */ #login { width:100%; border:0; } #login h2 { color:#DA251D; font-size:16px; font-weight:bold; } #login #cliente { padding:0 15px 0 50px; margin:20px 0 0 10px; background:url('../img/login-cadeado.jpg') no-repeat left center; } #login .campo { border:1px solid #e0e0e0; margin:4px 0; padding:2px; width:145px; } #login .campo_ativo { border:1px solid #DA251D; margin:4px 0; padding:2px; width:145px; } #login .btcontinuar { margin-top:10px; margin-right:15px; text-align:right; } #login .btcontinuar input { width:90px; height:20px; background:url('../img/btcontinuar.gif') no-repeat; border:0; cursor:pointer; } #login .caixa { padding:0 30px 0 0; margin:20px 0 0 30px } /**Formulario de Endereco**/ .form-endereco{ width:100%;} .form-endereco h3{ font-size:15px; padding-top:15px;} .form-endereco fieldset{ margin:15px;} .form-endereco p{ padding-bottom:7px;} .form-endereco label{ width:70px; float:left; padding-top:5px; text-align:right; padding-right:5px;} .form-endereco .obr { font-weight:bold; } .form-endereco span { font-weight:normal; font-size:10px; } #lista-endereco{ margin-top:20px;} #lista-endereco font{ padding-left:15px; font-size:11px;} #lista-endereco input{ display:block; padding-top:10px; float:left;} /*Finalizar Etapa*/ #finalizar-etapa{ width:100%;} #finalizar-etapa h3{ font-size:15px;} #cont-finalizar-etapa{ margin-top:30px;} #cont-finalizar-etapa tr{ border-bottom:1px solid #666666; } #cont-finalizar-etapa th{ padding-top:5px; padding-bottom:5px; border-bottom:1px solid #DA251D; color:#DA251D; font-size:15px;} #cont-finalizar-etapa td{ padding-top:5px; padding-bottom:5px; border-bottom:1px solid #CCCCCC;} #cont-finalizar-etapa .assunto-qnt{ width:50px; text-align:center;} #cont-finalizar-etapa .assunto-prod{ width:320px} #finalizar-tbvalores{ width:100%; margin-top:20px;} /*#finalizar-tbvalores tr { text-align:right; border:1px solid #0000CC;}*/ #finalizar-tbvalores th font{color: #666; padding-left:7px; font-size:11px;} #finalizar-tbvalores th{ text-align:right; font-size:13px; font-weight:bold; padding-bottom:5px; color:#DA251D;} #finalizar-tbvalores td{ text-align:right; padding-right:30px; font-size:13px; font-weight:bold;} #cont-finalizar-endereco{ margin-top:10px; margin-bottom:30px;} #cont-finalizar-endereco h3{ padding-bottom:20px; padding-top:20px; font-size:15px;} #cont-finalizar-endereco p{ padding-bottom:10px;} #cont-finalizar-pgmento h3{ padding-bottom:20px; padding-top:20px; font-size:15px;} #cont-finalizar-pgmento img{ float:left;} #cont-finalizar-pgmento span{ float:left; display:block; padding-left:10px; font-size:12px; padding-top:10px;} #cont-finalizar-pgmento span p{} #botoes-etapa p{ text-align:center; padding-left:20px; padding-top:15px; padding-right:10px; } #botoes-etapa a{ margin-top:2px; margin-left:10px;} #etapa-finalizada p{ text-align:center; padding-bottom:30px; padding-top:15px;} #etapa-finalizada a{ display:block; text-align:center; padding-bottom:15px; } #etapa-finalizada a:hover{ color:#FF0000;} /* FINALIZAR */ .finalizarListaEnd { margin:15px; } .finalizarListaEnd li { display:block; width:100%; padding:5px 0 } .finalizarListaEnd li input { margin-right:10px; vertical-align:middle } #dvNovoEndereco { margin:5px 0px 0px 17px; background:#F9F9F9; width:400px; padding:5px; border:1px solid #eee } .finalizar2Endereco p { padding:2px 10px; } #finalizar2Formaspgto td { padding:5px 10px; } .finalizar2Endereco h2{ color:#666666; font-size:15px;} /*DADOS DP CLIENTE*/ .dados-cliente{ padding-bottom:20px; border-bottom:1px dotted #CCCCCC; } .dados-cliente ul li{ display:inline-block; float:left; padding-left:13px;} .dados-cliente ul li img{ display:block; padding-left:18px; padding-top:5px;} .dados-cliente a:hover p{ color:#DA251D;} /*formul-meucadastro*/ .formul-meucadastro { margin:0 auto 0 auto; padding-left:60px; padding-top:50px;} .formul-meucadastro div{ float:left; padding-right:15px;} .formul-meucadastro div img{ padding-top:10px;} .formul-meucadastro p{ vertical-align:middle; padding-top:5px;} .formul-meucadastro label{ float:left; vertical-align: middle; padding-top:6px; width:80px;} .EnderAtualDados{ padding:15px;} .EnderAtualDados ul li{ padding-bottom:15px;} .EnderAtualDados h3{ padding-bottom:15px;} .EnderAtualDados input{ margin-right:5px;} .EnderAtualDados img{ margin-right:10px;} #titulo-pedidoconsultar img { float:left; padding-top:15px; padding-right:15px; } #titulo-pedidoconsultar p{ padding-top:30px; font-size:14px; font-weight:bold; width:200px;} #total-pedidos { width:100%; margin-bottom:20px;} #total-pedidos th{ text-align:left; font-size:13px; color:#DA251D; text-align:left;} #total-pedidos td{ font-size:12px; font-weight:bold;} #bloco-pedidos{ padding-top:20px; border-bottom:1px dotted #CCCCCC; padding-bottom:15px;} #DadosCompra p{ padding-top:10px;} #DadosCompra img { padding-right:10px; vertical-align:middle;} #DadosCompra a:hover{ color:#DA251D;} /* MEUS DADOS */ #clientePedidos { margin-top:10px; } #clientePedidos .linha { margin:20px 0; border-top:1px solid #ccc; } #clientePedidos .titulo { padding-bottom:10px; } #clientePedidos .produtos { width:100%; } #clientePedidos .produtos td { padding:3px 6px; background:#f4f2f2 } #clientePedidos .produtos th { padding:3px; color:#d10000; text-align:left; } #clientePedidos .endereco h3 { color:#d10000; font-size:11px; } .clienteBlocoDadosPgto { margin:10px; border:1px solid #ddd; padding:10px; } .clienteBlocoDadosPgto .fechar { float:right; margin-top:-5px; margin-right:-5px; border:1px solid #ddd; padding:3px; background:#eee; } .clienteBlocoDadosPgto .fechar a { color:#D10000; } .clienteBlocoDadosPgto .fechar a:hover { font-weight:bold }