@charset "utf-8";
/* CSS Document */
@media ( min-width : 768px ) {
	

}


@media ( min-width : 1100px ) {
water_texto {
	padding-bottom:30px;
	
}

titulo {
	padding-bottom:30px;
	
}

beneficios_texto {
	padding:25px;
	
}
	
}


@media ( min-width : 1100px ) {
water_texto {
	padding-bottom:30px;
	
}

titulo {
	padding-bottom:30px;
	
}

beneficios_texto {
	padding:25px;
	
}
	
}






@media ( min-width : 768px ) and (max-width: 1099px) {
 botonera {
	position:relative;
	z-index:99;
}

slide {
	margin-top:0px;
	}

water_texto {
	
	font-size:100%;
	padding-bottom:50px;
	
}

titulo {
	
	font-size:30px;
	
	
}

titulo2 {
	display:block;
	
}

titulo1 {
	display:none;
	
}

beneficios_foto {
	background-image:url(../img/beneficios_foto1.png);
	height:477px;
}

beneficios_texto {
	background-image:url(../img/beneficios_pleno1.png);
	height:477px;
	padding:2%;
	font-size:70%;
	vertical-align:middle;
}

texto_venta {
	
	padding-right:5%;
	
	
}

form_alquiler {
	
	padding-left:5%;
	
	
}

docentes_water {
	padding-left:5%;
	
}
contacto_titulo {
	padding-left:5%;
		
	
}
	
}


/*	COLUMN WIDTH ON DISPLAYS +480px 
	You might need to play with media queries here to suite your design. */
@media (min-width: 480px) and (max-width: 767px) {
 botonera {
	position:relative;
	z-index:50;
}

slide {
	margin-top:0px;
	}
	
home_venta {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #969696;
	border-bottom-color: #969696;
	border-left: none;
	border-right: none;
	
}

water_texto {
	
	font-size:90%;
	padding-bottom:30px;
	
}

titulo2 {
	display:block;
	
}

titulo1 {
	display:none;
	
}

destacados {
	display:none;
	
}

texto_venta {
	
	padding-right:5%;
	
	
}

form_alquiler {
	
	padding-left:5%;
	
	
}

beneficios_texto {
	padding:3%;
	font-size:75%;
}

fondo_venta {
	background-image:none;
	
}

foto_venta {
	background-position:top;
	
}

fondo_contacto {
	background-image:none;
	
}

foto_contacto {
	background-position:top;
	
}

docentes_water {
	padding-left:5%;
	
}
   
   
contacto_titulo {
	padding-left:5%;
	margin-top: -20px;
	
}


}



@media only screen and (max-width: 768px) {


water_texto {
	
	font-size:100%;
	padding-bottom:30px;
	
}


	}
	
/*	COLUMN WIDTH ON DISPLAYS -480px 
	You might need to play with media queries here to suite your design. */
@media (max-width: 479px) {
	botonera {
	position:relative;
	z-index:50;
}

slide {
	margin-top:0px;
	}
	
home_venta {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #969696;
	border-bottom-color: #969696;
	border-left: none;
	border-right: none;
	
}

water_texto {
	
	font-size:80%;
	padding-bottom:30px;
	
}

titulo {
	
	font-size:35px;
	padding-top:37px;
	
}
titulo2 {
	display:block;
	
}

titulo1 {
	display:none;
	
}

destacados {
	display:none;
	
}

beneficios_texto {
	padding:2%;
	font-size:60%;
	
}

beneficios_foto {
	background-image:url(../img/beneficios_foto1.png);
	height:477px;
}

docentes_water {
	padding-left:5%;
	
}
   
   
contacto_titulo {
	padding-left:5%;
	margin-top: 0px;
	
}

  
}