div.modal-dialog{
	margin-top:50px;
	z-index:99999;
}
.modal-header{
	border:none;
}
.modal-footer{
	border:none;
	color:#fff;
}
.modal-content{
	background-color:none;
	box-shadow:none;
}
.close{
	color:#fff;
	font-size:41px;
	opacity:1;
}
.btn-primary{
	background-color:#2D9D7D;
	border-color:#307756;
}
.btn-primary:hover{
	background-color:#333;
	border-color:#307756;
}
.naranja-ruta{
	width:100%;
}
.distribucion p{
	position:relative;
	padding-left:30px;
	margin:0;
}
#video{
	width:100%;
	margin-top:0px;
}
.textos_rutas{
	width:100%;
	
}
.textos_rutas p{
	width:91%;
}
.rut_text{
	padding:20px;
}
.nota{
	margin-top:100px;
	
}
.rojo{
	color:#D22428;
	padding-left:20px;
	padding-right:20px;
}
.verde{
	color:#009877;
	padding-left:20px;
	padding-right:20px;
}
.azul{
	color:#0033A1;
	padding-left:20px;
	padding-right:20px;
}
.blue{
	width:30px;
	height:20px;
	background:#0033A1;
}
.azul_dos{
	color:#0033A1;
	padding-left:20px;
	padding-right:20px;
	font-family: Myriad Pro;
	letter-spacing:2px;
	font-size:20px;
	font-weight:bold;
}
.red{
	color:#AC1E2D;
	padding-left:20px;
	padding-right:20px;
	font-family: Myriad Pro;
	letter-spacing:2px;
	font-size:20px;
	font-weight:bold;
}
.green{
	color:#0033A1;
	padding-left:20px;
	padding-right:20px;
	font-family: Myriad Pro;
	letter-spacing:2px;
	font-size:20px;
	font-weight:bold;
}
.purple{
	color:#652D80;
	padding-left:20px;
	padding-right:20px;
	font-family: Myriad Pro;
	letter-spacing:2px;
	font-size:20px;
	font-weight:bold;
}
.light-blue{
	color:#2697CE;
	padding-left:20px;
	padding-right:20px;
	font-family: Myriad Pro;
	letter-spacing:2px;
	font-size:20px;
	font-weight:bold;
}
.Servicios{
	text-align:center;
	margin:0 auto;
	width: 87%;
	float:center;
}
.pink{
	color:#D90080;
	padding-left:20px;
	padding-right:20px;
	font-family: Myriad Pro;
	letter-spacing:2px;
	font-size:20px;
	font-weight:bold;
}
@media (min-width: 2560px) and (max-width: 2880px) {
	
	#departamentos{
		background-image:url("../images/rendercallemarca agua.jpg");
		width:100%;
		background-attachment: fixed;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
	    -o-background-size: cover;
		background-size: cover;
		background-position: 2em 1.5cm;
		padding:30px;
	}
	#proyectobac{
		background-image:url("../images/rendercallemarca agua.jpg");
		width:1140px;
		background-attachment: fixed;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
	    -o-background-size: cover;
		background-size: cover;
		padding:30px;
		margin-top:-3270px;
		height:800px;
	}
	.contenido{
		width:1200px;
	}

	.banner img{
		width:1200px;
		padding-top:30px;
		padding-bottom:30px;
	}
	#desarrollo{
		width:50%;
		float:left;
	}
	#desarrollo h2{
		color:#2D9D7D;
		font-size:38px;
		font-weight:bold;
	}
	#desarrollo p{
		font-size:24px;
		margin-top:20px;
		text-align:justify;
	}
	.image_desarrollo{
		float:right;
		width:45%;
		margin-top:90px;
	}
	.image_desarrollo p{
		color:#2D9D7D;
		font-size:18px;
		float:right;
	}
	.image_desarrollo img{
		width:100%;
	}
	section{
		width:1200px;
		
	}
	.imagen-departamentos{
		width:100%;
		margin-left:-25%;
		padding-top:30px;
		margin-top:650px;
		padding-bottom:30px;
	}
	#depa_uno{
		width:50%;
		float:left;
	}
	#depa_uno h2{
		color:#2D9D7D;
		font-size:38px;
		font-weight:bold;
	}
	#depa_uno img{
		float:left;
		width:100%;
	}
	.depa_textos{
		float:right;
		width:50%;
		color:#2D9D7D;
		font-size:24px;
		font-weight:600;
		margin-top:80px;
	}
	.depa_textos p{
		margin-left:70px;
		margin-top: 10px;
		text-align:justify;
	}
	#depa_uno_acabados{
		width:50%;
		top:50px;
		position:relative;
	}
	#depa_uno_acabados img{
		float:left;
		width:100%;
	}
	.depa_textos_acabados{
		float:right;
		width:50%;
		color:#2D9D7D;
		font-size:24px;
		font-weight:600;
		margin-top:90px;
	}
	
	.depa_textos_acabados p{
		margin-left:70px;
		margin-top: 10px;
	}
	.depa_textos_acabados h2{
		margin-left:70px;
		margin-top: 10px;
		font-weight:bold;
		color:#007751;
	}
	#imagenes_ilustrativas{
		top:80px;
		position:relative;
		width:100%;
		padding-bottom:100px;
	}
	#imagenes_ilustrativas img{
		width:100%;
	}
	.imagen_uno{
		width:48%;
	}
	.imagen_dos{
		float:right;
		width:48%;
		position:relative;
		margin-top:-365px
	}
	/*Inicia Pagina proyecto*/
	#proyecto{
		width:60%;
		float:left;
		margin-top:50px;
	}
	#proyecto h2{
		color:#2D9D7D;
		font-size:38px;
		font-weight:bold;
	}
	#proyecto p{
		font-size:24px;
		margin-top:20px;
		text-align:justify;
	}

	.image_proyecto{
		float:right;
		width:35%;
		margin-top:120px;
	}
	.image_proyecto img{
		width:95%;
	}
	.amenidades{
		width:100%;
		height:100px;
		background:#FC8400;
		float:left;
		margin-top:50px;
		display: flex;
		justify-content: center;
	    align-items: center;
		
	}
	.amenidades h2{
		color:#fff;
		font-size:40px;
		letter-spacing:20px;
		font-family: 'Roboto Slab', serif;
		
	}
	.amenidades_uno{
		width:100%;
		height:100px;
		background:#FC8400;
		float:left;
		margin-top:50px;
		display: flex;
		justify-content: center;
	    align-items: center;
		
	}
	.amenidades_uno h2{
		color:#fff;
		text-align:center;
		font-size:28px;
		letter-spacing:10px;
		font-family: 'Roboto Slab', serif;
		
	}
	
	
	#arco{
		width:40%;
		float:left;
		margin-top:40px;
	}
	.arco-imagen{
		width:100%;
		float: right;
		margin-right:100px;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.arco-texto{
		float:right;
		margin-top:-120px;
		color:#2D9D7D;
		font-size:38px;
		margin-left:250px;
	}
	#parques{
		width:40%;
		float:right;
		margin-top:40px;
	}
	.parque-imagen{
		width:100%;
		float: right;
		margin-right:200px;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.parque-texto{
		float:left;
		margin-top:-120px;
		color:#2D9D7D;
		font-size:38px;
		margin-left:160px;
	}
	.clear{
		clear:both;
	}
	#ciclopista{
		width:40%;
		float:left;
		margin-top:30px;
		
	}
	.ciclopista-imagen{
		width:100%;
		float: right;
		margin-right:100px;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.ciclopista-texto{
		float:left;
		margin-top:-120px;
		color:#2D9D7D;
		font-size:38px;
		margin-left:270px;
	}
	#infantiles{
		width:40%;
		float:right;
		margin-top:30px;
	}
	.infantiles-imagen{
		width:100%;
		float: right;
		margin-right:200px;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.infantiles-texto{
		float:left;
		margin-top:-120px;
		color:#2D9D7D;
		font-size:38px;
		margin-left:160px;
	}
	#comerciales{
		width:45%;
		float:left;
		margin-top:30px;
		margin-left:-30px;
		
	}
	.comerciales-imagen{
		width:100%;
		float: right;
		margin-right:100px;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.comerciales-texto{
		float:left;
		margin-top:-120px;
		color:#2D9D7D;
		font-size:38px;
		margin-left:270px;
	}
	#escuela{
		width:40%;
		float:right;
		margin-top:30px;
	}
	.escuela-imagen{
		width:100%;
		float: right;
		margin-right:200px;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.escuela-texto{
		float:left;
		margin-top:-120px;
		color:#2D9D7D;
		font-size:38px;
		margin-left:160px;
	}
	#verdes{
		width:45%;
		float:left;
		margin-top:30px;
		margin-left:-30px;
		
	}
	.verdes-imagen{
		width:100%;
		float: right;
		margin-right:100px;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.verdes-texto{
		float:left;
		margin-top:-120px;
		color:#2D9D7D;
		font-size:38px;
		margin-left:270px;
	}
	#transporte{
		width:40%;
		float:right;
		margin-top:30px;
	}
	.transporte-imagen{
		width:100%;
		float: right;
		margin-right:200px;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.transporte-texto{
		float:left;
		margin-top:-120px;
		color:#2D9D7D;
		font-size:38px;
		margin-left:160px;
	}
	.distribucion{
		width:1200px;
		margin-top:220px;
		position:relative;
		padding-bottom:50px;
	}
	.distribucion img{
		width:95%;
		padding:20px;
	}
	/*Inicia Pagina ubicacion*/
	#ubicacion{
		width:100%;
		float:left;
		margin-top:0px;
	}
	#ubicacion h2{
		color:#2D9D7D;
		font-size:38px;
		font-weight:bold;
	}
	#ubicacion p{
		font-size:24px;
		margin-top:20px;
		text-align:justify;
	}
	#mapa{
		width:100%;
	}
	.titulo-rutas{
		width:100%;
		margin-top:40px;
	}
	.titulo-rutas h2{
		color:#2D9D7D;
		font-size:38px;
		font-weight:bold;
		font-size:24px;
		padding:30px;
	}
	.imagen-mapa{
		width:42%;
		margin-top:0px;
		float:left;
	}
	.imagen-mapa img{
		width:100%;
		padding:50px;
	}
	.rutas{
		float:right;
		width: 50%;
		margin-top:70px;
	}
	.naranja-ruta {
		color:#FC8400;
		font-size:24px;
	}
	.verde-ruta {
		color:#2D9D7D;
		font-size:24px;
	}
	.rutas p{
		font-size:18px;
		text-align:justify;
	}
	.nota2 h4{
		font-size:17px;
	}
	.nota2 h4.azul-ruta{
		color:#2E3188;
	}
	/*Inicia Pagina proyecto*/
	.formulario{
		background-image:url("../images/contacto.jpg");
		width:100%;
		background-attachment: fixed;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
	    -o-background-size: cover;
		background-size: cover;
		height:800px;
		margin-top:200px;
		background-position: 2em 1.5cm;
	}
	.linea-naranja{
		width:1200px;
		height:20px;
		background:#FC8400;
		margin-top:70px;
		position:absolute;
	}
	.logo-contacto{
		width: 300px;
		height: 300px;
		position: absolute;
		left: 52%;
		top: 25%; 
		margin-left: -150px;
		top: 200px;
		   
	}
	.atencion{
		width:40%;
		margin-left:26%;
		position:relative;
		top:130px;
	}
	.atencion-imagen{
		width:40%;
		float:left;
	}
	.atencion-imagen img{
		width:100%;
	}
	.atencion-texto{
		width:60%;
		float:right;
	}
	.atencion-texto h2{
		font-family: 'Yellowtail', cursive;
		font-size:40px;
		color:#036B49;
		float:right;
	}
	.atencion-texto p{
		font-size:16px;
		color:#2D9D7D;
		text-align:center;
	}
	.formulario-enviar{
		background:rgba(3, 107, 73, 0.8);
		width:45%;
		height:400px;
		padding:15px;
		margin-top:-520px;
		margin-left:24%;
	}
	label{
		color:#fff;
		font-size:19px;
		padding:15px;
	}
	input[type='text']{
    	background:#fff;
		width:480px;
		border-radius:0;
		padding:10px;
	}
	input[type='email']{
    	background:#fff;
		width:480px;
		border-radius:0;
		padding:10px;
	}
	li{
		list-style:none;
	}
	textarea {
    	background:#fff;
		width:480px;
		border-radius:0;
		padding:10px;
	}
	
	input[type='submit']{
		background:#fff;
		color:#333;
		width:150px;
		margin-top:10px;
		font-size:18px;
		font-weight:bold;
	}
	.datos-contacto{
		width:100%;
		margin-top:150px;
	}
	.numero-uno{
		float:left;
		width:33%;
		text-align:center;
	}
	.numero-uno h2{
		font-size:22px;
		color:#2D9D7D;
	}
	.numero-uno h3{
		font-size:38px;
		color:#2D9D7D;
	}
	.numero-dos{
		float:left;
		width:33%;
		text-align:center;
	}
	.numero-dos h2{
		font-size:22px;
		color:#2D9D7D;
	}
	.numero-dos h3{
		font-size:38px;
		color:#2D9D7D;
	}
	.numero-tres h2{
		font-size:22px;
		color:#2D9D7D;
	}
	.numero-tres h3{
		font-size:38px;
		color:#2D9D7D;
	}
	.numero-tres{
		float:right;
		width:33%;
		text-align:center;
	}
	.sitio-web{
		width:100%;
		height:200px;
		background:#ffffff;
		margin-top:0px;
		display: flex;
		justify-content: center;
	    align-items: center;
		
	}
	.sitio-web h2{
		color:#2D9D7D;
		font-size:30px;
		letter-spacing:5px;
		font-family: 'Roboto Slab', serif;
		
	}
	.numero-dos{
		border-right: 3px solid #2D9D7D;
	}
	.numero-uno{
		border-right: 3px solid #2D9D7D;
	}
	.Servicios-mobile{
		display:none;
	}

}
@media (min-width: 1920px) and (max-width: 2559px) {
	.contenido{
		width:1200px;
	}
	.Servicios-mobile{
		display:none;
	}
	#departamentos{
		background-image:url("../images/rendercallemarca agua.jpg");
		width:100%;
		background-attachment: fixed;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
	    -o-background-size: cover;
		background-size: cover;
		background-position: 2em 1.5cm;
		padding:30px;
	}
	#proyectobac{
		background-image:url("../images/rendercallemarca agua.jpg");
		width:1140px;
		background-attachment: fixed;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
	    -o-background-size: cover;
		background-size: cover;
		padding:30px;
		margin-top:-3280px;
		height:800px;
	}
	.banner img{
		width:1200px;
		padding-top:30px;
		padding-bottom:30px;
	}
	#desarrollo{
		width:50%;
		float:left;
	}
	#desarrollo h2{
		color:#2D9D7D;
		font-size:38px;
		font-weight:bold;
	}
	#desarrollo p{
		font-size:24px;
		margin-top:20px;
		text-align:justify;
	}
	.image_desarrollo{
		float:right;
		width:45%;
		margin-top:90px;
	}
	.image_desarrollo p{
		color:#2D9D7D;
		font-size:18px;
		float:right;
	}
	.image_desarrollo img{
		width:100%;
	}
	section{
		width:1200px;
		
	}
	.imagen-departamentos{
		width:100%;
		margin-left:-25%;
		padding-top:30px;
		margin-top:650px;
		padding-bottom:30px;
	}
	#depa_uno{
		width:50%;
		float:left;
	}
	#depa_uno h2{
		color:#2D9D7D;
		font-size:38px;
		font-weight:bold;
	}
	#depa_uno img{
		float:left;
		width:100%;
	}
	.depa_textos{
		float:right;
		width:50%;
		color:#2D9D7D;
		font-size:24px;
		font-weight:600;
		margin-top:80px;
	}
	.depa_textos p{
		margin-left:70px;
		margin-top: 10px;
	}
	#depa_uno_acabados{
		width:50%;
		top:50px;
		position:relative;
	}
	#depa_uno_acabados img{
		float:left;
		width:100%;
	}
	.depa_textos_acabados{
		float:right;
		width:50%;
		color:#2D9D7D;
		font-size:24px;
		font-weight:600;
		margin-top:90px;
	}
	.depa_textos_acabados p{
		margin-left:70px;
		margin-top: 10px;
	}
	.depa_textos_acabados h2{
		margin-left:70px;
		margin-top: 10px;
		font-weight:bold;
		color:#007751;
	}
	#imagenes_ilustrativas{
		top:80px;
		position:relative;
		width:100%;
		padding-bottom:100px;
	}
	#imagenes_ilustrativas img{
		width:100%;
	}
	.imagen_uno{
		width:48%;
	}
	.imagen_dos{
		float:right;
		width:48%;
		position:relative;
		margin-top:-365px
	}
	/*Inicia Pagina proyecto*/
	#proyecto{
		width:60%;
		float:left;
		margin-top:50px;
	}
	#proyecto h2{
		color:#2D9D7D;
		font-size:38px;
		font-weight:bold;
	}
	#proyecto p{
		font-size:24px;
		margin-top:20px;
		text-align:justify;
	}

	.image_proyecto{
		float:right;
		width:35%;
		margin-top:120px;
	}
	.image_proyecto img{
		width:95%;
	}
	.amenidades{
		width:100%;
		height:100px;
		background:#FC8400;
		float:left;
		margin-top:50px;
		display: flex;
		justify-content: center;
	    align-items: center;
		
	}
	.amenidades h2{
		color:#fff;
		font-size:40px;
		letter-spacing:20px;
		font-family: 'Roboto Slab', serif;
		
	}
	.amenidades_uno{
		width:100%;
		height:100px;
		background:#FC8400;
		float:left;
		margin-top:50px;
		display: flex;
		justify-content: center;
	    align-items: center;
		
	}
	.amenidades_uno h2{
		color:#fff;
		text-align:center;
		font-size:28px;
		letter-spacing:10px;
		font-family: 'Roboto Slab', serif;
		
	}
	#arco{
		width:40%;
		float:left;
		margin-top:40px;
	}
	.arco-imagen{
		width:100%;
		float: right;
		margin-right:100px;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.arco-texto{
		float:right;
		margin-top:-120px;
		color:#2D9D7D;
		font-size:38px;
		margin-left:250px;
	}
	#parques{
		width:40%;
		float:right;
		margin-top:40px;
	}
	.parque-imagen{
		width:100%;
		float: right;
		margin-right:200px;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.parque-texto{
		float:left;
		margin-top:-120px;
		color:#2D9D7D;
		font-size:38px;
		margin-left:160px;
	}
	.clear{
		clear:both;
	}
	#ciclopista{
		width:40%;
		float:left;
		margin-top:30px;
		
	}
	.ciclopista-imagen{
		width:100%;
		float: right;
		margin-right:100px;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.ciclopista-texto{
		float:left;
		margin-top:-120px;
		color:#2D9D7D;
		font-size:38px;
		margin-left:270px;
	}
	#infantiles{
		width:40%;
		float:right;
		margin-top:30px;
	}
	.infantiles-imagen{
		width:100%;
		float: right;
		margin-right:200px;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.infantiles-texto{
		float:left;
		margin-top:-120px;
		color:#2D9D7D;
		font-size:38px;
		margin-left:160px;
	}
	#comerciales{
		width:45%;
		float:left;
		margin-top:30px;
		margin-left:-30px;
		
	}
	.comerciales-imagen{
		width:100%;
		float: right;
		margin-right:100px;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.comerciales-texto{
		float:left;
		margin-top:-120px;
		color:#2D9D7D;
		font-size:38px;
		margin-left:270px;
	}
	#escuela{
		width:40%;
		float:right;
		margin-top:30px;
	}
	.escuela-imagen{
		width:100%;
		float: right;
		margin-right:200px;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.escuela-texto{
		float:left;
		margin-top:-120px;
		color:#2D9D7D;
		font-size:38px;
		margin-left:160px;
	}
	#verdes{
		width:45%;
		float:left;
		margin-top:30px;
		margin-left:-30px;
		
	}
	.verdes-imagen{
		width:100%;
		float: right;
		margin-right:100px;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.verdes-texto{
		float:left;
		margin-top:-120px;
		color:#2D9D7D;
		font-size:38px;
		margin-left:270px;
	}
	#transporte{
		width:40%;
		float:right;
		margin-top:30px;
	}
	.transporte-imagen{
		width:100%;
		float: right;
		margin-right:200px;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.transporte-texto{
		float:left;
		margin-top:-120px;
		color:#2D9D7D;
		font-size:38px;
		margin-left:160px;
	}
	.distribucion{
		width:1200px;
		margin-top:220px;
		position:relative;
		padding-bottom:50px;
	}
	.distribucion img{
		width:95%;
		padding:20px;
	}
	/*Inicia Pagina ubicacion*/
	#ubicacion{
		width:100%;
		float:left;
		margin-top:0px;
	}
	#ubicacion h2{
		color:#2D9D7D;
		font-size:38px;
		font-weight:bold;
	}
	#ubicacion p{
		font-size:24px;
		margin-top:20px;
		text-align:justify;
	}
	#mapa{
		width:100%;
	}
	.titulo-rutas{
		width:100%;
		margin-top:40px;
	}
	.titulo-rutas h2{
		color:#2D9D7D;
		font-size:38px;
		font-weight:bold;
		font-size:24px;
		padding:30px;
	}
	.imagen-mapa{
		width:42%;
		margin-top:0px;
		float:left;
	}
	.imagen-mapa img{
		width:100%;
		padding:50px;
	}
	.rutas{
		float:right;
		width: 50%;
		margin-top:70px;
	}
	.naranja-ruta {
		color:#FC8400;
		font-size:24px;
	}
	.verde-ruta {
		color:#2D9D7D;
		font-size:24px;
	}
	.rutas p{
		font-size:18px;
		text-align:justify;
	}
	.nota2 h4{
		font-size:17px;
	}
	.nota2 h4.azul-ruta{
		color:#2E3188;
	}
	/*Inicia Pagina proyecto*/
	.formulario{
		background-image:url("../images/contacto.jpg");
		width:100%;
		background-attachment: fixed;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
	    -o-background-size: cover;
		background-size: cover;
		height:800px;
		margin-top:200px;
		background-position: 2em 1.5cm;
	}
	.linea-naranja{
		width:1200px;
		height:20px;
		background:#FC8400;
		margin-top:70px;
		position:absolute;
	}
	.logo-contacto{
		width: 300px;
		height: 300px;
		position: absolute;
		left: 52%;
		top: 25%; 
		margin-left: -150px;
		top: 200px;
		   
	}
	.atencion{
		width:40%;
		margin-left:26%;
		position:relative;
		top:130px;
	}
	.atencion-imagen{
		width:40%;
		float:left;
	}
	.atencion-imagen img{
		width:100%;
	}
	.atencion-texto{
		width:60%;
		float:right;
	}
	.atencion-texto h2{
		font-family: 'Yellowtail', cursive;
		font-size:40px;
		color:#036B49;
		float:right;
	}
	.atencion-texto p{
		font-size:16px;
		color:#2D9D7D;
		text-align:center;
	}
	.formulario-enviar{
		background:rgba(3, 107, 73, 0.8);
		width:45%;
		height:400px;
		padding:15px;
		margin-top:-520px;
		margin-left:24%;
	}
	label{
		color:#fff;
		font-size:19px;
		padding:15px;
	}
	input[type='text']{
    	background:#fff;
		width:480px;
		border-radius:0;
		padding:10px;
	}
	input[type='email']{
    	background:#fff;
		width:480px;
		border-radius:0;
		padding:10px;
	}
	li{
		list-style:none;
	}
	textarea {
    	background:#fff;
		width:480px;
		border-radius:0;
		padding:10px;
	}
	
	input[type='submit']{
		background:#fff;
		color:#333;
		width:150px;
		margin-top:10px;
		font-size:18px;
		font-weight:bold;
	}
	.datos-contacto{
		width:100%;
		margin-top:150px;
	}
	.numero-uno{
		float:left;
		width:33%;
		text-align:center;
	}
	.numero-uno h2{
		font-size:22px;
		color:#2D9D7D;
	}
	.numero-uno h3{
		font-size:38px;
		color:#2D9D7D;
	}
	.numero-dos{
		float:left;
		width:33%;
		text-align:center;
	}
	.numero-dos h2{
		font-size:22px;
		color:#2D9D7D;
	}
	.numero-dos h3{
		font-size:38px;
		color:#2D9D7D;
	}
	.numero-tres h2{
		font-size:22px;
		color:#2D9D7D;
	}
	.numero-tres h3{
		font-size:38px;
		color:#2D9D7D;
	}
	.numero-tres{
		float:right;
		width:33%;
		text-align:center;
	}
	.sitio-web{
		width:100%;
		height:200px;
		background:#ffffff;
		margin-top:0px;
		display: flex;
		justify-content: center;
	    align-items: center;
		
	}
	.sitio-web h2{
		color:#2D9D7D;
		font-size:30px;
		letter-spacing:5px;
		font-family: 'Roboto Slab', serif;
		
	}
	.numero-dos{
		border-right: 3px solid #2D9D7D;
	}
	.numero-uno{
		border-right: 3px solid #2D9D7D;
	}
	
}
@media (min-width: 1366px) and (max-width: 1919px) {
	#departamentos{
		background-image:url("../images/rendercallemarca agua.jpg");
		width:100%;
		background-attachment: fixed;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
	    -o-background-size: cover;
		background-size: cover;
		background-position: 2em 1.5cm;
		padding:30px;
	}
	#proyectobac{
		background-image:url("../images/rendercallemarca agua.jpg");
		width:1140px;
		background-attachment: fixed;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
	    -o-background-size: cover;
		background-size: cover;
		padding:30px;
		margin-top:-3280px;
		height:800px;
	}
	.contenido{
		width:1200px;
	}
	
	.banner img{
		width:1200px;
		padding-top:30px;
		padding-bottom:30px;
	}
	#desarrollo{
		width:50%;
		float:left;
	}
	#desarrollo h2{
		color:#2D9D7D;
		font-size:38px;
		font-weight:bold;
	}
	#desarrollo p{
		font-size:24px;
		margin-top:20px;
		text-align:justify;
	}
	.image_desarrollo{
		float:right;
		width:45%;
		margin-top:90px;
	}
	.image_desarrollo p{
		color:#2D9D7D;
		font-size:18px;
		float:right;
	}
	.image_desarrollo img{
		width:100%;
	}
	section{
		width:1200px;
		
	}
	.imagen-departamentos{
		width:1200px;
		margin-top:650px;
		padding-top:30px;
		padding-bottom:30px;
	}
	.imagen-departamentos img{
		width:1220px;
	}

	#depa_uno{
		width:50%;
		float:left;
	}
	#depa_uno h2{
		color:#2D9D7D;
		font-size:38px;
		font-weight:bold;
	}
	#depa_uno img{
		float:left;
		width:100%;
	}
	.depa_textos{
		float:right;
		width:50%;
		color:#2D9D7D;
		font-size:24px;
		font-weight:600;
		margin-top:80px;
	}
	.depa_textos p{
		margin-left:70px;
		margin-top: 10px;
	}
	#depa_uno_acabados{
		width:50%;
		top:50px;
		position:relative;
	}
	#depa_uno_acabados img{
		float:left;
		width:100%;
	}
	.depa_textos_acabados{
		float:right;
		width:50%;
		color:#2D9D7D;
		font-size:24px;
		font-weight:600;
		margin-top:90px;
	}
	.depa_textos_acabados p{
		margin-left:70px;
		margin-top: 10px;
	}
	.depa_textos_acabados h2{
		margin-left:70px;
		margin-top: 10px;
		font-weight:bold;
		color:#007751;
	}
	#imagenes_ilustrativas{
		top:80px;
		position:relative;
		width:100%;
		padding-bottom:100px;
	}
	#imagenes_ilustrativas img{
		width:100%;
	}
	.imagen_uno{
		width:48%;
	}
	.imagen_dos{
		float:right;
		width:48%;
		position:relative;
		margin-top:-365px
	}
	/*Inicia Pagina proyecto*/
	#proyecto{
		width:60%;
		float:left;
		margin-top:50px;
	}
	#proyecto h2{
		color:#2D9D7D;
		font-size:38px;
		font-weight:bold;
	}
	#proyecto p{
		font-size:24px;
		margin-top:20px;
		text-align:justify;
	}

	.image_proyecto{
		float:right;
		width:35%;
		margin-top:120px;
	}
	.image_proyecto img{
		width:95%;
	}
	.amenidades{
		width:100%;
		height:100px;
		background:#FC8400;
		float:left;
		margin-top:50px;
		display: flex;
		justify-content: center;
	    align-items: center;
		
	}
	.amenidades h2{
		color:#fff;
		font-size:40px;
		letter-spacing:20px;
		font-family: 'Roboto Slab', serif;
		
	}
	.amenidades_uno{
		width:100%;
		height:100px;
		background:#FC8400;
		float:left;
		margin-top:50px;
		display: flex;
		justify-content: center;
	    align-items: center;
		
	}
	.amenidades_uno h2{
		color:#fff;
		text-align:center;
		font-size:28px;
		letter-spacing:10px;
		font-family: 'Roboto Slab', serif;
		
	}
	#arco{
		width:40%;
		float:left;
		margin-top:40px;
	}
	.arco-imagen{
		width:100%;
		float: right;
		margin-right:100px;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.arco-texto{
		float:right;
		margin-top:-120px;
		color:#2D9D7D;
		font-size:38px;
		margin-left:250px;
	}
	#parques{
		width:40%;
		float:right;
		margin-top:40px;
	}
	.parque-imagen{
		width:100%;
		float: right;
		margin-right:200px;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.parque-texto{
		float:left;
		margin-top:-120px;
		color:#2D9D7D;
		font-size:38px;
		margin-left:160px;
	}
	.clear{
		clear:both;
	}
	#ciclopista{
		width:40%;
		float:left;
		margin-top:30px;
		
	}
	.ciclopista-imagen{
		width:100%;
		float: right;
		margin-right:100px;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.ciclopista-texto{
		float:left;
		margin-top:-120px;
		color:#2D9D7D;
		font-size:38px;
		margin-left:270px;
	}
	#infantiles{
		width:40%;
		float:right;
		margin-top:30px;
	}
	.infantiles-imagen{
		width:100%;
		float: right;
		margin-right:200px;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.infantiles-texto{
		float:left;
		margin-top:-120px;
		color:#2D9D7D;
		font-size:38px;
		margin-left:160px;
	}
	#comerciales{
		width:45%;
		float:left;
		margin-top:30px;
		margin-left:-30px;
		
	}
	.comerciales-imagen{
		width:100%;
		float: right;
		margin-right:100px;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.comerciales-texto{
		float:left;
		margin-top:-120px;
		color:#2D9D7D;
		font-size:38px;
		margin-left:270px;
	}
	#escuela{
		width:40%;
		float:right;
		margin-top:30px;
	}
	.escuela-imagen{
		width:100%;
		float: right;
		margin-right:200px;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.escuela-texto{
		float:left;
		margin-top:-120px;
		color:#2D9D7D;
		font-size:38px;
		margin-left:160px;
	}
	#verdes{
		width:45%;
		float:left;
		margin-top:30px;
		margin-left:-30px;
		
	}
	.verdes-imagen{
		width:100%;
		float: right;
		margin-right:100px;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.verdes-texto{
		float:left;
		margin-top:-120px;
		color:#2D9D7D;
		font-size:38px;
		margin-left:270px;
	}
	#transporte{
		width:40%;
		float:right;
		margin-top:30px;
	}
	.transporte-imagen{
		width:100%;
		float: right;
		margin-right:200px;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.transporte-texto{
		float:left;
		margin-top:-120px;
		color:#2D9D7D;
		font-size:38px;
		margin-left:160px;
	}
	.distribucion{
		width:1200px;
		margin-top:220px;
		position:relative;
		padding-bottom:50px;
	}
	.distribucion img{
		width:95%;
		padding:20px;
	}
	/*Inicia Pagina ubicacion*/
	#ubicacion{
		width:100%;
		float:left;
		margin-top:0px;
	}
	#ubicacion h2{
		color:#2D9D7D;
		font-size:38px;
		font-weight:bold;
	}
	#ubicacion p{
		font-size:24px;
		margin-top:20px;
		text-align:justify;
	}
	#mapa{
		width:100%;
	}
	.titulo-rutas{
		width:100%;
		margin-top:40px;
	}
	.titulo-rutas h2{
		color:#2D9D7D;
		font-size:38px;
		font-weight:bold;
		font-size:24px;
		padding:30px;
	}
	.imagen-mapa{
		width:42%;
		margin-top:0px;
		float:left;
	}
	.imagen-mapa img{
		width:100%;
		padding:50px;
	}
	.rutas{
		float:right;
		width: 50%;
		margin-top:70px;
	}
	.naranja-ruta {
		color:#FC8400;
		font-size:24px;
	}
	.verde-ruta {
		color:#2D9D7D;
		font-size:24px;
	}
	.rutas p{
		font-size:18px;
		text-align:justify;
	}
	.nota2 h4{
		font-size:17px;
	}
	.nota2 h4.azul-ruta{
		color:#2E3188;
	}
	/*Inicia Pagina proyecto*/
	.formulario{
		background-image:url("../images/contacto.jpg");
		width:100%;
		background-attachment: fixed;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
	    -o-background-size: cover;
		background-size: cover;
		height:800px;
		margin-top:200px;
		background-position: 2em 1.5cm;
	}
	.linea-naranja{
		width:1200px;
		height:20px;
		background:#FC8400;
		margin-top:70px;
		position:absolute;
	}
	.logo-contacto{
		width: 300px;
		height: 300px;
		position: absolute;
		left: 52%;
		top: 25%; 
		margin-left: -150px;
		top: 200px;
		   
	}
	.atencion{
		width:40%;
		margin-left:26%;
		position:relative;
		top:130px;
	}
	.atencion-imagen{
		width:40%;
		float:left;
	}
	.atencion-imagen img{
		width:100%;
	}
	.atencion-texto{
		width:60%;
		float:right;
	}
	.atencion-texto h2{
		font-family: 'Yellowtail', cursive;
		font-size:40px;
		color:#036B49;
		float:right;
	}
	.atencion-texto p{
		font-size:16px;
		color:#2D9D7D;
		text-align:center;
	}
	.formulario-enviar{
		background:rgba(3, 107, 73, 0.8);
		width:45%;
		height:400px;
		padding:15px;
		margin-top:-520px;
		margin-left:24%;
	}
	label{
		color:#fff;
		font-size:19px;
		padding:15px;
	}
	input[type='text']{
    	background:#fff;
		width:480px;
		border-radius:0;
		padding:10px;
	}
	input[type='email']{
    	background:#fff;
		width:480px;
		border-radius:0;
		padding:10px;
	}
	li{
		list-style:none;
	}
	textarea {
    	background:#fff;
		width:480px;
		border-radius:0;
		padding:10px;
	}
	
	input[type='submit']{
		background:#fff;
		color:#333;
		width:150px;
		margin-top:10px;
		font-size:18px;
		font-weight:bold;
	}
	.datos-contacto{
		width:100%;
		margin-top:150px;
	}
	.numero-uno{
		float:left;
		width:33%;
		text-align:center;
	}
	.numero-uno h2{
		font-size:22px;
		color:#2D9D7D;
	}
	.numero-uno h3{
		font-size:38px;
		color:#2D9D7D;
	}
	.numero-dos{
		float:left;
		width:33%;
		text-align:center;
	}
	.numero-dos h2{
		font-size:22px;
		color:#2D9D7D;
	}
	.numero-dos h3{
		font-size:38px;
		color:#2D9D7D;
	}
	.numero-tres h2{
		font-size:22px;
		color:#2D9D7D;
	}
	.numero-tres h3{
		font-size:38px;
		color:#2D9D7D;
	}
	.numero-tres{
		float:right;
		width:33%;
		text-align:center;
	}
	.sitio-web{
		width:100%;
		height:200px;
		background:#ffffff;
		margin-top:0px;
		display: flex;
		justify-content: center;
	    align-items: center;
		
	}
	.sitio-web h2{
		color:#2D9D7D;
		font-size:30px;
		letter-spacing:5px;
		font-family: 'Roboto Slab', serif;
		
	}
	.numero-dos{
		border-right: 3px solid #2D9D7D;
	}
	.numero-uno{
		border-right: 3px solid #2D9D7D;
	}
	.Servicios-mobile{
		display:none;
	}
}
@media (min-width: 1025px) and (max-width: 1365px) {
	.contenido{
		width:900px;
	}
	#departamentos{
		background-image:url("../images/rendercallemarca agua.jpg");
		width:100%;
		background-attachment: fixed;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
	    -o-background-size: cover;
		background-size: cover;
		background-position: 2em 1.5cm;
		padding:30px;
	}
	#proyectobac{
		background-image:url("../images/rendercallemarca agua.jpg");
		width:840px;
		background-attachment:fixed;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
	    -o-background-size: cover;
		background-size: cover;
		margin-top:-2680px;
		height:768px;
		padding:30px;
	}
	.banner img{
		width:900px;
		padding-top:30px;
		padding-bottom:30px;
	}
	#desarrollo{
		width:50%;
		float:left;
	}
	#desarrollo h2{
		color:#2D9D7D;
		font-size:30px;
		font-weight:bold;
	}
	#desarrollo p{
		font-size:18px;
		margin-top:20px;
		text-align:justify;
	}
	.image_desarrollo{
		float:right;
		width:50%;
		margin-top:90px;
	}
	.image_desarrollo p{
		color:#2D9D7D;
		font-size:18px;
		float:right;
	}
	.image_desarrollo img{
		width:100%;
		margin-left:25px;
	}
	section{
		width:900px;
		
	}
	.imagen-departamentos{
		width:900px;
		margin-top:480px;
		padding-top:30px;
		padding-bottom:30px;
	}
	.imagen-departamentos img{
		width:920px;
	}

	#depa_uno{
		width:50%;
		float:left;
	}
	#depa_uno h2{
		color:#2D9D7D;
		font-size:30px;
		font-weight:bold;
	}
	#depa_uno img{
		float:left;
		width:100%;
	}
	.depa_textos{
		float:right;
		width:50%;
		color:#2D9D7D;
		font-size:18px;
		font-weight:600;
		margin-top:80px;
	}
	.depa_textos p{
		margin-left:70px;
		margin-top: 10px;
	}
	#depa_uno_acabados{
		width:50%;
		top:50px;
		position:relative;
	}
	#depa_uno_acabados img{
		float:left;
		width:100%;
	}
	.depa_textos_acabados{
		float:right;
		width:50%;
		color:#2D9D7D;
		font-size:18px;
		font-weight:600;
		margin-top:70px;
	}
	.depa_textos_acabados p{
		margin-left:70px;
		margin-top: 10px;
	}
	.depa_textos_acabados h2{
		margin-left:70px;
		margin-top: 10px;
		font-weight:bold;
		color:#007751;
		font-size:24px;
	}
	#imagenes_ilustrativas{
		top:80px;
		position:relative;
		width:100%;
		padding-bottom:100px;
	}
	#imagenes_ilustrativas img{
		width:100%;
	}
	.imagen_uno{
		width:48%;
	}
	.imagen_dos{
		float:right;
		width:48%;
		position:relative;
		margin-top:-273px
	}
	/*Inicia Pagina proyecto*/
	#proyecto{
		width:60%;
		float:left;
		margin-top:50px;
	}
	#proyecto h2{
		color:#2D9D7D;
		font-size:30px;
		font-weight:bold;
	}
	#proyecto p{
		font-size:20px;
		margin-top:20px;
		text-align:justify;
	}

	.image_proyecto{
		float:right;
		width:35%;
		margin-top:120px;
	}
	.image_proyecto img{
		width:95%;
	}
	.amenidades{
		width:100%;
		height:100px;
		background:#FC8400;
		float:left;
		margin-top:50px;
		display: flex;
		justify-content: center;
	    align-items: center;
		
	}
	.amenidades h2{
		color:#fff;
		font-size:30px;
		letter-spacing:20px;
		font-family: 'Roboto Slab', serif;
		
	}
	.amenidades_uno{
		width:100%;
		height:100px;
		background:#FC8400;
		float:left;
		margin-top:50px;
		display: flex;
		justify-content: center;
	    align-items: center;
		
	}
	.amenidades_uno h2{
		color:#fff;
		text-align:center;
		font-size:28px;
		letter-spacing:10px;
		font-family: 'Roboto Slab', serif;
		
	}
	#arco{
		width:45%;
		float:left;
		margin-top:40px;
	}
	.arco-imagen{
		width:100%;
		float: right;
		margin-right:100px;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.arco-texto{
		float:right;
		margin-top:-120px;
		color:#2D9D7D;
		font-size:38px;
		margin-left:200px;
	}
	
	#parques{
		width:40%;
		float:right;
		margin-top:40px;
	}
	.parque-imagen{
		width:100%;
		float: right;
		margin-right:200px;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.parque-texto{
		float:left;
		margin-top:-120px;
		color:#2D9D7D;
		font-size:38px;
		margin-left:160px;
	}
	.clear{
		clear:both;
	}
	#ciclopista{
		width:45%;
		float:left;
		margin-top:30px;
		
	}
	.ciclopista-imagen{
		width:100%;
		float: right;
		margin-right:100px;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.ciclopista-texto{
		float:left;
		margin-top:-120px;
		color:#2D9D7D;
		font-size:38px;
		margin-left:200px;
	}
	#infantiles{
		width:40%;
		float:right;
		margin-top:30px;
	}
	.infantiles-imagen{
		width:100%;
		float: right;
		margin-right:200px;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.infantiles-texto{
		float:left;
		margin-top:-120px;
		color:#2D9D7D;
		font-size:38px;
		margin-left:160px;
	}
	#comerciales{
		width:52%;
		float:left;
		margin-top:30px;
		margin-left:-30px;
		
	}
	.comerciales-imagen{
		width:100%;
		float: right;
		margin-right:100px;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.comerciales-texto{
		float:left;
		margin-top:-120px;
		color:#2D9D7D;
		font-size:38px;
		margin-left:230px;
	}
	#escuela{
		width:40%;
		float:right;
		margin-top:30px;
	}
	.escuela-imagen{
		width:100%;
		float: right;
		margin-right:200px;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.escuela-texto{
		float:left;
		margin-top:-120px;
		color:#2D9D7D;
		font-size:38px;
		margin-left:160px;
	}
	#verdes{
		width:45%;
		float:left;
		margin-top:30px;
		margin-left:-30px;
		
	}
	.verdes-imagen{
		width:100%;
		float: right;
		margin-right:100px;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.verdes-texto{
		float:left;
		margin-top:-120px;
		color:#2D9D7D;
		font-size:38px;
		margin-left:230px;
	}
	#transporte{
		width:40%;
		float:right;
		margin-top:30px;
	}
	.transporte-imagen{
		width:100%;
		float: right;
		margin-right:200px;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.transporte-texto{
		float:left;
		margin-top:-120px;
		color:#2D9D7D;
		font-size:38px;
		margin-left:160px;
	}
	.distribucion{
		width:900px;
		margin-top:220px;
		position:relative;
		padding-bottom:50px;
	}
	.distribucion img{
		width:95%;
		padding:20px;
	}
	/*Inicia Pagina ubicacion*/
	#ubicacion{
		width:100%;
		float:left;
		margin-top:0px;
	}
	#ubicacion h2{
		color:#2D9D7D;
		font-size:38px;
		font-weight:bold;
	}
	#ubicacion p{
		font-size:24px;
		margin-top:20px;
		text-align:justify;
	}
	#mapa{
		width:100%;
	}
	.titulo-rutas{
		width:100%;
		margin-top:40px;
	}
	.titulo-rutas h2{
		color:#2D9D7D;
		font-size:38px;
		font-weight:bold;
		font-size:24px;
		padding:30px;
	}
	.imagen-mapa{
		width:42%;
		margin-top:0px;
		float:left;
	}
	.imagen-mapa img{
		width:100%;
		padding:20px;
	}
	.rutas{
		float:right;
		width: 50%;
		margin-top:0px;
	}
	.naranja-ruta {
		color:#FC8400;
		font-size:18px;
	}
	.verde-ruta {
		color:#2D9D7D;
		font-size:18px;
	}
	.rutas p{
		font-size:14px;
		text-align:justify;
	}
	.nota2 h4{
		font-size:17px;
	}
	.nota2 h4.azul-ruta{
		color:#2E3188;
	}
	/*Inicia Pagina proyecto*/
	.formulario{
		background-image:url("../images/contacto.jpg");
		width:100%;
		background-attachment: fixed;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
	    -o-background-size: cover;
		background-size: cover;
		height:800px;
		margin-top:200px;
		background-position: 2em 1.5cm;
	}
	.linea-naranja{
		width:900px;
		height:20px;
		background:#FC8400;
		margin-top:70px;
		position:absolute;
	}
	.logo-contacto{
		width: 300px;
		height: 300px;
		position: absolute;
		left: 57%;
		top: 25%; 
		margin-left: -150px;
		top: 200px;
		   
	}
	.atencion{
		width:50%;
		margin-left:23%;
		position:relative;
		top:130px;
	}
	.atencion-imagen{
		width:40%;
		float:left;
	}
	.atencion-imagen img{
		width:100%;
	}
	.atencion-texto{
		width:60%;
		float:right;
	}
	.atencion-texto h2{
		font-family: 'Yellowtail', cursive;
		font-size:40px;
		color:#036B49;
		float:right;
	}
	.atencion-texto p{
		font-size:16px;
		color:#2D9D7D;
		text-align:center;
	}
	.formulario-enviar{
		background:rgba(3, 107, 73, 0.8);
		width:62%;
		height:400px;
		padding:15px;
		margin-top:-520px;
		margin-left:18%;
	}
	label{
		color:#fff;
		font-size:19px;
		padding:15px;
	}
	input[type='text']{
    	background:#fff;
		width:480px;
		border-radius:0;
		padding:10px;
	}
	input[type='email']{
    	background:#fff;
		width:480px;
		border-radius:0;
		padding:10px;
	}
	li{
		list-style:none;
	}
	textarea {
    	background:#fff;
		width:480px;
		border-radius:0;
		padding:10px;
	}
	
	input[type='submit']{
		background:#fff;
		color:#333;
		width:150px;
		margin-top:10px;
		font-size:18px;
		font-weight:bold;
	}
	.datos-contacto{
		width:100%;
		margin-top:150px;
	}
	.numero-uno{
		float:left;
		width:33%;
		text-align:center;
	}
	.numero-uno h2{
		font-size:18px;
		color:#2D9D7D;
	}
	.numero-uno h3{
		font-size:30px;
		color:#2D9D7D;
	}
	.numero-dos{
		float:left;
		width:33%;
		text-align:center;
	}
	.numero-dos h2{
		font-size:18px;
		color:#2D9D7D;
	}
	.numero-dos h3{
		font-size:30px;
		color:#2D9D7D;
	}
	.numero-tres h2{
		font-size:18px;
		color:#2D9D7D;
	}
	.numero-tres h3{
		font-size:30px;
		color:#2D9D7D;
	}
	.numero-tres{
		float:right;
		width:33%;
		text-align:center;
	}
	.sitio-web{
		width:100%;
		height:200px;
		background:#ffffff;
		margin-top:0px;
		display: flex;
		justify-content: center;
	    align-items: center;
		
	}
	.sitio-web h2{
		color:#2D9D7D;
		font-size:30px;
		letter-spacing:5px;
		font-family: 'Roboto Slab', serif;
		
	}
	.numero-dos{
		border-right: 3px solid #2D9D7D;
	}
	.numero-uno{
		border-right: 3px solid #2D9D7D;
	}
	.Servicios{
		margin:0 auto;
		width: 66%;
		float:center;
		text-align:center;
	}
	.Servicios-mobile{
		display:none;
	}
}



