@charset "iso-8859-1";
/* CSS Document */

/* Dev. JRM */
/*div#redes {
	margin-top: 20px;
	width: auto;
	text-align: right;
	overflow: hidden;
	float: right;
	z-index: 5000;
	position: relative;
}*/
/* Lenin */
.totalpage{
	width: 100%;
	position: relative;
	display: block;
	overflow: hidden;
	font-family: 'Interstate-RegularCondensed',Arial, sans-serif !important;
	    font-size: 14px;
	    color: #444444;
	    line-height: 20px;
	    margin-bottom: 15px;
}
.subTitle{
	width: 30%;
	float: left;
}
.resumen{
	width: 70%;
	float: left;
}
.totalresumen{
	width: 100%;
	position: relative;
}
.mision{
	width: 50%;
	float: left;
}
.vision{
	width: 50%;
	float: left;
}
.img-responsive{
	max-width: 280px;
	width: 100%;
	height: auto; 
}
.img-derecha{
	float: right;
    	margin-top: 17px;
}
.separador-total{
	width: 100%;
	position: relative;
	overflow: hidden;
	height: 20px;
}
.separador-total-1{
	width: 100%;
	position: relative;
	overflow: hidden;
	height: 10px;
}
.logo-four{
	width: 25%;
	float: left;
	text-align: center;
}
.logo-four img{
	max-width: 120px;
	width: 100%;
	height: auto;
}
.texto-logo {
	width: 120px;
	margin-right: auto;
	margin-left: auto;
	font-size: 16px;
	margin-top: 3px;
}
.texto-logo-1 {
	width: 100%;
}

.logo-six{
	width: 25%;
	float: left;
	text-align: center;
	min-width: 145px;
}
.logo-six img{
	margin: 0px auto;
}
.texto-proceso {
	width: 118px;
	margin: 16px auto;
	color: #FF5000;
	font-size: 18px;
}

.waylladiv{
	text-align: center;
}
.waylladiv img{
	/*max-width: 120px;*/
	margin-bottom: 30px;
}

.contacto1{
	width: 50%;
	float: left;
}
.contacto2{
	width: 50%;
	float: left;
	margin-top: 30px;
}
.subTitleContacto{
	width: 20%;
	float: left;
}
.form-group {
    padding: 0px 5px;
    height: auto;
}	
.media-input{
	width: 50%;
	float: left;
	margin-bottom: 5px;
}
.total-input{
	width: 100%;
	float: left;
	margin-bottom: 5px;
}
.completo{
	width: 100%;
	display: block;
	overflow: hidden;
	height: auto;
}
.form-control {
        border-radius: 0px !important;
        border-color:#FF5000 !important;
}
.form-control:focus, .form-control:hover, .form-control:active {
    border-color: #FF5000 !important;
    outline: 0;  
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.0), 0 0 0px rgba(102, 175, 233, .0) !important;
    box-shadow: inset 0 0px 0px rgba(0,0,0,.0), 0 0 0px rgba(102, 175, 233, .0) !important;
}
::-webkit-input-placeholder {
   color: #FF5000 !important;
   font-size: 15px;
}

:-moz-placeholder { /* Firefox 18- */
   color: #FF5000 !important;  
   font-size: 15px;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #FF5000 !important;  
   font-size: 15px;
}

:-ms-input-placeholder {  
   color: #FF5000 !important;  
   font-size: 15px;
}
button.btn.btn-contacto {
    color: #fff;
    background-color: #ff6a00;
    border-radius: 0px;
    padding-left: 50px;
    padding-right: 50px;
}
button.btn.btn-contacto:hover,button.btn.btn-contacto:focus, button.btn.btn-contacto:active{
    color: #fff;
    background-color: #ff6a00;
    border-radius: 0px;
    padding-left: 50px;
    padding-right: 50px;
}

/* Fin */

div#redes {
	top: 120px;
	width: auto;
	overflow: hidden;
	z-index: 0;
	right: 0;
	position: absolute;
}

section#contPage {
	/*position: fixed;*/
	bottom: 0px;
}

div#redes a {
	width: auto;
	float: left;
	margin-right: 15px;
}

section#contPage {
	/*background-color: rgba(255, 106, 0, 0.8);*/
	width: 100%;
	margin-top: -90px;
	overflow: hidden;
}

.containerPage {
	width: 60%;
	margin: 50px auto; /*50px 20% 0px 20%*/
	padding: 0px 0px 0px 50px;
	background: url(../img/vineta.png) no-repeat 0px 15px;
	overflow: hidden;
	height: 80%;
}

h2.titlePage {
	font-family: 'Interstate-RegularCondensed', Arial, Helvetica;
	font-size: 25px;
	color: #ff6a00;
	line-height: 50px;
	margin-bottom: 30px;
	margin-top: 0px!important;
}

section#contPage div.containerPage div.totalpage div.subTitle img {
	width: auto;
	height: auto;
	margin-bottom: 30px;
}

p.contText {
	font-family: 'Interstate-RegularCondensed',Arial, sans-serif !important;
	font-size: 18px; /* 16px */
	color: #444444;
	line-height: 26px;
	margin-bottom: 20px;
}

p.contText.negrita {
	font-size: 18px;
	font-weight: 700;
	padding-right: 15px;
}

p.contText.negrita.naranja {
	color: #FF6A00;
}

p.contText.run {
	background: url(../img/run.png) no-repeat left center;
	min-height: 30px;
	padding-left: 80px;
	padding-top: 15px;
}

p.contText.cabeza {
	background: url(../img/cabeza.png) no-repeat left center;
	min-height: 30px;
	padding-left: 80px;
	padding-top: 15px;
}

p.contText.corazon {
	background: url(../img/corazon.png) no-repeat left center;
	min-height: 30px;
	padding-left: 80px;
	padding-top: 15px;
}

p.contText.ojo {
	background: url(../img/ojo.png) no-repeat left center;
	min-height: 30px;
	padding-left: 80px;
	padding-top: 15px;
}

