/********************************************

   ENCUESTAS    	
   
*******************************************/
 
 
/********************************************
   RESET
********************************************/ 

@charset "utf-8";

/* reset html*/
html, body {margin:0;padding: 0; height: 100%;}

/* encabezados */
h1, h2, h3, h4, h5 {margin:0;padding:0;	}
p, ul, ol, dd {padding:0;margin: 0;}

/* imagenes */
img {border:0; margin:0;}

/* forms */
form, input, label, textarea {margin:0;padding:0;}

/*otros*/
table{ width:100%}
table, tr, td{ border-collapse: collapse; border-spacing:0; margin: 0; padding: 0;border: 0;vertical-align:top;}
div{text-align:left;  display:block; }
ul, ol, dd {padding:0;margin: 0;list-style:none;}


/**************************************
   GENERAL
***************************************/

body {font:12px arial; color:#000; background: url(../img/fondo.gif) repeat-x top; text-align:center}
a{ color:#0066cc}
input[type="text"], select  { border:#666 1px solid; height:18px; padding-left:2px; font:12px arial;}
.fs_chico{ font-size:90%}	

/**************************************
   LAYOUT 
***************************************/	

#ajuste{ width:774px; background:#FFFFFF; margin:0 auto 20px auto; border:#bcbcbc 1px solid; border-top:none}

/**************************************
   ENCABEZADO
***************************************/	
#encabezado{ height:86px; overflow:hidden; background:url(../img/enc_fondo.jpg) no-repeat}
#logo{ margin:8px 0 0 16px;}

/**************************************
   MENU
***************************************/
#menu{ padding-left:22px;  height:22px; overflow:hidden; background: url(../img/menu_fondo.gif) repeat-x; line-height:21px;}
#menu td{ height:22px; vertical-align:middle}
#menu a{ color:#FFFFFF; text-decoration:none; padding-right:26px; background: url(../img/menu_sep.gif) no-repeat right; margin-right:4px; height:22px; display:inline-block;}
#productos_select{width:180px; font-size:11px;}

/**************************************
   PRINCIPAL
***************************************/
#banner_registrarse{ text-align:center; margin:12px;}
#contenido{ margin:10px 13px 20px 13px;}

/*home*/
.catalogo_home td{ border-right:#dfdedd 1px solid;}
.catalogo_home { border-right:#fff}
.catalogo_col{ width:242px; margin:0 5px}
.catalogo_col.izq{ width:242px; margin-left:0}
.catalogo_col.der{ width:242px; margin-right:0}
.img_portada{ margin-bottom:16px}



.producto{ padding:5px 0 12px 0; border-bottom:#eaeaea 1px solid; height:160px; overflow:hidden}
.producto, .producto p, .producto font{ font:11px Arial; color:#333333;}
.producto h1 a{ font-size:15px; color:#000000; text-decoration:none; display: block; margin-bottom:10px;}
.producto h1 a:hover { text-decoration: underline}
.prod_thumb{ float:left; margin:3px 6px 3px 0; width:112px;}

.catalogo{
border:none; 
}
.catalogo td{
padding-top:30px}

.catalogo .producto{
	width: 340px;
	margin-left:24px;
	height:110px;
	border-bottom:#eaeaea 1px solid;
	border-right:#eaeaea 1px solid;
	margin-bottom:10px;
	float:left;
	font-size:11px;
	overflow:hidden;
	}
	
	
.catalogo .producto img{
	width:80px;
	margin-bottom:12px;
	}	
	
.producto h1, .producto h1 a{
	margin:0;
	margin-bottom:5px;
	font-size:16px;}	
	

.catalogo .prod_thumb{ float:left; margin:3px 6px 3px 0; width:200px;}
/**************************************
   COLUMNA
***************************************/


/**************************************
   PIE
***************************************/	
#pie{ height:91px; background:url(../img/pie_fondo.gif) repeat-x; font:11px arial; color:#727272}
#logo_pie{ margin:5px 0 0 	10px}
#pie h3{ font:14px arial; color:#666666; margin:0; margin-bottom:5px; font-weight:bold;}
.pie_cont{ vertical-align:top; white-space:nowrap; padding-top:10px;}



/*nota*/


.listado {
	background:#FFFFFF;
	padding:1px;
	width:148px;
	margin:10px;
}

.listado p {
	text-align:center;
}


.nota-ampliada {
	 border:#eaeaea 1px solid;
	 padding:30px;
	}

.nota-ampliada h1, .nota h1, .nota h1 a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#DF5D15;
	font-size:16px;
	background:0;
	padding:0;
	margin:0;
	margin-bottom:15px;
	text-transform:none;}

.nota-ampliada h1{
	font-size:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	}

.nota-ampliada img{
	float:left;
	margin-right:20px;}
	


.nota-ampliada p{
	font-size:13px;
	line-height:160%;
	margin-bottom:16px;
	}		
	
.nota-ampliada table{
	border:#eaeaea 2px solid;
	width:auto;
	}
	
.nota-ampliada table td{
	padding:4px;	
	border-bottom:#eaeaea 1px solid;
	vertical-align:middle;}
	
.nota-ampliada table td.t_res{	
	padding-right:8px;	
	text-align:right;
	border-right:#eaeaea 1px solid;
	font-weight:bold;
	font-size:10px;
	}
.masinfo{
	font-size:10px;
	clear: left;
	display:block;
	float:right;}	


/*paginador*/
.paginador{
	height:21px;
	font-size:10px;
	padding-top:40px;
	clear:both;}

.paginador td{
	vertical-align:middle;
	}
	
.paginador a{
	color:#333;
	font-size:10px;
	padding:0 4px;
	}	
	
.paginador a:hover{
	color:#FF0000;}	
	
	

/* parche clear */

.clearfix:after {
	content: ".";
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* HTML .clearfix {height: 1%;}
/* End hide from IE-mac */
/* End clearfix */
/* Hack para IE7 */
.clearfix {zoom: 1;}