@charset "utf-8";
/* CSS Document */

body { 
	margin:0;
	padding:20px 0 0 0; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
}

a { text-decoration:none; }
img { border:0; }
form { margin:0; }
p { margin:0; }
textarea { overflow:hidden; }

/* Colores para el texto */

body, a { color:#6A3503; }
.menuLateral a:hover { color:#FFFFFF; }

/* Colores para el texto */


#container { 
	width:965px; 
	margin:auto;
}
#contenedor {
	width:965px; 
	margin:0;
	background:url(../../imagenes/back/backContent.jpg) repeat-y top left;
	min-height:400px;
	height:auto;
	overflow:hidden;
}
#main { 
	width:965px; 
	min-height:405px;
	height:auto;
	overflow:hidden;
	margin:0; 
	padding:0; 
	background:url(../../imagenes/misc/curvaSupContent.jpg) no-repeat top left; 
}

#menuLateral { 
	width:271px;
	margin:0; 
	float:left;	  
}
#menuFla { 
	width:271px; 
	margin:0; 
	padding:0;
	min-height:470px; 
	height:auto; 
	overflow:hidden;
	background: url(../../imagenes/back/backMenuLateral.jpg) repeat-y top left;
}

#content { 
	width:678px; 
	min-height:422px; 
	height:auto; 
	overflow:hidden; 
	margin:0; 
	float:left; 
}

#menuPrincipal { width:530px;  margin:20px 0 0 205px; font-size:11px; }
#menuPrincipal ul { width:530px; margin:0; padding:0; height:20px; }
#menuPrincipal li { display:block; margin:0 3px; float:left; }


#puntos { 
	width:256px;
	margin:0 0 0 8px; 
	background:url(../../imagenes/back/backPuntos.jpg) repeat-y top left;
	font-size:11px; 
}
.formPuntos { width:225px; margin:0 0 0 15px; padding:10px 0; }

#puntos table { margin:15px 0; font-size:10px; }
#puntos a { text-decoration:underline; }
.textPuntos { width:140px; font-size:9px; border:1px solid #9C5819; }


#cajas { 
	width:576px; 
	min-height:119px;
	height:auto;
	overflow:hidden;
	margin:35px 0 20px 52px; 
}
.caja { 
	width:271px; 
	margin:0; 
	float:left;
}
.cajaInfo { width:251px; margin:0 0 0 10px; min-height:107px; height:auto; overflow:hidden; }
.cajaInfo2 { width:251px; margin:0 0 0 10px; min-height:210px; height:auto; overflow:hidden; }
.cajaInfo p { margin:5px 0 0 0; }
.cajaInfo2 p { margin:5px 0 0 0; }
h2.inStyle { margin:0; font-size:12px; background:url(../../imagenes/title/revistaInStyle.jpg) no-repeat left top; text-indent:-10000px; }
h2.h2cambio1 { background-image:url('../../imagenes/title/h2cambio1.jpg')!important; }
h2.h2cambio2 { background-image:url('../../imagenes/title/h2cambio2.jpg')!important; }

h2.compraCapsulas { margin:0; font-size:12px; background:url(../../imagenes/title/compraCapsulas.jpg) no-repeat left top; text-indent:-10000px; }
.canjea { float:right; }
.amarillo { background:url(../../imagenes/back/backAmarillo.jpg) repeat-y left top;  }
.morado { background:url(../../imagenes/back/backMorado.jpg) repeat-y left top; margin:0 0 0 34px;  }

.capsulas { background:url(../../imagenes/back/capsulas.jpg) no-repeat right bottom; }
.revistas { background:url(../../imagenes/back/revistas.jpg) no-repeat right bottom; }



#faqs { width:668px; min-height:520px; height:auto; overflow:hidden; margin:20px 0 0 10px; }
#faqs h2 { font-size:18px; margin:0 0 20px 0; }
#lista1 { width:250px; margin:0; }
#lista1 ul { margin:0 0 29px 20px; padding:0; font-size:11px; }
#lista1 li { list-style:none; background:url(../../imagenes/misc/arrow.jpg) no-repeat  left top; margin:3px 0; padding:0 0 0 15px; }

.caferera { background:url(../../imagenes/back/backFacs.jpg) no-repeat top right; }