p.contText.fuerza {
	background: url(../img/fuerza.png) no-repeat left center;
	min-height: 30px;
	padding-left: 80px;
	padding-top: 15px;
}

/*.contentPage {
	height: 80%;
	overflow: auto;
}*

/* FIN Dev. JRM */


/* ========================================================================= */
/* ======================== MAIN =========================================== */
/* ========================================================================= */
	*{
		margin: 0;
		padding: 0;
	}
	html, body {
		width: 100%;
		height: 100%;
		/*overflow: hidden;
		overflow: auto;*/
	}

	body{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		/*background-color: #EEEEEE;
		min-width: 960px !important;*/
	}
	header,section,nav,article,aside,figure,footer, label {
		display:block;
	}

	/* img responsivas */
	img{
		border:none;
		height: auto;
	  	max-width: 100%;
	}
		/* Hack img responsivas IE8 */
		@media \0screen {
		  img {
		  	width: auto; /* for ie 8 */
		  }
		}
		/* ----------------------------- */
		/*img, video, object { max-width:100%; max-max-height:100%; }
		img, video, object {
			max-width: 100%;
			max-height: 100%;
			height: auto;
		}*/

	h1, h2, h3 { font-weight:normal;}

	p {
		text-align:justify;
		line-height:18px;
	}

	ul, li{
		list-style-type: none;
	}

	table{
		border-collapse:collapse;
	}

	th, td{
		margin:0; padding:0; /*text-align:left;*/
	}


	/* ---------------------------------------- */
	/* FORMULARIOS General
	/* ---------------------------------------- */
		form input, form span, form textarea{ display: block; float: left; }

		form input:focus, form textarea:focus {
			border: 1px solid #8FA8FC !important;
			box-shadow: 0 0 7px rgba(73, 114, 255, 1);
			-webkit-box-shadow: 0 0 7px rgba(73, 114, 255, 1);
			-moz-box-shadow: 0 0 7px rgba(73, 114, 255, 1);
		}

		form div#resultado{
			clear: both;
			height: 18px;
			color: #CC0000;
		}

		form input.texterror{ background: #FFCCCC; color: #000; }

		form span.requerido{
			color:#A61818; font-size: 1.6em; margin-left: 5px; font-weight: bold;
		}
		form .combobox{ float: left; width:auto; padding:3px; }
	/* **** */

	#contenedor{
	    position: relative;
	    margin: 0 auto;
	    /*width: 100%;*/
	        min-width: 960px;
	        max-width: 1920px;
	    min-height: 100%;
	    /*margin-bottom: -55px;*/
	}
	/*#contenedor:after {
	  content: "";
	  display: block;
	}
	#contenedor:after, footer{ height: 55px; }*/

	#cuerpo{
		width: 100%;
		min-height: 100%;
		position: absolute;
		display: inline-block;
		top: 0; left: 0;
		z-index: 0;
		margin-bottom: -50px;
	}
	#cuerpo:after {
	  content: "";
	  display: block;
	}
	#cuerpo:after, footer{ height: 50px; }
/* ========================================================================= */


/* ============================= */
/* ======== HEADER ============= */
/* ============================= */
	header{
		/*margin-left:30%;
		width:70%;
		position: relative;*/
		width: 100%;
		z-index: 5000;
		overflow: hidden;
		height: 100px;
		float: left;
		position: fixed;
		min-width: 960px;
	}

	/* menu HOME */
		.logo-home{
			width:16%;
			left:6%;
			top:85px;
			position: absolute;
		}

		header nav.menu{
			width: 76%; /*margin-left:30%;*/
			float: right;
		}
		header nav.menu ul{
			width:100%;
			height: 100px;
			font-family: 'Interstate-RegularCondensed', Arial, Helvetica;
			font-size: 1.2em;
			border-radius: 0 0 0 10px;
			-moz-border-radius: 0 0 0 10px;
			-webkit-border-radius: 0 0 0 10px;
			background-color: #FFF;
		}
		header nav.menu ul li{
			float: left;
			width: 14%;
			height: 100px;
			position: relative;
		}
		header nav.menu ul li.last{
			width: 10%;
		}
		header nav.menu a{
			float: left;
			width: 100%;
			height: 100px;
			color:#666666;
			font-weight: normal;
			text-decoration: none;
			display: block;
		}
		header nav.menu a.first{
			border-radius: 0 0 0 10px;
			-moz-border-radius: 0 0 0 10px;
			-webkit-border-radius: 0 0 0 10px;
		}
		header nav.menu a:hover{
			color: #FFF !important;
			background-color: #ee6a00;
		}
		header nav.menu a span{
			position: relative;
			margin-top: 35px;
			padding: 0 2%;
			padding-top: 5px;
			padding-bottom: 5px;
			text-align: center;
			border-right: 1px solid #C6C6C6;
			z-index: 100;
			display: block;
		}
		header nav.menu a span.ultimo{
			border: none;
			/*border-right: 1px solid #C6C6C6;*/
		}

		/*header ul{
			width:70%;
			height: 100px;
			float: right;
			font-family: 'Interstate-RegularCondensed', Arial, Helvetica;;
			font-size: 1.3em;
			border-radius: 0 0 0 10px;
			-moz-border-radius: 0 0 0 10px;
			-webkit-border-radius: 0 0 0 10px;
			background-color: #FFF;
		}
		header ul li{
			float: left;
			width: 18%;
			height: 100px;
		}
		header ul li.last{
			width: 10%;
		}
		header ul li a{
			float: left;
			width: 100%;
			height: 100px;
			color:#666666;
			font-weight: normal;
			text-decoration: none;
		}
		header ul li a.first{
			border-radius: 0 0 0 10px;
			-moz-border-radius: 0 0 0 10px;
			-webkit-border-radius: 0 0 0 10px;
		}
		header ul li a:hover{
			color: #FFF;
			background-color: #ee6a00;
		}
		header ul li a span{
			margin-top: 35px;
			padding: 0 2%;
			padding-top: 5px;
			padding-bottom: 5px;
			text-align: center;
			border-right: 1px solid #C6C6C6;
		}
		header ul li a span.ultimo{
			border: none;
		}*/

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

	/* menu pág. INTERNAS */
		.div-header-interna{
			background-color: #FFF;
			position: relative;
			/*position: fixed;*/
			min-width: 960px;
			float: left;
			left: 3%;
			width: 97% !important;
			height: 100px;
			border-radius: 0 0 0 10px;
			-moz-border-radius: 0 0 0 10px;
			-webkit-border-radius: 0 0 0 10px;
		}
		.logo{
			width:16%;
			left:2%;
			top:20px;
			position: relative;
			float: left;
		}

		header nav.menu-interna { width: 72%; }
		header nav.menu-interna ul{ width: 100%; }
		header nav.menu-interna ul li a.first{
			border-radius: 0;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
		}

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

