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

*{
	margin:0;
	}

h1{
	font-family: 'beyond_the_mountains';
	font-size:50px;
	color:#77bc1f;
	}

h2{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:20px;
	color:#6d6e70;
	}

a{
	outline:none;
	}

body{
	background-color:#FFF;
	}

.btn_dos a{
	background: #ffd100 none repeat scroll 0 0;
    border-radius: 40px;
    color: #52302c;
    display: block;
    font-family: "Lato",sans-serif;
    font-size: 17px;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    width: 150px;
    z-index: 9;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	}

.btn_dos a:hover{
	background: #52302c;
	color: #fff;
	}

#w_maps iframe{
	width: 100%;
	display: block;
	pointer-events: none;
	position: relative; /* IE needs a position other than static */
}
#w_maps iframe.clicked{
	pointer-events: auto;
}

#owl-demo .item img.slidea{
	display:block;
	}

#owl-demo .item img.slideb{
	display:none;
	}

#owl-demo .item img.slidec{
	display:none;
	}

#example2{
	width: 680px;
	height: 470px;
	color: #fff;
	background: url(../images/bg_boletin.jpg);
	font-family: 'Lato', sans-serif;
	text-align: center;
	font-size: 28px;
	}

.cleare{
	display: block;
	clear:both;
	}

#example2 h2{
	font-family: 'beyond_the_mountains';
	font-size:60px;
	color:#FFD100;
	}

.input{
	COLOR: #52302c;
	letter-spacing: 5px;
	padding: 10px;
	border: 0;
	width: 400px;
	background: #f7f6f1;
	margin-bottom: 10PX;
	}

#wrapper{
	width:100%;
	height:auto;
	}

nav{
	width:1316px;
	height:76px;
	margin:30px auto;
	position:absolute;
	left:0;
	right:0;
	z-index:999;
	}

.navigation 				{ display:none }

label[for="nav-trigger"], .nav-trigger 	{ display: none;}

#logo{
	width:167px;
	height:auto;
	float:left;
	margin-right:93px;
	}

#lateral{
	width:1056px;
	height:76px;
	float:left;
	display:block;
	}

#redes{
	width:1056px;
	height:35px;
	}

#iconos{
	height:35px;
	text-align: right;
	width: 100%;
	margin-left: 0
	}

#iconos img.fb{
	margin-right:7px;
	}

#menu{
	width:1056px;
	height:35px;
	}


#menu ul{
	list-style:none;
	margin:0;
	position:relative;
	padding-left:0;
	}

#menu ul li{
	display: inline-block;
	*display: inline;
	zoom: 1;
	}

#menu ul li a{
	text-decoration:none;
	display:block;
	color:#FFF;
	font-family: 'Lato', sans-serif;
	font-weight:300;
	border-top:#FFF 1px solid;
	padding: 15px 35px;
	font-size:14px;
	}

#menu ul li a.activo{
	color:#FFD100;
	border-top:#FFD100 1px solid;
	transition-duration:0.3s;
	}

#menu ul li a:hover{
	text-decoration:none;
	display:block;
	color:#FFD100;
	transition-duration:0.3s;
	}

section{
	width:100%;
	height:auto;
	position:relative;
	}

#titulos{
	width:auto;
	height:auto;
	top:35%;
	left:14%;
	position:absolute;
	z-index:3;
	}

#titulos h1{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:40px;
	color:#FFF;
	margin-bottom:40px;
	}

#titulos h2{
	font-family: 'beyond_the_mountains';
	font-size:118px;
	color:#FFD100;
	}

#boton{
	width:146px;
	height:39px;
	margin-top:30px;
	}

#boton p{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:12px;
	color:#FFF;
	text-align:center;
	line-height:38px;
	}

#boton a{
	text-decoration:none;
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:12px;
	color:#FFF;
	text-align:center;
	width:146px;
	height:39px;
	border:#FFF 2px solid;
	border-radius:20px;
	display:block;
	}

#boton a:hover{
	color:#fed005;
	transition-duration:0.3s;
	line-height:38px;
	border:#fed005 2px solid;
	}

#owl-demo .item img, #owl-demo_interna .item img{
        display: block;
        width: 100%;
        height: auto;
    }

#maizal{
	width:50%;
	height:850px;
	float:left;
	position:relative;
	background:url(../images/maizal.jpg) no-repeat center / cover;
	}

#bienvenido{
	width:50%;
	height:850px;
	float:left;
	position:relative;
	background:url(../images/maderablanca.jpg) no-repeat center / cover;
	}

#gluten{
	position:absolute;
	margin:auto;
	top:-72px;
	width:100%;
	left:0;
	right:0;
	text-align:center;
	z-index:3;
	}

#maizaltitulo{
	width:460px;
	height:131px;
	margin:100px auto;
	position:absolute;
	left:0;
	right:0;
	text-align: center;
	}

#maizaltitulo h1{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:56px;
	color:#EF7521;
	margin-bottom:20px;
	text-align:center;
	}

#maizaltitulo h2{
	font-family: 'beyond_the_mountains';
	font-size:88px;
	color:#52302C;
	}

#bienvenidotitulo{
	top: 130px;
    width: 600px;
	height:314px;
	margin:auto;
	position:absolute;
	left:0;
	right:0;
	}

#bienvenidotitulo h1{
	font-family: 'Lato', sans-serif;
	font-weight:700;
	font-size:40px;
	color:#EF7521;
	margin-bottom:50px;
	margin-left:-60px;
	}

#bienvenidotitulo p{
	font-family: 'Lato', sans-serif;
	font-weight:400;
	font-size:20px;
	color:#52302C;
	}

#hoja{
	width:171px;
	height:60px;
	position:relative;
	margin:0 auto;
	left:0;
	right:0;
	top:-36px;
	z-index:99;
	}

#hoja.eco{
	top:-36px;
	}


#wraphome{
	width:1200px;
	height: 1120px;
	margin:100px auto 0;
	position:relative;
	border-top:#BDBDBC solid 1px;
	z-index: 99;
	}

#titulohomeprod{
	width:230px;
	height:49px;
	margin:0 auto;
	background:#fff;
	position:relative;
	top:-23px;
	}

#titulohomeprod h1{
	font-family: 'Lato', sans-serif;
	font-weight:700;
	font-size:32px;
	color:#52302c;
	text-align:center;
	}

#productoshome{
	height: 580px;
	margin:100px auto 230px;
	width: 900px;
	}

#productoshome.masprod{
	display:block;
	}

#producto{
	width:226px;
	height:380px;
	float:left;
	border:#E6E7E8 solid 1px;
	border-radius:13px;
	position:relative;
	margin-right:95px;
	background: #fff;
	}

#producto img.muf{
	margin-top:-12px;
	}

#producto img.sop{
	margin-top:-30px;
	}

#producto img.hot{
	margin-top:-12px;
	}

#producto img.gar{
	margin-top:-30px;
	margin-right:0;
	}

#producto.garr{
	margin-right:0;
	}

#producto.izqprod{
	margin:100px 95px 0 159px;
	}

#producto.derprod{
	margin-top:100px;
	}

#producto h1{
	font-family: 'beyond_the_mountains';
	font-size:30px;
	color:#52302C;
	text-align:center;
	margin:27px 0 40px;
	}

#producto h1.maiz{
	margin:32px 0 40px;
	}

#producto h1.garbanzo{
	margin:45px 0 40px;
	}

#producto a{
	text-decoration: none;
	display: block;
	height: 100%;
	transition-duration:0.3s;
	}

#regresar{
    height: 35px;
    width: 115px;
	position: relative;
	float:left;
	margin:50px 0 0 30px;
	}

#regresar.recetas{
	margin:15px auto 0;
	float:none;
	}

#regresar a{
	border-radius: 20px;
    color: #f19f53;
    display: block;
    font-family: "Lato",sans-serif;
    font-size: 10px;
    font-weight: 400;
    height: 35px;
    line-height: 34px;
    text-align: center;
    text-decoration: none;
    width: 115px;
	border:#DDDEE0 1px solid;
	position: relative;
	}

#regresar a:hover{
	background: #f19f53;
	color: #fff;
	transition-duration:0.3s;
	}

#botondos{
	
	}

#botondos a{
	background: #fff none repeat scroll 0 0;
    border: 1px solid #dddee0;
    border-radius: 100px;
    bottom: -20px;
    color: #f19f53;
    font-family: "Lato",sans-serif;
    font-size: 18px;
    font-weight: 400;
    height: 36px;
    left: 0;
    line-height: 34px;
    margin: 20px auto 0;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    width: 166px;
	transition-duration:0.3s;
	}
	