.tema { width:634px; margin:0 0 20px 0; background:url(../../imagenes/back/backTema.jpg) repeat-y left top; }
.textos { width:634px; margin:20px 0 20px 0; padding:20px 0 0 0; border-top:1px solid #C3B3A4; }
.textos2 { width:634px; margin:20px 0 20px 0; padding:20px 0 0 0; }
.textos h3 { font-size:28px; margin:10px 0; text-align:center; }
.textos2 h3 { font-size:28px; margin:10px 0; text-align:center; }
.infoPuntos { width:548px; margin:10px 20px; }
.cafetera { float:left; }
.ingresa { width:340px; float:left; margin:0 0 0 30px; }
.ingresar { font-size:18px; font-weight:bold; }
.inputs { width:170px; border:1px solid #9F8B72; } 

.txtPuntos { font-size:25px; text-align:center; font-weight:bold; margin:15px 0; }


.dudas { width:611px; margin:0; background:url(../../imagenes/back/bacjDudas.jpg) repeat-y left top; }
.infoDudas { width:590px; margin:0 0 0 10px; }
.dudastexta { width:332px; height:74px; padding:5px; background:url(../../imagenes/back/bacTextareaDudas.jpg) no-repeat top left; }
.dudas textarea { width:318px; height:60px; float:left; border:0; background:#F8F7F3; }

.buscar { background:#522800; color:#FFFFFF; border:0; }

.curvaSupTema { 
	width:624px; 
	height:22px; 
	margin:0;
	padding:10px 0 0 10px; 
	background:url(../../imagenes/back/curvaSupTema.jpg) no-repeat left top;
	font-size:12px;
	font-weight:bold;
}
#lista2 { width:590px; margin:0; }
.pregunta { width:590px; margin:0 0 0 20px; padding:0; }
.pregunta ul { width:590px; margin:0; padding:0; }
.pregunta li { 
	list-style:none; 
	margin:3px 0; 
}
.mas { background:url(../../imagenes/misc/mas.jpg) no-repeat left top; padding:5px 0 5px 15px; }
.lista2Borde { border-bottom:1px solid #A5876D; }

.respuesta { width:590px; padding:20px 0; }

#lista3 { width:550px; margin:0; }
#lista3 { width:550px; margin:10px 0 0 15px; padding:0; }
#lista3 ul { width:550px;s }
#lista3 li { list-style:disc; }

.ver_menu { display:block; }
.ocultar_menu { display:none; }


#garantia { width:634px; margin:0; background:url(../../imagenes/back/backGarantia.jpg) repeat-y left top; }
.infoGarantia { width:590px; margin:0 0 0 17px; text-align:justify; }


.coments { width:434px; margin:0 0 0 80px; background:url(../../imagenes/back/backComents.jpg) repeat-y left top; }
.infocoments { width:414px; margin:0 0 0 20px; }
.comentstexta { width:353px; height:114px; padding:5px; background:url(../../imagenes/back/bacTextareaComents.jpg) no-repeat top left; }
.coments textarea { width:343px; height:104px; float:left; border:0; background:#F8F7F3; }

.listaMapa { width:550px; margin:0; }
.listaMapa ul { margin:0; padding:0; }
.listaMapa li { padding:5px 0 5px 20px; background:url(../../imagenes/back/circleArrow.jpg) no-repeat left top; list-style:none; }
.ingresaCodigos { text-align:right; margin:0 100px 0 0; }

.tv { width:369px; height:264px; margin:0 0 0 100px; }

.resultados { width:626px; margin:20px 0 0 0; padding:10px 0 0 0; float:left; border-top:1px solid #CEC1B1; }

.textoEncabezadoGridI { 
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	height:20px;
	text-align:center;
	background:#F1ECE6;
	color:#653602;
	border-bottom:1px solid #C4B4A4;
}
.textoEncabezadoGrid {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background:#653602;
	color:#F1ECE6;
	font-weight:bold;
	text-align:center;
	height:20px;
}
.textoGrid {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:653602;
	font-weight:normal;	
	border-width:1px;
	border-color:White;
	background:653602;
}
.bordeIzq { border-left:1px solid #C4B4A4; }
.bordeDer { border-right:1px solid #C4B4A4; }

.textoGrid1, .textoGrid2 {
	color:#653602;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-align:center !important;
	padding:10px 0;
}
.textoGrid1 {
	background:#FCFBF9;
}
.textoGrid2 {
	background:#E7DED5;
}

.listaComparte { width:270px; margin:0; float:left; font-size:10px; }
.listaComparte ul { margin:0; padding:0; }
.listaComparte li { margin:0; }

.backComparte { background:url(../../imagenes/back/backComparteAmigo.jpg) no-repeat bottom left; }
.comparte { 
	width:305px; 
	margin:-80px 0 0 20px; 
	float:left; 
	background:url(../../imagenes/back/backComparte.jpg) repeat-y left top; 
}
.infoComparte { width:290px; margin:0 0 0 10px; }
.comparteTxt { width:223px; border:1px solid #9F8B72; }
.comparteTexta { 
	width:225px; 
	height:114px; 
	padding:5px; 
	background:url(../../imagenes/back/textAreaComparte.jpg) no-repeat left top; 
}
.comparte textarea { width:210px; height:99px; border:0; }
.comparte table { margin:0 0 0 25px; }
.camposRequeridos { font-size:10px; padding:0 10px 0 0; }

.textosL p { margin:5px 0 10px 0; }

#footer { 
	width:925px;
	clear:both; 
	margin:auto;
	padding:10px 20px;
	font-size:11px; 
	text-transform:uppercase; 
	font-size:10px;
	float:left;
}
.copy { width:520px; float:left; }
.legales { width:180px; float:right; }