/* ============================= */



/* ============================= */
/* ======== HOME =============== */
/* ============================= */
	img#background{
		width:100%;
		height:100%;
		/* background:url(../img/bg_home.jpg) center center no-repeat; */
		position:absolute;
		z-index:0;
		display:none;
	}
	/*img#main-bg{
		position: absolute;
		top: 0; left: 0;
		width: 100%;
		/*height: 100%;--/
		z-index:0;
	}*/

	#slideshow h1{
		font-family: 'AnjaElianeaccent-Nornal', Arial, Helvetica;
	}
		#slideshow h1:before{
			position: absolute;
			top: 18px;
			left: -35px;
			padding: 5px 12px;
			content: " ";
			display: block;
			background-image: url('../img/ico-vineta.png');
			background-position: 0 0;
			background-repeat: no-repeat;
		}
		#slideshow h1:after{
			position: absolute;
			bottom: 12px;
			right: -35px;
			padding: 5px 12px;
			content: " ";
			display: block;
			background-image: url('../img/ico-vineta.png');
			background-position: 0 -11px;
			background-repeat: no-repeat;
		}
/* ============================= */



/* ================================= */
/* ======== INTERNAS =============== */
/* ================================= */

.bg-interna{ background-color: #dfdfdf; }

.texto-info{
	width: 30%;
	float: left;
	/*padding: 15% 0 0;*/
	padding:200px 0 0;
	margin-left: 6%;
	margin-right: 4%;
}
.texto-info h1{
	position: relative;
	margin-bottom:25px;
	color: #000;
	font-size: 2.5em;
	text-align: left;
	font-family: 'Interstate-RegularCondensed', Arial, Helvetica;
}
	.texto-info h1:before{
		position: absolute;
		top: 15px;
		left: -30px;
		padding: 5px 12px;
		content: " ";
		display: block;
		background-image: url('../img/ico-vineta.png');
		background-position: 0 0;
		background-repeat: no-repeat;
	}
.texto-info p{
	margin-bottom: 25px;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #515151;
}

.bg-info{
	width: 60%;
	position: relative;
	/*min-height: 669px;
	max-height: 669px;*/
	float: left;
}
.bg-info div.bg-info-img{
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	/*background-size: 100% auto;*/
	background-size: cover;
}

	.bg-info div.info-frase{
		width: 94%;
		padding-left: 6%;
		padding-top: 15px;
		height: 97px;
		position: absolute;
		bottom: 0;
		/*background-image: url('../img/bg-frase.png');*/
		/*background-position: 0 center;*/
		background-color:#FE6A1E;
		opacity: 0.8;
  		filter:alpha(opacity=80);
  		-ms-filter:"alpha(opacity=80)";
  		-khtml-opacity:.80;
 		-moz-opacity:.80;
	}
	/*.bg-info div.info-frase h1{
		padding-left:10%;
		font-size: 2.5em;
		color:#FFF;
		font-family: 'AnjaElianeaccent-Nornal', Arial, Helvetica;
	}*/

/* ================================= */



/* ================================= */
/* ========= BENEFICIOS ============ */
/* ================================= */
	.bg-beneficios{
		width: 100%;
		height: 91.5%;
		background-image: url('../img/bg-beneficios.jpg');
		background-size: cover;
		background-position: 0 80%;
	}

	.cont-beneficios{
		width: 89%;
		padding:150px 0 0;
		margin-left: 6%;
		margin-right: 5%;
	}
		.cont-beneficios h1{
			position: relative;
			margin-bottom:35px;
			color: #FFF;
			font-size: 2.5em;
			text-align: left;
			font-family: 'Interstate-RegularCondensed', Arial, Helvetica;
		}
		.cont-beneficios h1:before{
			position: absolute;
			top: 15px;
			left: -30px;
			padding: 6px 12px;
			content: " ";
			display: block;
			background-image: url('../img/ico-vineta.png');
			background-position: 0 -22px;
			background-repeat: no-repeat;
		}

		.cont-beneficios ul{
			width: 100%;
		}

		.cont-beneficios ul li{
			width:22%;
			height:350px;
			margin-right: 3%;
			margin-bottom: 15px;
			float: left;
			border-radius:10px;
			-moz-border-radius:10px;
			-webkit-border-radius:10px;

			box-shadow: 5px 6px 9px rgba(73, 73, 73, 1);
			-webkit-box-shadow: 5px 6px 9px rgba(73, 73, 73, 1);
			-moz-box-shadow: 5px 6px 9px rgba(73, 73, 73, 1);
		}
			.cont-beneficios ul li:last-child{
				margin-right: 0;
			}

		.cont-beneficios ul li a{
			position: relative;
			width: 100%;
			float: left;
			background-color: #FA6C18;
			text-decoration: none;
			border-radius:10px;
			-moz-border-radius:10px;
			-webkit-border-radius:10px;
		}
			.cont-beneficios ul li a div.bg-btn-centro{
				position: absolute;
				z-index: 0;
				width:50px;
				height: 50px;
				top:67%;
				left: 38%;
				background-color: #ee6a00;
				border-radius:50%;
				-moz-border-radius:50%;
				-webkit-border-radius:50%;
				opacity: 0.6;
		  		filter:alpha(opacity=60);
		  		-ms-filter:"alpha(opacity=60)";
		  		-khtml-opacity:.60;
		 		-moz-opacity:.60;
			}
				.cont-beneficios ul li a div.bg-btn-centro-hover{
					background-color: #F7C004;
				}

			.cont-beneficios ul li a div.texto-btn-centro{
				position: absolute;
				z-index: 1;
				width:49px;
				height: 49px;
				top:67%;
				left: 38%;
				text-align: center;
				line-height: 50px;
				color: #fff;
				font-family: 'Interstate-RegularCondensed', Arial, Helvetica;
				font-size: 2.2em;
				border: 1px solid #F48707;
				border-radius:50%;
				-moz-border-radius:50%;
				-webkit-border-radius:50%;
			}
				.cont-beneficios ul li a div.texto-btn-centro-hover{
					color: #333;
				}

			.cont-beneficios ul li a div.img-beneficio{
				width: 100%;
				height: 260px;
				background-size: cover;
				background-position: 50% 100%;
				border-radius:10px 10px 0 0;
				-moz-border-radius:10px 10px 0 0;
				-webkit-border-radius:10px 10px 0 0;
			}
			.cont-beneficios ul li a div.titulo-beneficio{
				position: relative;
				width: 90%;
				height: 90px;
				padding-left:10%;
			}
				.cont-beneficios ul li a div.titulo-beneficio h2{
					position: absolute;
					top: 35%;
					font-family: 'Interstate-RegularCondensed', Arial, Helvetica;
					font-size: 1.5em;
					color: #FFF;
				}
/* ================================= */



/* ================================= */
/* ========= RECETAS =============== */
/* ================================= */
	.bg-recetas{
		width: 100%;
		height: 91.5%;
		background-image: url('../img/bg-recetas.jpg');
		background-size: cover;
		background-position: 0 80%;
	}

	.cont-recetas{
		width: 87%;
		padding:200px 0 0;
		margin-left: 6%;
		margin-right: 7%;
	}
		.cont-recetas h1{
			position: relative;
			margin-bottom:20px;
			color: #FFF;
			font-size: 2.5em;
			text-align: left;
			font-family: 'Interstate-RegularCondensed', Arial, Helvetica;
		}
		.cont-recetas h1:before{
			position: absolute;
			top: 15px;
			left: -30px;
			padding: 6px 12px;
			content: " ";
			display: block;
			background-image: url('../img/ico-vineta.png');
			background-position: 0 -22px;
			background-repeat: no-repeat;
		}

		.cont-recetas ul{
			width: 100%;
		}

		.cont-recetas ul li{
			width:30%;
			height:156px;
			margin-right: 4.4%;
			margin-bottom: 15px;
			float: left;
			border-radius:10px;
			-moz-border-radius:10px;
			-webkit-border-radius:10px;

			box-shadow: 5px 6px 9px rgba(73, 73, 73, 1);
			-webkit-box-shadow: 5px 6px 9px rgba(73, 73, 73, 1);
			-moz-box-shadow: 5px 6px 9px rgba(73, 73, 73, 1);
		}
			.cont-recetas ul li.li-extremo{
				margin-right: 0;
			}
			/*.cont-recetas ul li:last-child{
				margin-right: 0;
			}*/

		.cont-recetas ul li a{
			position: relative;
			width: 100%;
			float: left;
			background-color: #fff;
			/*border-radius:10px;
			-moz-border-radius:10px;
			-webkit-border-radius:10px;*/
		}
			.cont-recetas ul li a div.numero{
				position: absolute;
				width:50px;
				height: 50px;
				top:35%;
				left: 36%;
				text-align: center;
				line-height: 50px;
				background-color: #ee6a00;
				color: #fff;
				font-weight: bold;
				font-size: 1.5em;
				border-radius:50%;
				-moz-border-radius:50%;
				-webkit-border-radius:50%;
			}
				.cont-recetas ul li a div.numero-hover{
					background-color: #F7C004;
					color: #444;
				}

			.cont-recetas ul li a div.img-receta{
				width: 43%;
				height: 156px;
				float: left;
				background-size: cover;
				background-position: 100% 100%;
				border-radius:10px 0 0 10px;
				-moz-border-radius:10px 0 0 10px;
				-webkit-border-radius:10px 0 0 10px;
			}
			.cont-recetas ul li a div.titulo-receta{
				position: relative;
				width: 42%;
				height: 156px;
				padding-left:15%;
				float: left;
				border-radius:0 10px 10px 0;
				-moz-border-radius:0 10px 10px 0;
				-webkit-border-radius:0 10px 10px 0;
			}
				.cont-recetas ul li a div.titulo-receta h2{
					position: absolute;
					top: 35%;
					font-family: 'Interstate-RegularCondensed', Arial, Helvetica;
					font-size: 1.8em;
					color: #ee6a00;
				}
/* ================================= */



/* ================================= */
/* ========= CONTACTENOS =========== */
/* ================================= */
	div.contactenos{
		width: 100%;
		padding-top: 200px;
	}
	div.contactenos h1{
		position: relative;
		margin-bottom:35px;
		margin-left: 6%;
		color: #000;
		font-size: 2.5em;
		text-align: left;
		font-family: 'Interstate-RegularCondensed', Arial, Helvetica;
	}
		div.contactenos h1:before{
			position: absolute;
			top: 15px;
			left: -30px;
			padding: 6px 12px 5px;
			content: " ";
			display: block;
			background-image: url('../img/ico-vineta.png');
			background-position: 0 0;
			background-repeat: no-repeat;
		}

	/*  Formulario Contactenos */
	div.form-contactenos{
		width: 33%;
		float: left;
		margin-left: 18%;
		margin-right: 4%;
	}

	form.myform-contactenos{
		width: 100%;
	}
		.myform-contactenos input, .myform-contactenos textarea{
			float: left;
			margin:0 0 5px 0;
			border: 1px solid #AAAAAA;
		}
		.myform-contactenos input.textbox, .myform-contactenos textarea{
			width: 90%;
			height: 35px;
			margin-bottom: 10px;
			padding: 3px 0 3px 20px;
			font-size: 1.1em;
			font-family: Arial, Helvetica;
			color: #4C4C4E;
			background-color: #D0D0D0;
			background-repeat: repeat-x;
		}
		.myform-contactenos textarea{
			padding-top: 20px;
			height: 130px;
		}

		.botones-contactenos{
			clear:both;
		}
			.botones-contactenos .btn-control{
				width: 180px;
				height:45px !important;
				float:left;
				padding: 0;
				border:none;
				background:none;
				background-color: #DEDEDE;
				color:#000;
				cursor:pointer;
				font-size: 1.1em;
				border: 2px solid #000;
				border-radius: 4px;
				-moz-border-radius: 4px;
			    -webkit-border-radius: 4px;
			}
			.botones-contactenos .btnLast{
				margin-left: 5%;
			}
			.btn-hover{
				color: #FFF !important;
				background-color: #F16A28 !important;
			}
	/* ****************  */

	div.texto-contactenos{
		float: left;
		width: 26%;
		font-size: 1.2em;
		color: #515151;
	}
		div.texto-contactenos h2:first-child{
			margin-top: 0;
		}
		div.texto-contactenos h2{
			margin-top: 40px;
			margin-bottom: 10px;
			font-size: 1em;
			font-weight: bold;
			color: #000;
		}

		div.texto-contactenos p{
			text-align: justify;
		}

		div.texto-contactenos ul{
			width: 250px;
			float: left;
		}
			div.texto-contactenos ul div, div.texto-contactenos ul span{ float: left; }
			div.texto-contactenos ul span{ width: 200px; }
			div.texto-contactenos ul li{
				float: left;
				margin-bottom: 20px;
			}
			div.texto-contactenos ul li a{
				color: inherit;
				text-decoration: none;
			}
				div.texto-contactenos ul li a:hover{
					color: #ED6716;
				}

			div.texto-contactenos ul li div{
				width: 16px;
				margin-right: 20px;
				background-image: url('../img/ico-contacto.png');
				background-repeat: no-repeat;
			}
			div.texto-contactenos ul li div.direccion{
				height: 18px;
				background-position: 0 0;
			}
			div.texto-contactenos ul li div.correo{
				height: 10px;
				margin-top: 5px;
				background-position: 0 -20px;
			}
			div.texto-contactenos ul li div.telefono{
				height: 14px;
				margin-top: 5px;
				background-position: 0 -31px;
			}

	/* mensaje de rspta Formulario */
	#msje-rspta-form{
		width: 200px;
		height: 25px;
		/*display: none;*/
		padding: 10px;
		padding-top: 15px;
		padding-left: 45px;
		font-size: 1.2em;
		background-position: 5px 50%;
		background-repeat: no-repeat;
		border-radius: 4px;
		-moz-border-radius: 4px;
	    -webkit-border-radius: 4px;
	    font-weight: bold;
	}
	.msje-ok{
		border:2px solid #A1D490;
		background-color: #DBFBD0;
		background-image: url('../img/ico-ok.png');

	}
	.msje-error{
		border:2px solid #FFADC2;
		background-color: #FBD0DB;
		background-image: url('../img/ico-error.png');
	}
	.msje-aviso{
		border:2px solid #F2D7BA;
		background-color: #FBF0D0;
		background-image: url('../img/ico-aviso.png');
	}
	a.msje-form{position: absolute; top:9999; left: 9999; }