#botondos a:hover{
	background:#F19F53;
	color:#fff;
	}

#producto a:hover{
	background:#F19F53;
	color: #fff;
	}

#imagenfam{
	width:1201px;
	height:277px;
	margin:0 auto;
	position:relative;
	}

#famtitu{
	width:620px;
	height:150px;
	margin:60px auto 0;
	position:absolute;
	left:0;
	right:0;
	}

#famtitu h1{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:53px;
	color:#52302C;
	text-align:center;
	margin-bottom:15px;
	}

#famtitu h2{
	font-family: 'beyond_the_mountains';
	font-size:70px;
	color:#fff;
	text-align:center;
	}

#wrapuno{
	width:1200px;
	height:850px;
	margin:100px auto 0;
	border-top:#BDBDBC solid 1px;
	position:relative;
	}

#nina{
	width:392px;
	height:auto;
	position:absolute;
	right:0;
	top:677px;
	}

#hojasal{
	width:75px;
	height:90px;
	position:absolute;
	left:-10px;
	bottom:-30px;
	}

#porque{
	width:370px;
	height:50px;
	margin:0 auto;
	position:relative;
	background:#f2f2f2;
	top:-23px;
	}

#wrapunocont{
	width:560px;
	height:482px;
	margin:0 auto;
	position:relative;
	}

#porque h1{
	font-family: 'Lato', sans-serif;
	font-weight:700;
	font-size:31px;
	color:#52302C;
	text-align:center;
	}

#wrapunotit{
	width:auto;
	height:145px;
	margin:0 auto;
	position:relative;
	}

#wrapunotit h1{
	font-family: 'Lato', sans-serif;
	font-weight:700;
	font-size:102px;
	color:#E8E7E3;
	text-align:center;
	}

#wrapunotit h2{
	font-family: 'beyond_the_mountains';
	font-size:55px;
	color:#77BC1F;
	text-align:center;
	}

#wrapunoizq{
	width:260px;
	height:325px;
	position:relative;
	float:left;
	margin:70px 40px 0 0;
	}

#wrapunoder{
	width:260px;
	height:325px;
	position:relative;
	float:left;
	margin-top:70px;
	}

#wrapunoizq p, #wrapunoder p{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:16px;
	color:#8B8D90;
	}

#wrapdos{
	width:1200px;
	height:480px;
	margin:0 auto;
	}

#flautas{
	width:339px;
	height:auto;
	position:absolute;
	left:0;
	top:35px;
	}

#hojasrico{
	width:78px;
	height:116px;
	position:absolute;
	right:0;
	top:535px;
	z-index:3;
	}

#wrapdostit{
	width: auto;
	height:170px;
	margin:0 auto;
	top:-80px;
	position:relative;
	z-index:999;
	}

#wrapdostit h1{
	font-family: 'Lato', sans-serif;
	font-weight:700;
	font-size:102px;
	color:#E8E7E3;
	text-align:center;
	margin-bottom:20px;
	}

#wrapdostit h2{
	font-family: 'beyond_the_mountains';
	font-size:55px;
	color:#77BC1F;
	text-align:center;
	}

#wrapdoscont{
	width:560px;
	height:230px;
	margin:0 auto;
	position:relative;
	top:-40px
	}

#wrapdosizq{
	width:260px;
	height:auto;
	position:relative;
	float:left;
	margin:70px 40px 0 0;
	}

#wrapdosder{
	width:260px;
	height:auto;
	position:relative;
	float:left;
	margin-top:70px;
	}

#wrapdosizq p, #wrapdosder p{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:16px;
	color:#8B8D90;
	}

.video{ padding-top: 30px}

#wraptres{
	width:1200px;
	height: 950px;
	margin:0 auto;
	}

#wraptrestit{
	width:auto;
	height:170px;
	margin:0 auto;
	top:-80px;
	position:relative;
	z-index:999;
	}

#wraptrestit h1{
	font-family: 'Lato', sans-serif;
	font-weight:700;
	font-size:102px;
	color:#E8E7E3;
	text-align:center;
	margin-bottom:20px;
	}

#wraptrestit h2{
	font-family: 'beyond_the_mountains';
	font-size:55px;
	color:#77BC1F;
	text-align:center;
	}

#wraptrescont{
	width:560px;
	height:230px;
	margin:0 auto;
	position:relative;
	top:-40px
	}

#wraptresizq{
	width:260px;
	height:325px;
	position:relative;
	float:left;
	margin:70px 40px 0 0;
	}

#wraptresder{
	width:260px;
	height:325px;
	position:relative;
	float:left;
	margin-top:70px;
	}

#wraptresizq p, #wraptresder p{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:16px;
	color:#8B8D90;
	}

#monitoverde{
	width:260px;
	height:auto;
	position:absolute;
	right:0;
	top:158px;
	}

section.uno{
	background:#f2f2f2;
	}

section.cafe{
	background:#52302C;
	}

#wrapcafe{
	width:1200px;
	height:600px;
	margin:100px auto 0;
	position:relative;
	border-top:#58585B solid 1px;
	}

#wrapcafetit{
	width:181px;
	height:60px;
	position:relative;
	background:#fff;
	top:-21px;
	}

#wrapcafetit h1{
	font-family: 'Lato', sans-serif;
	font-weight:700;
	font-size:31px;
	color:#808284;
	}

#wrapcafeizq{
	width:570px;
	height:345px;
	position:relative;
	float:left;
	margin-right:60px;
	margin-top:30px;
	}

#wrapcafeizq h1{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:41px;
	color:#6D6E70;
	text-align:center;
	}

#wrapcafeizq h2{
	font-family: 'beyond_the_mountains';
	font-weight:300;
	font-size:61px;
	color:#77BC1F;
	text-align:center;
	margin-top:10px;
	}

#wrapcafeizq p{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:18px;
	color:#939597;
	text-align:center;
	margin-top:90px;
	}

#wrapcafeizq a{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:18px;
	color:#939597;
	text-align:center;
	text-decoration:none;
	}

#wrapcafeizq a:hover{
	color:#52302C;
	transition-duration:0.3s;
	}

#nombre{
	width:95%;
	height:47px;
	background:#EFEFED;
	font-family: 'Lato', sans-serif;
	font-size:17px;
	border:none;
	color:#808284;
	margin-bottom:6px;
	margin-top:20px;
	padding-left:5%;
	}

#mail{
	width:95%;
	height:47px;
	background:#EFEFED;
	font-family: 'Lato', sans-serif;
	border:none;
	color:#808284;
	margin-bottom:6px;
	margin-top:0;
	padding-left:5%;
	font-size:17px;
	}

#empresa{
	width:95%;
	height:47px;
	background:#EFEFED;
	font-family: 'Lato', sans-serif;
	border:none;
	color:#808284;
	margin-bottom:6px;
	padding-left:5%;
	font-size:17px;
	}

#mensaje{
	width:95%;
	height:138px;
	background:#EFEFED;
	font-family: 'Lato', sans-serif;
	border:none;
	color:#808284;
	margin-bottom:6px;
	padding-left:5%;
	padding-top:10px;
	font-size:12px;
	font-size:17px;
	}

#mandar{
	width:131px;
	height:47px;
	background:#BBBDC0;
	font-family: 'Lato', sans-serif;
	border:none;
	color:#58585B;
	text-align:center;
	font-size:17px;
	margin-top:4px;
	}

#nombre:hover, #mail:hover, #empresa:hover, #mensaje:hover{
	background:#E6E7E8;
	transition-duration:0.3s;
	}

#mandar:hover{
	background:#6D6E70;
	color:#fff;
	transition-duration:0.3s;
	cursor:pointer;
	}

#wrapcafeder{
	width:570px;
	height:345px;
	position:relative;
	float:left;
	}

#localizador{
	width:148px;
	height:60px;
	margin:0 auto;
	position:absolute;
	left:0;
	right:0;
	top:-30px;
	z-index: 99;
	}

footer{
	width:100%;
	height:97px;
	background:#c4946d;
	position:relative;
	}

#hojafoot{
	width:75px;
	height:90px;
	position:absolute;
	left:0;
	top:-45px;
	}

#wrapfoot{
	width:1200px;
	height:97px;
	margin:0 auto;
	position:relative;
	}

#logofoot{
	width:99px;
	height:50px;
	position:relative;
	float:left;
	margin-top:20px;
	}

#legal{
	width:195px;
	height:40px;
	position:relative;
	float:left;
	margin:40px 0 0 50px;
	}

#legal p{
	font-family: 'Lato', sans-serif;
	font-size:12px;
	font-weight:300;
	color:#864002;
	}

