@charset "UTF-8";

/* SideBar Styles
================================================== */
.productColumn { padding:43px 0 0 0; }

.productColumn h1 {
	display:block;
	width:202px;
	margin:0 0 0 55px;
	padding:0 0 0 5px;
	border-bottom:#000 solid 1px;
	color:#CE444F !important;
	font-size:1.5em;
    font-family: 'GillSansMTLightRegular';
}

.productColumn h2 a {
	margin:0 0 0 55px;
	color:#929496;
	text-decoration:none;
	font-size:0.5em;
    font-family: 'GillSansMTLightRegular';
}
.noticias{
	float: right !important;
}
#historia #article{
	overflow: hidden;
	margin: 0 auto;
	float: left;
	margin-top: 0px !important;
	margin-bottom: 40px !important;
}
#historia #article img{
	height: 174px ;
	width: auto !important;
	margin: 0 auto 30px !important;
	display: block !important;
}
@media screen and (max-width: 479px) {
		/*#recetas .bigRowFoto{	
			width: 550px !important;			
			height: 110px !important;
		}*/
		#historia #article img{
			height: auto;
			width: 320px !important;
		}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
		/*#recetas .bigRowFoto{
			
			height: 155px !important;
		}*/
		#historia #article img{
			height: auto;
			width: 435px !important;
		}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
		/*#recetas .bigRowFoto{
			width: auto !important;
			height: 155px !important;
		}*/
		#historia #article img{
			height: auto;
			width: 445px !important;
		}
		#historia #article{
			margin-left: 50px;
		}
}
@media only screen and (min-width: 771px){
	.productBox{
		margin-bottom: 0px !important;
	}
}
.productColumn h2 a:hover {
	color:#CE444F;
}
.productColumn h2 a:focus {
	color:#CE444F;
}
.productColumn h2 a:active {
	color:#CE444F;
}
.one-third .active a {
 			color: red;
 		}
.productColumn #fotoSideBar {
	margin:116px 0 0 0;
	width:207px;
	height:260px;
}
.productColumn p {
	color: #333;
	margin: 25px 0 0 55px;
	width: 210px;
	font-size: 13px;
	text-align: left;
}
.logoCalais { 
	margin:10px 0 0 55px;
}

.productColumn .sideBtn {
	display:block;
	width:207px;
	color:#fff !important;
	text-align:center;
	font-size:1.5em;
	margin:0;
	padding:0;
	border:none !important;
}
.productColumn .sideBtn a {
	text-decoration:none;
	color:#FFF;
}
 .documento{
	width: 100% !important;
}
#docBlock li{
	width: 300px !important;
	margin-right: 0 !important;
}

@media only screen and (max-width: 767px) {
	
	.productColumn .sideBtn { width:100%;}
	.productColumn #fotoSideBar { display:none;}
	.img_form{
		display: none !important;
	}
}


/***/
.footer{
	width: 600px;
}
#historia #blackLine {
	margin: 92px 0 2px 0 !important;
}

#blackLine { height:1px; border-bottom:#000 solid 1px; margin:92px 0 43px 0; }
#blackLine h1 {
	display: block;
	width: auto;
	margin: -52PX 0 0 5px;
	padding: 0 0 0 5px;
	color: #CE444F !important;
	font-size: 1.5em;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#blackLine { height:1px; border-bottom:#000 solid 1px; margin:92px 0 43px 0; }
}


/* Product Boxes Styles
================================================== */


.productBox { height:204px; margin-top:0px; padding-left:0px; margin-bottom: 50px;}

@media only screen and (max-width: 767px) {
	.productBox { height:204px; margin-top:35px; padding-left:60px; }
}

.productBox img { margin:0 46px 0 14px; }

