body {
font-family:Arial, Helvetica, sans-serif;
font-size:76%;
background:#1D0C05 url(../imagenes/fondo-pagina-textura-alta-con-logo.jpg) top center no-repeat;

}

div.envoltorio-1 {
padding-top:17px;
}

div.envoltorio-2 {
width:973px;
margin:0 auto;
position:relative;
background:transparent url(../imagenes/fondo-saco-de-cafe-recortado.jpg) right bottom no-repeat;
padding-bottom:250px;
}

a.logotipo {
position:absolute;
left:0;
top:-30px;
z-index:500;
display:block;
width:210px;
height:197px;
overflow:hidden;
text-indent:-10000px;
}

div.envoltorio-3 {
width:793px;
margin:0 0 0 auto;

}

.clear{ clear:both; height:0px; font-size:1px; line-height:1px;}

div.navegacion-principal {
/*background:transparent url(../imagenes/fondo-menu.jpg) 0 0 no-repeat;*/
height:53px;
line-height:53px;
width:773px;
margin-left:auto;
margin-bottom:25px;
text-align:center;
position:relative;
}

	div.navegacion-principal a {
	color:#F9D985;
	text-decoration:none;
	font-weight:bold;
	background:transparent url(../imagenes/icono-grano-de-cafe.gif) left center no-repeat;
	padding-left:30px;
	padding-right:15px;
	margin-left:0px;
	font-size:15px;
	text-shadow: 3px 3px 3px #000;
	font-weight:bold;
	}
	
	
	 a.vinilo{ 
	background:url(../imagenes/vinilo.png) no-repeat 0 0!important;
width:146px!important; height:159px!important;
position:absolute!important;
left:-15px!important;
top:335px!important;}




		div.navegacion-principal a.brcm-active-node {color:#F2B206}
		
		div.navegacion-principal a:hover {color:#FEF2DF}
		
div.navegacion-secundaria-y-cuerpo {
background:url(../imagenes/fondo-cuerpo.png) no-repeat;
padding:25px 35px;
color:#FEF2DF;
line-height:135%;
min-height:450px;
}

div.navegacion-secundaria {
float:left;
width:195px;
background:transparent url(../imagenes/fondo-navegacion-secundaria.png) right top no-repeat;
padding-right:25px;
padding-top:180px;
position:relative;
}

	div.navegacion-secundaria div.fotografia {
	text-align:center;
	width:195px;
	top:-35px;
	left:0;
	position:absolute;
	}
	
	div.navegacion-secundaria h2 {
	color:#FDCD4C;
	font-size:20px;
	font-style:italic;
	margin-bottom:10px;
	margin-top:5px;
	text-shadow: 2px 2px 2px #000;
	}
	
		div.navegacion-secundaria ul {font-size:91%;}
		div.navegacion-secundaria ul li {
		padding-left:23px;
		padding-bottom:10px;
		background:transparent url(../imagenes/punto-lista-01.gif) 0 2px no-repeat;
		line-height:1.5em;
		}
		
			div.navegacion-secundaria ul li a {
			color:#FDEAB9;
			text-decoration:none;
			}
			
			div.navegacion-secundaria ul li a.active{ color:#FC0; }			
			
	div.cuerpo.con-navegacion {
	float:right;
	width:478px;
	}
	
	div.cuerpo h1 {
	color:#FFCC00;
	font-weight:bold;
	font-size:24px;
	text-shadow: 3px 3px 3px #000;
	margin-bottom:10px;
	line-height:normal;
	}
	
	div.cuerpo div.foto-de-cabecera {
	background:transparent url(../imagenes/sombra-foto-de-cabecera.jpg) left bottom no-repeat;
	padding-bottom:5px;
	margin-bottom:10px;
	}
	
		div.cuerpo div.foto-de-cabecera img {
		border:1px solid #975923;
		}
		
	div.foto-left{	background:transparent url(../imagenes/sombra-foto-de-cabecera.jpg) left bottom no-repeat;
	padding-bottom:5px;
	margin-bottom:10px; float:left; margin-right:15px;}
	
	div.cuerpo div.foto-left img {
		border:1px solid #975923;
		}	
	
	div.cuerpo h2 {
	font-size:15px;
	font-weight:bold;
	margin-bottom:8px;
	text-shadow: 2px 2px 2px #000;
	margin-top:15px;
	}
	
	div.cuerpo h3 {
	font-size:12px;
	font-weight:bold;
	margin-bottom:8px;
	text-shadow: 2px 2px 2px #000;
	margin-top:15px;
	}
		
	div.cuerpo p, 
	div.cuerpo ol, 
	div.cuerpo ul {
	margin-bottom:15px;
	line-height:1.4em;
	}
	
	div.cuerpo ul li{ padding-left:18px; background-image:url(../imagenes/li-icon.png); background-repeat:no-repeat; background-position:0 4px; margin-bottom:7px;}
	
	div.cuerpo a {color:#FFCC00}
	
div.rompe-flotadas {clear:both;height:1px;overflow:hidden}
div.pie-de-pagina {
font-size:91%;
padding:10px;
background-color:#2C1107;
}

	div.pie-de-pagina div.firma-y-otros-vinculos {
	width:973px;
	margin:0 auto;
	overflow:hidden;
	}
	
	div.pie-de-pagina div.firma {float:left;color:#B6A392;padding-left:150px;}
	
	div.pie-de-pagina div.otros-vinculos {float:right;color:#C55918}
	
		div.pie-de-pagina div.otros-vinculos a {color:#C55918}
		
#faq-arriba{ margin-bottom:35px; font-size:90%; background-image:url(../imagenes/arrow-up.png); background-position:left; padding-left:15px; background-repeat:no-repeat;}
/*
*********************************************
estilos generales
*********************************************
*/
a.vinculo-destacado {
background:transparent url(../imagenes/punto-lista-01.gif) 0 4px no-repeat;
display:block;
padding:3px 0 3px 23px;
}
		
/*
*********************************************
portada
*********************************************
*/
div.envoltorio-portada {
color:#FEF2DF;
position:relative;
width:793px;
}
div.envoltorio-portada a {color:#F8C94A}

div.jcarousel-control {
position:absolute;
top:0;
right:-10px;
z-index:500;
}

	div.jcarousel-control a {
	display:block;
	height:22px;
	width:22px;
	overflow:hidden;
	line-height:22px;
	text-align:center;
	color:#9D7F65;
	text-decoration:none;
	margin-bottom:3px;
	font-size:9px;
	background:transparent url(../imagenes/fondo-indicador-numero-destacado.gif) 0 0 no-repeat;
	}
	
	div.jcarousel-control a.activo {
	color:#FECE00;
	background-position:0 -22px}

/*
div.destacados-portada {
position:relative;
width:774px;
height:321px;
background:transparent url(../imagenes/marco-destacados-portada.png) 0 0 no-repeat;
margin-bottom:15px;
}
	div.destacados-portada ul.navegacion {
	position:absolute;
	right:-32px;
	top:0;
	}
	
		div.destacados-portada ul.navegacion li {margin-bottom:5px}
	
		div.destacados-portada ul.navegacion li a {
		display:block;
		height:22px;
		width:22px;
		background:transparent url(../imagenes/fondo-indicador-numero-destacado.gif) 0 0 no-repeat;
		font-size:10px;
		color:#A37E59;
		text-align:center;
		line-height:20px;
		text-decoration:none;
		}
		
		div.destacados-portada ul.navegacion li a:hover {color:#FFCC00}
		
		div.destacados-portada ul.navegacion li.brcm-active-node a {
		background:transparent url(../imagenes/fondo-indicador-numero-destacado-activo.gif) 0 0 no-repeat;
		color:#FFCC00;
		}
		
	div.destacados-portada a.anterior,
	div.destacados-portada a.siguiente {
	position:absolute;
	top:115px;
	} 
	
	div.destacados-portada a.anterior {left:-44px}
	div.destacados-portada a.siguiente {right:-44px;}
	
		div.destacados-portada div.destacado {padding:30px; padding-left:40px; padding-top:45px;}
		*/
		.envoltorio-portada .jcarousel-skin-bonka h1 {
		color:#FFCC00;
		font-weight:normal;
		font-size:24px;
		text-shadow: 3px 3px 3px #000;
		margin-bottom:13px;
		line-height:normal;
		
		
		}
		
		div.jcarousel-skin-bonka h2 {
		font-size:15px;
		font-weight:bold;
		margin-bottom:5px;
		text-shadow: 1px 2px 2px #000;
		color:#FFF;

		margin-top:5px;
		margin-bottom:30px;
		}
		
		div.jcarousel-skin-bonkaa p {
		margin-bottom:10px;
		font-size:91%;
		}
	
		
div.recetas-y-newsletter {
float:left;
margin-top:20px;
width:395px;
font-size:91%;
overflow:hidden;
}
	div.recetas {
	padding-bottom:35px;
	width:100%;
	overflow:hidden;
	}
	
	div.recetas div.literales {
	float:right;
	width:269px;
	}
	
		div.recetas img.miniatura {float:left;}
		
		div.recetas h2,
		div.recetas p {
		margin-bottom:8px;
		}
	
	div.recetas h2 {
	color:#FDD264;
	font-size:22px;
	font-style:italic;
	font-weight:bold;
	text-shadow: 2px 2px 2px #000;
	}
	
.newsletter{
background:transparent url(../imagenes/subscripcion-newsletter.jpg) 0 0 no-repeat;
width:386px;
height:38px;
}
	
	.newsletter .cont-input{
	width:175px;
	float:right;
	margin-right:15px;
	padding-top:8px;
	display:inline;
	}
	
		.newsletter .cont-input input {
		background-color:#341408;
		border:0;
		color:#FF9;
		font-size:11px;
		padding:3px;
		width:165px;
		float:right;
		display:inline;
		}

.newsletter .btn{float:right; margin-right:8px; margin-top:5px; margin-bottom:15px; }	

a.cafeteras{ float:left; display:block; padding-top:15px; padding-bottom:8px;/* margin-left:30px;*/ margin-left:145px; }
a.cuestionario-cafe {float:right; margin-right:15px; padding-top:20px; padding-bottom:0px;width:314px;overflow:hidden}

.futuras-promociones{ background-image:url(../imagenes/subscripcion-promo.jpg); background-repeat:no-repeat; width:386px; height:38px; position:relative;}
.futuras-promociones .cont-input{ width:175px; float:right; margin-right:15px; padding-top:8px;display:inline;}
.cuerpo .futuras-promociones .cont-input input{ background-color:#341408; border:0; color:#FF9; font-size:11px; padding:3px; width:165px;float:right;display:inline;}
.futuras-promociones .btn{float:right; margin-right:8px; margin-top:5px; }


/*
*********************************************
recetas
*********************************************
*/
.ingredientes{  float:left; width:252px; font-size:11px;  }
.ingredientes li{ background-position:0 4px!important; line-height:1.1em;  }
.yellow{ color:#FFCC00; font-weight:bold; }
/*
*********************************************
contacto
*********************************************
*/
.cuerpo input[type=text]{
	background-color:#341508;
	border: 1px solid #6F5800;
	font-size:11px;
	padding:5px;
	color:#FFC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
}
.cuerpo select{
	background-color:#341508;
	border: 1px solid #6F5800;
	font-size:11px;
	padding:5px;
	color:#FFC;
	font-family:Arial, Helvetica, sans-serif;
}
.cuerpo .buton{
	background-image:url(../imagenes/btn-news.jpg); width:216px; height:40px; color:#FC0; border:none; font-weight:bold; padding-left:5px; margin-top:-2px; line-height:0.4em;
}
.formField{ margin-bottom:10px;}
.formFieldError{ color:#F30; font-size:10px;}
.message.error{ color:#F30; font-weight:bold; text-align:center;}
.cuerpo textarea{
	background-color:#341508;
	border: 1px solid #6F5800;
	font-size:11px;
	padding:5px;
	color:#FFC;
	font-family:Arial, Helvetica, sans-serif;
}
/*
*********************************************
productos
*********************************************
*/
.menu-productos{ color:#FFA724; line-height:1.9em;  }
div.cuerpo .menu-productos a{ text-decoration:none; color:#CA7104; margin-left:10px; margin-right:10px; font-size: 	109.1%;   }
div.cuerpo .menu-productos a:hover{ color:#F9D985; }
div.cuerpo .menu-productos a.active{ color:#FFA724; }
.productos-familia{  width:368px; height:212px; position:relative; margin-top:50px;  }
.productos-familia.left{background-image:url(../imagenes/cont-productos-familia.png); float:left; margin-left:-11px; }
.productos-familia.right{background-image:url(../imagenes/cont-productos-familia-right.png); float:right; margin-right:-11px; }
.productos-familia .inner{ position:absolute;    top:105px; padding-left:25px; padding-right:25px; }
.productos-familia .inner-img{ position:absolute; bottom:105px; text-align:center; width:368px; margin-left:0px; padding-left:0px;}
.productos-familia .inner-img a{ padding-left:0px;}
div.cuerpo .productos-familia h1{font-size:172.7%; margin-bottom:5px;}
.productos-familia p{ font-size:90.9%; margin-bottom:8px!important;}
.productos-familia a{ font-size:90.9%; display:block; text-decoration:none; padding-left:20px;}
.productos-familia a strong{ color:#AC7E06;}
.producto{ padding-top:60px;width:100%;overflow:hidden}
.producto .inner-img{ position:relative;  float:left;  text-align:center; width:241px; height:159px; background-image:url(../imagenes/cont-productos.png); background-repeat:no-repeat; text-align:center; }
.producto .inner-img img{ bottom:15px; position:absolute; bottom:2px; left:7px;  }
div.cuerpo .producto  h1{font-size:172.7%; margin-bottom:5px;}
.producto .inner{ position:static; float:left; width:450px; padding-left:25px;}
.producto .caja-puntuacion{ height:34px; padding-top:11px; width:210px; padding-left:10px; font-size:130%; padding-left:10px; float:left;position:relative}
.puntuacion-top{ background-image:url(../imagenes/caja-puntuacion-cafe-trans.png); background-repeat:no-repeat;}
.puntuacion-bottom{ background-image:url(../imagenes/caja-puntuacion-cafe2-trans.png); background-repeat:no-repeat;}

.producto .caja-puntuacion .innner-puntuacion{ position:absolute;right:12px;top:9px}

.separator{
	border-top: 1px solid #441C0B;
	margin-top:50px;
	margin-bottom:40px;
	height:1px;
	overflow:hidden;
}


.cafetera-cont{ display:block; background-image:url(../imagenes/cont-cafetera1.png); background-repeat:no-repeat; height:70px; padding-top:15px; width:590px; padding-left:23px; font-size:11px; margin:auto;}

a.cafetera-cont{ text-decoration:none;}
div.cuerpo .cafetera-cont h1{ font-size:15px; margin-bottom:5px;}
div.cuerpo .cafetera-cont p strong{ font-size:12px; }
div.cuerpo .cafetera-cont p{ font-size:11px; color:#E4DACD; margin-bottom:5px; }
div.cuerpo .cafetera-cont img{ float:right; margin-top:5px; margin-right:30px;}
.separator-cafetera{ background-image:url(../imagenes/separator-cafetera.jpg); background-repeat:no-repeat; background-position:left; padding-left:20px;}

.cont-cafetera9{ width:716px; background:url(../imagenes/cont3-top.png) no-repeat top; padding-top:22px; }
.cont-cafetera9-inner{background:url(../imagenes/cont3-bottom.png) no-repeat bottom; padding-bottom:22px;}
.cont-cafetera9-inner2{background:url(../imagenes/cont3-middle.png)  repeat-y; padding-left:20px; padding-right:20px;}

div.cuerpo  .cont-cafetera9 h1{ font-size:17px;}
.cont-cafetera9 h2{ color:#DF7643;} 
div.cuerpo .cont-cafetera9 p{ margin-bottom:5px;}
.cont-cafetera9 .vinculo-destacado{ font-size:11px;}
.cont-cafetera9 .img-mini-productes{ float:right; padding-top:15px; padding-left:30px; padding-right:20px;}
.separator-dotted{ background:url(../imagenes/separador-dotted.gif) repeat-x; height:3px; }


.cont-cafetera h2{ color:#DF7643;}
.cont-cafetera{ background-image:url(../imagenes/cont-cafetera2.png); background-repeat:no-repeat; width:706px; height:318px; padding:10px;}
.cont-cafetera-inner{ float:left; width:390px;  padding-left:20px; padding-top:10px; }
.cont-cafetera-inner2{ float:left; width:260px;  padding-left:25px; padding-top:10px; padding-bottom:10px; }

.cafetera-img{ float:left; width:180px; text-align:center;}

/*
*********************************************
novedades
*********************************************
*/

div.promocion-nuevo-packaging {
background:transparent url(../imagenes/fondo-promocion-nuevo-packaging.jpg) 0 0 no-repeat;
padding:20px 40px;
height:457px;
margin:0 auto;
overflow:hidden;
}

	div.promocion-nuevo-packaging div.navegacion {
	color:#F8BB30;
	font-weight:bold;
	padding-bottom:11px;
	margin-bottom:15px;
	background:transparent url(../imagenes/fondo-navegacion-diapositivas.jpg) left bottom repeat-x;
	width:430px;
	}
	
	div.promocion-nuevo-packaging div.navegacion strong {font-size:13px;color:#999999;margin-right:10px;}
	
	div.promocion-nuevo-packaging div.navegacion a {margin-right:10px}
	
	div.promocion-nuevo-packaging div.navegacion a.brcm-current-node {
	color:white;
	text-decoration:none;
	cursor:default;
	}
	
	div.promocion-nuevo-packaging div.diapositivas {position:relative}
	
	div.promocion-nuevo-packaging div.diapositiva {
	width:100%;
	overflow:hidden;
	}
	
	div.diapositivas div.titulo {
	color:#FFCC00;
	font-size:14px;
	margin-bottom:5px;
	font-weight:bold;
	}
	
	div.diapositivas div.imagen {
	position:absolute;
	left:370px;
	top:0;
	}
	
	div.diapositivas div.textos {
	font-size:11px;
	width:376px;
	}
	
	div.diapositivas div.textos ul,
	div.diapositivas div.textos p {margin:5px 0}




/*especials portada*/
.img-video{
width:326px;
margin-left:15px;
background:url(../imagenes/img-video.png) no-repeat 0 0;
display:block;
height:239px;}

.img-video:hover{/*background:url(../imagenes/img-video.png) no-repeat -316px 0;*/
}