/* ================================= */



/* ============================= */
/* ======== FOOTER ============= */
/* ============================= */
	footer{
		position: fixed;
		bottom: 0;
		/*position: relative;*/
		width: 100%;
		z-index: 1;
	}
	/*footer.footer-home{
		position: absolute;
		bottom: 0;
	}*/
	footer ul{
		position: relative;
		left:7%;
		width: 93%;
		float: left;
	}
		footer ul li{
			float: left;
			width: 10%;
			height: 50px;
		}
		footer ul li a{
			width: 100%;
			padding-left:35px;
			font-family: 'Interstate-RegularCondensed', Arial, Helvetica;
			font-size: 1.1em;
			color: #FE6E18;
			font-weight: normal;
			text-decoration: none;
			background-repeat: no-repeat;
		}
		footer ul li a:hover{ }
		footer ul li a.facebook{
			height: 26px;
			line-height: 30px;
			background-image: url('../img/ico-sociales.png');
			background-position: 0 0;
		}
		footer ul li a.twitter{
			height: 26px;
			line-height: 30px;
			background-image: url('../img/ico-sociales.png');
			background-position: 0 -25px;
		}
		footer ul li a.contacto{
			padding-left:40px;
			height: 22px;
			line-height: 31px;
			background-image: url('../img/ico-sociales.png');
			background-position: 0 -52px;
		}


