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

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

*{ 	margin: 0;
	padding: 0;
	box-sizing: border-box;}


body {
			margin: 0 !important;
			padding: 0 !important;
			-webkit-text-size-adjust: 100% !important;
			-ms-text-size-adjust: 100% !important;
			-webkit-font-smoothing: antialiased !important;
			}
img {
			border: 0 !important;
			outline: none !important;
			}

header{ 
	width: 100%;
	background-color:#304904;}

.contenedor{
	width: 100%;
	margin:0 auto;
	box-sizing: border-box;}

#logo{padding-top: 10px;}


/*MENU*/

#btn-menu{display: none;}

header label{
	display: none;
	padding: 10px;
	width: 55px;
	height: 50px;
	border-right: 1px solid #FFFFFF; }

header label:hover{ 
	cursor: pointer;
	background: rgba(0, 0, 0, 0.3);}


nav{
	max-width: 1000px;
	margin: auto;
	padding: 15px;
}

.menu{z-index: 1;}

.menu ul{
	margin: 0px;
	list-style: none;
	padding: 0px;
	display:flex;
	justify-content: space-between;
}

.menu a:hover{
	color: #ffc52e; 
	text-decoration: none;
	cursor: pointer;
}


/*TERMINA MENU*/



/*HEADER*/

#banner{position: relative;}

#banner img{
	width: 100%;!important;
	height: 100%;!important;
}

#banner .contenedor{
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);!important;
}

#banner h1, h4{text-shadow: 1px 1px 2px black, 0 0 2em black, 0 0 0.2em black;}
/*HEADER*/


.contenido{
	padding: 30px 50px 30px 50px;
	max-width: 930px;!important;
	margin:auto;}

.displaflex{display:flex; width:100%;}

.der{ width:40%;}

.izq{ width:60%;}




/*QUIENES SOMOS*/
.quienes{padding-top: 35px;}

.linea{
	width:7%;
	height: 4px;
	background-color: #EEB72A;
	margin: auto;
}

.text{ 
	padding: 30px 50px 35px 50px;
	margin: auto;
	max-width: 950px;
	text-align: center;}
/*QUIENES SOMOS*/


/*PRODUCTOS*/

.productos {
	background-color: #ebebeb;
	width:100%;
}


.prodct{
	padding: 50px 45px 50px 45px;
	max-width: 950px;
	margin: auto;
	display: flex;
	justify-content: space-between;}
	
	
.prodizq{width:95%; margin:auto; text-align:center;}	

.prodider{background-color:#936; width:50%}	
	

.linea2{
	width:20%;
	height: 4px;
	background-color: #EEB72A;
	margin:auto;
	text-align:center;
}

#tituloproduc{text-align: left;}
#textproducts{text-align: left;}

#tituloproduc{
		text-align: center; 
		padding-top: 20px;}
		
		

/*PRODUCTOS*/




/*BODEGAS*/

#bodegas{
	position: relative;
	box-sizing: border-box;}

#bodegas .contenedor img{
	width: 100%;
	height: 100%;
 	}

#contenedor-bodegas{
	max-width: 1000px;
	margin: auto;
	color: aqua;
	display: flex;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	justify-content: space-between;
}

#bodegas .bodegas-izq{
	text-align: center;
	color: #FFFFFF; 
	padding:10px;
}

#logojakes{width: 300px;}


/*LOGOS*/
.logos{
	padding: 0px;
	align-content: center;
	margin: auto;
	max-width: 960px;
}


/*PIE*/

.contenedor-pie{
	justify-content: space-between;
	padding: 40px 0px 50px 0px;
	margin: auto;
	max-width: 800px;
	display: flex;
	color: #FFFFFF;
}

.vl {
  border-left: 1px solid #FFFFFF;
  height: 60px;
}

.contenedor-pie a:hover{ 
	cursor: pointer;
	color: #ffc52e; }

/**/

@media(max-width:930px)
{
		.prodider img{ 	
						width:100%; 
						height:auto;
						}
		
		.logos img{ 
					width:100%; 
					height:auto;
					}
		table[class=em_wrapper-a] {
			width: 90% !important;
			}
			
			img[class=em_full_img2] {
			width: 80% !important;
			height: auto !important;
			}
			header label{ display: block;}
	
	.menu{
	position:absolute;
	background:rgba(46, 66, 26, 0.8);
	width: 100%;
	margin-left: -100%;
	transition: all 0.5s;}
	
	.menu ul{
		flex-direction:column;
	}
	
	
	.menu li{
		padding-top: 20px; 
		padding-bottom: 20px;
		border-bottom: 1px solid rgba(36, 53, 17, 0.6);
	}
	
	
	#btn-menu:checked ~ .menu{
		transform: translateX(0%);
		margin: 0;
	}
	
	.em_full_img-v1{width: 100% !important;
			height: auto !important;}

	}

@media(max-width:768px)
{
	
		
	.displaflex{
				display:block; 
				width:100%;
				}
				
	.der, .izq{ width:100%; margin:auto; text-align:center;}
	
	.der img{ margin:auto;}
				
			
	

	#btn{width: 30px;
		height: 26px;}
	
	header label{
	width: 55px;
	height:45px;
 	}
	
	.linea{width: 16%;}
	
	.prodct, .berries-info{
		display: block;
		justify-content: center;
		text-align: center;}
	
	#izq, .linea2, .linea3{
		text-align: center; 
		margin: auto;}
	
	#tituloproduc, #tituloproduc{
		text-align: center; 
		padding-top: 20px;}
	
	
	#textproducts, #tituloberries, #berries-info {text-align: center;}

	#botellas, .vl{display: none;}

	#logo-bodegas-jakes{margin-top: 20px;}
	
	
	.logos img{width:100%; height: 100%;}
	
	.contenedor-pie{display: block;}
	
	#datosindex{padding-top: 30px; line-height: 29px;}

	.prodizq{ width:100%;}
	
	.prodider{ margin:auto; text-align:end; padding-top:20px;}

	#contenedor-bodegas img{ width:100%; height:auto;}

	.mediacaja{ width:100%;}
	
	.displaflex{ display:block;}
	
	#bodegas .textos{ font-size:15px; line-height:normal;}
	
			img[class=em_full_img3] {
			width: 80% !important;
			height: auto !important;
			}
}

@media(max-width:668px){.bodegas-izq p{display: none;}}


@media(max-width:568px)
{
	.bodegas-izq p{display: none;}
	
	#der img{
		width:100%;
		height: 100%;}
	
	#cajaberries img{
		width: 100%;
		height: 100%;}
	
	.quienes .text{
		padding-left: 20px;
		padding-right: 20px;}
	.bodegas-izq img{ width: 100%; height: 100%;}
	
	#contenedor-bodegas{
	margin: auto;
	position: absolute;
	top: 40%;
	left: 40%;
	transform: translateX(-40%) translateY(-50%);
	justify-content: space-between;
}

#tex-pie{ font-size:10px; text-align:center;}

img[class=em_full_img] {
			width: 100% !important;
			height: auto !important;
			}
			
			table[class=em_wrapper-a] {
			width: 100% !important;
			}
			
			img[class=em_full_img2] {
			width: 100% !important;
			height: auto !important;
			}

}

@media(max-width:400px)
{
	h1{font-size: 30px;}
	h3{font-size: 20px;}
	#tex-pie{ font-size:7px;}

}