/*Version  ipad */
@media (min-width : 768px) and (max-width : 1024px){
	#departamentos{
		background-image:url("../images/rendercallemarca agua.jpg");
		width:100%;
		background-attachment: fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
	    -o-background-size: cover;
		background-size: cover;
		margin:0;
		padding:0;
		background-position: 2em 1.5cm;
	}
	#proyectobac{
		background-image:url("../images/rendercallemarca agua.jpg");
		width:100%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
	    -o-background-size: cover;
		background-size: cover;
		margin-top:-4090px;
		height:1960px;
		background-position: 50% 70%;
		background-attachment: fixed;
	}
	.contenido{
		width:100%;
	}

	.banner img{
		width:100%;
		padding-top:30px;
		padding-bottom:30px;
	}
	#desarrollo{
		width:100%;
		float:left;
		
	}
	#desarrollo h2{
		color:#2D9D7D;
		font-size:30px;
		font-weight:bold;
		padding:20px;
	}
	#desarrollo p{
		font-size:18px;
		margin-top:20px;
		padding:20px;
		text-align:justify;
	}
	.image_desarrollo{
		float:right;
		width:100%;
		margin-top:10px;
		padding-bottom:30px;
	}
	.Servicios{
		margin:0 auto;
		width: 98%;
		float:center;
		text-align:center;
	}
	.Servicios span{
		font-size:14px;
	}
	.image_desarrollo p{
		color:#2D9D7D;
		font-size:18px;
		padding-left:30px;
	}
	.image_desarrollo img{
		width:90%;
		margin-left:30px;
	}
	section{
		width:100%;
		
	}
	.imagen-departamentos{
		width:100%;
		
		padding-top:30px;
		padding-bottom:30px;
	}
	.imagen-departamentos img{
		width:100%;
	}

	#depa_uno{
		width:50%;
		float:left;
		margin-top:50px;
	}
	#depa_uno h2{
		color:#2D9D7D;
		font-size:30px;
		font-weight:bold;
		padding:20px;
	}
	#depa_uno img{
		float:left;
		width:100%;
		padding:20px;
	}
	.depa_textos{
		float:right;
		width:50%;
		color:#2D9D7D;
		font-size:18px;
		font-weight:600;
		margin-top:180px;
	}
	.depa_textos p{
		margin-left:70px;
		margin-top: 10px;
	}
	#depa_uno_acabados{
		width:50%;
		top:50px;
		position:relative;
		
	}
	#depa_uno_acabados img{
		float:left;
		width:100%;
		padding:20px;
	}
	.depa_textos_acabados{
		float:left;
		width:40%;
		color:#2D9D7D;
		font-size:18px;
		font-weight:600;
		margin-top:80px;
	}
	.depa_textos_acabados p{
		margin-left:70px;
		margin-top: 10px;
	}
	.depa_textos_acabados h2{
		margin-left:70px;
		margin-top: 10px;
		font-weight:bold;
		color:#007751;
		font-size:24px;
	}
	#imagenes_ilustrativas{
		top:80px;
		position:relative;
		width:100%;
		
		padding-bottom:100px;
	}
	#imagenes_ilustrativas img{
		width:95%;
		padding:20px;
	}
	.imagen_uno{
		width:100%;
	}
	.imagen_dos{
		width:100%;
		position:relative;
		margin-top:17px
	}
	.nota{
		padding:20px;
	}
	html{
		width:100%;
	}
	/*Inicia Pagina proyecto*/
	#proyecto{
		width:100%;
		float:left;
		margin-top:50px;
	}
	#proyecto h2{
		color:#2D9D7D;
		font-size:30px;
		font-weight:bold;
		padding:20px;
	}
	#proyecto p{
		font-size:20px;
		margin-top:20px;
		padding:20px;
		text-align:justify;
	}

	.image_proyecto{
		width:100%;
		margin-top:180px;
	}
	.image_proyecto img{
		width:95%;
		padding:30px;
	}
	.amenidades{
		width:100%;
		height:100px;
		background:#FC8400;
		float:left;
		margin-top:50px;
		display: flex;
		justify-content: center;
	    align-items: center;
		
	}
	.amenidades h2{
		color:#fff;
		font-size:30px;
		letter-spacing:10px;
		font-family: 'Roboto Slab', serif;
		
	}
	.amenidades_uno{
		width:100%;
		height:100px;
		background:#FC8400;
		float:left;
		margin-top:50px;
		display: flex;
		justify-content: center;
	    align-items: center;
		
	}
	.amenidades_uno h2{
		color:#fff;
		text-align:center;
		font-size:28px;
		letter-spacing:10px;
		font-family: 'Roboto Slab', serif;
		
	}
	
	#arco{
		width:95%;
		margin-top:40px;
		float:left;
		padding:20px;
	}
	.arco-imagen{
		width:95%;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.arco-texto{
		color:#2D9D7D;
		display: flex;
		justify-content: center;
	    align-items: center;
		
		width:100%;
	}
	.arco-texto h2{
		font-size:26px;
		margin-right:10px;
	}
	#parques{
		width:95%;
		float:left;
		margin-top:40px;
		padding:20px;
	}
	.parque-imagen{
		width:95%;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.parque-texto{
		color:#2D9D7D;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.parque-texto h2{
		font-size:24px;
		margin-right:30px;
	}
	.clear{
		clear:both;
	}
	#ciclopista{
		width:95%;
		margin-top:40px;
		float:left;
		padding:20px;
		
	}
	.ciclopista-imagen{
		width:95%;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.ciclopista-texto{
		color:#2D9D7D;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.ciclopista-texto h2{
		font-size:24px;
		margin-right:30px;
	}
	#infantiles{
		width:95%;
		margin-top:40px;
		float:left;
		padding:20px;
	}
	.infantiles-imagen{
		width:95%;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.infantiles-texto{
		color:#2D9D7D;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.infantiles-texto h2{
		font-size:24px;
		margin-right:20px;
	}
	#comerciales{
		width:95%;
		margin-top:40px;
		float:left;
		padding:20px;
		
	}
	.comerciales-imagen{
		width:95%;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.comerciales-texto{
		color:#2D9D7D;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.comerciales-texto h2{
		font-size:24px;
		margin-right:30px;
	}
	#escuela{
		width:95%;
		margin-top:40px;
		float:left;
		padding:20px;
	}
	.escuela-imagen{
		width:95%;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.escuela-texto{
		color:#2D9D7D;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.escuela-texto h2{
		font-size:24px;
		margin-right:20px;
	}
	#verdes{
		width:95%;
		margin-top:40px;
		float:left;
		padding:20px;
		
	}
	.verdes-imagen{
		width:95%;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.verdes-texto{
		color:#2D9D7D;
		display: flex;
		justify-content: center;
	    align-items: center;
		margin-right:30px;
	}
	.verdes-texto h2{
		font-size:24px;
		margin-right:-10px;
	}
	#transporte{
		width:95%;
		margin-top:40px;
		float:left;
		padding:20px;
	}
	.transporte-imagen{
		width:95%;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.transporte-texto{
		color:#2D9D7D;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.transporte-texto h2{
		font-size:24px;
		margin-right:30px;
	}
	.distribucion{
		width:100%;
		margin-top:200px;
		position:relative;
		padding-bottom:50px;
	}
	.distribucion img{
		width:95%;
		padding:20px;
	}
	/*Inicia Pagina ubicacion*/
	#ubicacion{
		width:100%;
		float:left;
		margin-top:0px;
	}
	#ubicacion h2{
		color:#2D9D7D;
		font-size:38px;
		font-weight:bold;
		padding:20px;
	}
	#ubicacion p{
		font-size:24px;
		margin-top:20px;
		padding:20px;
		text-align:justify;
	}
	#mapa{
		width:100%;
	}
	.titulo-rutas{
		width:100%;
		margin-top:40px;
	}
	.titulo-rutas h2{
		color:#2D9D7D;
		font-size:38px;
		font-weight:bold;
		font-size:24px;
		padding:30px;
	}
	.imagen-mapa{
		width:96%;
		margin-top:0px;
		float:left;
	}
	.imagen-mapa img{
		width:100%;
		padding:20px;
	}
	.rutas{
		width: 95%;
		margin-top:40px;
		padding:20px;
	}
	.naranja-ruta {
		color:#FC8400;
		font-size:18px;
	}
	.verde-ruta {
		color:#2D9D7D;
		font-size:18px;
		
	}
	.rutas p{
		font-size:14px;
		padding-right:10px;
		text-align:justify;
	}
	.nota2 h4{
		font-size:17px;
	}
	.nota2 h4.azul-ruta{
		color:#2E3188;
	}
	/*Inicia Pagina contacto*/
	.formulario{
		background-image:url("../images/contacto.jpg");
		width:100%;
		background-attachment: fixed;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
	    -o-background-size: cover;
		background-size: cover;
		height:800px;
		margin-top:200px;
		background-position: 2em 1.5cm;
	}
	.linea-naranja{
		width:100%;
		height:20px;
		background:#FC8400;
		margin-top:50.5px;
		position:absolute;
	}
	.logo-contacto{
		width: 300px;
		height: 300px;
		position: absolute;
		left: 57%;
		top: 25%; 
		margin-left: -150px;
		top: 200px;
		   
	}
	.atencion{
		width:50%;
		margin-left:23%;
		position:relative;
		top:130px;
	}
	.atencion-imagen{
		width:35%;
		float:left;
	}
	.atencion-imagen img{
		width:90%;
	}
	.atencion-texto{
		width:65%;
		float:right;
		margin-top:-30px;
	}
	.atencion-texto h2{
		font-family: 'Yellowtail', cursive;
		font-size:35px;
		width:100%;
		color:#036B49;
		float:right;
	}
	.atencion-texto p{
		font-size:16px;
		color:#2D9D7D;
		text-align:center;
	}
	.formulario-enviar{
		background:rgba(3, 107, 73, 0.8);
		width:62%;
		height:400px;
		padding:15px;
		margin-top:-520px;
		margin-left:18%;
	}
	label{
		color:#fff;
		font-size:19px;
		padding:15px;
		
	}
	input[type='text']{
    	background:#fff;
		width:95%;
		border-radius:0;
		padding:10px;
	}
	input[type='email']{
    	background:#fff;
		width:95%;
		border-radius:0;
		padding:10px;
	}
	li{
		list-style:none;
	}
	textarea {
    	background:#fff;
		width:95%;
		border-radius:0;
		padding:10px;
	}
	
	input[type='submit']{
		background:#fff;
		color:#333;
		width:150px;
		margin-top:10px;
		font-size:18px;
		font-weight:bold;
	}
	.datos-contacto{
		width:100%;
		margin-top:150px;
	}
	.numero-uno{
		float:left;
		width:33%;
		text-align:center;
	}
	.numero-uno h2{
		font-size:18px;
		color:#2D9D7D;
	}
	.numero-uno h3{
		font-size:30px;
		color:#2D9D7D;
	}
	.numero-dos{
		float:left;
		width:33%;
		text-align:center;
	}
	.numero-dos h2{
		font-size:18px;
		color:#2D9D7D;
	}
	.numero-dos h3{
		font-size:30px;
		color:#2D9D7D;
	}
	.numero-tres h2{
		font-size:18px;
		color:#2D9D7D;
	}
	.numero-tres h3{
		font-size:30px;
		color:#2D9D7D;
	}
	.numero-tres{
		float:right;
		width:33%;
		text-align:center;
	}
	.sitio-web{
		width:100%;
		height:200px;
		background:#ffffff;
		margin-top:0px;
		display: flex;
		justify-content: center;
	    align-items: center;
		
	}
	.sitio-web h2{
		color:#2D9D7D;
		font-size:30px;
		letter-spacing:5px;
		font-family: 'Roboto Slab', serif;
		
	}
	.numero-dos{
		border-right: 3px solid #2D9D7D;
	}
	.numero-uno{
		border-right: 3px solid #2D9D7D;
	}
	.Servicios-mobile{
		display:none;
	}
}