.productBox h1 { color:#CE444F; font-size:1em; margin:-4px 0 0 17px; line-height:16px; }

.productBox p { color:#333; font-size:0.9em; margin:10px 0 0 17px; }
/***/
@media only screen and (max-width: 476px) {
	.productBox h1{ margin: -4px 0 0 50px;}
}

/* Two Column Rows Styles
================================================== */

.bigRow { width:547px; height:202px; margin:30px 0; }

@media only screen and (max-width: 959px) {
	.bigRow { height:350px; }
}

.bigRow.aguaHeader { height:120px !important; }

.bigRow.aguaRow { height:161px !important; margin:17px 0 !important; }

.bigRowFoto { float:left; width: 380px; overflow: hidden; height: 260px;}

#calais .bigRowFoto { float:left; width: auto; overflow: hidden; height: 185px; margin-left: 64px}
#calais .bigRowFoto img{ width: auto; height: 185px !important;}
#calais #footer {
	margin-top: 50px;
}

#curiosidades .bigRowFoto { float:left; overflow: hidden; height: 260px;}

.bigRowFoto img { border:none; height: 260px !important; }

.bigRowTexto { float:right; width:170px; padding:10px; }
.bigRowTexto li {color:white !important; }

.bigRowTexto.black { width:360px !important; margin:25px !important; }

@media only screen and (max-width: 959px) {
	.bigRowTexto { float:left; width:379px; padding:10px; }

	.bigRowTexto.black { width:360px !important; margin:25px !important; }
}
@media screen and (max-width: 479px) {
		#recetas .bigRowFoto{	
			width: 550px !important;			
			height: 110px !important;
		}
		#recetas .bigRowFoto img{
			
			width: 320px !important;
		}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
		#recetas .bigRowFoto{
			
			height: 155px !important;
		}
		#recetas .bigRowFoto img{
			
			width: 435px !important;
		}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
		#recetas .bigRowFoto{
			width: auto !important;
			height: 155px !important;
		}
		#recetas .bigRowFoto img{
			
			width: 445px !important;
		}
}
@media only screen and (max-width: 479px) {
	.bigRowTexto { float:left; width: 210px; padding:10px; }

	.bigRowTexto.black { width:360px !important; margin:25px !important; }

	#calais .bigRowFoto img{ float:left; width: auto !important; overflow: hidden; height: 185px; margin-left: 93px !important; }
	#calais .bigRowTexto h1{ text-align: center; }
}

.bigRowTexto h1 { color:#FFF !important; font-size:30px; margin:20px 0 0 0; line-height:28px; margin-bottom:20px; }

.bigRowTexto.black h1 { color:#333 !important; font-size:1.2em; }

.bigRowTexto p { color:#FFF; line-height:16px; font-size:0.9em; }

.bigRowTexto.black p { color:#333 !important; }

#stads .recetaSpec { float:left; margin-right:7%; text-align:center; transition:all ease-in-out 0.5s; height:130px; }

@media only screen and (min-width: 768px) and (max-width: 959px) {
	#stads { margin-left:45px; width:510px; }
	
	#stads .recetaSpec { float:left; margin-right:12%; text-align:center; margin-bottom:20px;}
	
	.bigRowTexto p { width:355px; }
}

#stads .recetaSpec h1 { font-size:1em; line-height:10px; }

#stads .recetaSpec p { color:#666; }

#stads .recetaSpec .miniBox { display:block; width:100px; height:82px; border:1px #333 solid; padding:5px; }

#stads .recetaSpec .miniBox .bigNumber { font-size:3em; margin:27px 0 0 0; }

#stads .recetaSpec .miniBox .specText { margin:10px 0 0 0; }

#ingredientes table { width:93%; margin:25px 0 0 0; text-align:center; }

#ingredientes table tr { line-height:30px; }

#ingredientes table tr td { border-bottom: 1px solid #666; }

#preparacion { float:right; }

#preparacion h1 { margin-top:30px; padding:0 0 0 10px; font-family: 'GillSansMTLightRegular'; !important; }

#preparacion p { margin-bottom:30px; padding:0 25px 0 10px; }
 
#preparacion p, h1, table { color:#333 !important; }	


/***/

/* Article Styles */

#article {
	color:#333;
	text-align:justify;
	/*width: auto;*/
	padding: 15px;
	margin-top: 45px;
}
#article h1 {
	font-size:1.3em !important;
}
/***/

/* Documents */
#docBlock { margin-top:25px; }
.documento { float:left; margin-right: 90px; }
.documento img { margin-right:15px; }
.documento h1 { font-size: 1em; margin-left: 50px; margin-top: -53px;}
/***/
@media  screen and (max-width: 768px){
	.documento{
		width: 100% !important;
		float: none;
		margin: 0 auto;
	}
	#article {
		color:#333;
		text-align:justify;
		width: 412px;
		padding: 4px;
		margin-top: 45px;
	}
}
@media  screen and (max-width: 479px){
	.documento{
		width: 100% !important;
		float: none;
		margin: 0 auto;
	}
	#docBlock  .documento{
		width: 225px !important;
		margin-right: auto !important;
	}
	#article {
		color:#333;
		text-align:justify;
		width: 290px;
		padding: 4px;
		margin-top: 45px;
	}
}
#recetas .bigRowFoto{
	width: 550px ;
	height: 190px ;
}
#recetas .bigRowFoto img{
	height: auto!important;
	width: 550px;
}
#recetas #article{
	margin-top: 0px;
}
#recetas h1{
	margin: 0px !important;
}
#recetas .title h1{
	margin: 0 0 0 55px !important;
}
/* Contacto */
#formulario { margin-top: 20px; text-align: center;}
form input.campo { width:210px; margin-left:25px; }
form textarea { height:200px; }
#formulario .campo,	#formulario input[type="submit"]{margin: 14px auto !important;}
#formulario textarea{position: absolute; left: 650px; top: 400px; resize: none;}
p.autorizo1 {
	clear:both;
	margin-right:50px;
	color:#929496;
	font-family:GillSansMTLightRegular;
	font-size:0.8em;
	text-align:justify;
	line-height:1.3em;
	position: relative;
/*	top: -210px; */
	left: 0px;
}
/* #enviar {margin: -200px 0 0 0;} */
/***/