#legaldos{
	width:130px;
	height:40px;
	position:relative;
	float:left;
	margin:40px 0 0 0;
	}

#legaldos p{
	font-family: 'Lato', sans-serif;
	font-size:12px;
	font-weight:300;
	color:#fff;
	}

#legaldos a{
	font-family: 'Lato', sans-serif;
	font-size:12px;
	font-weight:300;
	color:#fff;
	text-decoration:none;
	}

#legaldos a:hover{
	color:#864002;
	transition-duration:0.3s;
	}

#redesfoot{
	width:auto;
	height:27px;
	position:relative;
	float: right;
	margin-top:35px;
	}

#redesfoot img.fbb{
	margin-right:10px;
	}

/*<------------------------------------------------------------------------------------------------------------------------------------------------------------------------------somos---------------------------------------->*/

#textura{
	width:100%;
	height:auto;
	position:absolute;
	bottom:0;
	}

#somprod{
	display:none;
	}

#free{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:9px;
	color:#8B8D90;
	text-decoration:none;
	position:absolute;
	right:30px;
	bottom:50px;
	}

#free.sust{
	bottom:130px;
	right:10px;
	}

#free.legalflauta{
	bottom:-50px;
	right:35px;
	color:#fff;
	}

#free:hover{
	color:#fed005;
	transition-duration:0.3s;
	}

#texturafoot{
	width:100%;
	height:auto;
	position:relative;
	bottom:0;
	}

#somoswrap{
	width:655px;
	height:280px;
	margin:100px auto 0;
	}

#somostit{
	width:350px;
	height:50px;
	margin:0 auto;
	}

#somostit h1{
	font-family: 'Lato', sans-serif;
	font-weight:700;
	font-size:45px;
	color:#77BC1F;
	text-align:center;
	}

#somoscont{
	width:440px;
	height:424px;
	position:relative;
	margin:50px auto 0;
	text-align:center;
	}

#somosfoto img{
	top:20px;
	right:20px;
	position:relative;
	}

#somoscont p{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:18px;
	color:#8B8D90;
	}

#somosfoto{
	width:326px;
	height:421px;
	float:left;
	position:relative;
	border:#FFD100 solid 1px;
	margin-top:100px;
	}

#hojasomos{
	width:78px;
	height:116px;
	position:absolute;
	right:0;
	top:678px;
	display:block;
	}

#flautapic{
	width:959px;
	height:277px;
	margin:0 auto;
	position:relative;
	bottom:-130px;
	background:url(../images/flautasnar.jpg) no-repeat center / cover;
	}

#flautapictit{
	width:100%;
	height:150px;
	margin:60px auto 0;
	position:absolute;
	left:0;
	right:0;
	}

#flautapictit h1{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:53px;
	color:#52302C;
	text-align:center;
	margin-bottom:15px;
	}

#flautapictit h2{
	font-family: 'beyond_the_mountains';
	font-size:70px;
	color:#fff;
	text-align:center;
	}

#wraptec{
	width: 960px;
	height:1260px;
	margin:140px auto 0;
	}

#wraptectit{
	width:328px;
	height:auto;
	margin:60px auto 70px;
	}

#wraptectit h1{
	font-family: 'beyond_the_mountains';
	font-size:44px;
	color:#77BC1F;
	}

#wraptecizq{
	width:352px;
	height:710px;
	float:left;
	margin-right:40px;
	}

#tecizqfoto{
	width:351px;
	height:179px;
	margin-bottom:60px;
	}

#wrapizqcont{
	width:260px;
	height:330px;
	position:relative;
	margin-left:0px;
	}

#wrapizqcont p{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:16px;
	color:#8B8D90;
	}

#wraptecder{
	width:337px;
	height:710px;
	float:left;
	position: relative;
	}

#wrapdercont{
	width: 470px;
	height:230px;
	}

#wrapdercont p{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:16px;
	color:#8B8D90;
	}

#wrapderpic{
	width:337px;
	height:420px;
	position: absolute;
	left: -89px;
	}

#conacyt{
	width:471px;
	height:161px;
	margin-top:50px;
	margin-left:102px;
	}

#conatit{
	width:250px;
	height:161px;
	float:left;
	margin-right:20px;
	}

#conatit h1{
	font-family: 'Lato', sans-serif;
	font-weight:700;
	font-size:31px;
	color:#52302C;
	text-align:right;
	}

#conapic{
	width:163px;
	height:122px;
	float:left;
	}


/*<----------------------------------------------------------------------------------------------------------------------------------------------------------------------------productos------------------------------------->*/

#prodfull{
	display:block;
	}

#prodlap{
	display:none;
	}

#prodres{
	display:none;
	}

#tituprod{
	width:auto;
	height:auto;
	top:40%;
	left:14%;
	position:absolute;
	z-index:3;
	}

#tituprod h1{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:40px;
	color:#FFF;
	margin-bottom:40px;
	}

#tituprod h2{
	font-family: 'beyond_the_mountains';
	font-size:118px;
	color:#FFD100;
	}

#wraphome.prod{
	height:1280px;
	}

#chilaquiles{
	width:211px;
	height:334px;
	position:absolute;
	right:0;
	top:1107px;
	}

/*<----------------------------------------------------------------------------------------------------------------------------------------------------------------------------clientes-------------------------------------->*/

#titclient{
	width:auto;
	height:auto;
	top:40%;
	left:0;
	right:0;
	position:absolute;
	z-index:3;
	}

#titclient h1{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:40px;
	color:#FFF;
	margin-bottom:40px;
	text-align:center;
	}

#titclient h2{
	font-family: 'beyond_the_mountains';
	font-size:118px;
	color:#FFD100;
	text-align:center;
	}

#wrapclient{
	width:100%;
	height:700px;
	margin-top:-25px;
	}

#nuestros{
	width:50%;
	height:700px;
	float:left;
	position:relative;
	}

#nuestrospic{
	width:50%;
	height:700px;
	float:left;
	position:relative;
	background:url(../images/varioschilaquiles.jpg) no-repeat center / cover;
	}

#nuestroscont{
	width:390px;
	height:336px;
	margin:130px auto 0;
	}

#nuestroscont h1{
	font-family: 'Lato', sans-serif;
	font-weight:700;
	font-size:40px;
	color:#EC7523;
	margin-bottom:60px;
	margin-left:-71px;
	}

#nuestroscont p{
	font-family: 'Lato', sans-serif;
	font-weight:400;
	font-size:22px;
	color:#52302C;
	}

#wrapclientcafe{
	width:100%;
	height:2300px;
	position:relative;
	}

#clientcafeizq{
	width:50%;
	height:2300px;
	float:left;
	position:relative;
	background:#EFEFED;
	}

#clientizq{
	width:351px;
	height:auto;
	position:absolute;
	top:5%;
	right:4%;
	}

#tortilla{
	width:351px;
	height:348px;
	position:relative;
	margin-bottom:90px;
	}

#tiendas{
	width:351px;
	height:auto;
	position:relative;
	margin-bottom:80px;
	}

#personasnaturelo{
	width:351px;
	height:130px;
	position:relative;
	margin-bottom:180px;
	}

#tiendas_{
	width:351px;
	position:relative;
	margin-bottom:83px;
	}

#tiendas h1, #tiendas_ h1{
	font-family: 'beyond_the_mountains';
	font-size:44px;
	color:#77BC1F;
	text-align:right;
	margin-bottom:35px;
	}

#tiendas p, #tiendas_ p{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:16px;
	color:#9F8885;
	text-align:right;
	}

#felizfeliz{
	width:351px;
	height:189px;
	position:relative;
	margin-bottom:100px;
	margin-top:10px;
	}

#carrito{
	width:351px;
	height:240px;
	position:relative;
	margin-bottom:90px;
	}

#instituciones{
	width:351px;
	height:150px;
	position:relative;
	}

#instituciones h1{
	font-family: 'beyond_the_mountains';
	font-size:44px;
	color:#77BC1F;
	text-align:right;
	margin-bottom:35px;
	}

#instituciones p{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:16px;
	color:#9F8885;
	text-align:right;
	}

#clientcafeder{
	width:50%;
	height:2300px;
	float:left;
	position:relative;
	background:#fff;
	}

#clientder{
	width:351px;
	height:auto;
	margin:120px 0 0 40px;
	}

#tortillerias{
	width:351px;
	position:relative;
	margin-bottom: 130px;
	}

#tortillerias h1{
	font-family: 'beyond_the_mountains';
	font-size:44px;
	color:#77BC1F;
	margin-bottom:35px;
	}

#tortillerias p{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:16px;
	color:#9F8885;
	}

