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

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

.em_full_img-intro{ 
					width:100%;
					height:auto;
					}
					
.quienestitulo{
				text-align: center;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translateX(-50%) translateY(-50%);
				}

.quienes{
		position: relative; 
		padding:0px; 
		margin:0;
		}

.textos-intro{ padding-right:10px;}

.displaflex2{ display:flex;
				margin:auto;
				max-width: 626px;!important;}
				
.contenido2{
	max-width: 950px;!important;
	margin:auto;}

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


.contenedor-intro{padding: 0px 40px 30px 40px;}

#img-qs{
	max-width: 960px;
	padding-top: 40px;
	padding-bottom: 40px;
	display: flex;
	margin: auto;
justify-content: space-between;}

#img-qs img{
	width: 100%;
	height: 100%;}

#qs-v-img, #b{ display: none;}



.mision{
	max-width: 950px;
	margin: auto;
	display: block;
	text-align: center;
}

.linea-m{
	width: 10%;
	height: 4px;
	background-color: #FFC52E;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

.linea-mv{
	width: 10%;
	height: 4px;
	background-color:#5B7204;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}


.linea-e{ 
	width: 20%;
	height: 4px;
	background-color: #FFC52E;
	margin-top: 10px;
	margin-bottom: 10px;
}

.contenedor-mision{
	padding-top: 20px;
	max-width: 1000px;
	margin: auto;
	padding-bottom: 30px;
	display: flex;
	justify-content: space-between;}

#valores{
	padding-left: 30px;}

#uvas-img img{
	width: 100%; 
	height: 100%;}

#botellas-img{
	padding: 15px 0px 20px 0px;
	display: flex;
	max-width: 850px;
	text-align: center;
	margin: auto;
}

.logos-berries{
	padding: 0px 0px 20px 0px;
	margin: auto;
	text-align: center;}

.contacto{
	max-width: 950px;
	margin: auto;
	display: flex;
	justify-content: space-between;}

.contacto-numeros{
	padding-top: 20px;
	padding-bottom: 30px;
	max-width: 900px;
	margin: auto;
	justify-content: space-between;
	display: flex;
}

.web-sanmiguel{ 
	padding: 20px 0px 20px 0px;
	width: 100%;
background-color:#5a7204 ;
margin: auto;}

#contacto-sociedad{padding-left: 30px; padding-top: 150px;}

.contacto-numeros hr{display: none; padding-right: 30px;}

@media(max-width:900px)
{
	#berries-img img{width: 100%; height: 100%;margin: auto;}
	#berries img{width: 100%; height: 100%;}
	
}

@media(max-width:768px)
{
	.contenido-intro{
					padding: 30px;
					margin:auto;
				}	
	
	.quienes .contenedor{
	text-align: center;
	position: absolute;
	top: 40%;
	left: 40%;
	transform: translateX(-40%) translateY(-40%);
}	
	
	.textos-intro{ padding: 5px;}
	
	#botellas-img img{ 
		width: 100%;
		height:100%;
}
	#berries-img{ width: 60%; height: 50%;}
	.logos-berries img{ width: 100%; height: 100%;}
	
	#berries img{width: 100%; height: 100%; display: flex;}
	
	.contacto{display: block; text-align: center; margin: auto;}
	#contacto-sociedad{padding-top: 50px; padding-left:0px;}
	.contacto-numeros{display: block; text-align: center;}
	
	.contacto-numeros hr{display: block;}
	
	.linea-e{ margin:auto;}
	
	.textos-intro{ padding-right:0px;}
}

@media(max-width:600px){
	
	.displaflex2{ display:block;
				margin:auto;
				}
	
	.contenedor-mision{
		display: block; 
		text-align: center;}

	#img-valores img{
		width: 85%;
		height: 85%;
	}
	
	.linea-e{margin: auto;}
	#berries img{width: 50%; height: 50%; display: block; text-align: center; margin: auto;}
}

@media(max-width:468px)
{
	
	.contenido-intro{
					padding: 30px 15px 40px 15px;
					margin:auto;
				}	
				
	
	#b{display: block; 
		padding: 30px 30px 60px 5px;}
	
	#a{display: none;}
	
	#img-banner-somos{display: none;}
	
	#img-qs{
		display: none;
		padding: 0px;
		background-color: #FFFFFF;}
	
	#qs-v-img{
		text-align: center;
		display: block;
		width: 85%;
		height: 85%; 
		margin: auto;}
	
	#botellas-img{ 
		display: block;
		width: 50%;
		height: 50%;
}

#tex-pie{
	font-size: 9px;
	color: #FFFFFF;}
	
	.contenido #alfalfa{padding: 0px 0px 40px 0px;}
	
	.em_full_img-v2a img {
			width: 90% !important;
			height: auto !important;
			}
}