/* Paginacion */
#productosXpagina {
	width:215px;
	float:right;
	margin: 0 40px -40px 0;
}
@media only screen and (max-width: 959px) {
	#productosXpagina {
		margin: 0 0 -40px 0;
	}
	#formulario textarea{position: relative; left:0;top:0;}
	p.autorizo1 {
		clear:both;
		margin-right:50px;
		color:#929496;
		font-family:GillSansMTLightRegular;
		font-size:0.8em;
		text-align:justify;
		line-height:1.1em;
	}
}
#productosXpagina h3 {
	font-family: 'GillSansMTLightRegular';
	color:#333;
	font-size:16px;
	float:left;
	margin:-8px 0 0 0;
}
#productosXpagina select {
	width:70px;
	float:right;
}
#pagination {
	
    text-align: center;
    clear: both;
	color:#666;
	float: left;
}

@media only screen and (min-width: 960px) {
	#productosXpagina {
		margin:0 0 -40px 0;
	}
}
@media only screen and (max-width: 959px) {
	#productosXpagina {
		margin:0 0 -1px 0;
	}
	.bigRowFoto{
		width: auto;
	}
	.bigRowTexto.black{
		margin: 0 !important;
		width: 170px !important;
	}
}
@media (max-width: 479px) {
	.productBox {
		padding-left: 0px;
	}
	#footer #newsletter {
		width: 210px !important;
		margin: 30px 24px 0 0;
	}
	nav li{
		float: none !important;
	}
	.bigRowFoto{
		width: auto !important;
		margin: 0 !important;
		float: none !important;
		height: 215px;
	}
	.bigRowFoto img{
		width: 315px !important;
		margin: 0 !important;
		float: none !important;
	}
	.bigRowTexto.black{
		width: 260px !important;
		margin: 0 auto !important;
		float: none !important;
	}
	.bigRowTexto.black{
		width: 260px !important;
	}
	.bigRow.aguaRow {
		height: auto !important;
	}
	.container .two-thirds.column.bigRow {
		width: 300px !important;
		
	}
	#blackLine {
		margin: 80px 0 13px 0 !important;
	}
	
}
/***/
@media (max-width: 767px) {
	#footer{
		height: auto !important;
	}
	.container{
		overflow: hidden !important;
	}
	#footer #newsletter {
		width: 250px !important;
	}
	.container #footer #newsletter form #boton {
		float: right;
		margin: -4px 99px 0 0;
	}
	#productosXpagina {
		margin: 65px 0 -1px 0;
	}
	.productBox p {
		width: 300px !important;
	}
	
	#formulario{
		margin-top: 10px !important;
		text-align: center;
		padding: 20px !important;
		width: 90%;
	}
	#formulario .campo,
	#formulario input[type="submit"]{
		margin: 14px auto !important;
	}
	#blackLine{
		margin: 0px;
	}
	#formulario textarea{position: relative; right: 0px; bottom: 0px;}
}
.productBox a img {
	height: 229px;
	
}
.plays{
	width: 100px;
	height: 100px !important;
	overflow: hidden;
	z-index: 2000000;
	margin-top: -190px;
	margin-left: 148px;

}
@media only screen and (max-width: 479px) {
	.plays {
		margin-left: 99px;
		margin-top: -204px;
	}
	.plays img{
		width: 100px !important;
	}
}
.plays img{
	background-color: rgba(199, 199, 199, 0) !important;
	width: 100px;
	height: 100px !important;
	
}
.preparation{
	margin: 90px 0px 18px 0px !important;
}