body {margin:0; padding:0; text-align:center; background:url(/img/fundo-rodape.jpg) bottom repeat-x #320404;} img {border:0;} a {text-decoration:none;} a:hover{text-decoration:underline;} #main {width:100%; background:url(/img/fundo-central.jpg) top center repeat-x; clear:both;} #site {width:942px; height:auto; display:table; margin:auto;} #topo {width:945px; /*height:216px;*/ } #top-campo {width:945px; height:190px; position:relative;} #top-campo .formas-pag {float:left; margin:5px 0 0 15px;} #pedido {width:295px; float:left;} #carrinho {width:271px; height:69px; float:right; margin:0 14px 0 0; background:url(/img/bg-cesta.png) center no-repeat; text-align:center; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bg-cesta.png', sizingMethod='scale');} #carrinho #totalcart{width:81px; float:left; text-align:center; margin:16px 0 0 53px;} .float-left {float:left;} .float-left15px {float:left; margin-right:15px;} .produtos-finos {margin:87px 0 46px 280px; float:left;} /*titulos*/ h5 {font-family:Georgia, "Times New Roman", Times, serif; color:#84581E; font-size:20px;} h4 {font-family:Georgia, "Times New Roman", Times, serif; color:#84581E; font-size:17px; font-weight:normal;} h3 {font-family:Georgia, "Times New Roman", Times, serif; color:#84581E; font-size:18px;} h2 {font-family:"Trebuchet MS", arial; color:#CC0000; font-size:17px; font-weight:normal;} .treb17vermelho {font-family:"Trebuchet MS", arial; color:#CC0000; font-size:17px; font-weight:normal; line-height:16px;} .treb17vermelho a:hover {font-family:"Trebuchet MS", arial; color:#CC0000; font-size:17px; font-weight:normal; line-height:16px; text-decoration:none;} .treb17vermelho a{font-family:"Trebuchet MS", arial; color:#990000; font-size:17px; font-weight:normal; line-height:16px; text-decoration:none;} .treb17vermelho a:visited {font-family:"Trebuchet MS", arial; color:#CC0000; font-size:17px; font-weight:normal; line-height:16px;} .treb20vermelho {font-family:"Trebuchet MS"; color:#cc0000; font-size:20px; } .arial2preto {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;} .arial2preto a:hover {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:red;} .arial2preto a:link {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;} .arial2preto a:visited {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;} .arial3preto {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333;} .arial0preto {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#333; letter-spacing:-1px;} .arial1preto {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333;} .arial1vermelho {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#930D0D;} .arial2vermelho {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#cc0000;} .arial7vermelho {font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#cc0000;} .arial3vermelho {font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#990000;} .arial4vermelho {font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#F00;} .arial3vermelho a:link {font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; text-decoration:none;color:#990000;} .arial3vermelho a:hover {font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#CC0000; text-decoration:underline;} .arial3vermelho a:visited {font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#993300;} .arial0vermelho {font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#FBE57D;} .arial0vermelho a:link {font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-decoration:none;color:#FBE57D;} .arial0vermelho a:hover {font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; #FBE57D; text-decoration:underline;} .arial0vermelho a:visited {font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#FBE57D;} .treb20azul {font-family:"Trebuchet MS"; color:#3399FF; font-size:20px;} .geo17marron{font-family:Georgia, "Times New Roman", Times, serif; color:#84581E; font-size:17px; font-weight:normal; float:left; margin-top:5px;} .geo15marron{font-family:Georgia, "Times New Roman", Times, serif; color:#84581E; font-size:15px; font-weight:normal; margin-top:5px;} .geo17branco {font-family:Georgia, "Times New Roman", Times, serif; color:#fff; font-size:17px;} .geo17vermelho {font-family:Georgia, "Times New Roman", Times, serif; color:#D90000; font-size:17px;} .cx-pedido {width:67px; height:17px; border:1px solid #330000;} .ok-pedido {width:17px; height:21px; background:#D90000; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; border:0;} .botao-contato {width:50px; height:21px; background:#D90000; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; border:0;} .login-escrita {width:65px; height:10px; float:left; margin:2px 7px 0px 128px; font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#DEC7C0; text-align:left;} .senha-escrita {width:25px; height:10px; float:left; margin:2px 5px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#DEC7C0;} .esqueci-escrita {width:150px; height:15px; margin:0 5px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#DEC7C0; text-decoration:none;} #cadastrx {width:277px; height:24px; float:right; margin-top:10px; clear:both; font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#DEC7C0; text-align:left;} #cadastrx a{color:#ded0b0; font-size:12px; font-family:Verdana, Geneva, sans-serif; font-weight:normal;} .arial9rose {font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#DEC7C0;} .arial35car {font-family:Arial, Helvetica, sans-serif; font-size:35px; color:#DEC7C0;} /*menu*/ #menu {width:710px; height:38px; position:absolute; z-index:999; margin:152px 0 0 221px; background:url(/img/fundo-menu.png) no-repeat;} .int-menu {width:auto; height:auto; padding:9px 27px 0 27px; float:left; background:url(/img/div_menu.png) right center no-repeat;} .menu a{ font-family:"Times New Roman", Times, serif; font-size:17px; color:#fff; text-decoration:none;} .menu a:hover {color:#e09a3d;} .menu .last{background:none; padding-right:0;} /*conteudo*/ /*fluts*/ #conteudo {width:942px; height:auto; background:url(/img/fundo-meio.jpg) repeat-y; clear:both; margin:0 0 0 3px; display:table;} #esquerda {width:220px; height:auto; float:left;} #menu-hor {width:173px; height:auto; background:url(/img/sep-menu-hor.gif) center bottom no-repeat; padding:4px 0 3px 25px; float:left; text-align:left;} .m-hor a:link{font-family:"Trebuchet MS"; color:#483002; font-size:13px; text-decoration:none;} .m-hor a:hover{font-family:"Trebuchet MS"; color:#D90000; font-size:13px; } .m-hor a:visited{font-family:"Trebuchet MS"; color:#483002;font-size:13px; } #cx-dicas {width:176px; height:126px; margin:auto; background:url(/img/cx-dicas.gif); padding:66px 15px 0 15px; text-align:left;} .txt-dicas {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333; text-align:center;} .m-dicas a{font-family:"Trebuchet MS"; color:#483002; font-size:11px; text-decoration:none;} .m-dicas a:hover{font-family:"Trebuchet MS"; color:#D90000; font-size:11px; } #direita {width:686px; height:auto; float:left; padding-left:10px; _padding-left:5px; background:url(/img/fundo-ac-cont.jpg) repeat-x; display:inline;} #lancamentos {width:663px; height:40px; float:left; text-align:left;} #buscar {width:320px; height:20px; float:right; *margin:5px 15% 0 0; margin:5px 25% 0 0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#490906; font-weight:bold; display:inline;} .cx-buscar {width:110px; height:20px;font-family:Arial, Helvetica, sans-serif; color:#333; font-size:14px; border:1px solid black;} .cx-buscar3 {width:110px; height:30px;font-family:Arial, Helvetica, sans-serif; color:#333; font-size:12px; border:1px solid black; margin-top:10px;} .bt-ok {width:21px; height:20px; background:#5D0505; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; border:1px solid #5D0505; color:#fff;} .bt-busc {width:75px; height:22px; float:left; margin:0 5px; background:url(/img/buscar.gif) center no-repeat; border:none;} .float-left5px {float:left; margin:0 5px;} #banners {width:663px; margin:20px auto 0 auto; text-align:left; display:table; clear:both; height:auto;} #b-grande {width:465px; height:217px; float:left;} #b-pq {width:198px; height:217px; float:left;} #mais-ofertas {width:475px; margin:20px auto 0 auto; text-align:left; float:left; height:auto;} #mais-ofertas table img {margin-right:5px;} #produtos {width:200px; height:250px;float:left; display:table; border:1px solid #000;} #separador {width:10px; height:170px; float:left; background:url(/img/separador.gif) no-repeat; margin:0; _margin:0;} #vitrine {width:223px; height:auto; float:left;} #tit-vit {width:124px; float:right; height:auto; text-align:left; margin-bottom:5px;} #tit-vit-int {width:216px; height:auto; text-align:left; margin-bottom:5px;} .tablew {float:left; margin-right:1px;} #desq-vit {width:124px; height:auto; float:left;} #outrasofertas {width:235px; height:70px; float:left; margin:0; display:table;} #sepof {width:5px; height:70px; float:left; display:table;} #uvinha {width:155px; height:186px; position:absolute; margin:83px 0 0 820px; z-index:100;} #rodape {width:942px; height:250px; clear:both; margin:auto;} .creditobonna {font-family:"Times New Roman", Times, serif; color:#E0C2C2; font-size:15px; font-weight:bold; float:left; margin-top:20px;} .creditoceicom {font-family:Arial, Helvetica, sans-serif; color:#E0C2C2; font-size:10px; float:right; margin-top:20px;} /*internas*/ #int-produtos {width:663px; margin:auto; text-align:left; display:table; clear:both; height:auto;} #detalhe-produto {width:455px; height:auto; display:table; float:left;} #esp-foto {width:233px; height:297px; float:left; text-align:center; line-height:297px; display:table-cell; vertical-align:middle;} #detalhes1 {width:220px; height:auto; background:#fff; float:left; margin:5px 0 10px 0;} #esp-ampliar {width:253px; height:32px; clear:both; margin-right:15px; text-align:center;} .treb18vinho {font-family:"Trebuchet MS"; color:#760000; font-size:18px; font-style:italic;} .treb28vermelho {font-family:"Trebuchet MS"; color:#FF0000; font-size:28px; font-style:italic;} .sep-ofertas {width:170px; height:1px; margin-bottom:10px;} .cx-contato {width:250px; height:auto; border:1px solid #8E0C0D; font-family:Arial, Helvetica, sans-serif} #ofertaslateral {width:170px; height:auto; clear:both; padding:4px 0;} #sep-int {width:8px; height:auto; float:left; background:#000; margin:0 15px; display:inline;} #sugestao {width:170px; height:auto; display:table; float:left;} .cx-qtd {width:40px; height:20px; border:1px solid #CC9933; float:left; margin:3px 5px 0 0; text-align:center; padding-top:4px;} #inf-add {width:210px; padding:5px; height:auto; background:#FBF8F1; margin:5px auto 0 auto; border:1px solid #ccc;} #inf-add2 {width:210px; padding:5px; height:auto; background:#FFFF95; margin:5px auto 0 auto; border:1px solid #600; color:#600;} .floatright15 {float:right; margin:0 15px;} * html img /*codigo p png no ie*/ { 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/blank.gif").substr(0,0) ) : this.runtimeStyle.filter="" ) ); } #detalhes_produto {color: #575757;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;margin-top: 9px;} #detalhes_produto2 {color: #000;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin-top: 10px;} #coluna-direita{width:196px; float:right; min-height:300px; margin:0 12px 0 0; text-align:left; font-family:Arial, Helvetica, sans-serif;} #coluna-direita h1{float:left; width:100%;} #coluna-do-sommelier{width:196px; min-height:110px; background:url(/img/bg_coluna_sommelier.jpg) no-repeat top #990000; float:left; margin:17px 0 0 0;} #coluna-do-sommelier img{float:left;} #coluna-do-sommelier h1{text-align:center; margin:16px 0; padding:0;} #coluna-do-sommelier h1 img{float:left; margin:0 0 0 10px;} #coluna-do-sommelier .cont{width:170px; float:left; margin:0 0 0 3px; padding:10px 10px 0 10px; background:#efece2;} #coluna-do-sommelier .cont ul{list-style:none; text-align:left; margin:0; padding:0;} #coluna-do-sommelier .cont ul li{margin:0 0 11px 0;} #coluna-do-sommelier .cont ul li a{color:#303030; font-size:13px;} #coluna-direita .box-silver{width:196px; float:left; min-height:50px; background:#e7e7e7; margin:15px 0 0 0;} #coluna-direita .box-silver .top{width:196px; float:left; height:9px; background:url(../img/top_box_silver.gif) no-repeat top;} #coluna-direita .box-silver .bottom{width:196px; float:left; height:9px; background:url(../img/bottom_box_silver.gif) no-repeat top;} #coluna-direita .box-silver h1{margin:8px auto 0 auto; text-align:center;} /* Agenda */ #coluna-direita .agenda{} #coluna-direita .agenda .item{width:188px; margin:15px auto 0 auto; background:#efefef;} #coluna-direita .agenda .item .data{width:36px; float:left; padding:10px 4px 10px 9px; margin:0 6px 0 0; color:#990000; font-size:14px; line-height:21px; border-right:1px solid #E7E7E7;} #coluna-direita .agenda .item .data h1{font-family:Georgia, 'Times New Roman', Times, serif; text-align:center; font-size:29px; font-weight:bold; margin:-3px 0 0 0; text-align:center; width:auto;} #coluna-direita .agenda .item .descricao{line-height:12px; padding:10px 0 0 0;} #coluna-direita .agenda .item .descricao a{color:#535353; font-size:11px;} #coluna-direita .agenda .link{float:right; margin:0 3px 0 0;} /* Newsletter */ #coluna-direita .newsletter{font-size:12px; color:#535353; line-height:12px;} #coluna-direita .newsletter .cont{width:172px; margin:8px auto 0 auto;} #coluna-direita .newsletter .campos{width:172px; height:55px; margin:11px 0 3px 0; background:url(/img/campos_newsletter.gif) no-repeat;} #coluna-direita .newsletter .campos input{float:left; font-size:11px; width:155px; color:#535353; border:0; margin:4px 0 10px 8px;} #coluna-direita .newsletter .btn-enviar{width:55px; height:22px; float:right; background:url(/img/btn_enviar.gif) no-repeat top; border:0; cursor:pointer;} #coluna-direita .newsletter label{float:left; width:110px;} #coluna-direita .newsletter label .remov{font-size:10px; color:#666; } #coluna-direita .newsletter label input{float:left; margin:0 0 0 0;} #coluna-direita .trab{float:left; margin:15px 0 0 0;} /* Notícias e artigos */ #noticias-artigos{width:100%; float:left; margin:35px 0 0 0; text-align:left; font-family:Arial, Helvetica, sans-serif} #noticias-artigos .left{width:48%; float:left;} #noticias-artigos .right{width:48%; float:right;} #noticias-artigos .titulo{width:100%; float:left; margin:10px 0 0 0; font-family:Georgia, 'Times New Roman', Times, serif; color:#560000; font-style:italic; font-weight:bold; font-size:12px;} #noticias-artigos .titulo a{font-size:15px; color:#666; font-weight:bold; font-family:Arial, Helvetica, sans-serif;} #noticias-artigos p{float:left; margin:0; font-size:13px; color:#666;} #noticias-artigos p a{color:#660000;} .bold { font-weight:bold; }