section#contPage div.containerPage div.totalpage div.resumen div.logo-six {
	width: 25%;
	height: auto;
	min-width: 0px;
}

section#contPage div.containerPage div.totalpage div.resumen div.logo-six img {
	width: 82%;
	height: auto;
}

section#contPage div.containerPage div.totalpage div.resumen div.logo-six div.texto-proceso {
	width: 67%;
}

section#contPage div.containerPage div.totalpage div.resumen div.logo-six button.btn-vermas {
	font-size: 12px;
	line-height: 15px;
	padding: 4px 10px;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	background: #FFFFFF;
	border: 1px solid #FF6A00;
	display: inline-block;
	color: #FF6A00;
	outline: 0px;
	cursor: pointer;
	display: inline-block;
	-webkit-transition: all 0.5s ease;
		 -moz-transition: all 0.5s ease;
		  -ms-transition: all 0.5s ease;
		   -o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

section#contPage div.containerPage div.totalpage div.resumen div.logo-six button.btn-vermas:hover {
	-webkit-transition: all 0.5s ease;
		 -moz-transition: all 0.5s ease;
		  -ms-transition: all 0.5s ease;
		   -o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	opacity: 1;
	filter: alpha(opacity=100);
}

section#contPage div.containerPage div.totalpage div.resumen div.logo-six button.btn-vermas img {
	float: right;
	margin: 1px 0px 0px 4px;
	width: 15px !important;
	height: 14px !important;
}

