@import url(/css/jquery.lightbox-0.5.css);

* {	margin: 0; padding: 0;}
img { border:0px;}
body { background-color:#FF8888;margin: 0 auto;}
#pagina {background-color:#ffffff; width:900px; height:auto; margin: 0 auto; }
#contenido{ width:900px; height:auto;padding-top:15px; min-height:500px; background-color:#FFFFFF;}
#coluna1 {width:230px;float:left;}
#medio {float:right;width:660px; height:auto; min-height:400px; background-color:#FFFFFF;padding-top:30px;list-style-type:none;}
#medio ul{ list-style:none; padding-left:5px;}

#imagem { width:900px; height:auto;}
#encuesta { position:relative; float:left; width:230px; height:auto; background-color:#FAF1F2;}
#encuesta h2{ background-image:url(menu_enquete.gif); font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; height:20px; width:200px; display:block; padding-left:30px; text-decoration:none; color:#FFFFFF; padding-bottom:0px; padding-top:5px;}
#html_lateral {float:left; width:230px; background-image:url(html_lateral.gif); height:200px;}
#html_inicio { width:650px; height:auto;}
#pie {CLEAR: both; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 10px; MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 10px; COLOR: #fff; PADDING-TOP: 10px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #de3b30; TEXT-ALIGN: center}
#html_categoria {height:auto; width:650px;}
#html_categoria p{line-height:150%;margin:0 0  20px 0;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
#ficha_del_producto {padding-top:25px;}
#color_producto {width:200px; float:left; text-align:center; }
#talla_producto {width:200px; float:left; text-align:center; }
#color_producto h4 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; font-weight:600;}
#talla_producto h4 {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; font-weight:600;}}
#bt_paypal { width:280px; float:left; text-align:center;  }
#indicar_producto {padding-left:70px;padding-top:10px; width:280px; float:left; text-align:center; }
#masfotos {width:280px;padding-left:70px; float:left; text-align:center; display:none; }
#efecto_js_foto { display:block;}
#texto_producto { width:760px; padding:10px; float:left;text-align:center;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; font-weight:500; }
#enlaces_de_la_pagina_del_producto { font-family:Arial, Helvetica, sans-serif; font-size:12px;padding-left:10px; color:#333333; padding-bottom:5px; padding-top:5px;}
#enlaces_de_la_pagina_del_producto a {color:#06F; text-decoration:none; font-weight:800;}


/* Config. da categoria com as subcategorias */

#menu {float:left; width:230px; height:auto; padding:13px 0 0 0; }
.menu li{list-style-type:none;FLOAT: left;HEIGHT: 1%;}
.menu ul li{list-style-type:none; padding-bottom:0px; padding-top:0px;}
.menu ul li a{ background-image:url(menuh3.gif); font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; height:20px; width:200px; display:block; padding-left:30px; text-decoration:none; color:#FFFFFF; padding-bottom:0px; padding-top:3px; }
.menu ul li ul li a{ float:left;background-image:url(menuh4.gif); color:#000000; display:block; background-color:#000000; padding-left:5px; width:225px; padding-top:5px;}
.menu ul li ul li a:hover{ color:#990000;}



/* Configuração do campo html_geral . a posição dele precisa ser absoluta  */
#html_geral { position:absolute;top:130px;MARGIN: 0px 0px 0px; HEIGHT: 31px; background-color:#990000; WIDTH: 900px}
#html_geral UL {MARGIN: 0px auto; WIDTH: 900px}
#html_geral UL LI {DISPLAY: inline}
#html_geral UL LI A {PADDING-RIGHT: 25px; PADDING-LEFT: 25px; FLOAT: left; PADDING-BOTTOM: 0px; FONT: bold 90%/31px 'Trebuchet Ms', Verdana, Aria, Tahoma; TEXT-TRANSFORM: uppercase; COLOR: white; PADDING-TOP: 0px; HEIGHT: 33px; text-decoration:none;}
#html_geral UL LI A:hover { background-color:#EE0202; padding-top:5px;}


#productos {padding-top:5px; height:auto;}
#productos H2 {MARGIN: 0px 5px; font-family:Verdana, Arial, Helvetica, sans-serif; COLOR:#333333; font-weight:900; font-size:12px;}
#productos H2 SPAN {BACKGROUND: #fff; color:#666666;}
#productos UL {MARGIN-TOP: 20px}
#productos LI {FLOAT: left; FONT: 11px arial; WIDTH: 24%; padding:3px; COLOR: #000; LIST-STYLE-TYPE: none; HEIGHT: 200px; TEXT-ALIGN: center; }
#productos A {COLOR: #646464}
#productos A:hover {TEXT-DECORATION: underline; color:#0033CC;}


.preco { color:#990000; font-weight:900;}
.texto { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#333333;}

/* Destaque da pagina inicial */
DIV#slideshow {WIDTH: 660px; HEIGHT: 250px; padding-top:35px;}
DIV#slideshow #links {CLEAR: both; FLOAT: right; WIDTH: 10%; TEXT-ALIGN: center}
DIV#slideshow #links LI {BORDER-TOP: white 1px solid; FONT-SIZE: 12px; LINE-HEIGHT: 49px;FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif; LIST-STYLE-TYPE: none; TEXT-DECORATION: none;}
DIV#slideshow #links LI.inativo {BACKGROUND: #DE3B30}
DIV#slideshow #links LI.ativo {background-image:url("fundo_destaque.gif"); color:#FFFFFF; z-index:1; }
DIV#slideshow #links  LI.ativo a{color:#FFFFFF; font-size:1px}
DIV#slideshow #links  LI.inativo a{color:#FFFFFF; text-decoration:none; font-weight:800;}
DIV#slideshow #slides {FONT-SIZE: 14px; COLOR:#000000; HEIGHT: 100%}
DIV#slideshow #slides .visible {DISPLAY: block}
DIV#slideshow #slides .hidden {DISPLAY: none}
DIV#slideshow #slides DIV SPAN {DISPLAY: block}
DIV#slideshow #slides .titulo {PADDING-RIGHT: 0px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 16px; PADDING-BOTTOM: 0px; PADDING-TOP: 5px}
DIV#slideshow #slides .conteudo2 {PADDING-RIGHT: 0px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px}