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

@font-face {
  font-family: "Luna";
  src: url("Luna.ttf");
}

body{	font-size:18px;	 font-family: 'Asap', sans-serif; padding: 0px;	margin: 0px; color:#333; background:#FFF	}
#contenedor0{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor2{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; background:url(../img/fondo3.png); background-size:100%;  }
#contenedor1{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#conte{background:#94C120;  font-size:17px; color:#FFF }

#header{min-height:95px;  border:0px solid#C30;  width: 100%; background:url(../img/head/barra-menu.png);}
#reds{border: 0px solid #f60; width:130px; font-size:16px; height:45px; float:right; text-align:right; margin-top:10px;}	
#logo{margin-top:20px; margin-bottom:20px; width:300px;  float:left; border: 0px solid #f60;   }	
#logo img{width:100%}

p{line-height:25px;}
footer{	width:950px;margin:0px auto;	color:#039;	font-size:12px;	background:#ECECEC;}
#maps{	width: 100%;	height: 300px;	}

.bg2{background:url(../img/FOTO%201.jpg) no-repeat; background-size:100%; background-attachment:fixed}
#x1{float:left; width:33%; text-align:center;  margin-bottom:15PX}
#x1 img{width:250px; margin-bottom:15PX}
#x2{float:left; width:33%; text-align:center; color:#fff; text-shadow: 0.1em 0.1em 0.2em black; font-size: 20px; font-family: 'Luna', sans-serif; font-weight:400; }
#x2 img{width:80%; }
#x3{float:left; width:33%; text-align:center; color:#fff; text-shadow: 0.1em 0.1em 0.2em black; font-size: 20px; font-family: 'Luna', sans-serif; font-weight:400 font-size:23px; margin-bottom:15PX}
#x3 img{width:80%; }
#x4{float:left; width:33%; text-align:center;  margin-bottom:15PX}
#x4 img{width:250px; margin-bottom:15PX}

#resipe1{width:50%; float:left}
#resipe1 img{width:500px; }
#resipe2{width:50%; float:left; margin-top:40px}
#resipe2 img{width:250px; }

#story1{width:40%; float:left; margin-left:5%; margin-right:5%; background:url(../img/tras.png); padding: 0 20px }
#story1 img{width:500px; }
//#story2{width:50%; float:right; background:url(../img/About%20us%20-03.jpg); background-attachment:fixed;  background-size:70%; background-position:100%; min-height:500px;}
#story2 img{width:100%; }
.story3{background:url(../img/About%20us%20-03.jpg) fixed no-repeat; background-size:100%}


.bg1{background:url(../img/BANNER%20ABOUT%20US-16.png) no-repeat; background-size:100%}
#about11{width:50%; float:left; border:0px solid #09F}
#about22{width:47%; float:right;  border:0px solid #09F;}
#about33{width:80%; margin: 0px auto 0px;	overflow:hidden; margin:70px 10%;}
#about44{display:none}

#about1{width:45%; float:left; border:0px solid #09F}
#about2{width:45%; float:right; border:0px solid #09F;}

#conta1{width:45%; float:left; border:0px solid #09F}
#conta2{width:45%; float:right; border:0px solid #09F}
#cont1{height:40px; background:#FFF; width:80%; border:0px; margin-bottom:20px; color:#666; font-size:15px; border:2PX solid #999;  border-radius:2px}
#cont2{height:100px; background:NONE; width:80%; border:0px; margin-bottom:20px; color:#666; font-size:15px; border:2PX solid #ccc;  border-radius:2px}
#cont3{height:40px; background:NONE; width:90%; border:0px; margin-bottom:20px; color:#666; font-size:15px; border:2PX solid #ccc;  border-radius:2px}

#bot{background:#127C09; color:#fff; font-size:20px; padding:5px 10px; border:0px; }
#bot2{background:#900; color:#fff; font-size:20px; border:0px; }

a{ color: #232323;	text-decoration: none;	}
a:hover{ color:#127C09;    text-decoration: none;	}

#titu1{	color:#E3803C; font-size: 45px; font-family: 'Luna', sans-serif; font-weight:400	}
#titu2{	color:#94BC38; font-size: 45px; font-family: 'Luna', sans-serif; font-weight:400	}

#f1{float:left; width:33%; border: 0px solid #0C6; margin-top:20PX; margin-bottom:20px }
#f2{float:left; width:33%; text-align:center; border: 0px solid #0C6; margin-top:20PX }
#f3{float:left; width:33%; text-align:right; border: 0px solid #0C6; margin-top:20PX }

#separador1{height:100px;}

.embed-container { position: relative; padding-bottom:25.5%; height: 0; overflow: hidden; max-width: 100%; height: auto; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#recipe1{width:40%; padding:2% 5%; text-align:center; font-size: 18px; font-family: 'Luna', sans-serif; font-weight:400; float:left}
#recipe1 img{margin-bottom:15px;}


@media screen and (min-width: 1024px) and (max-width: 1199px) {
#contenedor1{	border: px solid #F00;	}

#separador1{height:60px;}

}

@media screen and (min-width: 800px) and (max-width: 1024px) {
#contenedor1{	border: 0px solid #0C3;	}

#separador1{height:60px;}

.bg2{background:url(../img/FOTO%201.jpg) no-repeat; background-size:150%; background-position:-400px; background-attachment:fixed}
#x1{float:left; width:33%; text-align:center;  margin-bottom:15PX}
#x1 img{width:180px; margin-bottom:15PX}
#x2{float:left; width:33%; text-align:center; color:#fff; font-size: 18px; font-family: 'Luna', sans-serif; font-weight:400; }
#x2 img{width:70%; }
#x3{float:left; width:33%; text-align:center; color:#fff; font-size: 18px; font-family: 'Luna', sans-serif; font-weight:400; }
#x3 img{width:70%; }
#x4{float:left; width:33%; text-align:center;  margin-bottom:15PX}
#x4 img{width:200px; margin-bottom:15PX}

#titu1{	color:#E3803C; font-size: 35px; font-family: 'Luna', sans-serif; font-weight:400	}
#titu2{	color:#94BC38; font-size: 35px; font-family: 'Luna', sans-serif; font-weight:400	}

#resipe1{width:50%; float:left}
#resipe1 img{width:400px; }
#resipe2{width:50%; float:left; margin-top:40px}
#resipe2 img{width:180px; }

#story1{width:65%; float:left; margin-left:5%; margin-right:5%;}
//#story2{width:50%; float:right; background:url(../img/About%20us%20-03.jpg); background-attachment:fixed;  background-size:92%; background-position:260%; min-height:510px;}
#story2 img{width:100%; }
.story3{background:url(../img/About%20us%20-03.jpg) fixed no-repeat; background-size:100%}

#recipe1{width:45%; padding:2% 2.5%; text-align:center; font-size: 17px; font-family: 'Luna', sans-serif; font-weight:400; float:left}
#recipe1 img{margin-bottom:15px;}


}

@media screen and (min-width: 600px) and (max-width: 799px) {
#contenedor1{	border: 0px solid #FC0;	}

#separador1{height:40px;}

.bg2{background:url(../img/FOTO%201.jpg) no-repeat; background-size:170%; background-position:-300px; background-attachment:fixed}
#x1{float:left; width:50%; text-align:center;  margin-bottom:15PX; margin-left:25%}
#x1 img{width:180px; margin-bottom:15PX}
#x2{float:left; width:50%; text-align:center; color:#fff; font-size: 18px; font-family: 'Luna', sans-serif; font-weight:400; }
#x2 img{width:70%; }
#x3{float:left; width:50%; text-align:center; color:#fff; font-size: 18px; font-family: 'Luna', sans-serif; font-weight:400; }
#x3 img{width:70%; }
#x4{float:left; width:33%; text-align:center;  margin-bottom:15PX}
#x4 img{width:200px; margin-bottom:15PX}

#titu1{	color:#E3803C; font-size: 30px; font-family: 'Luna', sans-serif; font-weight:400	}
#titu2{	color:#94BC38; font-size: 30px; font-family: 'Luna', sans-serif; font-weight:400	}

#resipe1{width:100%; float:left}
#resipe1 img{width:400px; }
#resipe2{width:100%; float:left; margin-top:40px}
#resipe2 img{width:180px; }

#story1{width:85%; float:left; margin-left:5%; margin-right:5%;}
//#story2{width:100%; float:right; background:url(../img/About%20us%20-03.jpg); background-attachment:NONE;  background-size:100%; background-position:0%; min-height:350px;}
#story2 img{width:100%; }
.story3{background:url(../img/About%20us%20-03.jpg) fixed no-repeat; background-size:100%}

#about1{width:100%; float:left; border:0px solid #09F; margin-bottom:30PX;}
#about2{width:100%; float:right; border:0px solid #09F;}

#conta1{width:100%; float:left; border:0px solid #09F}
#conta2{width:100%; float:right; border:0px solid #09F}

#recipe1{width:45%; padding:2% 2.5%; text-align:center; font-size: 16px; font-family: 'Luna', sans-serif; font-weight:400; float:left}
#recipe1 img{margin-bottom:15px;}

#f1{float:none; width:100%; border: 0px solid #0C6; margin-top:20PX; margin-bottom:15px; text-align:center}
#f2{float:left; width:50%; text-align:center; border: 0px solid #0C6; margin-top:20PX; text-align:left}
#f3{float:right; width:50%; text-align:right; border: 0px solid #0C6; text-align:right; margin-top:20PX;}
}


@media screen and (min-width: 480px) and (max-width: 599px) {
#contenedor1{border: 0px solid #000;	}

body{	font-size:17px;	 font-family: 'Asap', sans-serif; padding: 0px;	margin: 0px; color:#333; background:#FFF	}
p{line-height:22px}

#logo{ float:none; border: 0px solid #f60; 	margin: 10px auto 10px;	overflow:hidden; width:70%  }	
#logo img{width:100%}

#reds{border: 0px solid #f60; width:130px; font-size:16px; height:45px; float:right; text-align:right; margin-top:0px; margin-bottom:10PX}	

#separador1{height:30px;}

.bg2{background:url(../img/FOTO%201.jpg) no-repeat; background-size:210%; background-position:-300px; background-attachment:fixed}
#x1{float:left; width:50%; text-align:center;  margin-bottom:15PX; margin-left:25%}
#x1 img{width:150px; margin-bottom:15PX}
#x2{float:left; width:50%; text-align:center; color:#fff; font-size: 16px; font-family: 'Luna', sans-serif; font-weight:400; }
#x2 img{width:70%; }
#x3{float:left; width:50%; text-align:center; color:#fff; font-size: 16px; font-family: 'Luna', sans-serif; font-weight:400; }
#x3 img{width:70%; }
#x4{float:left; width:45%; padding:0 2.5%; text-align:center;  margin-bottom:15PX}
#x4 img{width:200px; margin-bottom:15PX}

#titu1{	color:#E3803C; font-size: 26px; font-family: 'Luna', sans-serif; font-weight:400	}
#titu2{	color:#94BC38; font-size: 26px; font-family: 'Luna', sans-serif; font-weight:400	}

#resipe1{width:100%; float:left}
#resipe1 img{width:300px; }
#resipe2{width:100%; float:left; margin-top:40px}
#resipe2 img{width:150px; }

#story1{width:84%; float:left; margin-left:5%; margin-right:5%;}
//#story2{width:100%; float:right; background:url(../img/About%20us%20-03.jpg); background-attachment:NONE;  background-size:100%; background-position:0%; min-height:350px;}
#story2 img{width:100%; }
.story3{background:url(../img/About%20us%20-03.jpg) fixed no-repeat; background-size:100%}

#about1{width:100%; float:left; border:0px solid #09F; margin-bottom:30PX;}
#about2{width:100%; float:right; border:0px solid #09F;}

#conta1{width:100%; float:left; border:0px solid #09F}
#conta2{width:100%; float:right; border:0px solid #09F}

#recipe1{width:90%; padding:2% 5%; text-align:center; font-size: 18px; font-family: 'Luna', sans-serif; font-weight:400; float:left}
#recipe1 img{margin-bottom:15px;}

#f1{float:none; width:100%; border: 0px solid #0C6; margin-top:20PX; margin-bottom:15px; text-align:center}
#f2{float:left; width:50%; text-align:center; border: 0px solid #0C6; margin-top:20PX; text-align:left}
#f3{float:right; width:50%; text-align:right; border: 0px solid #0C6; text-align:right; margin-top:20PX;}
}


@media screen and (min-width: 320px) and (max-width: 479px) {
#contenedor1{	border: 0px solid #0C0;	}

body{	font-size:16px;	 font-family: 'Asap', sans-serif; padding: 0px;	margin: 0px; color:#333; background:#FFF	}
p{line-height:20px}

#logo{ float:none; border: 0px solid #f60; 	margin: 10px auto 10px;	overflow:hidden; width:70%  }	
#logo img{width:100%}

#reds{border: 0px solid #f60; width:130px; font-size:16px; height:45px; float:right; text-align:right; margin-top:0px; margin-bottom:10PX}	

#separador1{height:30px;}

.bg2{background:url(../img/FOTO%201.jpg) no-repeat; background-size:230%; background-position:-300px; background-attachment:fixed}
#x1{float:left; width:50%; text-align:center;  margin-bottom:15PX; margin-left:25%}
#x1 img{width:150px; margin-bottom:15PX}
#x2{float:left; width:50%; text-align:center; color:#fff; font-size: 14px; font-family: 'Luna', sans-serif; font-weight:400; }
#x2 img{width:70%; }
#x3{float:left; width:50%; text-align:center; color:#fff; font-size: 14px; font-family: 'Luna', sans-serif; font-weight:400; }
#x3 img{width:70%; }
#x4{float:left; width:45%; padding:0 2.5%; text-align:center;  margin-bottom:15PX}
#x4 img{width:100%; margin-bottom:15PX}

#titu1{	color:#E3803C; font-size: 20px; font-family: 'Luna', sans-serif; font-weight:400	}
#titu2{	color:#94BC38; font-size: 20px; font-family: 'Luna', sans-serif; font-weight:400	}

#resipe1{width:100%; float:left}
#resipe1 img{width:300px; }
#resipe2{width:100%; float:left; margin-top:40px}
#resipe2 img{width:150px; }

#story1{width:84%; float:left; margin-left:5%; margin-right:5%;}
//#story2{width:100%; float:right; background:url(../img/About%20us%20-03.jpg); background-attachment:NONE;  background-size:100%; background-position:0%; min-height:260px;}
#story2 img{width:100%; }
.story3{background:url(../img/About%20us%20-03.jpg) fixed no-repeat; background-size:170%}

#about1{width:100%; float:left; border:0px solid #09F; margin-bottom:30PX;}
#about2{width:100%; float:right; border:0px solid #09F;}

#conta1{width:100%; float:left; border:0px solid #09F}
#conta2{width:100%; float:right; border:0px solid #09F}

#recipe1{width:80%; padding:4% 10%; text-align:center; font-size: 16px; font-family: 'Luna', sans-serif; font-weight:400; float:left}
#recipe1 img{margin-bottom:15px;}

#f1{float:none; width:100%; border: 0px solid #0C6; margin-top:20PX; margin-bottom:15px; text-align:center}
#f2{float:left; width:50%; text-align:center; border: 0px solid #0C6; margin-top:20PX; text-align:left}
#f3{float:right; width:50%; text-align:right; border: 0px solid #0C6; text-align:right; margin-top:20PX;}
}