/* Conf. css - ejemplo 1 */
* {	margin: 0; padding: 0; list-style-type:none; font-family:tahoma,Arial, Helvetica, sans-serif;}
.limpar:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.limpar {display: inline-table;}
.limpar{clear:both;}
img { border:0px;}
* html .limpar {height: 0%;}.limpar {display: block;}
body { background:#E67817; margin: 0 auto; padding-bottom:10px;}
#pagina {height:auto;background-color:#FFFFFF; width:1000px; margin: 0 auto; }
#topo { background:#FFFFFF;}
#contenido { width:1000px; height:auto;margin: 0 auto; }
#coluna1 { width:200px; height:auto; min-height:350px; float:left;}
#medio { width:800px; height:auto; min-height:350px; float:left; }
#html_inicio { width:100%; height:auto;}
#productos { width:99%;margin: 0 auto; background-color:#FFFFFF; height:auto; min-height:100px;}
#pie { background-color:#BE2575;width:1000px; height:50px; text-align:center;font-family:tahoma,Arial, Helvetica, sans-serif; font-size:12px; padding-top:10px; color:#FFFFFF;}
#pie a { color:#FFFFFF; text-decoration:none; text-decoration:none; font-weight:bold;}
.quadro {background-color:#FFFFFF;padding: 4px 5px 4px 5px;margin: 3px 5px 3px 5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;}
#pag {background-color:#FFFFFF;padding: 20px 1px 20px 1px;margin: 20px 1px 20px 1px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#333333; text-decoration:none; text-align:center; width:95%;}
#pag a{background-color:#FFFFFF;font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#333333; text-decoration:none; text-align:center}
 
.paginacaoatual { font-size:16px; color:#990000; font-family:Arial, Helvetica, sans-serif;}
#carrito { } /* Si quieres ocultar el carrito solo tiene que poner:[display:none; ]*/

#encuesta { width:160px; height:auto; float:left;}

#encuesta h2{
	width: 160px;
	height: 25px;
	background:url(pag1_encuesta.gif); 
	background-repeat:no-repeat;
	padding: 25px 0 0 0; /* padding-top=altura imagem */
    overflow: hidden;
    height: 0 !important;
    height /**/:40px; /* height=altura imagem - hack IE5's */

}
.encuesta_input { padding-left:10px;}	
.pregunta_encuesta { padding:2px; font-family:font-family:tahoma,Arial, Helvetica, sans-serif; font-size:12px; font-weight:800; color:#990000;text-align:justify;}
.alt_encuesta { padding-left:5px; font-family:font-family:tahoma,Arial, Helvetica, sans-serif; font-size:11px; color:#000000; }
#menu {float:left;width:200px;height:auto;}
#menu ul.cat li { height:auto; float:left;}
#menu ul.cat li a{padding-left:15px; text-decoration:none; color:#333333; font-weight:900; font-size:12px; float:left; padding-top:2px;width:185px; }
#menu ul.cat li a:hover{color:#FF0000;}

#menu ul.cat li ul.subcat li {list-style-type:none; background-color:#fff;}
#menu ul.cat li ul.subcat li a{PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 20px;COLOR: #4a463d; width:180px; padding-top:2px; font-size:10px; color:#990000; padding-bottom:1px;}
#menu ul.cat li ul.subcat li a:hover { color:#FF9933;}




#productos H2 {font-family:font-family:tahoma,Arial, Helvetica, sans-serif; font-size:12px; font-weight:700; COLOR:#000000;}
#productos H2 SPAN {BACKGROUND: #fff}
#productos UL { padding-top:5px;}
#productos LI {FLOAT: left; FONT: 11px arial; WIDTH: 19%; padding:3px; COLOR:#006699; LIST-STYLE-TYPE: none; HEIGHT: 250px; TEXT-ALIGN: center}
#productos A {COLOR:#006699;}
#productos A:hover {TEXT-DECORATION: underline}
#ficha_del_producto { width:780px; height:auto;padding-left:10px;}
#foto_producto { width:300px; float:left; height:100px;}
#producto_info { float:left; width:400px; text-align:center;font-family:tahoma,Arial, Helvetica, sans-serif; font-size:16px; color:#666666;float:rightt;}
#precio_producto { width:450px; float:left; text-align:center;}
.precio {color:#FF0000; font-weight:800;}
.precio_viejo { text-decoration:line-through; color:#000000;}
.precio_pagina_del_producto {color:#FF0000; font-weight:800; font-size:24px;}
.precio_viejo_pagina_del_producto { text-decoration:line-through; color:#000000; font-size:16px;}
#color_producto { width:180px; float:right; text-align:left; padding-right:50px; }
#color_producto h4 { color:#990000; font-size:12px; font-weight:800;  }
#talla_producto { width:150px; float:right; text-align:right; padding-right:50px;}
#talla_producto h4 { color:#990000; font-size:12px; font-weight:800;}
#bt_paypal { width:400px; float:left; text-align:center; padding-top:15px;}
#indicar_producto { float:left; padding-bottom:10px; padding-top:5px; text-align:center;}
#masfotos { float:left; padding-bottom:10px; padding-top:5px; text-align:center; width:400px;}
#efecto_js_foto { display:none;}
#texto_producto { width:760px; padding:10px; float:left ; font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold;}
#enlaces_de_la_pagina_del_producto { font-family:tahoma,Arial, Helvetica, sans-serif; font-size:12px;padding-left:10px; color:#333333;}
#enlaces_de_la_pagina_del_producto a {color:#000000; }

/* padronizando propriedades pros navegadores ficarem parecidos e corrigindo alguns bugs */

p { margin-bottom: 0.5em; }
hr { clear: both; float: none; width: 100%; }
* html body hr { margin: -7px; display: block;}  /* os hr tem uma altura extra misteriosa no IE */
a, img { border: none; }
img { vertical-align: middle;}
fieldset { display: block; border: 2px ridge #FFF; padding: 10px; } /* fieldset não é block em todos */

input[type=hidden]{ display: none !important; visibility: hidden !important;} /* input hidden no FF */
button { border: 1px outset #AAA; }
legend { margin-bottom: 1.4em; } /* Fixes incorrect styling of legend in IE6 fieldsets. */
label { display: block;}
table { border-collapse: separate; border-spacing: 0; }
caption, th, thead, tfoot { text-align: center; font-weight: bold; }
blockquote:before, blockquote:after,q:before, q:after { content: “”; }
blockquote, q { quotes: "" ""; }
pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap !important; /* FF 1999 */
 white-space: -pre-wrap; /* OP 4-6 */ white-space: -o-pre-wrap; /* OP 7 */  word-wrap: break-word; /* IE 5.5+ */
}

/* clases utiles */
.ocultar { display: none; }
.ak { text-decoration: underline; /* access keys */ }
.texto_underline { text-decoration: underline; /* textos underline */}
.notificar { background-color: #F9FF9A; /*amarillo*/}
.error { background-color: #FF8E8E; /*red*/}

/* clases uteis para posicionamiento.
Ex.: Tenho uma lista de caixas separadas por margin. Pra última caixa se alinhar com a borda,
é bom colocar a classe last nela */
.top { margin-top: 0; vertical-align: top; vertical-align: top;}
.bottom { margin-bottom: 0; vertical-align: baseline;  vertical-align: bottom;}
.left { margin-left: 0; float: left; }
.right { margin-right: 0; float: right; }
.center { margin: auto; vertical-align: middle; }
.first { margin-top: 0; margin-left: 0; vertical-align: top;}
.last { margin-bottom: 0; margin-right: 0; vertical-align: bottom;}