#papalotee{
	width:351px;
	height:276px;
	position:relative;
	margin-bottom:145px;
	}

#papalotenina{
	width:351px;
	height:189px;
	position:relative;
	margin-bottom:123px;
	}

#supermercados{
	width:351px;
	height:150px;
	position:relative;
	margin-bottom:145px;
	}

#supermercados h1, #personasnaturelo h1{
	font-family: 'beyond_the_mountains';
	font-size:44px;
	color:#77BC1F;
	margin-bottom:35px;
	}

#supermercados p, #personasnaturelo p{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:16px;
	color:#9F8885;
	}

#tostadas{
	width:351px;
	height:252px;
	position:relative;
	}



/*<----------------------------------------------------------------------------------------------------------------------------------------------------------------------------expertos-------------------------------------->*/


#wrapexpertos{
	width:100%;
	height:700px;
	margin-top:-25px;
	}

#testimonios{
	width:50%;
	height:700px;
	float:left;
	position:relative;
	}

#expertospic{
	width:50%;
	height:700px;
	float:left;
	position:relative;
	background:url(../images/chef.jpg) no-repeat center / cover;
	}

#expertoscont{
	width:370px;
	height:336px;
	margin:110px auto 0;
	}

#expertoscont h1{
	font-family: 'Lato', sans-serif;
	font-weight:700;
	font-size:40px;
	color:#EC7523;
	margin-bottom:60px;
	margin-left:-71px;
	}

#expertoscont p{
	font-family: 'Lato', sans-serif;
	font-weight:400;
	font-size:20px;
	color:#52302C;
	}

#wrapcontexpert{
	width:986px;
	height: auto;
	margin:0 auto;
	padding:40px 0 40px 0;
	}

#prof1{
	width:262px;
	height:262px;
	position:relative;
	float:left;
	margin-right:50px;
	}

#prof2{
	width:262px;
	height:262px;
	position:relative;
	float:left;
	margin:140px 0 0 50px;
	}

#columna{
	width:312px;
	height: auto;
	position:relative;
	float:left;
	margin-right:50px;
	}

#columna h1{
	font-family: 'beyond_the_mountains';
	font-size:44px;
	color:#76BC43;
	margin-bottom:25px;
	}

#columna p{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:16px;
	color:#9F8885;
	}

#show__{ display: block; }
#show__ip{ display: none; }

#columna.america{
	width:312px;
	}

#columnados{
	width:312px;
	height: auto;
	position:relative;
	float:left;
	margin-top:75px;
	}

#columnados.americados{
	margin-top:130px;
	height:300px;
	}

#columnados p{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:16px;
	color:#9F8885;
	}

#columnados a{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:16px;
	color:#76BC43;
	text-decoration:none;
	}

#columnados a:hover, #coldos a:hover, #colu3 a:hover{
	color:#EB7524;
	transition-duration:0.3s;
	}

#expertosredes{
	width:100px;
	height:40px;
	position:relative;
	margin-top:20px;
	}

#expfbizq{
	width:40px;
	height:34px;
	position:relative;
	float:left;
	margin-right:5px;
	}

#expfbder{
	width:40px;
	height:34px;
	position:relative;
	float:left;
	}

section.cremita{
	background:#f9f9f4;
	}

#wraptestimonios{
	width:986px;
	height:400px;
	margin:0 auto;
	padding-top:40px;
	}

#col{
	width:312px;
	height:250px;
	position:relative;
	float:left;
	margin-right:50px;
	}

#col h1{
	font-family: 'beyond_the_mountains';
	font-size:44px;
	color:#76BC43;
	margin-bottom:25px;
	}

#col p{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:16px;
	color:#9F8885;
	}

#coldos{
	width:312px;
	height:250px;
	position:relative;
	float:left;
	margin-top:75px;
	margin-right:50px;
	}

#coldos p{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:16px;
	color:#9F8885;
	}

#coldos a{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:16px;
	color:#76BC43;
	text-decoration:none;
	}

#prof2{
	width:262px;
	height:262px;
	position:relative;
	float:left;
	}

#wrapexdos{
	width:986px;
	height:400px;
	margin:0 auto;
	padding-top:40px;
	}

#colu{
	width:312px;
	height:250px;
	position:relative;
	float:left;
	margin-right:50px;
	}

#colu h1{
	font-family: 'beyond_the_mountains';
	font-size:44px;
	color:#76BC43;
	margin-bottom:25px;
	}

#colu p{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:16px;
	color:#9F8885;
	}

#colu2{
	width:312px;
	height:250px;
	position:relative;
	float:left;
	margin-right:50px;
	margin-top:75px;
	}

#colu2 p{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:16px;
	color:#9F8885;
	}

#colu3{
	width:262px;
	height:250px;
	position:relative;
	float:left;
	margin-top:75px;
	}

#colu3 p{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:16px;
	color:#9F8885;
	}

#colu3 a{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:16px;
	color:#76BC43;
	text-decoration:none;
	}


/*<----------------------------------------------------------------------------------------------------------------------------------------------------------------------------muffin--------------------------------------->*/

#wraphomee{
	width:1104px;
	height:1530px;
	margin:0 auto;
	position:relative;
	}

#wraphomee.hotck{
	height:1280px;
	}

#wraphomee.masa{
	height:1150px;
	}

#wraphomee.masamaiz{
	height:1400px;
	}

#producto.ventas{
	margin-top:100px;
	margin-right:0;
	}

#fotosprod{
	width:353px;
	height:auto;
	position:relative;
	margin-bottom:50px;
	}

#botonrecetas{
	background:#fff;
	width:115px;
	height:35px;
	border:#DDDEE0 1px solid;
	border-radius:20px;
    color: #f19f53;
    font-family: "Lato",sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 34px;
    margin:50px 0 0;
    position: relative;
    text-align: center;
    text-decoration: none;
	float:left;
	}

#botonrecetas a{
	font-family: 'Lato', sans-serif;
	font-weight:400;
	font-size:10px;
	color:#F19F53;
	text-align:center;
	line-height:34px;
	text-decoration:none;
	width:115px;
	height:35px;
	border-radius:20px;
	display:block;
	transition-duration:0.3s;
	}

#botonrecetas a:hover{
	background:#F19F53;
	color:#fff;
	width:115px;
	height:35px;
	border-radius:20px;
	display:block;
	transition-duration:0.3s;
	}

#prodinfo{
	width:353px;
	height:auto;
	float:left;
	position:relative;
	margin:100px 84px 0 84px;
	}

#prodinfo h1{
	font-family: 'Lato', sans-serif;
	font-weight:700;
	font-size:31px;
	color:#52302C;
	margin-bottom:40px;
	}

#prodinfo ul{
	padding-left:0;
	margin-bottom:40px;
	margin-left:16px;
	}

#prodinfo ul.sinpadding{
	margin-bottom:0;
	}

#prodinfo ul li{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:16px;
	color:#8B8D90;
	}

#prodinfo p{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:16px;
	color:#8B8D90;
	}

#nutrimental{
	width:333px;
	height:559px;
	position:relative;
	margin-top:100px;
	float:left;
	}

#doce{
	width:57px;
	height:74px;
	position:relative;
	float:left;
	margin-top:50px;
	margin-right:35px;
	}

#trans{
	width:66px;
	height:81px;
	position:relative;
	float:left;
	margin-top:46px;
	margin-right:35px;
	}

#gluglu{
	width:86px;
	height:83px;
	position:relative;
	float:left;
	margin-top:46px;
	}

#uno{
	width:100%;
	height:83px;
	background:#6D6E70;
	}

#info{
	width:auto;
	height:auto;
	float:left;
	margin:7px 0 0 13px;
	}

#info h1{
	font-family: 'Lato', sans-serif;
	font-weight:400;
	font-size:19px;
	color:#fff;
	}

#info p{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:15px;
	color:#fff;
	}

#infopor{
	width:auto;
	height:auto;
	float:left;
	margin-top:52px;
	margin-left:22px;
	}

#infopor.muffin{
	margin-left:27px;
	}

#infopor.azul{
	margin-left:13px;
	}

#infopor.garinf{
	margin-left:57px;
	}

#infopor.paninfo{
	margin-left:15px;
	}

#infopor p{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:15px;
	color:#fff;
	}

#dos{
	width:100%;
	height:59px;
	background:#E6E7E8;
	}

#dosizq{
	width:auto;
	height:auto;
	float:left;
	margin:7px 0 0 13px;
	}

#dosizq p{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:15px;
	color:#58585B;
	}

#dosizq p.gris{
	color:#A7A9AB;
	}

