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;}
#pedido {width:295px; height:100px; float:left;}
#carinho {width:50px; padding:0 145px 0 90px; _padding:0 145px 0 80px; height:40px; float:left; background:url(/img/bg-cesta.png) center no-repeat; _background:none; text-align:center;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bg-cesta.png', sizingMethod='scale');}
.float-left {float:left;}
.float-left15px {float:left; margin-right:15px;}
.produtos-finos {margin:65px 78px 46px 27px; 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:220px; height:20px; margin-top:5px; clear:both; font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#DEC7C0; text-align:left;}
.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:670px; height:32px; padding:10px 70px 10px 15px; position:absolute; margin:142px 0 0 214px; background:url(/img/fundo-menu.png);}
.int-menu {width:auto; height:auto; padding:5px 7px 5px 26px; float:left; background:url(/img/ico-menu.gif) left bottom no-repeat;}
.menu a:link{ font-family:"Times New Roman", Times, serif; font-size:17px; color:#E7E2D8; text-decoration:none; font-weight:bold;} 
.menu a:visited{ font-family:"Times New Roman", Times, serif; font-size:17px; color:#E7E2D8; text-decoration:none; font-weight:bold;} 
.menu a:hover {width:auto; height:auto; font-family:"Times New Roman", Times, serif; font-size:17px; color:#E3A245; text-decoration:none; font-weight:bold;} 

 

/*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; 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:690px; margin:20px auto 0 auto; text-align:left; display:table; float:left; height:auto;}
#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:170px; float:left;}
#tit-vit {width:131px; 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:131px; height:auto; float:left;}


#outrasofertas {width:170px; 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:210px; 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;}