.content{ float:right !important; width: 40%; margin-right: 5%; font-family: 'amiriregular'; }

.bannerImg{ float:left; width: 100%; margin-bottom:6px;}
.bannerImg img{ float:left; width: 100%;}

.mapaContainer{ float:left !important; width: 48%; margin-left: 2%; height: 22vw; position: relative; margin-top: 5vw; margin-bottom: 5vw;}
#mapagoogle{ float:left; position: relative; width: 100%; height: 22vw; }
.listadoArticulos.bloques li{ width: 100% !important;}
.owl-thumbs{ display: none !important;}

.botonTodos{ float:left; width: 100%; height: 40px; line-height: 40px; text-align: center; color: #fff; text-decoration: none; font-size: 20px; background-color: #000;  font-family: 'amiriregular'; margin-bottom: 40px;}
#listadoArticulosContainer{ margin-bottom: 0px !important; }

.CajaPresentacion{ background-color: #e1e1e1; float:left; width: 100%; }
.CajaPresentacion .texto{ float:left; width: 43%; margin-left: 3%; margin-right: 3%; color: #000;}
.CajaPresentacion .imagenes{ float:left; width: 48%; margin-left: 2%; margin-right: 1%; margin-top: 10px; margin-bottom: 20px;}
.CajaPresentacion .img1{ float:left; width: 100%; }
.CajaPresentacion .img2{ float:left; width: 49%; margin-right: 1%; margin-top: 10px;}
.CajaPresentacion .img3{ float:left; width: 49%; margin-left: 1%; margin-top: 10px;}
.CajaPresentacion h3{ font-size: 50px; float: left; width: 100%; margin-top: 20px; margin-bottom: 0px;}
.CajaPresentacion h4{ font-size: 30px; float: left; width: 100%; margin-top: 0px; margin-bottom: 20px;}
.CajaPresentacion p{ font-size: 18px; line-height: 1.3; text-align: justify;}

.infoTxt{ float:left; width: 100%; height: auto; background-image: url("../../empresa/img/pixel-bg.jpg"); background-repeat: repeat; margin-bottom: 15px;}
.infoTxt em{ float:left; width: 40%; margin-left: 5%; margin-right: 5%; float: left;
text-align: left;
font-size: 28px;
margin-bottom: 0px;
margin-top: 15px;
line-height: 1.4;
font-weight: normal;
font-family: 'amiriregular';
font-style: italic; font-weight: 100; margin-bottom: 40px;}
.infoTxt em span{ font-size: 15px; font-style: normal; float:left; width: 100%; margin-top: 15px;}
.infoTxt .texto p{font-family: 'amiriregular'; font-size: 21px; line-height: 1.4; color: #000; text-align: justify;}
.infoTxt .texto{ float:left; width: 94%; margin-left: 3%;}
.botonConocenos{
	float: right;
	text-align: center;
	width: 150px;
	height: 40px;
	line-height: 40px;
	color: #978d6f;
	font-size: 20px;
	text-decoration: none;
	background-color: #fff;
	margin-right: 160px;
	transition: 0.5s;
	margin-top: 5px;
	margin-bottom: 25px;
	font-family: 'amiriregular';
}
.botonEventos{
	float: left;
	text-align: center;
	width: 250px;
	height: 40px;
	line-height: 40px;
	color: #1e6927;
	font-size: 20px;
	text-decoration: none;
	background-color: #fff;
	transition: 0.5s;
	margin-top: 25px;
	margin-bottom: 25px;
	font-family: 'amiriregular';
}


.cajaLogos{float:left; width: 100%; border-bottom: solid 4px #3ab54a; margin-bottom: 20px;}
.cajaLogos h3{ float:left; width: 100%; height: 80px; line-height: 80px; font-size: 60px; color: #fff; font-weight: 600; background-color: #3ab54a; text-align: center; margin-bottom: 20px; margin-top: 30px; }
.logoItem{ float:left; width: 33%; border-right: 2px solid #3ab54a; text-align: center; height: 250px; margin-bottom: 20px; border-bottom:0px !important; margin-left:0px !important; margin-right:0px !important;}
.logoItem img{ float:left; width: 70%; margin-left: 15%; margin-right: 15%; margin-top: 25px;}
.logoItem.portal img{ width: 66%; margin-left: 17%; margin-right: 17%; margin-top: 10px;}
.logoItem.pitas{ border-right: none;}
.logoItem.pitas img{ margin-top: 50px;}

.logoItem p{ float:left; margin-top: 15px; color: #000; width: 80%; margin-left: 10%; font-size: 18px;}


#serviciosContent{ float:left; width:100%; position:relative; margin-top: 167px; height: 431px; background-image: url("../img/imagen-empresas-ventajas.jpg"); background-repeat: no-repeat; background-size: cover; background-position: right; background-color: rgba(0, 0, 0, 0.4);}

#imagenSec{ float:left; width:100%;}
#imagenSec img{ float:left; width:100%;}

.textoSeccion{ width:100%; float: left; position:relative; background-color: #1e6927; }
.content{ float:left; width: 40%; margin-left: 2%; font-family: 'amiriregular';margin-bottom: 40px; color: #fff; }
.textoSeccion h2{ float:left; width: 100%;  font-size: 60px; margin-bottom: 0px; margin-top: 5vw; font-weight: normal;}
.textoSeccion h3{ float:left; width: 100%;  font-size: 23px; margin-bottom: 0px; margin-top: 0px; line-height: 1.1; font-weight: normal;}
.textoSeccion p{ float:left; width: 100%; color:#fff; font-family: 'amiriregular'; font-size: 20px; margin-bottom: 0px; line-height: 1.3; text-align: justify;}

.mapaContainer{ float:right; width: 48%; margin-right: 2%; height: 400px; position: relative; margin-top: 5vw; margin-bottom: 5vw;}
#mapagoogle{ float:left; position: relative; width: 100%; height: 400px; }



.degradado{ width:100%; float: left; position:relative; height: 5vw; margin-top: -5vw;
background: rgb(30,105,39);
background: -moz-linear-gradient(0deg, rgba(30,105,39,1) 0%, rgba(30,105,39,1) 0%, rgba(30,105,39,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(30,105,39,1) 0%, rgba(30,105,39,1) 0%, rgba(30,105,39,0) 100%);
background: linear-gradient(0deg, rgba(30,105,39,1) 0%, rgba(30,105,39,1) 0%, rgba(30,105,39,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e4e3c9",endColorstr="#ffffff",GradientType=1);	
}



@media screen and (max-width : 768px){
	#body-container{ width: 96% !important; margin-left: 2% !important; margin-top: 80px;}
	.infoTxt em{ font-size: 16px; width: 45%; margin-bottom: 10px;}
	.infoTxt .texto p{ font-size: 16px; line-height: 1.3;}
	.sliderContainer .owl-item{height: 43vw}
	.botonConocenos{
		float: left;
		width: 60%;
		margin-right: auto;
		margin-left: 20%;
		height: 30px; 
		line-height: 30px;
		font-size: 18px;
	}

	.CajaPresentacion .texto{ float:left; width: 94%; margin-left: 3%; margin-right: 3%; color: #000; text-align: center;}
	.CajaPresentacion .imagenes{ float:left; width: 94%; margin-left: 3%; margin-top: 10px; margin-bottom: 20px; text-align: center;}
	.CajaPresentacion h3{ font-size: 40px; float: left; width: 100%; margin-top: 20px; margin-bottom: 20px;}
	.CajaPresentacion h4{ font-size: 27px; float: left; width: 100%; margin-top: 0px; margin-bottom: 20px;}
	.CajaPresentacion p{ font-size: 16px; line-height: 1.3; text-align: justify;}

	.mapaContainer{ width: 96%; margin-right: 2%; height: 70vw; margin-bottom: 40px; }
	#mapagoogle{ float:left; position: relative; width: 100%; height: 70vw; }
	.content{ width: 96% !important; margin-left: 2%; margin-right: 2%;  }
	.textoSeccion h2{ float:left; width: 100%;  font-size: 40px; text-align: center; margin-bottom: 0px; margin-top: 5vw; font-weight: normal;}
	.textoSeccion h3{ float:left; width: 100%; text-align: center !important; font-size: 20px; margin-bottom: 0px; margin-top: 0px; line-height: 1.1; font-weight: normal;}
	.textoSeccion p{ float:left; width: 100%; color:#fff; font-size: 16px; margin-bottom: 0px; line-height: 1.3; text-align: justify;}
	
	.botonEventos{
		float: left;
		text-align: center;
		width: 50%; 
		margin-left: 25%;
		height: 34px;
		line-height: 34px;
		color: #1e6927;
		font-size: 18px;
		text-decoration: none;
		background-color: #fff;
		transition: 0.5s;
		margin-top: 25px;
		margin-bottom: 25px;
		font-family: 'amiriregular';
	}
	
}