#dosder{
	width:auto;
	height:auto;
	float:left;
	margin:7px 0 0 90px;
	}

#dosder.muffindos{
	margin-left:116px;
	}

#dosder.dosgar{
	margin-left:103px;
	}

#dosder.doshot{
	margin-left:124px;
	}

#dosder.azuldigitos{
	margin-left:95px;
	}

#dosder p{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:15px;
	color:#58585B;
	}

#dosder.tresdigitos{
	margin:7px 0 0 80px;
	}

#tres{
	width:100%;
	height:25px;
	background:#808284;
	}

#trescont{
	width:auto;
	height:auto;
	float:left;
	margin:3px 0 0 13px;
	}

#trescont p{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:15px;
	color:#fff;
	}

#cuatro{
	width:100%;
	height:229px;
	background:#D1D2D4;
	}

#cuatroizq{
	width:auto;
	height:auto;
	float:left;
	margin:7px 0 0 13px;
	}

#cuatroizq p{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:15px;
	color:#58585B;
	}

#cuatroizq p.espacio{
	margin-left:20px;
	color:#939597;
	}

#cuatroder{
	width:auto;
	height:auto;
	float:left;
	margin:7px 0 0 120px;
	}

#cuatroder.cuatrohot{
	margin-left:129px;
	}

#cuatroder.cuatromaiz{
	margin-left:112px;
	}

#cuatroder p{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:15px;
	color:#58585B;
	text-align:right;
	}

#cinco{
	width:100%;
	height:104px;
	background:#E6E7E8;
	}

#cincoizq{
	width:auto;
	height:auto;
	float:left;
	margin:12px 0 0 13px;
	}

#cincoizq p{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:15px;
	color:#58585B;
	}

#cincoder{
	width:auto;
	height:auto;
	float:left;
	margin:12px 0 0 163px;
	text-align:right;
	}

#cincoder.muffincinco{
	margin-left:163px;
	}

#cincoder.cincogar{
	margin-left:157px;
	}

#cincoder p{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:15px;
	color:#58585B;
	}

#seis{
	width:100%;
	height:73px;
	background:#6D6E70;
	}

#seiscont{
	width:auto;
	height:auto;
	float:left;
	margin:12px 22px 0 10px;
	}

#seiscont p{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:12px;
	color:#fff;
	}



/*<----------------------------------------------------------------------------------------------------------------------------------------------------------------------------recetas-------------------------------------->*/

#legalespic{
	position:absolute;
	right:30px;
	bottom:50px;
	text-align:right;
	}

#legalespic a{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:9px;
	color:#8B8D90;
	text-decoration:none;
	}

#legalespic a:hover{
	transition-duration:0.3s;
	color:#ffd100;
	}

#recprod{
	display:none;
	}

#harprod{
	display:none;
	}

#expprod{
	display:none;
	}

#conprod{
	display:none;
	}

#wraphome.cake{
	height:700px;
	}

#titulohomeprod.grisgris{
	background:#F1F1F2;
	}

#titulohomeprod.cursiva{
	width:600px;
	}

#titulohomeprod.cursivados{
	width:600px;
	background:#F1F1F2;
	}

#titulohomeprod.cursivatres{
	width:800px;
	}

#titulohomeprod.cursiva h1, #titulohomeprod.cursivados h1, #titulohomeprod.cursivatres h1{
	font-family: 'beyond_the_mountains';
	font-size:45px;
	color:#76BC43;
	}

#recetaizq{
	width:45%;
	height:auto;
	float:left;
	margin-right:10%;
	}

#recetader{
	width:45%;
	height:auto;
	float:left;
	}

#recetader h1{
	font-family: 'Lato', sans-serif;
	font-weight:700;
	font-size:31px;
	color:#52302C;
	margin:50px 0;
	}

#recetaizq h1{
	font-family: 'Lato', sans-serif;
	font-weight:700;
	font-size:31px;
	color:#52302C;
	margin:50px 0 0;
	}

#recetaizq h2{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:15px;
	color:#52302C;
	margin:0 0 30px;
	}

#recetaizq ul, #recetader ul{
	padding-left:15px;
	}

#recetaizq ul li, #recetader ul li{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:16px;
	color:#52302C;
	}

#recetader p{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:16px;
	color:#52302C;
	}

#recetader a{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:16px;
	color:#76BC43;
	text-decoration:none;
	}

#recetader a:hover{
	color:#EF7521;
	transition-duration:0.3s;
	}

/*<----------------------------------------------------------------------------------------------------------------------------------------------------------------------------recetas--------------------------------------->*/

#harinaspic{
	width:50%;
	height:700px;
	float:left;
	position:relative;
	background:url(../images/maizales.jpg) no-repeat center / cover;
	}

@font-face {
    font-family: 'beyond_the_mountains';
    src: url('../fonts/beyond_the_mountains.eot');
    src: url('../fonts/beyond_the_mountains.eot') format('embedded-opentype'),
         url('../fonts/beyond_the_mountains.woff2') format('woff2'),
         url('../fonts/beyond_the_mountains.woff') format('woff'),
         url('../fonts/beyond_the_mountains.ttf') format('truetype'),
         url('../fonts/beyond_the_mountains.svg#beyond_the_mountains') format('svg');
}

.clear{
	display:block;
	clear:both;
	}

@media only screen and (min-width:1100px) and (max-width:1350px){

#legalespic{
	right:20px;
	bottom:30px;
	}

nav{
	width:1100px;
	}

#lateral{
	width:840px;
	}

#redes{
	width:840px;
	}

#menu{
	width:840px;
	}

#menu ul li a{
	padding: 15px 22.9px;
	font-size:13px;
	}

#titulos{
	left:10%;
	}

#wraphome{
	width:1100px;
	}

#wrapuno{
	width:1100px;
	}

#nina{
	width:300px;
	top:753px;
	}

#flautas{
	width:250px;
	top:98px;
	}

#wrapcafe{
	width:1100px;
	}

#wrapcafeizq{
	width:520px;
	}

#wrapcafeder{
	width:520px;
	}

#wrapfoot{
	width:1100px;
	}

#legaldos{
	margin:40px 533px 0 0;
	}

#prodfull{
	display:none;
	}

#prodlap{
	display:block;
	}

#titclient{
	top:38%;
	}

#tituprod{
	top:38%;
	}

#owl-demo .item img.slidea{
	display:none;
	}

#owl-demo .item img.slideb{
	display:block;
	}

	}

@media only screen and (min-width:1000px) and (max-width:1099px){

#legalespic{
	right:25px;
	bottom:30px;
	}

nav{
	width:979px;
	}

#lateral{
	width:762px;
	}

#logo{
	margin-right:50px;
	}

#redes{
	width:762px;
	}

#menu{
	width:762px;
	}

#menu ul li a{
	padding: 15px 20.1px;
	font-size:12px;
	}

#titulos{
	left:10%;
	top:40%;
	}

#titulos h1{
	font-size:30px;
	margin-bottom:30px;
	}

#titulos h2{
	font-size:100px;
	}

#bienvenidotitulo{
	text-align:center;
	}

#bienvenidotitulo h1{
	margin-left:0;
	}

#wraphome{
	width:900px;
	}

#wrapuno{
	width:900px;
	}

#wrapdos{
	width:900px;
	}

#wraptres{
	width:900px;
	}

#nina{
	width:300px;
	top:755px;
	}

#flautas{
	width:230px;
	top:60px;
	}

#monitoverde{
	width:200px;
	top:270px;
	}

#free.sust{
	bottom:100px;
	}

#wrapcafe{
	width:900px;
	}

#wrapcafeizq{
	width:420px;
	}

#wrapcafeder{
	width:420px;
	}

#wrapfoot{
	width:900px;
	}

#legaldos{
	margin:40px 335px 0 0;
	}

#prodfull{
	display:none;
	}

#prodlap{
	display:block;
	}

#titclient{
	top:38%;
	}

#titclient h1{
	font-size:30px;
	margin-bottom:30px;
	}

#titclient h2{
	font-size:100px;
	}

#tituprod{
	top:38%;
	}

#tituprod h1{
	font-size:30px;
	margin-bottom:30px;
	}

#tituprod h2{
	font-size:100px;
	}

#owl-demo .item img.slidea{
	display:none;
	}

#owl-demo .item img.slideb{
	display:block;
	}

#hojasomos{
	display:none;
	}

#nuestroscont{
	margin:90px auto 0;
	}

#nuestroscont h1{
	margin-left:0;
	}

#wrapcontexpert{
	width:936px;
	}

#columna{
	width:262px;
	}

#columna.america{
	width:262px;
	}

