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

.slider{ height:100vh; width:100%; position:absolute; top:0px; left:0px; margin:0; padding:0; background-repeat:no-repeat; opacity:1; z-index:1; list-style: none;}
.slider.cargando{ opacity:0;}
.slider.hidden{ display:none;}

	.slider li{ float:left; width:100%; position:absolute; top:0px; left:0px; height:100%; background-position: center; background-repeat: no-repeat;}
	.imagen1{ background-image: url("../img/serrania-1.jpg");}
	.imagen2{ background-image: url("../img/serrania-2.jpg");}
	.imagen3{ background-image: url("../img/serrania-3.jpg");}
	.imagen4{ background-image: url("../img/serrania-4.jpg");}
	.imagen5{ background-image: url("../img/serrania-5.jpg");}
	.imagen6{ background-image: url("../img/serrania-6.jpg");}
	.imagen7{ background-image: url("../img/serrania-7.jpg");}
	.imagen8{ background-image: url("../img/serrania-8.jpg");}
	.imagen9{ background-image: url("../img/serrania-9.jpg");}
	.imagen10{ background-image: url("../img/serrania-10.jpg");}

.slider.cargando{ opacity:0;}
	.slider.hidden{ display:none;}


.textoSeccion{ width:100%; float: left; position:relative; background-color: #1e6927; z-index: 2; position: relative; margin-top: -200px;}
.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: 100% !important; margin-left: 0 !important; margin-top: 60px;}
	.slider{ height: 50vh;}
	.slider li{ float:left; width:100%; position:absolute; top:0px; left:0px; height:100%; background-position: center; background-repeat: no-repeat; background-size: auto 100%;}
	.textoSeccion{ margin-top: -40px;}
	.degradado{ width:100%; float: left; position:relative; height: 3vw; margin-top: -3vw;}
	
	.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;}
	
}