section#contPage div.containerPage div.totalpage div.resumen div.logo-six button.btnActive {
	background-color: transparent;
	border-color: #FFFFFF;
	color: #FFFFFF;
	padding: 4px 31px 21px 31px;
	background: url(../img/fondo-boton.png) no-repeat;
	-webkit-border-radius: 0px;
	   -moz-border-radius: 0px;
	        border-radius: 0px;
	opacity: 1;
	filter: alpha(opacity=100);
	background-size: 110px auto;
}

section#contPage div.containerPage div.totalpage div.resumen div.proceso-detalle {
	width: 88%;
	-webkit-border-radius: 20px;
	 -moz-border-radius: 20px;
	      border-radius: 20px;
	-webkit-box-shadow: 0px 0px 5px 5px rgba(255, 106, 0, 0.4);
	 -moz-box-shadow: 0px 0px 5px 5px rgba(255, 106, 0, 0.4);
	      box-shadow: 0px 0px 5px 5px rgba(255, 106, 0, 0.4);
	border: none;
	margin: 0px 0px 40px 0px;
	padding: 30px;
	display: inline-block;
	float: left;
	display: none;
}

section#contPage div.containerPage div.totalpage div.resumen div.proceso-detalle div.subTitle {
	width: 25%;
	height: auto;
	margin-right: 5%;
}

section#contPage div.containerPage div.totalpage div.resumen div.proceso-detalle div.subTitle img {
	width: 100%;
	height: auto;
	margin-bottom: 0px;
}

section#contPage div.containerPage div.totalpage div.resumen div.proceso-detalle div.resumen {
	width: 70%;
	height: auto;
}

section#contPage div.containerPage div.totalpage div.resumen div.proceso-detalle div.resumen p.contText {
	width: 100%;
	font-size: 16px;
	margin: 10px 0px;
	clear: both;
	float: left;
}

section#contPage div.containerPage div.totalpage div.resumen div.proceso-detalle div.resumen p.contText.naranja {
	font-size: 20px;
}


/* ================================= */



/* ======= MEDIA QUERIES =========== */
@media screen and (max-width:1920px) {
	header nav.menu ul{
		font-size: 1.5em;
	}

	.texto-info p {
		font-size: 1.5em;
		line-height: 1.8em;
	}

	.cont-recetas  h1{ margin-bottom: 90px; }
	.cont-recetas ul li{
		margin-bottom: 35px;
	}
	.cont-beneficios{ padding-top: 200px; }
	.cont-beneficios h1{ margin-bottom: 90px;}
	.cont-beneficios ul li{
		margin-bottom: 35px;
		width: 18%;
		margin-right: 7%;
	}

	footer ul li{
		width: 10%;
	}
	footer ul li a{
		font-size: 1.5em;
	}
}

@media screen and (max-width:1680px) {
	header nav.menu ul{
		font-size: 1.4em;
	}
}

@media screen and (max-width:1440px) {
	header nav.menu ul{
		font-size: 1.4em;
	}
	header nav.menu-interna{ width: 72%; }

	.texto-info{
		padding-top:200px
	}
		.texto-info h1{
			margin-bottom: 40px;
		}
		.texto-info p {
			font-size: 1.4em;
			line-height: 1.4em;
		}

	.cont-recetas{
		padding-top:200px
	}
	.cont-recetas h1{ margin-bottom: 10px; }
	.cont-recetas ul li{
		margin-bottom: 15px;
	}

	.cont-beneficios{ padding-top: 150px; }
	.cont-beneficios h1{ margin-bottom: 35px; }
	.cont-beneficios ul li{
		margin-bottom: 15px;
		width: 22%;
		margin-right: 3%;
	}

	/* formulario Contacto */
	div.texto-contactenos{ font-size: 1.2em; }


	footer ul li{
		width: 10%;
	}
	footer ul li a{
		font-size: 1.1em;
	}
}

@media screen and (max-width:1366px) {
	header nav.menu{
		width: 70%;
	}
	header nav.menu ul{
		font-size: 1.3em;
	}
	header nav.menu-interna{ width: 72%; }

	.texto-info{
		padding-top:200px
	}
	.texto-info p {
		font-size: 1.2em;
		line-height: 1.4em;
	}

	.cont-recetas{
		padding-top:200px
	}
	.cont-recetas h1{ margin-bottom: 10px; }
	.cont-recetas ul li{
		margin-bottom: 15px;
	}

	.cont-beneficios{ padding-top: 150px; }
	.cont-beneficios h1{ margin-bottom: 35px; }
	.cont-beneficios ul li{
		margin-bottom: 15px;
		width: 22%;
		margin-right: 3%;
	}

	/* formulario Contacto */
	div.texto-contactenos{ font-size: 1.2em; }


	footer ul li{
		width: 10%;
	}
	footer ul li a{
		font-size: 1.1em;
	}

	section#contPage div.containerPage div.totalpage div.resumen div.logo-six div.texto-proceso {
		margin: 14px auto;
	}

	section#contPage div.containerPage div.totalpage div.resumen div.logo-six button.btn-vermas {
		font-size: 11px;
		line-height: 13px;
		padding: 3px 7px;
	}

	section#contPage div.containerPage div.totalpage div.resumen div.logo-six button.btn-vermas img {
		margin: 1px 0px 0px 4px;
		width: 12px !important;
		height: 11px !important;
	}

	section#contPage div.containerPage div.totalpage div.resumen div.logo-six button.btnActive {
		background-size: 89px auto;		
		padding: 3px 22px 15px 22px;
	}


}