#wraphomee{
	width:999px;
	height:1530px;
	margin:0 auto;
	position:relative;
	}

#wraphomee.hotck{
	height:1280px;
	}

#wraphomee.masa{
	height:1150px;
	}

#wraphomee.masamaiz{
	height:1400px;
	}

#prodinfo{
	width:350px;
	margin:100px 44px 0 44px;
	}

#productoshome.masprod{
	display:none;
	}

	}

@media only screen and (min-width:0) and (max-width:999px){

.site-wrap{
	min-height: 100%;
	min-width: 100%;
	background-color: white;
	position: relative;
	top: 0;
	bottom: 100%;
	left: 0;
	z-index: 1;
	background-size: 200%;
	}

.navigation{
	width: 260px;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	background: #ed7522;
	list-style: none;
	padding:0 0 50px 0;
	margin:0;
	display:block
	}

.navigation li{
	border-bottom: 1px solid #ffd100;
	text-align: center;
	color: #ccc;
	}

.navigation li.float{
	padding-left: 40px;
	}

.navigation li.float a{
	display: inline-block;
	zoom: 1;
	*display: inline;
	}

.navigation li a{
	display: block;
	padding: 1em 0 1em 12px;
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-weight:300;
	text-align: left;
	font-size: 12px;
	text-decoration: none;
	transition: color 0.2s, background 0.5s;
	}

.navigation li a.activo{
	color: #d0b066;
	}

.nav-trigger{
	position: absolute;
	clip: rect(0, 0, 0, 0);
	display: none;
	}

label[for="nav-trigger"]{
	display: block;
	position: absolute;
	left: 20px;
	top: 50px;
	z-index: 3;
	height: 20px;
	width: 20px;
	cursor: pointer;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='30px' height='30px' viewBox='0 0 30 30' enable-background='new 0 0 30 30' xml:space='preserve'><rect width='30' height='6' fill='white'/><rect y='24' width='15' height='6' fill='white'/><rect y='12' width='30' height='6' fill='white'/></svg>");
	background-size: contain;
	}

/*para abrir */
.nav-trigger + label, .site-wrap{
	transition: left 0.2s;
	}

.nav-trigger:checked + label{
	left: 290px;
	}

.nav-trigger:checked ~ .site-wrap{
	left: 260px;
	box-shadow: 0 0 5px 5px rgba(0,0,0,0.2);
	}

/*body								{overflow-x: hidden;}*/

#ip_logo{
	display: block;
	position: relative;
	text-align: center;
	width: 100%;
	z-index: 9;
	top: 0;
	background: #fff;
	}

nav{
	width:100%;
	}

#lateral{
	display:none;
	}

#logo{
	width:140px;
	float:none;
	margin:0 auto;
	}

#redes{
	width:762px;
	}

#menu{
	width:762px;
	}

#menu ul li a{
	padding: 15px 13.7px;
	font-size:12px;
	}

#titulos{
	left:0;
	top:21%;
	right:0;
	}

.btn_dos{
	margin: auto;
    text-align: center;
    width: 150px;
	}

#titulos h1{
	font-size:12px;
	margin-bottom:20px;
	text-align:center;
	}

#titulos h2{
	font-size: 40px;
	text-align:center;
	}

#bienvenidotitulo{
	text-align:center;
	}

#bienvenidotitulo h1{
	margin-left:0;
	}

#wraphome{
	width:900px;
	}

#wrapdos{
	width:900px;
	}

#wraptres{
	width:900px;
	}

#nina{
	width:300px;
	top:755px;
	}

#flautas{
	width:230px;
	top:60px;
	}

#monitoverde{
	width:200px;
	top:270px;
	}

#free.sust{
	bottom:100px;
	}

#legalespic{
	right:10px;
	bottom:15px;
	}

#legalespic a {
	font-size:6px;
	}


#wrapcafeizq{
	width:420px;
	}

#wrapcafeder{
	width:420px;
	}

#wrapfoot{
	width:900px;
	}

#legaldos{
	margin:40px 335px 0 0;
	}

#prodfull{
	display:none;
	}

#prodlap{
	display:block;
	}

#titclient{
	top:38%;
	}

#titclient h1{
	font-size:30px;
	margin-bottom:30px;
	}

#titclient h2{
	font-size:100px;
	}

#tituprod{
	top:38%;
	}

#tituprod h1{
	font-size:30px;
	margin-bottom:30px;
	}

#tituprod h2{
	font-size:100px;
	}

#owl-demo .item img.slidea{
	display:none;
	}

#owl-demo .item img.slideb{
	display:none;
	}

#owl-demo .item img.slidec{
	display:block;
	}

#hojasomos{
	display:none;
	}

#nuestroscont{
	margin:90px auto 0;
	}

#nuestroscont h1{
	margin-left:0;
	}

#wrapcontexpert{
	width:936px;
	}

#columna{
	width:262px;
	}

#columna.america{
	width:262px;
	}

#wraphomee{
	width:999px;
	height:1530px;
	margin:0 auto;
	position:relative;
	}

#wraphomee.hotck{
	height:1280px;
	}

#wraphomee.masa{
	height:1150px;
	}

#wraphomee.masamaiz{
	height:1400px;
	}

#prodinfo{
	width:350px;
	margin:100px 44px 0 44px;
	}

#productoshome.masprod{
	display:none;
	}

/*<------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------>*/

#maizal{
	width:100%;
	height:300px;
	float:none;
	}

#bienvenido{
	width:100%;
	height: 780px;
	float:none;
	}

#free.sust{
	display:none;
	}


#maizaltitulo{
	width:100%;
	height:auto;
	text-align: center;
	}

#maizaltitulo h1{
	font-size:30px;
	}

#maizaltitulo h2{
	font-size:50px;
	}

#bienvenidotitulo{
	width:250px;
	top:55px;
	}

#bienvenidotitulo h1{
	font-size:24px;
	margin-bottom:20px;
	}

#bienvenidotitulo p{
	font-size:16px;
	}

#wraphome{
	width:226px;
	height: 2600px;
	margin:100px auto 0;
	}

#titulohomeprod{
	width:230px;
	top:-23px;
	border-bottom:#bdbdbc solid 1px;
	padding-bottom:20px;
	}


#productoshome{
	height: auto;
	margin:70px auto 50px;
	width: 226px;
	}


#producto{
	float:none;
	margin-right:0;
	margin-bottom:100px;
	}

#producto.garr{
	margin-right:0;
	}

#producto.izqprod{
	margin:0 0 100px 0;
	}

#producto.derprod{
	margin-top:0;
	}

#wrapuno{
	width:280px;
	height:1120px;
	margin:50px auto 0;
	}

#wrapunotit h2{
	font-size:40px;
	}

#wrapdostit h2{
	font-size:40px;
	}

#wraptrestit h2{
	font-size:40px;
	}

#nina{
	display:none;
	}

#hojasal{
	display:none;
	}

#porque{
	width:280px;
	margin:0 auto;
	top:-23px;
	}

#wrapunocont{
	width:280px;
	margin:0 auto;
	}

#porque h1{
	font-size:25px;
	}

#wrapunoizq{
	width:280px;
	height:auto;
	float:none;
	margin:70px 0 0 0;
	}

#wrapunoder{
	width:280px;
	height:auto;
	float:none;
	margin-top:20px;
	}

#wrapdos{
	width:280px;
	height:500px;
	margin:0 auto;
	}

#flautas{
	display:none;
	}

#hojasrico{
	display:none;
	}

#wrapdostit{
	width: auto;
	height:170px;
	margin:0 auto;
	top:-80px;
	}

#wrapdoscont{
	width:280px;
	top:-86px
	}

#wrapdosizq{
	width:280px;
	height:auto;
	float:none;
	margin:70px 0 0 0;
	}

#wrapdosder{
	width:280px;
	height:auto;
	float:none;
	margin-top:20px;
	}

#wraptres{
	width:280px;
	height:900px;
	margin:0 auto;
	}

#wraptrestit{
	width:auto;
	height:170px;
	margin:0 auto;
	top:-80px;
	position:relative;
	z-index:999;
	}


#wraptrescont{
	width:280px;
	height:230px;
	margin:0 auto;
	position:relative;
	top:-40px
	}

#wraptresizq{
	width:280px;
	height:325px;
	position:relative;
	float:none;
	margin:20px 0 0 0;
	}

#wraptresder{
	width:280px;
	height:325px;
	position:relative;
	float:none;
	margin-top:30px;
	}

#wraptresizq p, #wraptresder p{
	font-size:16px;
	}

#monitoverde{
	display:none;
	}