/*Version  Mobile vertical */
@media (min-width : 320px) and (max-width : 768px){
	#circulos{
		
		width:90%;
	}
	#video{
		width:100%;
		margin-top:20px;
	}
	.Servicios{
		margin:0 auto;
		width: 98%;
		float:center;
		text-align:center;
		display:none;
	}
	.Servicios-mobile{
		margin:0 auto;
		width: 98%;
		float:center;
		text-align:center;
	}
	.Servicios-mobile span{
		font-size:16px;
		width:100%;
	}
	#departamentos{
		background-image:url("../images/rendercallemarca agua.jpg");
		width:100%;
		background-attachment: fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
	    -o-background-size: cover;
		background-size: cover;
		background-position: 2em 1.5cm;
	}
	#proyectobac{
		background-image:url("../images/rendercallemarca agua.jpg");
		width:100%;
		background-attachment: fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
	    -o-background-size: cover;
		background-size: cover;
		background-position: 2em 1.5cm;
		margin-top:-2840px;
		height:2000px;
	}
	.contenido{
		width:100%;
	}
	
	.banner img{
		width:100%;
		padding-top:30px;
	}
	#desarrollo{
		width:100%;
		float:left;
	}
	#desarrollo h2{
		color:#2D9D7D;
		font-size:30px;
		font-weight:bold;
		padding-left:20px;
		text-align:justify;
	}
	#desarrollo p{
		font-size:18px;
		margin-top:0px;
		padding:20px;
		text-align:justify;
	}
	.image_desarrollo{
		float:right;
		width:100%;
		margin-top:10px;
		padding-bottom:30px;
	}
	.image_desarrollo p{
		color:#2D9D7D;
		font-size:18px;
		padding-left:50px;
	}
	.image_desarrollo img{
		width:90%;
		padding:20px;
	}
	section{
		width:100%;
		
	}
	.imagen-departamentos{
		width:100%;
		
		padding-top:30px;
		padding-bottom:30px;
	}
	.imagen-departamentos img{
		width:100%;
	}

	#depa_uno{
		width:100%;
	}
	#depa_uno h2{
		color:#2D9D7D;
		font-size:26px;
		font-weight:bold;
		padding:20px;
	}
	#depa_uno img{
		float:left;
		width:91%;
		padding:20px;
	}
	.depa_textos{
		width:100%;
		color:#2D9D7D;
		font-size:18px;
		font-weight:600;
		margin-top:140px;
	}
	.depa_textos p{
		margin-left:70px;
		margin-top: 10px;
	}
	#depa_uno_acabados{
		width:100%;
		top:50px;
		position:relative;
		
	}
	#depa_uno_acabados img{
		width:90%;
		padding:20px;
	}
	.depa_textos_acabados{
		
		width:100%;
		color:#2D9D7D;
		font-size:18px;
		font-weight:600;
		margin-top:80px;
	}
	.depa_textos_acabados p{
		margin-left:70px;
		margin-top: 10px;
	}
	.depa_textos_acabados h2{
		margin-left:70px;
		margin-top: 10px;
		font-weight:bold;
		color:#007751;
		font-size:24px;
	}
	#imagenes_ilustrativas{
		top:80px;
		position:relative;
		width:100%;
		
		padding-bottom:100px;
	}
	#imagenes_ilustrativas img{
		width:90%;
		padding:20px;
	}
	.imagen_uno{
		width:100%;
	}
	.imagen_dos{
		width:100%;
		position:relative;
		margin-top:17px
	}
	.nota{
		padding:20px;
	}
	html{
		width:100%;
	}
	/*Inicia Pagina proyecto*/
	#proyecto{
		width:100%;
		margin-top:0px;
	}
	#proyecto h2{
		color:#2D9D7D;
		font-size:22px;
		font-weight:bold;
		padding:20px;
		
	}
	#proyecto p{
		font-size:18px;
		margin-top:0px;
		padding:20px;
		text-align:justify;
	}

	.image_proyecto{
		width:100%;
	}
	.image_proyecto img{
		width:95%;
		padding:10px;
	}
	.amenidades{
		width:100%;
		height:100px;
		background:#FC8400;
		float:left;
		margin-top:50px;
		display: flex;
		justify-content: center;
	    align-items: center;
		
	}
	.amenidades h2{
		color:#fff;
		font-size:16px;
		letter-spacing:5px;
		font-family: 'Roboto Slab', serif;
		
	}
	.amenidades_uno{
		width:100%;
		height:100px;
		background:#FC8400;
		float:left;
		margin-top:50px;
		display: flex;
		justify-content: center;
	    align-items: center;
		
	}
	.amenidades_uno h2{
		color:#fff;
		text-align:center;
		font-size:20px;
		letter-spacing:10px;
		font-family: 'Roboto Slab', serif;
		
	}
	#arco{
		width:95%;
		margin-top:40px;
		float:left;
		padding:20px;
	}
	.arco-imagen{
		width:95%;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.arco-texto{
		color:#2D9D7D;
		display: flex;
		justify-content: center;
	    align-items: center;
		
		width:100%;
	}
	.arco-texto h2{
		font-size:26px;
		margin-right:10px;
	}
	#parques{
		width:95%;
		float:left;
		margin-top:40px;
		padding:20px;
	}
	.parque-imagen{
		width:95%;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.parque-texto{
		color:#2D9D7D;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.parque-texto h2{
		font-size:24px;
		margin-right:30px;
	}
	.clear{
		clear:both;
	}
	#ciclopista{
		width:95%;
		margin-top:40px;
		float:left;
		padding:20px;
		
	}
	.ciclopista-imagen{
		width:95%;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.ciclopista-texto{
		color:#2D9D7D;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.ciclopista-texto h2{
		font-size:24px;
		margin-right:30px;
	}
	#infantiles{
		width:95%;
		margin-top:40px;
		float:left;
		padding:20px;
	}
	.infantiles-imagen{
		width:95%;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.infantiles-texto{
		color:#2D9D7D;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.infantiles-texto h2{
		font-size:24px;
		margin-right:20px;
	}
	#comerciales{
		width:95%;
		margin-top:40px;
		float:left;
		padding:20px;
		
	}
	.comerciales-imagen{
		width:95%;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.comerciales-texto{
		color:#2D9D7D;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.comerciales-texto h2{
		font-size:24px;
		margin-right:30px;
	}
	#escuela{
		width:95%;
		margin-top:40px;
		float:left;
		padding:20px;
	}
	.escuela-imagen{
		width:95%;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.escuela-texto{
		color:#2D9D7D;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.escuela-texto h2{
		font-size:24px;
		margin-right:20px;
	}
	#verdes{
		width:95%;
		margin-top:40px;
		float:left;
		padding:20px;
		
	}
	.verdes-imagen{
		width:95%;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.verdes-texto{
		color:#2D9D7D;
		display: flex;
		justify-content: center;
	    align-items: center;
		margin-right:30px;
	}
	.verdes-texto h2{
		font-size:24px;
		margin-right:-10px;
	}
	#transporte{
		width:95%;
		margin-top:40px;
		float:left;
		padding:20px;
	}
	.transporte-imagen{
		width:95%;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.transporte-texto{
		color:#2D9D7D;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.transporte-texto h2{
		font-size:24px;
		margin-right:30px;
	}
	.distribucion{
		width:100%;
		margin-top:200px;
		position:relative;
		padding-bottom:50px;
	}
	.distribucion img{
		width:95%;
		padding:20px;
	}
	.nota2{
		margin-top:0px;
	}
	/*Inicia Pagina ubicacion*/
	#ubicacion{
		width:100%;
		float:left;
		margin-top:-200px;
	}
	#ubicacion h2{
		color:#2D9D7D;
		font-size:38px;
		font-weight:bold;
		padding:20px;
	}
	#ubicacion p{
		font-size:24px;
		margin-top:20px;
		padding:20px;
		text-align:justify;
	}
	#mapa{
		width:95%;
	}
	.titulo-rutas{
		width:100%;
		margin-top:40px;
	}
	.titulo-rutas h2{
		color:#2D9D7D;
		font-size:38px;
		font-weight:bold;
		font-size:24px;
		text-align:center;
		
	}
	.imagen-mapa{
		width:98%;
		margin-top:0px;
		padding:5px;
	}
	.imagen-mapa img{
		width:90%;
		padding:10px;
	}
	.distribucion{
		width:90%;
		padding-bottom:50px;
	}
	.rutas{
		width: 93%;
		margin-top:40px;
		padding:10px;
	}
	.naranja-ruta {
		color:#FC8400;
		font-size:18px;
	}
	.verde-ruta {
		color:#2D9D7D;
		font-size:18px;
		
	}
	.rutas p{
		font-size:14px;
		padding-right:10px;
		text-align:justify;
	}
	.nota2 h4{
		font-size:17px;
	}
	.nota2 h4.azul-ruta{
		color:#2E3188;
	}
	/*Inicia Pagina contacto*/
	.formulario{
		background-image:url("../images/contacto.jpg");
		width:100%;
		background-attachment: fixed;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
	    -o-background-size: cover;
		background-size: cover;
		height:800px;
	}
	.linea-naranja{
		width:100%;
		height:20px;
		background:#FC8400;
		margin-top:50.5px;
		position:absolute;
		
	}
	.logo-contacto{
		width: 300px;
		height: 300px;
		position: absolute;
		left: 57%;
		top: 25%; 
		margin-left: -150px;
		top: 200px;
		display:none;
	}
	.atencion{
		width:50%;
		margin-left:23%;
		position:relative;
		top:0px;
		
	}
	.atencion-imagen{
		width:35%;
		float:left;
	}
	.atencion-imagen img{
		width:90%;
	}
	.atencion-texto{
		width:65%;
		float:right;
		margin-top:-30px;
	}
	.atencion-texto h2{
		font-family: 'Yellowtail', cursive;
		font-size:35px;
		width:100%;
		color:#036B49;
		float:right;
	}
	.atencion-texto p{
		font-size:16px;
		color:#2D9D7D;
		text-align:center;
	}
	.formulario-enviar{
		background:rgba(3, 107, 73, 0.8);
		width:62%;
		height:400px;
		padding:15px;
		margin-top:-520px;
		margin-left:18%;
	}
	label{
		color:#fff;
		font-size:19px;
		padding:15px;
		
	}
	input[type='text']{
    	background:#fff;
		width:95%;
		border-radius:0;
		padding:10px;
	}
	input[type='email']{
    	background:#fff;
		width:95%;
		border-radius:0;
		padding:10px;
	}
	li{
		list-style:none;
	}
	textarea {
    	background:#fff;
		width:95%;
		border-radius:0;
		padding:10px;
	}
	
	input[type='submit']{
		background:#fff;
		color:#333;
		width:150px;
		margin-top:10px;
		font-size:18px;
		font-weight:bold;
	}
	.datos-contacto{
		width:100%;
		margin-top:150px;
	}
	.numero-uno{
		float:left;
		width:33%;
		text-align:center;
	}
	.numero-uno h2{
		font-size:22px;
		color:#2D9D7D;
	}
	.numero-uno h3{
		font-size:38px;
		color:#2D9D7D;
	}
	.numero-dos{
		float:left;
		width:33%;
		text-align:center;
	}
	.numero-dos h2{
		font-size:22px;
		color:#2D9D7D;
	}
	.numero-dos h3{
		font-size:38px;
		color:#2D9D7D;
	}
	.numero-tres h2{
		font-size:22px;
		color:#2D9D7D;
	}
	.numero-tres h3{
		font-size:38px;
		color:#2D9D7D;
	}
	.numero-tres{
		float:right;
		width:33%;
		text-align:center;
	}
	.sitio-web{
		width:100%;
		height:200px;
		background:#ffffff;
		margin-top:0px;
		display: flex;
		justify-content: center;
	    align-items: center;
		
	}
	.sitio-web h2{
		color:#2D9D7D;
		font-size:30px;
		letter-spacing:5px;
		font-family: 'Roboto Slab', serif;
		
	}
	/*Inicia Pagina contacto*/

	.linea-naranja{
		width:100%;
		height:20px;
		background:#FC8400;
		margin-top:120.5px;
		position:absolute;
	}
	.logo-contacto{
		width: 300px;
		height: 300px;
		position: relative;

		margin-top:-150px; 
		top:-20px;  
	}
	.atencion{
		width:90%;
		position:relative;
		top:0px;
		margin-left:10%;
	}
	.atencion-imagen{
		width:30%;
		float:left;
	}
	.atencion-imagen img{
		width:90%;
	}
	.atencion-texto{
		width:65%;
		float:right;
		margin-top:-10px;
	}
	.atencion-texto h2{
		font-family: 'Yellowtail', cursive;
		font-size:30px;
		width:100%;
		color:#036B49;
		float:right;
	}
	.atencion-texto p{
		font-size:13px;
		color:#2D9D7D;
		text-align:center;
	}
	.formulario-enviar{
		background:rgba(3, 107, 73, 0.8);
		width:80%;
		height:520px;
		margin-top:-650px;
		padding:5px;
		margin-left:10%;
	}
	label{
		color:#fff;
		font-size:19px;
		padding:20px;
		
		
	}
	.mensaje{
		width:75%;
	}
	input[type='text']{
    	background:#fff;
		width:92%;
		border-radius:0;
		padding:10px;
	}
	input[type='email']{
    	background:#fff;
		width:92%;
		border-radius:0;
		padding:10px;
	}
	li{
		list-style:none;
	}
	textarea {
    	background:#fff;
		width:92%;
		border-radius:0;
		padding:10px;
	}
	
	input[type='submit']{
		background:#fff;
		color:#333;
		width:150px;
		margin-top:10px;
		font-size:18px;
		font-weight:bold;
	}
	.datos-contacto{
		width:100%;
		margin-top:150px;
		padding:0;
	}
	.numero-uno{
		float:left;
		width:33%;
		text-align:center;
	}
	.numero-uno h2{
		font-size:10px;
		color:#2D9D7D;
	}
	.numero-uno h3{
		font-size:12px;
		color:#2D9D7D;
	}
	.numero-dos{
		float:left;
		width:33%;
		text-align:center;
	}
	.numero-dos h2{
		font-size:10px;
		color:#2D9D7D;
	}
	.numero-dos h3{
		font-size:12px;
		color:#2D9D7D;
	}
	.numero-tres h2{
		font-size:10px;
		color:#2D9D7D;
	}
	.numero-tres h3{
		font-size:12px;
		color:#2D9D7D;
	}
	.numero-tres{
		float:right;
		width:33%;
		text-align:center;
	}
	.sitio-web{
		width:100%;
		height:100px;
		background:#ffffff;
		margin-top:0px;
		display: flex;
		justify-content: center;
	    align-items: center;
		
	}
	.sitio-web h2{
		color:#2D9D7D;
		font-size:20px;
		letter-spacing:2px;
		font-family: 'Roboto Slab', serif;
		
	}
	.numero-dos{
		border-right: 1px solid #2D9D7D;
	}
	.numero-uno{
		border-right: 1px solid #2D9D7D;
	}
	.modal-body img{
		width:100%;
	}
}
@media (min-width : 668px) and (max-width : 768px){
	.contenido{
		width:100%;
	}
	#departamentos{
		background-image:url("../images/rendercallemarca agua.jpg");
		width:100%;
		background-attachment: fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
	    -o-background-size: cover;
		background-size: cover;
		background-position: 2em 1.5cm;
		padding:30px;
	}
	#proyectobac{
		background-image:url("../images/rendercallemarca agua.jpg");
		width:100%;
		background-attachment: fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
	    -o-background-size: cover;
		background-size: cover;
		background-position: 2em 1.5cm;
		margin-top:-3650px;
		height:1980px;
	}
	.banner img{
		width:100%;
		padding-top:30px;
		padding-bottom:30px;
	}
	#desarrollo{
		width:100%;
		float:left;
	}
	#desarrollo h2{
		color:#2D9D7D;
		font-size:30px;
		font-weight:bold;
		padding:20px;
	}
	#desarrollo p{
		font-size:18px;
		margin-top:20px;
		padding:20px;
		text-align: justify;
	}
	.image_desarrollo{
		float:right;
		width:100%;
		margin-top:10px;
		padding-bottom:30px;
	}
	.image_desarrollo img{
		width:90%;
		margin-left:30px;
	}
	section{
		width:100%;
		
	}
	.imagen-departamentos{
		width:100%;
		
		padding-top:30px;
		padding-bottom:30px;
	}
	.imagen-departamentos img{
		width:100%;
	}

	#depa_uno{
		width:50%;
		float:left;
	}
	#depa_uno h2{
		color:#2D9D7D;
		font-size:30px;
		font-weight:bold;
		padding:20px;
	}
	#depa_uno img{
		float:left;
		width:100%;
		padding:20px;
	}
	.depa_textos{
		float:right;
		width:50%;
		color:#2D9D7D;
		font-size:18px;
		font-weight:600;
		margin-top:140px;
	}
	.depa_textos p{
		margin-left:70px;
		margin-top: 10px;
	}
	#depa_uno_acabados{
		width:50%;
		top:50px;
		position:relative;
		
	}
	#depa_uno_acabados img{
		float:left;
		width:100%;
		padding:20px;
	}
	.depa_textos_acabados{
		float:left;
		width:40%;
		color:#2D9D7D;
		font-size:18px;
		font-weight:600;
		margin-top:80px;
	}
	.depa_textos_acabados p{
		margin-left:70px;
		margin-top: 10px;
	}
	.depa_textos_acabados h2{
		margin-left:70px;
		margin-top: 10px;
		font-weight:bold;
		color:#007751;
		font-size:24px;
	}
	#imagenes_ilustrativas{
		top:80px;
		position:relative;
		width:100%;
		
		padding-bottom:100px;
	}
	#imagenes_ilustrativas img{
		width:95%;
		padding:20px;
	}
	.imagen_uno{
		width:100%;
	}
	.imagen_dos{
		width:100%;
		position:relative;
		margin-top:17px
	}
	.nota{
		padding:20px;
	}
	html{
		width:100%;
	}
	/*Inicia Pagina proyecto*/
	#proyecto{
		width:100%;
		float:left;
		margin-top:0px;
	}
	#proyecto h2{
		color:#2D9D7D;
		font-size:30px;
		font-weight:bold;
		padding:20px;
	}
	#proyecto p{
		font-size:20px;
		margin-top:0px;
		padding:20px;
		text-align:justify;
	}

	.image_proyecto{
		width:95%;
		margin-top:10px;
	}
	.image_proyecto img{
		width:95%;
	}
	.amenidades{
		width:100%;
		height:100px;
		background:#FC8400;
		float:left;
		margin-top:50px;
		display: flex;
		justify-content: center;
	    align-items: center;
		
	}
	.amenidades h2{
		color:#fff;
		font-size:30px;
		letter-spacing:10px;
		font-family: 'Roboto Slab', serif;
		
	}
	
	#arco{
		width:95%;
		margin-top:40px;
		float:left;
		padding:20px;
	}
	.arco-imagen{
		width:95%;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.arco-texto{
		color:#2D9D7D;
		display: flex;
		justify-content: center;
	    align-items: center;
		
		width:100%;
	}
	.arco-texto h2{
		font-size:26px;
		margin-right:10px;
	}
	#parques{
		width:95%;
		float:left;
		margin-top:40px;
		padding:20px;
	}
	.parque-imagen{
		width:95%;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.parque-texto{
		color:#2D9D7D;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.parque-texto h2{
		font-size:24px;
		margin-right:30px;
	}
	.clear{
		clear:both;
	}
	#ciclopista{
		width:95%;
		margin-top:40px;
		float:left;
		padding:20px;
		
	}
	.ciclopista-imagen{
		width:95%;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.ciclopista-texto{
		color:#2D9D7D;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.ciclopista-texto h2{
		font-size:24px;
		margin-right:30px;
	}
	#infantiles{
		width:95%;
		margin-top:40px;
		float:left;
		padding:20px;
	}
	.infantiles-imagen{
		width:95%;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.infantiles-texto{
		color:#2D9D7D;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.infantiles-texto h2{
		font-size:24px;
		margin-right:20px;
	}
	#comerciales{
		width:95%;
		margin-top:40px;
		float:left;
		padding:20px;
		
	}
	.comerciales-imagen{
		width:95%;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.comerciales-texto{
		color:#2D9D7D;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.comerciales-texto h2{
		font-size:24px;
		margin-right:30px;
	}
	#escuela{
		width:95%;
		margin-top:40px;
		float:left;
		padding:20px;
	}
	.escuela-imagen{
		width:95%;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.escuela-texto{
		color:#2D9D7D;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.escuela-texto h2{
		font-size:24px;
		margin-right:20px;
	}
	#verdes{
		width:95%;
		margin-top:40px;
		float:left;
		padding:20px;
		
	}
	.verdes-imagen{
		width:95%;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.verdes-texto{
		color:#2D9D7D;
		display: flex;
		justify-content: center;
	    align-items: center;
		margin-right:30px;
	}
	.verdes-texto h2{
		font-size:24px;
		margin-right:-10px;
	}
	#transporte{
		width:95%;
		margin-top:40px;
		float:left;
		padding:20px;
	}
	.transporte-imagen{
		width:95%;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.transporte-texto{
		color:#2D9D7D;
		display: flex;
		justify-content: center;
	    align-items: center;
	}
	.transporte-texto h2{
		font-size:24px;
		margin-right:30px;
	}
	.distribucion{
		width:100%;
		margin-top:220px;
		position:relative;
		padding-bottom:50px;
	}
	.distribucion img{
		width:95%;
		padding:20px;
	}
	/*Inicia Pagina ubicacion*/
	#ubicacion{
		width:100%;
		float:left;
		margin-top:-200px;
	}
	#ubicacion h2{
		color:#2D9D7D;
		font-size:38px;
		font-weight:bold;
		padding:20px;
	}
	#ubicacion p{
		font-size:24px;
		margin-top:20px;
		padding:20px;
		text-align:justify;
	}
	#mapa{
		width:100%;
	}
	.titulo-rutas{
		width:100%;
		margin-top:40px;
	}
	.titulo-rutas h2{
		color:#2D9D7D;
		font-size:38px;
		font-weight:bold;
		font-size:24px;
		text-align:center;
		padding-left:20px;
		
	}
	.distribucion{
		width:100%;
		padding-bottom:50px;
	}
	.imagen-mapa{
		width:100%;
		margin-top:0px;
	}
	.imagen-mapa img{
		width:90%;
		padding:30px;
	}
	.rutas{
		width: 93%;
		margin-top:40px;
		padding:30px;
	}
	.naranja-ruta {
		color:#FC8400;
		font-size:18px;
	}
	.verde-ruta {
		color:#2D9D7D;
		font-size:18px;
		
	}
	.rutas p{
		font-size:14px;
		padding-right:10px;
		text-align:justify;
	}
	/*Inicia Pagina contacto*/
	
	.linea-naranja{
		width:100%;
		height:20px;
		background:#FC8400;
		margin-top:50.5px;
		position:absolute;
	}
	.logo-contacto{
		width: 300px;
		height: 300px;
		position: absolute;
		left: 57%;
		top: 25%; 
		margin-left: -150px;
		top: 200px;
		display:none;
	}
	.atencion{
		width:50%;
		margin-left:23%;
		position:relative;
		top:130px;
	}
	.atencion-imagen{
		width:35%;
		float:left;
	}
	.atencion-imagen img{
		width:90%;
	}
	.atencion-texto{
		width:65%;
		float:right;
		margin-top:-30px;
	}
	.atencion-texto h2{
		font-family: 'Yellowtail', cursive;
		font-size:35px;
		width:100%;
		color:#036B49;
		float:right;
	}
	.atencion-texto p{
		font-size:16px;
		color:#2D9D7D;
		text-align:center;
	}
	.formulario-enviar{
		background:rgba(3, 107, 73, 0.8);
		width:62%;
		height:400px;
		padding:15px;
		margin-top:-520px;
		margin-left:18%;
	}
	label{
		color:#fff;
		font-size:19px;
		padding:15px;
		
	}
	input[type='text']{
    	background:#fff;
		width:98%;
		border-radius:0;
		padding:10px;
	}
	input[type='email']{
    	background:#fff;
		width:95%;
		border-radius:0;
		padding:10px;
	}
	li{
		list-style:none;
	}
	textarea {
    	background:#fff;
		width:95%;
		border-radius:0;
		padding:10px;
	}
	
	input[type='submit']{
		background:#fff;
		color:#333;
		width:150px;
		margin-top:10px;
		font-size:18px;
		font-weight:bold;
	}
	.datos-contacto{
		width:100%;
		margin-top:150px;
	}
	.numero-uno{
		float:left;
		width:33%;
		text-align:center;
	}
	.numero-uno h2{
		font-size:16px;
		color:#2D9D7D;
	}
	.numero-uno h3{
		font-size:22px;
		color:#2D9D7D;
	}
	.numero-dos{
		float:left;
		width:33%;
		text-align:center;
	}
	.numero-dos h2{
		font-size:16px;
		color:#2D9D7D;
	}
	.numero-dos h3{
		font-size:22px;
		color:#2D9D7D;
	}
	.numero-tres h2{
		font-size:16px;
		color:#2D9D7D;
	}
	.numero-tres h3{
		font-size:22px;
		color:#2D9D7D;
	}
	.numero-tres{
		float:right;
		width:33%;
		text-align:center;
	}
	.sitio-web{
		width:100%;
		height:200px;
		background:#ffffff;
		margin-top:0px;
		display: flex;
		justify-content: center;
	    align-items: center;
		
	}
	.sitio-web h2{
		color:#2D9D7D;
		font-size:30px;
		letter-spacing:5px;
		font-family: 'Roboto Slab', serif;
		
	}
	.numero-dos{
		border-right: 3px solid #2D9D7D;
	}
	.numero-uno{
		border-right: 3px solid #2D9D7D;
	}
	.modal-footer{
		border:none;
		color:#fff;
		margin-right:150px;
	}
	.modal-body img{
		width:100%;
	}
	
}
@media only screen and (min-device-width: 480px) and (max-device-width: 667px) {
	#proyectobac{
		background-image:url("../images/rendercallemarca agua.jpg");
		width:100%;
		background-attachment: fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
	    -o-background-size: cover;
		background-size: cover;
		background-position: 2em 1.5cm;
		margin-top:-3330px;
		height:1990px;
	}
	
}