@media screen and (max-width:1280px) {
	header nav.menu{
		width: 76%;
	}
	header nav.menu ul{
		font-size: 1.2em;
	}

	header nav.menu-interna{ width: 72%; }

	.texto-info{
		padding-top: 150px;
	}
		.texto-info p {
			font-size: 1.12em;
		}

	.cont-recetas, .cont-beneficios{
		padding-top:200px
	}
	.cont-recetas ul li{
		margin-bottom: 35px;
	}

	.cont-beneficios h1{ padding-bottom:  25px;}
	.cont-beneficios ul li a div.titulo-beneficio h2{
		top:33%;
		font-size: 1.3em;
	}

	/* formulario Contacto */
		div.contactenos{
			padding-top: 200px;
		}
		div.form-contactenos{
			margin-left: 18%;
		}
		.myform-contactenos input.textbox, .myform-contactenos textarea{
			width: 85%;
		}
	/* *** */

	footer ul li{
		width: 10%;
	}
	footer ul li a{
		font-size: 1em;
	}

	.img-responsive {
	    max-width: 260px;
	}

	.texto-logo {
	    font-size: 14px;
	}
	p.contText {
	    font-size: 14px;
	    line-height: 18px;
	}
	p.contText.negrita {
	    font-size: 15px;
	}
	.texto-proceso {
	    font-size: 14px;
	}

	section#contPage div.containerPage div.totalpage div.resumen div.logo-six div.texto-proceso {
		margin: 12px auto;
	}

	section#contPage div.containerPage div.totalpage div.resumen div.proceso-detalle {
		-webkit-border-radius: 14px;
		 -moz-border-radius: 14px;
		      border-radius: 14px;
		-webkit-box-shadow: 0px 0px 4px 4px rgba(255, 106, 0, 0.4);
		 -moz-box-shadow: 0px 0px 4px 4px rgba(255, 106, 0, 0.4);
		      box-shadow: 0px 0px 4px 4px rgba(255, 106, 0, 0.4);
		margin: 12px 0px 24px 0px;
		padding: 12px;
	}

}
@media screen and (max-width:1200px) {
	.img-responsive {
	    max-width: 250px;
	}

	.logo-six img {
	    max-width: 110px;
	    width: 100%;
	    height: auto;
	}
}

@media screen and (max-width:1153px) {
	p.contText.negrita {
	    font-size: 16px;
	}

	p.contText {
	    font-size: 15px;
	    line-height: 18px;
	}

	.img-responsive {
	    max-width: 230px;
	}

	.logo-four img {
	    max-width: 105px;
	}

	.texto-logo {
	    font-size: 15px;
	}

	.texto-proceso {
	    font-size: 15px;
	    width: 100px;
	}

	section#contPage div.containerPage div.totalpage div.resumen div.logo-six div.texto-proceso {
		margin: 10px auto;
	}

	section#contPage div.containerPage div.totalpage div.resumen div.proceso-detalle {
		-webkit-border-radius: 12px;
		 -moz-border-radius: 12px;
		      border-radius: 12px;
		margin: 12px 0px 24px 0px;
		padding: 12px;
	}

	section#contPage div.containerPage div.totalpage div.resumen div.proceso-detalle div.resumen p.contText {
		font-size: 14px;
		margin: 10px 0px;
	}

	section#contPage div.containerPage div.totalpage div.resumen div.proceso-detalle div.resumen p.contText.naranja {
		font-size: 18px;
	}
}

@media screen and (max-width:1024px) {
	header nav.menu{
		width: 76%;
	}
	header nav.menu ul{
		font-size: 1.1em;
	}

	header nav.menu-interna{ width: 72%; }

	.texto-info{
		padding-top: 150px;
	}
		.texto-info p {
			font-size: 1.12em;
		}

	.cont-recetas, .cont-beneficios{
		padding-top:200px
	}
	.cont-recetas ul li{
		margin-bottom: 35px;
	}

	.cont-beneficios h1{ padding-bottom:  25px;}
	.cont-beneficios ul li a div.titulo-beneficio h2{
		top:33%;
		font-size: 1.3em;
	}

	/* formulario Contacto */
		div.contactenos{
			padding-top: 200px;
		}
		div.form-contactenos{
			margin-left: 18%;
		}
		.myform-contactenos input.textbox, .myform-contactenos textarea{
			width: 85%;
		}
	/* *** */

	footer ul li{
		width: 10%;
	}
	footer ul li a{
		font-size: 1em;
	}

	/* JRM */
	div#redes a img {
		height: 18px;
	}

	p.contText {
		font-size: 14px;
		line-height: 17px;
	}

	h2.titlePage {
		margin-bottom: 10px;
	}

	.img-responsive {
	    max-width: 210px;
	}
	.texto-logo {
	    font-size: 14px;
	}

	p.contText.negrita {
	    font-size: 14px;
	}

	p.contText {
	    font-size: 13px;
	    line-height: 16px;
	}

	.texto-proceso {
	    font-size: 12px;
	    width: 90px;
	}

	section#contPage div.containerPage div.totalpage div.resumen div.logo-six {
		height: 240px;
	}

	section#contPage div.containerPage div.totalpage div.resumen div.logo-six div.texto-proceso {
		margin: 8px auto;
	}

	section#contPage div.containerPage div.totalpage div.resumen div.proceso-detalle {
		-webkit-border-radius: 10px;
		 -moz-border-radius: 10px;
		      border-radius: 10px;
		-webkit-box-shadow: 0px 0px 3px 3px rgba(255, 106, 0, 0.4);
		 -moz-box-shadow: 0px 0px 3px 5px rgba(255, 106, 0, 0.4);
		      box-shadow: 0px 0px 3px 3px rgba(255, 106, 0, 0.4);
		margin: 10px 0px 20px 0px;
		padding: 10px;
	}

	section#contPage div.containerPage div.totalpage div.resumen div.proceso-detalle div.resumen p.contText {
		font-size: 12px;
		margin: 8px 0px;
	}

	section#contPage div.containerPage div.totalpage div.resumen div.proceso-detalle div.resumen p.contText.naranja {
		font-size: 16px;
	}
}