#wrapcafe{
	width:280px;
	height:880px;
	margin:30px auto 0;
	position:relative;
	border-top:#58585B solid 1px;
	}

#wrapcafetit{
	width:100%;
	height:60px;
	position:relative;
	background:#fff;
	top:-21px;
	border-bottom:#58585B solid 1px;
	}

h1{
	font-size:30px;
	text-align:center;
	}

h2{
	font-size:16px;
	text-align:center;
	}

#wrapcafetit h1{
	font-size:31px;
	text-align:center;
	}

#wrapcafeizq{
	width:280px;
	height:auto;
	position:relative;
	float:none;
	margin:30px 0 50px 0;
	}

#wrapcafeizq h1{
	font-size:20px;
	text-align:center;
	}

#wrapcafeizq h2{
	font-size:30px;
	text-align:center;
	margin-top:10px;
	}

#wrapcafeizq p{
	margin-top:40px;
	}

#mandar{
	width:100%;
	}

#wrapcafeder{
	width:280px;
	height:345px;
	float:none;
	}

#localizador{
	display:none;
	}

footer{
	width:100%;
	height:200px;
	}

#wrapfoot{
	width:100%;
	height:200px;
	}

#logofoot{
	float:none;
	margin:0 auto;
	top:30px;
	}

#legal{
	width:177px;
	height:auto;
	position:relative;
	float:none;
	margin:0 auto;
	top:45px;
	}

#legaldos{
	height:auto;
	float:none;
	margin:0 auto;
	top:50px;
	width:93px;
	}

#redesfoot{
	width:92px;
	height:auto;
	float:none;
	margin:0 auto;
	top:70px;
	}

#somprod{
	width:100%;
	height:500px;
	background:url(../images/sodif.jpg) no-repeat center / cover;
	position:relative;
	display:block;
	}

#sodif{
	display:none;
	}

#free{
	color:#fff;
	z-index:5;
	right:10px;
	bottom:10px;
	font-size:8px;
	}

#somoswrap{
	width:280px;
	height:280px;
	margin:30px auto 0;
	}

#somostit{
	width:280px;
	}

#somostit h1{
	font-size:30px;
	}

#somoscont{
	width:260px;
	height:424px;
	margin:20px auto 0;
	text-align:center;
	}

#somosfoto img{
	top:20px;
	right:20px;
	}

#somoscont p{
	font-size:16px;
	}

#somosfoto{
	width:326px;
	height:421px;
	float:left;
	margin-top:100px;
	}

#flautapic{
	width:100%;
	}

#flautapictit{
	width:100%;
	margin:90px auto 0;
	}

#flautapictit h1{
	font-size:25px;
	}

#flautapictit h2{
	font-size:30px;
	}

#wraptec{
	width:280px;
	height:1800px;
	margin:140px auto 0;
	}

#wraptectit{
	width:280px;
	height:auto;
	margin:60px auto 70px;
	text-align:center;
	}

#wraptectit h1{
	font-size:35px;
	}

#wraptecizq{
	width:280px;
	height:580px;
	float:none;
	margin-right:0;
	margin-bottom:30px;
	}

#tecizqfoto{
	width:280px;
	height:auto;
	margin-bottom:60px;
	}

#wrapizqcont{
	width:280px;
	height:330px;
	margin-left:0;
	}

#wrapizqcont p{
	font-size:16px;
	}

#wraptecder{
	width:280px;
	height:auto;
	float:none;
	}

#wrapdercont{
	width:280px;
	height:200px;
	}

#wrapdercont p{
	font-size:16px;
	}

#wrapderpic{
	width:280px;
	height:auto;
	}

#conacyt{
	width:280px;
	height:auto;
	margin-top:50px;
	margin-left:0;
	}

#conatit{
	width:280px;
	float:none;
	margin-right:0;
	}

#conatit h1{
	text-align:center;
	}

#conapic{
	float:none;
	margin:0 auto;
	}

#prodlap{
	display:none;
	}

#prodres{
	display:block;
	}

#tituprod{
	left:0;
	top:21%;
	right:0;
	}

#tituprod h1{
	font-size:12px;
	margin-bottom:20px;
	text-align:center;
	}

#tituprod h2{
	font-size:50px;
	text-align:center;
	}

#wraphome.prod{
	height:2600px;
	}

#recprod{
	width:100%;
	height:500px;
	background:url(../images/recetashead.jpg) no-repeat center / cover;
	position:relative;
	display:block;
	}

#titclient{
	top:40%;
	}

#titclient h1{
	font-size:35px;
	margin-bottom:20px;
	}

#titclient h2{
	font-size:50px;
	}

#harprod{
	width:100%;
	height:500px;
	background:url(../images/harinas.jpg) no-repeat center / cover;
	position:relative;
	display:block;
	}

#harinaspic{
	width:100%;
	height:300px;
	float:none;
	}

#wrapclient{
	width:100%;
	height:700px;
	margin-top:-100px;
	}

#nuestros{
	width:100%;
	height:420px;
	float:none;
	position:relative;
	}

#nuestroscont{
	width:280px;
	height:auto;
	margin:130px auto 0;
	}

#nuestroscont h1{
	font-size:30px;
	margin-bottom:30px;
	margin-left:0;
	text-align:center;
	}

#nuestroscont p{
	font-size:16px;
	text-align:center;
	}

#conprod{
	width:100%;
	height:500px;
	background:url(../images/contacto.jpg) no-repeat center / cover;
	position:relative;
	display:block;
	}

#expprod{
	width:100%;
	height:500px;
	background:url(../images/expertos.jpg) no-repeat center / cover;
	position:relative;
	display:block;
	}

#wrapexpertos{
	width:100%;
	height:700px;
	margin-top:-25px;
	}

#testimonios{
	width:50%;
	height:700px;
	float:left;
	position:relative;
	}

#expertospic{
	width:50%;
	height:700px;
	float:left;
	position:relative;
	background:url(../images/chef.jpg) no-repeat center / cover;
	}

#expertoscont{
	width:370px;
	height:336px;
	margin:110px auto 0;
	}

#expertoscont h1{
	font-size:40px;
	margin-bottom:60px;
	margin-left:-71px;
	}

#expertoscont p{
	font-size:20px;
	}

#wrapcontexpert{
	width:280px;
	height:auto;
	margin:0 auto;
	padding-top:0;
	padding-bottom:100px;
	}

#prof1{
	width:262px;
	height:262px;
	position:relative;
	float:none;
	margin:20px auto 50px;
	}

#prof2{
	width:262px;
	height:262px;
	position:relative;
	float:none;
	margin:40px auto 80px;
	}

#columna{
	width:262px;
	height:auto;
	position:relative;
	float:none;
	margin:0 auto 20px;
	}

#columna h1{
	font-size:44px;
	margin-bottom:25px;
	}

#columna p{
	font-size:16px;
	}

#columna.america{
	width:262px;
	margin-top:30px;
	}

#columnados{
	width:262px;
	height:auto;
	position:relative;
	float:none;
	margin:0 auto;;
	}

#columnados.americados{
	margin-top:20px;
	height:auto;
	}

#columnados p{
	font-size:16px;
	}

#columnados a{
	font-size:16px;
	}

#columnados a:hover, #coldos a:hover, #colu3 a:hover{
	color:#EB7524;
	transition-duration:0.3s;
	}

#expertosredes{
	width:100px;
	height:40px;
	position:relative;
	margin-top:20px;
	}

#expfbizq{
	width:40px;
	height:34px;
	position:relative;
	float:left;
	margin-right:5px;
	}

#expfbder{
	width:40px;
	height:34px;
	position:relative;
	float:left;
	}

#wraptestimonios{
	width:986px;
	height:400px;
	margin:0 auto;
	padding-top:40px;
	}

#col{
	width:312px;
	height:250px;
	position:relative;
	float:left;
	margin-right:50px;
	}

#col h1{
	font-size:44px;
	margin-bottom:25px;
	}

#col p{
	font-size:16px;
	}

#coldos{
	width:312px;
	height:250px;
	position:relative;
	float:left;
	margin-top:75px;
	margin-right:50px;
	}

#coldos p{
	font-size:16px;
	}

#coldos a{
	font-size:16px;
	}

#show__{ display: none; }
#show__ip{ display: block; }

#prof2{
	width:262px;
	height:262px;
	position:relative;
	float:left;
	}

#wrapexdos{
	width:986px;
	height:400px;
	margin:0 auto;
	padding-top:40px;
	}

#colu{
	width:312px;
	height:250px;
	position:relative;
	float:left;
	margin-right:50px;
	}

#colu h1{
	font-size:44px;
	margin-bottom:25px;
	}

#colu p{
	font-size:16px;
	}

