/* ----- Declaracoes Gerais ----- */ body { background: url(../img/bg-topo.gif) top center no-repeat } * { border: 0; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; padding: 0; line-height: 19px; list-style: none; text-align: justify } a { text-decoration: none } a:hover { text-decoration: underline } hr { display: none } .display-none { display: none } small { font-size: 11px } a#btn-ver-mapa { background: url(../img/botoes/btn-ver-mapa.gif) no-repeat; display: block; font-size: 0; height: 27px; line-height: 0; margin: 10px 0; text-indent: -5000em; width: 93px } /* ----- Resolve problema de float no Firefox ----- */ div#conteudo:after, div.linha-chamada:after, div#principal:after, ul#servicos-destaques:after, div#conteudo-sub:after, div#listagem-proximos-eventos:after, ul.lista-eventos-anteriores:after, div.estilos-vinho:after, div#conteudo div#breadcrumb:after, div#conteudo-sub div#imagem-produto div#thumbs:after, ul#escolha-seu-vinho:after, div.chamada-direita ul li:after, div#galeria-fotos:after { content: "."; clear: both; display: block; visibility: hidden; height: 0 } /* ----- Envolve o site inteiro ----- */ div#principal { margin: 0 auto; width: 970px; height: 100%; background: url(../img/rodape-img.gif) no-repeat bottom left } /* ----- Topo ----- */ div#topo { background-color: #000; height: 190px } div#topo img#logo { float: left; position: relative; top: 24px; left: 42px } div#topo img#logoG { float: left; position: relative; top: 30px; left: 18px } div#topo img#menu-topo { float: right; border: 1px solid #0000FF } /* ----- Menu esquerda ----- */ div#menu-esquerda { float: left; width: 274px; margin-right: 20px; padding-bottom: 190px } /* ----- Listagem de itens /secoes ----- */ div#itens-menu-esquerda { background: url(../img/menu-bg-corre.gif) repeat-y; padding-bottom: 6px } div#itens-menu-esquerda ul li { background: url(../img/menu-seta.gif) no-repeat left; margin: 18px 0 0 28px; padding-left: 10px } div#itens-menu-esquerda ul li a { font-size: 15px; font-weight: bold; margin-left: 8px; color: #1f1f1f } div#itens-menu-esquerda-rodape { background: url(../img/menu-bg-rodape.gif) no-repeat; height: 14px; width: 274px; margin-bottom: 10px } /* ----- Formulario de escolha de vinho ----- */ form#escolha-vinho { background: url(../img/menu-busca-vinho-bg.gif) no-repeat; width: 274px; height: 262px; margin-bottom: 10px } form#escolha-vinho fieldset { border: 0; padding: 0; width: 270px } form#escolha-vinho fieldset legend { font-size: 18px; color: #e6c9bb; padding: 16px 0 13px 10px; display: block } form#escolha-vinho fieldset ul li, input#btnOk { padding-left: 10px } form#escolha-vinho fieldset ul li label { display: none } form#escolha-vinho fieldset ul li select, form#escolha-vinho fieldset ul li input { width: 170px; margin-bottom: 5px; color: #555555; line-height: normal; padding:0 } form#escolha-vinho fieldset ul li input { padding: 3px; width: 164px } form#escolha-vinho fieldset ul li select option { color: #555555 } /* ----- Menu de dados - Compre Aqui ----- */ ul#menu-compras { display: inline; float: left; height: 41px; margin-top: 47px; padding: 0 5px; width: 263px } ul#menu-compras *, li#produtos-cesta *, ul#menu-meus-dados li a * { color: #FFF } ul#menu-compras li a#menu-cesta { background: url(../img/menu-compre-aqui/aba-minha-cesta.gif) no-repeat 0 0; color: #FFF; display: block; float: left; height: 39px; margin-right: 7px; padding: 2px 0 0 52px; width: 76px } ul#menu-compras li a#menu-cesta:hover, ul#menu-compras a#menu-dados:hover { background-position: 0 -41px } ul#menu-compras li a#menu-cesta:hover ul li#produtos-cesta { display: block } ul#menu-compras li a#menu-cesta span { display: block; font-size: 11px } ul#menu-compras a#menu-dados { background: url(../img/menu-compre-aqui/aba-meus-dados.gif) no-repeat; color: #FFF; display: block; float: left; height: 30px; padding: 11px 0 0 10px; width: 118px } ul#menu-compras li a#menu-cesta:hover, ul#menu-compras li a#menu-cesta:hover span, ul#menu-compras li a#menu-dados:hover, ul#menu-compras li a#menu-cesta strong { text-decoration: none } /* ----- Listagem de produtos ----- */ li#produtos-cesta { background: #59042E; margin-top: 41px; position: absolute; width: 262px; padding-top: 4px; } li#produtos-cesta table { width: 100% } li#produtos-cesta table caption, li#produtos-cesta table thead, li#produtos-cesta table tfoot { display: none } li#produtos-cesta table tbody tr td, li#produtos-cesta strong { padding: 5px } li#produtos-cesta table tr td.right { text-align: right } li#produtos-cesta table tr td.subtotal { background: #e1b677; color: #000; font-weight: bold } /* ----- Meus dados ----- */ ul#menu-meus-dados { background: #59042E; margin: 41px 0 0 134px; padding: 5px; position: absolute; width: 118px } ul#menu-meus-dados li { background: url(../img/menu-compre-aqui/seta.gif) no-repeat 6px 6px; padding-left: 20px } /* ----- Conteudo ----- */ div#conteudo { float: right; width: 675px; margin-bottom: 40px; background: #FFF } div#conteudo h1 { background: url(../img/titulo-bg.gif) no-repeat; color: #a31037; font-size: 22px; padding: 15px 0 14px 37px; margin-bottom: 20px } div#conteudo h2 { color: #a31037; background: url(../img/chamadas-bg.gif) no-repeat; font-size: 22px; padding: 2px 0 33px 30px } /* ----- Conteudo Sub ----- */ div#conteudo-sub { margin: 0 7px 0 10px; width: 653px } div#conteudo-sub h2 { background: url(../img/subtitulos-bg.gif) no-repeat right bottom; color: #A31037; display: inline; font-size: 17px; padding: 7px 25px 9px 10px; line-height: 70px } div#conteudo-sub h2 * { line-height: 70px } div#conteudo-sub h2 a {color:#A31037; font-size:17px; text-decoration:none; padding:0} div#conteudo-sub h3 { font-size: 14px } div#conteudo-sub p { margin-bottom: 15px } div#conteudo-sub a { text-decoration: underline } div#conteudo-sub a:hover { color: #A31037 } /* ----- Link ver mais ----- */ li.ver-mais { background: url(../img/menu-seta.gif) left no-repeat; padding-left: 13px } li.ver-mais a { color: #a31037; font-weight: bold; text-decoration: none !important } li.ver-mais a:hover { text-decoration: underline !important } /* ----- Paginacao ----- */ div#paginacao { clear: both; height: 21px } div#conteudo-sub div#paginacao ul li { padding-left: 3px; width: auto; height: auto; list-style: none } div#paginacao ul li a { padding: 1px 8px; display: block; background: #d4c0ca; color: #53052d; cursor: pointer; text-decoration: none } div#paginacao ul li a:hover { background: #53052d; color: #FFF; text-decoration: none } div#paginacao li.numero-paginacao, div#paginacao li#numero-paginacao-atual, div#paginacao li#ant-paginacao, div#paginacao li#prox-paginacao, div#paginacao li.reticencias { float: left } div#paginacao li.numero-paginacao, div#paginacao li#numero-paginacao-atual, div#paginacao li.reticencias { margin-left: 5px } div#paginacao ul li.reticencias { font-weight: bold; padding: 6px 1px 0 3px } div#paginacao #ant-paginacao { margin-right: 10px } div#paginacao li#prox-paginacao { margin-left: 15px } div#paginacao li#numero-paginacao-atual { padding: 1px 8px; background: #53052d } div#paginacao li#numero-paginacao-atual strong { padding-left: 4px; color: #FFF } /* ----- Breadcrumbs ----- */ div#breadcrumbs { margin-bottom: 10px; margin-top: -15px; padding: 0 10px } div#breadcrumbs ul { display: inline } div#breadcrumbs li.breadcrumb { background: url(../img/breadcrumb.gif) 2px center no-repeat; padding-left: 13px } div#breadcrumbs li.breadcrumb * { font-size: 11px } div#breadcrumbs ul li { display: inline; font-size: 11px } div#breadcrumbs ul li * { font-size: 11px } /* ----- Chamadas ----- */ div.chamada-esquerda { float: left; width: 308px; margin-top: 25px } div.chamada-esquerda ul li, div.chamada-direita ul li { clear: both } div.data { width: 69px; float: left; height: 39px } li.clear-both { clear: both } div.chamada-direita { float: right; width: 328px; margin-top: 25px } div.chamada-esquerda h2, div.chamada-direita h2 { color: #a31037; background: url(../img/chamadas-bg.gif) no-repeat; font-size: 22px; padding: 2px 0 33px 30px } div.chamada-direita h3 { display: inline } /* Caso Eventos volte no lugar de promocoes div.chamada-direita ul li { margin-bottom: 10px; height: 100% } */ div.chamada-direita img, div.chamada-esquerda img { float: left; margin: 5px 10px 0 0 } /* ----- Listas ----- */ div#conteudo-sub ol, div#conteudo-sub ul { margin-bottom: 15px } div#conteudo-sub ul.listas { display: block; width: auto } div#conteudo-sub ul.listas li { background: url(../img/menu-seta.gif) no-repeat 0 6px; list-style-position: outside; padding-left: 15px } div#conteudo-sub dl { margin: 0 0 15px 0 } div#conteudo-sub dt { font-weight: bold } div#conteudo-sub dd { margin: 0 0 10px 0 } div#conteudo-sub ul.listas li h4 { margin-top: 15px } /* ----- Quem Somos ----- */ div.btn-subir { display: block; text-align: right } div.btn-subir a { background: url(../img/btn-subir.gif) no-repeat; width: 37px; height: 9px; font-size: 0; line-height: 0; text-indent: -5000em; display: block; float: right } ul#ancora li { display: inline; width: 640px } ul#ancora li a { background: #F5F4F4 url(../img/menu-seta.gif) no-repeat 5px 6px; display: block; margin: 1px 0; padding-left: 20px; text-decoration: none } ul#ancora li a:hover { background-color: #efeeed; text-decoration:none } /* ----- Eventos ----- */ /* ----- Proximos Eventos ----- */ div#listagem-proximos-eventos { height: 100%; margin-bottom: 20px } div#listagem-proximos-eventos img { float: left } div#listagem-proximos-eventos ul li { margin-bottom: 5px } /* ----- Eventos Anteriores ----- */ div#conteudo-sub ul.lista-eventos-anteriores { border-bottom: 1px dotted #CCCCCC; height: 100%; clear: both; display: block; margin-bottom: 28px; width: auto } div#conteudo-sub ul.lista-eventos-anteriores li { float: left; padding: 0 15px 10px 15px; text-align: center; width: 187px } div#conteudo-sub ul.lista-eventos-anteriores li * { text-align: center } div#conteudo-sub ul.lista-eventos-anteriores li a { text-decoration: none } div#conteudo-sub ul.lista-eventos-anteriores li a:hover { text-decoration: underline } div#conteudo-sub ul.lista-eventos-anteriores li h3 { margin-bottom: 5px } div#conteudo-sub ul.lista-eventos-anteriores li h3 a { font-size: 14px; text-decoration: none } div#conteudo-sub ul.lista-eventos-anteriores li h3 a:hover { text-decoration: underline } /* ----- Novidades ----- */ /* ----- Novidade em destaque ----- */ div#novidade-destaque { background: #F7F7F7; padding: 15px; margin-bottom: 10px; height: 105px } div#novidade-destaque h2 { background: none; color: #A31037; line-height: 19px; padding-left: 0 } div#novidade-destaque h2 a { background: none; margin: 0; padding: 0; line-height: 0 } div#novidade-destaque h2 a:hover { text-decoration: underline } div#novidade-destaque div.data { height: 90px; width: 87px; padding-right: 16px; margin-top: 17px } div#novidade-destaque div.data * { color: #C0C0C0; font-weight: bold; text-align: center; margin-bottom: 6px } div#novidade-destaque div.data div.dia { font-size: 36px; margin-top: 5px } div#novidade-destaque div.data div.mes, div#novidade-destaque div.data div.ano { font-size: 20px } div#novidade-destaque a { background: url(../img/menu-seta.gif) no-repeat 0 4px; color: #A31037; padding: 0 0 0 10px; text-decoration: none } div#novidade-destaque a:hover { text-decoration: underline } div#novidade-destaque p { margin-top: 15px } /* ----- Listagem de novidades e imprensa ----- */ ul#listagem-novidades-imprensa li { border-bottom: 1px dotted #CCCCCC; padding: 15px 0; height: 80px } ul#listagem-novidades-imprensa li h2 { background: none; color: #A31037; line-height: normal; padding-left: 0 } ul#listagem-novidades-imprensa li h2 a { background: none; margin: 0; padding: 0; line-height: 0; font-size: 14px; float: none } ul#listagem-novidades-imprensa li h2 a:hover { text-decoration: underline } ul#listagem-novidades-imprensa li div.data { margin: 0 5px; padding: 17px 10px } ul#listagem-novidades-imprensa li div.data * { color: #C0C0C0; font-weight: bold; text-align: center } ul#listagem-novidades-imprensa li div.data div.dia { font-size: 26px } ul#listagem-novidades-imprensa li div.data div.mes, ul#listagem-novidades-imprensa li div.data div.ano { font-size: 14px; line-height: 14px } ul#listagem-novidades-imprensa li a { background: url(../img/menu-seta.gif) no-repeat 0 4px; color: #A31037; padding-left: 9px; text-decoration: none } ul#listagem-novidades-imprensa li a:hover { text-decoration: underline } ul#listagem-novidades-imprensa li p { margin: 0 0 5px 0 } /* ----- Novidades / Imprensa Detalhes ----- */ div#novidades-imprensa-detalhes h3, div#novidades-imprensa-detalhes h2#titulo-imprensa-noticia { padding: 0 0 7px 0; line-height: 23px; display: block; background: none; color: #A31037; font-size: 18px } div#novidades-imprensa-detalhes h3 { font-size: 15px; color: #000; padding-bottom: 0 } div#novidades-imprensa-detalhes ol li { list-style: decimal inside } div#novidades-imprensa-detalhes ul li { list-style: disc inside } div#novidades-imprensa-detalhes p#data-imprensa-noticia { border-bottom: 1px solid #E6E6E6; padding-bottom: 5px } div#novidades-imprensa-detalhes h3#breve-descricao-imprensa-noticia { font-size: 12px; padding-bottom: 7px } /* ----- Imprensa detalhes ----- */ div#novidades-imprensa-detalhes ul#download-pdf { background: #f7f7f7; padding: 5px } div#novidades-imprensa-detalhes ul#download-pdf li { background: url(../img/icoAdobeReader.gif) left no-repeat; list-style-type: none; list-style-position: outside; padding-left: 25px } /* ----- Fotos ----- */ div#galeria-fotos { height: 100%; border-bottom: 1px solid #E6E6E6; margin-bottom: 9px; padding-bottom: 13px } div#galeria-fotos ul#galeria-fotos-fotos { width: 551px; margin: 0 auto } div#galeria-fotos ul#galeria-fotos-fotos li { float: left; list-style-type: none; height: 105px; margin: 0 10px 10px 0; width: 100px; text-align: center } div#galeria-fotos ul#galeria-fotos-fotos li img { border: 1px solid #d4c0ca } div#galeria-fotos ul#galeria-fotos-fotos li img:hover { border: 1px solid #53052d } /* ----- Os 11 estilos de vinho ----- */ div.estilos-vinho { margin-bottom: 20px; border-bottom: 1px dotted #d3d3d3; height: 100%; padding-bottom: 15px } div.estilos-vinho img { float: left; margin-right: 10px } div#conteudo-sub div.estilos-vinho h2 { font-size: 1.2em; background: none; color: #1f1f1f; line-height: normal; padding: 0 } div#conteudo-sub div.estilos-vinho ul { margin: 2px 0 0 90px } div#conteudo-sub div.estilos-vinho ul li a { padding: 0; cursor: pointer; text-decoration: none } div#conteudo-sub div.estilos-vinho ul li a:hover { cursor: pointer; text-decoration: underline } div#conteudo-sub div.estilos-vinho ul li ul { margin: 0 0 10px 0; display: none; background-color: #F4F4F4; padding: 10px } div#conteudo-sub div.estilos-vinho ul li ul li a { float: right; background: url(../img/ico-fechar.gif) no-repeat 0 0; width: 14px; height: 15px; text-indent: -5000em; line-height: 0; font-size: 0 } div#conteudo-sub div.estilos-vinho ul li ul li a:hover { background-position: 0 -15px } /* ----- Servicos ----- */ ul#servicos-destaques { height: 100% } ul#servicos-destaques * { text-align: center } ul#servicos-destaques li { width: 199px; float: left; background: url(../img/box.gif) repeat-y 0 0; padding-top: 15px; height: 207px } ul#servicos-destaques img { margin-bottom: 10px } ul#servicos-destaques li p { margin: 0 10px } li.servicos-destaques-esq-meio { margin-right: 28px } .img-right { float: right; margin-left: 10px } .img-left { float: left; margin-right: 10px } table#pratica { margin: 0 auto 15px auto; width: 400px; border: 1px solid #CCC } table#pratica thead td { font-weight: bold; border-bottom: 1px solid #CCC; padding: 4px } table#pratica tbody td { border-bottom: 1px solid #F4F4F4; padding: 2px 4px } /* ----- Formulários ----- */ span.red { color: #F00 } form#formulario-conteudo fieldset * { text-align: left } form#formulario-conteudo fieldset legend { display: none } form#formulario-conteudo fieldset { margin-left: 80px; margin-top: 15px } form#formulario-conteudo fieldset fieldset { margin-left: 0 } form#formulario-conteudo fieldset#sem-borda { border: 0; width: 512px; margin: -15px 0 0 63px } form#formulario-conteudo fieldset, form#formulario-conteudo fieldset fieldset { display: block; border: 1px solid #DCD5CE; margin-bottom: 20px; padding: 0 20px 20px 20px; width: 467px } form#formulario-conteudo fieldset fieldset legend, form#formulario-conteudo fieldset legend#display { color: #A31037; display: inline; font-size: 14px; font-weight: bold; padding: 0 3px } form#formulario-conteudo fieldset ul { margin-top: 10px } form#formulario-conteudo fieldset fieldset ul li, form#formulario-conteudo fieldset ul li { float: left; margin-bottom: 10px } form#formulario-conteudo fieldset ul li.float-none { float: none } form#formulario-conteudo fieldset ul li label { display: block; cursor: pointer } form#formulario-conteudo fieldset ul li input, form ul li textarea, form ul li select { border: 1px solid #CCC; padding: 3px; line-height: normal } form#formulario-conteudo fieldset ul li select { width: 137px } form#formulario-conteudo fieldset ul li input:focus, form#formulario-conteudo ul li textarea:focus, form#formulario-conteudo ul li select:focus { border: 1px solid #666 } form#formulario-conteudo fieldset ul li label.error { color: #F00; font-size: 11px } form#formulario-conteudo input#btn-enviar { cursor: pointer; font-size: 0px; display: block; line-height: 0px; background: url(../img/botoes/btn-enviar.gif); width: 100px; height: 37px; float: right; clear: both } form#formulario-conteudo fieldset ul li#exibe-dados-entrega { margin-bottom: 0; background: #F2F2F2; padding: 5px; width: 455px; border: 1px solid #CCC } form#formulario-conteudo fieldset ul li#exibe-dados-entrega input { display: none } form#formulario-conteudo fieldset ul li#exibe-dados-entrega label { text-align: center } /* ----- Espaçamento entre os campos ----- */ li.espacamento-campos { margin-right: 27px } /* ----- Tamanho dos campos ----- */ input#txtNome, input#txtEmail, input#txtEndereco_Cobranca, input#txtNumeroComplemento_Cobranca, input#txtComoConheceu, input#txtEndereco_Entrega, input#txtNumeroComplemento_Entrega, textarea#txtMensagem, input#txtEndereco, input#txtNumeroComplemento, textarea#txtIntencaoInvestimento, textarea#txtCapitalDisponivel, input#txtTempoConhece, input#txtPesquisouSegmentos, input#txtPontoComercial, textarea#txtDescrevaPonto { width: 455px } input#txtRG, input#txtCPF, input#txtBairro_Cobranca, input#txtBairro_Entrega, input#txtCidade_Cobranca, input#txtCidade_Entrega, input#txtTelefone_Cobranca, input#txtCelular_Cobranca, input#txtTelefone_Entrega, input#txtCelular_Entrega, input#txtCidade, input#txtTelefone, input#txtBairro, input#txtTelefoneResidencial, input#txtTelefoneComercial, input#txtCelular, select#txtEstadoFranquia, input#txtCidadeFranquia, input#txtBairroFranquia, input#txtCEP, input#txtCidade, select#txtEstado { width: 128px } input#txtDataNascimento { width: 155px } /* ----- Mensagem de enviado ----- */ div#mensagem-enviado { display: block; margin: 15px 0; text-align: center } div#mensagem-enviado h2 { background: none; color: #A31037; display: block; font-size: 14px; font-weight: bold; line-height: normal; margin: 5px 0 0; padding: 0; text-align: center } div#mensagem-enviado p { margin: 5px 0 0 0; text-align: center } /* ----- Fale Conosco ----- */ form#formulario-conteudo fieldset p { margin-top: 15px } /* ----- Cadastre-se ----- */ input#chbReceberNovidades { float: left ; margin-right: 5px } form#formulario-conteudo ul#listCheckBox { float: left; height: 20px; margin: 0; width: 100% } form#formulario-conteudo ul#listCheckBox li { margin: 0 } form#formulario-conteudo ul#listCheckBox li * { vertical-align: middle } form#formulario-conteudo ul#listCheckBox li label { position: absolute; margin-left: 20px } form#formulario-conteudo ul#listCheckBox li input { border: 0; position: absolute; width: 17px; padding: 0; margin: 3px 0 0 0 } form#formulario-conteudo ul#listCheckBox li input:focus { border: 0 } img#imgCaptcha { display: block; margin: 5px 0 } input#captchacode { display: block; margin-top: 5px } /* ----- Listagem de erros -----*/ div#listagem-erros { border: 1px solid #cc0000; background: #ffebe8; padding: 5px 8px } div#listagem-erros h2 { background: none; display: block; line-height: normal; margin-bottom: 5px; padding: 0; color: #000; font-size: 14px } div#listagem-erros ul { margin-bottom: 0 } div#listagem-erros ul li { list-style: disc inside } /* ------ Loja Virtual ------ */ /* Home */ div#conteudo-sub div.box-loja { float: left; margin-bottom: 20px; width: 322px } div#conteudo-sub div.box-loja img { float: left; margin: 0 10px 10px 0 } div#conteudo-sub div.box-loja h2, div#conteudo-sub div.box-loja h2 * { background: none; color: #000; display: block; line-height: normal; margin: 0 0 10px 0; padding: 0 } div#conteudo-sub div.box-loja h2 a:hover { text-decoration: underline } div#conteudo-sub div.box-loja p, div#conteudo-sub div.box-loja p * { font-size: 11px; margin-bottom: 10px } div#conteudo-sub div.box-loja div.valor { color: #a31037; font-size: 18px; font-weight: bold} .mr10 { margin-right: 10px } /* Detalhe do Produto */ div#conteudo-sub div#detalhe-produto { float: left; margin-right: 15px; width: 440px; display: inline } div#conteudo-sub div#detalhe-produto h2 { background: none; display: block; line-height: normal; margin-bottom: 15px; padding: 0 } div#conteudo-sub div#detalhe-produto ul li { background: url(../img/breadcrumb.gif) center left no-repeat; padding-left: 13px } div#conteudo-sub div#detalhe-produto div#informacoes-sobre { background-color: #F7F7F7; padding: 10px } div#conteudo-sub div#detalhe-produto div#informacoes-sobre ul { margin: 0 } div#conteudo-sub div#detalhe-produto div#informacoes-sobre ul li { background: none; padding: 0 } div#conteudo-sub div#detalhe-produto div#informacoes-sobre h3 { color: #A31037; font-size: 18px; font-weight: bold; margin-bottom: 10px } div#conteudo-sub div#detalhe-produto div#informacoes-sobre p { margin: 0 } div#conteudo-sub div#imagem-produto { float: left; width: 197px } div#conteudo-sub div#imagem-produto a#comprar { background: url(../img/botoes/btn-comprar.gif) no-repeat; display: block; font-size: 0; height: 37px; line-height: 0; margin: 15px auto; text-indent: -5000em; width: 100px } div#conteudo-sub div#imagem-produto span#valor { color: #A31037; display: block; font-size: 24px; margin-top: 15px; text-align: center } div#conteudo-sub div#imagem-produto div#thumbs { margin: 10px 0; text-align: center } div#conteudo-sub div#imagem-produto div#thumbs img { border: 1px solid #F4F4F4; margin: 5px 2px; width: 40px } div#conteudo-sub div#imagem-produto div#thumbs img:hover { border: 1px solid #CCC; cursor: pointer } /* Escolha seu vinho */ ul#escolha-seu-vinho { background: url(../img/bg-escolha-seu-vinho.gif) no-repeat right bottom; height: 100% } ul#escolha-seu-vinho li { display: inline; float: left; margin-bottom: 15px; width: 640px } ul#escolha-seu-vinho li strong { color: #990033; font-size: 14px; font-weight: bold } ul#escolha-seu-vinho li div.selecionar-todos { background: url(../img/botoes/bg-selecionar-todos.gif) no-repeat; display: block; float: right; height: 19px; width: 113px } ul#escolha-seu-vinho li div.selecionar-todos label { cursor: pointer; float: right; font-size: 11px } ul#escolha-seu-vinho li div.selecionar-todos input { display: inline; float: right; margin: 3px 6px 0 } ul#escolha-seu-vinho li ul { float: left; margin: 0 0 0 15px; width: 636px; display: inline } ul#escolha-seu-vinho li ul li { float: left; margin: 0 10px 0 0; text-align: left; width: 200px } ul#escolha-seu-vinho li ul li input { display: inline; margin-right: 5px } ul#escolha-seu-vinho li ul li label { color: #000; display: inline; font-size: 12px; font-weight: normal; float: none } hr.linha { border-width: 0 0 1px 0; border-style: dashed; border-color: #CCC; clear: both; display: block; margin: 20px 0 } input#btn-pesquisar { display: block; margin: 0 auto; width: 250px } div#conteudo h2.resultado { background: none; display: block; line-height: normal; margin-bottom: 10px; padding: 0 } div#conteudo h3.encontrados { font-weight: normal; line-height: normal; margin-bottom: 20px } /* Carrinho */ form#frm-carrinho { float: left; width: 640px } form#frm-carrinho table tr th { border-bottom: 1px solid #F4F4F4; color: #A31037; font-weight: bold; line-height: 25px } form#frm-carrinho table tr td { padding: 10px 0 } form#frm-carrinho table tr td.anula-espaco { padding: 3px 0 } form#frm-carrinho table tr td.centro { padding: 0 0 0 95px } form#frm-carrinho table tr td input { border: 1px solid #CCCCCC } form#frm-carrinho table tr td input:focus { border: 1px solid #002D62 } form#frm-carrinho table tr td input#checkbox { border: 0 } form#frm-carrinho table tr td h2 { border-bottom: 1px solid #F4F4F4 } input#btn-compre-aqui-continua-compra, input#btn-compre-aqui-atualiza-carrinho, input#btn-compre-aqui-concluir { border: 0 !important; cursor: pointer; display: block; float: left; height: 27px; padding: 0 0 0 35px; font-weight: bold; width: 165px } input#btn-compre-aqui-continua-compra { background: url(../img/icone/ico-continua.gif) no-repeat; margin: 20px 20px 20px 0 } input#btn-compre-aqui-atualiza-carrinho { background: url(../img/icone/ico-atualiza.gif) no-repeat; margin: 20px 20px 20px 0 } input#btn-compre-aqui-concluir { background: url(../img/icone/ico-concluir.gif) no-repeat; margin: 20px 0 } input#btn-compre-aqui-continua-compra:hover, input#btn-compre-aqui-atualiza-carrinho:hover, input#btn-compre-aqui-concluir:hover { background-position: 0 -27px; color: #A31037 } /* Meus Pedidos */ table#meus-pedidos { border: 1px solid #CCCCCC; padding:5px } table#meus-pedidos th { border-bottom: 1px solid #CCCCCC; font-weight: bold; line-height: 25px; text-align: center; text-transform: uppercase } table#meus-pedidos td { line-height: 25px; text-align: center } /* ----- Rodape ----- */ div#rodape-fora { clear: both; background: url(../img/bg-rodape.gif) no-repeat bottom center } div#rodape-dentro { height: 225px; margin: auto; width: 970px } div#rodape-dentro p { padding: 50px 0 0 20px } div#rodape-dentro * { color: #FFF; font-size: 14px } div#rodape-dentro img { padding-left: 20px } /* ----- Erro 404 ----- */ body#erro404 { background: none } /* ----- Conteudo ----- */ div#conteudo-erro404 { margin: 0 auto; width: 970px; text-align: center } div#conteudo-erro404 * { text-align: center } div#conteudo-erro404 h1 { background: url(../img/erro404/msg-erro404.gif) no-repeat; width: 282px; height: 53px; display: block; text-indent: -9999px; margin: 0 auto } div#conteudo-erro404 h2 { background: url(../img/erro404/msg-erro404.gif) no-repeat; width: 294px; height: 53px; display: block; text-indent: -9999px; background-position: 0 -51px; margin: 0 auto } a#btn-home { background: url(../img/erro404/btn-home.jpg); width: 100px; height: 38px; text-indent: -9999px; display: block; margin: 0 auto; margin-top: 30px; overflow: hidden }