@media screen and (max-width:960px) {
	header nav.menu{
		font-size: 1.1em;
	}
	header nav.menu-interna {
	    width: 80%;
	}
	/*.logo{
		left:3%;
	}*/

	.texto-info{
		padding-top: 130px;
	}
		.texto-info p {
			font-size: 1.0em;
		}

	.cont-recetas, .cont-beneficios{
		padding-top:130px
	}
	.cont-recetas ul li{
		margin-bottom: 20px;
	}

	.cont-beneficios h1{ padding-bottom: 0px;}
	.cont-beneficios ul li a div.titulo-beneficio h2{
		top:30%;
		font-size: 1.2em;
	}

	/* formulario Contacto */
		div.contactenos{
			padding-top: 130px;
		}
		div.form-contactenos{
			margin-left: 18%;
		}
		.myform-contactenos input.textbox, .myform-contactenos textarea{
			width: 85%;
		}
	/* *** */

	footer ul li{
		width: 10%;
	}
	footer ul li a{
		font-size: 0.9em;
	}
}
/* ================================= */









body {
	margin: 0px;
	padding: 0px;
	/*background-color: #F2EFE8;*/
	overflow: auto;
	min-height: 490px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.backg-img, .header, .contenido, .footer {
	min-width: 1024px;
}

a {
	text-decoration: none;
	color: #FFFFFF;
}

a:hover {
	text-decoration: underline;
}

.backg-img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	overflow: hidden;
	z-index: 100;
}

.contenido {
	width: 100%;
	height: auto;
}

.slideshow {
	width: 100%;
	height: 100%;
	z-index: 200;
	position: absolute;
	overflow: hidden;
	top: 0px;
	left: 0px;
}

.slideshow .content-left {
	width: auto;
	min-width: 300px;
	height: auto;
	bottom: 100px;
	left: 40px;
	position: absolute;
}

.slideshow .content-left span {
	width: auto;
	font-family: 'AnjaElianeaccent-Nornal', Arial, Helvetica;
	font-size: 36px;
	color: #FF6A00;
	padding: 0px 35px;
	display: inline-table;
}

.ico-izq, .ico-der {
	width: 35px;
	height: 11px;
	position: absolute;
	display: block;
	background-image: url('../img/ico-vineta.png');
	background-repeat: no-repeat;
}

.ico-izq {
	top: 12px;
	left: 0px;
	background-position: 0 0;
}

.ico-der {
	bottom: 12px;
	right: 0px;
	background-position: 0 -11px;
}

.slideshow .content-right {
	width: 70%;
	height: auto;
	bottom: 0px;
	right: 0px;
	position: absolute;
}

.footer {
	background-color: rgb(255, 106, 0);
	width: 100%;
	height: 30px;
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 300;
	font-size: 16px;
	color: #FFFFFF;
	font-family: 'Interstate-RegularCondensed';
	text-align: center;
	line-height: 30px;
	vertical-align: middle;
}

.footer span, .footer a {
	margin: 0px 20px;
	text-decoration: none;
	color: white;
}


.logo-home img {
	z-index: 300;
	position: relative;
	width: 20%;
	margin: 2% 5%;
}

.load-img {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	visibility: hidden;
}



ul.listado-recetas, ul.listado-recetas li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
}

ul.listado-recetas li {
	margin: 8px 16px;
}

ul.listado-recetas li, ul.listado-recetas li a {
	width: 158px;
	height: 160px;
}

ul.listado-recetas li a, ul.listado-recetas li a span {
	text-decoration: none;
}

ul.listado-recetas li a img, ul.listado-recetas li a span {
	width: 100%;
	height: auto;
	float: left;
}

ul.listado-recetas li a {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transition: opacity .40s ease-in-out;
		 -moz-transition: opacity .40s ease-in-out;
					transition: opacity .40s ease-in-out;
}

ul.listado-recetas li a :hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	-webkit-transition: opacity .20s ease-in-out;
		 -moz-transition: opacity .20s ease-in-out;
					transition: opacity .20s ease-in-out;
}

ul.listado-recetas li a span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	line-height: 20px;
}

a.link-certificado {
	width: 14%;
	height: auto;
	float: left;
	margin-left: 8%;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transition: opacity .40s ease-in-out;
		 -moz-transition: opacity .40s ease-in-out;
					transition: opacity .40s ease-in-out;
}

a.link-certificado:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	-webkit-transition: opacity .20s ease-in-out;
		 -moz-transition: opacity .20s ease-in-out;
					transition: opacity .20s ease-in-out;
}

a.link-certificado, a.link-certificado span {
	text-decoration: none;
}

a.link-certificado img, a.link-certificado span {
	width: 100%;
	height: auto;
	float: left;
}

a.link-certificado span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	line-height: 20px;
}

header ul li.active {
	/*background-color: rgba(255, 159, 64, 1);*/
	background: #ffffff; /* Old browsers */
	/*background: -moz-linear-gradient(top, #ffffff 93%, #ff6a00 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(93%,#ffffff), color-stop(100%,#ff6a00));
	background: -webkit-linear-gradient(top, #ffffff 93%,#ff6a00 100%);
	background: -o-linear-gradient(top, #ffffff 93%,#ff6a00 100%);
	background: -ms-linear-gradient(top, #ffffff 93%,#ff6a00 100%);
	background: linear-gradient(to bottom, #ffffff 93%,#ff6a00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ff6a00',GradientType=0 ); */
}

header ul li.active a span {
	color: #FF6A00;
}

header ul li.active a:hover span {
	color: #FFFFFF;
}

textarea {
	resize: none;
}