#colu2{
	width:312px;
	height:250px;
	position:relative;
	float:left;
	margin-right:50px;
	margin-top:75px;
	}

#colu3{
	width:262px;
	height:250px;
	position:relative;
	float:left;
	margin-top:75px;
	}

#wraphomee{
	width:280px;
	height:2160px;
	margin:0 auto;
	position:relative;
	}

#wraphomee.hotck{
	height:2000px;
	}

#wraphomee.masa{
	height:1900px;
	}

#wraphomee.masamaiz{
	height:2200px;
	}

#producto.ventas{
	margin:50px auto 60px;
	}

#fotosprod{
	width:280px;
	height:auto;
	position:relative;
	margin-bottom:50px;
	}

#prodinfo{
	width:280px;
	height:auto;
	float:none;
	margin:0;
	}

#prodinfo h1{
	font-size:23px;
	margin-bottom:40px;
	text-align:left;
	}

#nutrimental{
	width:100%;
	height:559px;
	margin:150px auto 50px;
	float:none;
	}


#uno{
	width:100%;
	height:65px;
	background:#6D6E70;
	}

#info{
	width:auto;
	height:auto;
	float:left;
	margin:7px 0 0 13px;
	}

#info h1{
	font-size:14px;
	}

#info p{
	font-size:11px;
	}

#infopor{
	width:auto;
	height:auto;
	float:left;
	margin-top:39px;
	margin-left:78px;
	}

#infopor.muffin{
	margin-left:51px;
	}

#infopor.garinf{
	margin-left:77px;
	}

#infopor.paninfo{
	margin-left:43px;
	}

#infopor.azul{
	margin-left:41px;
	}

#infopor.hotcake{
	margin-left:26px;
	}

#infopor p{
	font-size:11px;
	}

#dos{
	width:100%;
	height:42px;
	background:#E6E7E8;
	}

#dosizq{
	width:auto;
	height:auto;
	float:left;
	margin:7px 0 0 13px;
	}

#dosizq p{
	font-size:11px;
	}

#dosizq p.gris{
	color:#A7A9AB;
	}

#dosder{
	width:auto;
	height:auto;
	float:left;
	margin:7px 0 0 111px;
	}

#dosder.muffindos{
	margin-left:116px;
	}

#dosder.doshot{
	margin-left:123px;
	}

#dosder.dosgar{
	margin-left:111px;
	}

#dosder.azuldigitos{
	margin-left:101px;
	}

#dosder p{
	font-size:11px;
	}

#dosder.tresdigitos{
	margin:7px 0 0 80px;
	}

#tres{
	width:100%;
	height:21px;
	background:#808284;
	}

#trescont{
	width:auto;
	height:auto;
	float:left;
	margin:3px 0 0 13px;
	}

#trescont p{
	font-size:11px;
	}

#cuatro{
	width:100%;
	height:156px;
	background:#D1D2D4;
	}

#cuatroizq{
	width:auto;
	height:auto;
	float:left;
	margin:7px 0 0 13px;
	}

#cuatroizq p{
	font-size:11px;
	}

#cuatroizq p.espacio{
	margin-left:20px;
	}

#cuatroder{
	width:auto;
	height:auto;
	float:left;
	margin:7px 0 0 119px;
	}

#cuatroder.cuatrohot{
	margin-left:126px;
	}

#cuatroder.garcua{
	margin-left:123px;
	}

#cuatroder.cuatromaiz{
	margin-left:109px;
	}

#cuatroder p{
	font-size:11px;
	text-align:right;
	}

#cinco{
	width:100%;
	height:83px;
	background:#E6E7E8;
	}

#cincoizq{
	width:auto;
	height:auto;
	float:left;
	margin:12px 0 0 13px;
	}

#cincoizq p{
	font-size:11px;
	}

#cincoder{
	width:auto;
	height:auto;
	float:left;
	margin:12px 0 0 151px;
	text-align:right;
	}

#cincoder.muffincinco{
	margin-left:150px;
	}

#cincoder.cincogar{
	margin-left:150px;
	}

#cincoder p{
	font-size:11px;
	}

#seis{
	width:100%;
	height:70px;
	background:#6D6E70;
	}

#seiscont{
	width:auto;
	height:auto;
	float:left;
	margin:12px 10px 0;
	}

#seiscont p{
	font-size:11px;
	}

#wraphome.cake{
	width:280px;
	height:auto;
	padding-bottom:100px;
	margin-top:50px;
	}

#titulohomeprod.cursiva{
	width:280px;
	border-bottom:none;
	}

#regresar.recetas{
	margin:45px auto 0;
	float:none;
	}

#titulohomeprod.cursivados{
	width:280px;
	background:#F1F1F2;
	border-bottom:none;
	}

#titulohomeprod.cursivatres{
	width:280px;
	border-bottom:none;
	height:100px;
	}

#titulohomeprod.cursiva h1, #titulohomeprod.cursivados h1, #titulohomeprod.cursivatres h1{
	font-size:35px;
	line-height:45px;
	}

#recetaizq{
	width:100%;
	height:auto;
	float:none;
	margin-right:0;
	}

#recetader{
	width:100%;
	height:auto;
	float:none;
	}

#recetader h1{
	font-size:31px;
	margin:50px 0;
	}

#recetaizq h1{
	font-size:31px;
	margin:50px 0 0;
	}

#recetaizq h2{
	font-size:15px;
	margin:0 0 30px;
	}

#recetaizq ul, #recetader ul{
	padding-left:15px;
	}

#recetaizq ul li, #recetader ul li{
	font-size:16px;
	}

#recetader p{
	font-size:16px;
	}

#recetader a{
	font-size:16px;
	}

#example2{
	width: 260px;
	height: 320px;
	color: #fff;
	font-size: 19px;
	}

#example2 h2{
	font-size:35px;
	margin-top:-5px;
	}

.input{
	width: 200px;
	margin:0 auto 10px;
	}

#free.legalflauta{
	bottom:-20px;
	right:27px;
	font-size:6px;
	}

	}

/* MENSAJE DE ERROR */
.formulario__grupo-input {
	position: relative;
}

.formulario__input-error {
	font-family: var(--font-auto-pro);
	font-size: 0.9rem;
	margin-bottom: 0px;
	padding: 4px 8px;
	display: none;
}

.formulario__input-error-activo {
	display: block;
}

.formulario__validacion-estado {
	position: absolute;
	right: 6px;
	top: 24px;
	z-index: 100;
	font-size: 16px;
	opacity: 0;
}

#banner_reserva .formulario__validacion-estado {
	position: absolute;
	right: unset;
	top: 18px;
	margin-left: 120px;
}

#banner_reserva .item_form:nth-child(2) .formulario__validacion-estado {
	margin-left: 144px;
}

#banner_reserva .item_form:nth-child(4) .formulario__validacion-estado {
	margin-left: 156px;
}

.formulario__mensaje, .formulario__captcha {
	height: 45px;
	line-height: 45px;
	background: #F66060;
	padding: 0 15px;
	border-radius: 3px;
	margin-bottom: 12px;
	display: none;
}

.formulario__mensaje-activo {
	display: block;
}

.formulario__mensaje-exito {
	margin-top: 8px;
	font-size: 14px;
	background-color: #1eab0b;
	padding: 10px 15px;
	color: #ffffff;
	display: none;
}

.formulario__mensaje-exito-activo {
	display: block;
}

/* Estilos para Validacion */
.formulario__grupo-correcto .formulario__validacion-estado {
	color: #1ed12d;
	opacity: 1;
}

.formulario__grupo-incorrecto .formulario__label {
	color: #bb2929;
}

.formulario__grupo-incorrecto .formulario__validacion-estado {
	color: #bb2929;
	opacity: 1;
}

.formulario__grupo-incorrecto .formulario__input {
	border: 3px solid #bb2929;
}

#sec__formulario{
	padding-bottom: 160px;
}

.btn__whatsapp{
	font-family: 'Lato', sans-serif;
	color: #ffffff;
	padding: 8px 24px;
	border-radius: 32px;
	text-decoration: none;
	background-color: #25D366;
}

.btn__whatsapp img{
	position: relative;
	top: 3px;
	margin-right: 8px;
}

.whatsapp{
	background-color: #25D366;
}

/* __BTN_WHATSAPP */
#btn_whatsApp {
	position: fixed;
	bottom: 24px;
	right: 24px;
	z-index: 99;
}

#btn_whatsApp img {
	width: 60px;
	height: auto;
	transform: scale(1);
	transition: all 0.3s ease;
}

#btn_whatsApp img:hover {
	transform: scale(1.1);
}