@media (max-width: 1700px) { 
	
}

@media (max-width: 1400px) { 
	
	.principios{ width:24.6%;margin-bottom:30px; margin-top:30px;}
	
}



@media (max-width: 1330px) { 
	
	#header{ height:200px; }
	#header #logo{position:relativa; width:100%; float:none; text-align:center;}
	#header #menu{ position:relativa; width:100%; float:none; text-align:center; padding-top:20px; }
	#footer #infoFooter { padding-left:20px; padding-right:20px; }
	
	
	#interiors{ padding-left:20px; padding-right:20px; }
	#interiors h1{ font-size: 36px; margin-bottom:40px;}
	
	
	#capcalera{ padding-top:15px; padding-bottom:15px; padding-left:15px;  padding-right:15px; }
	
	#footer #FranjaIco  { height:100px; }
	
	.esloganHome{position:absolute; top:20%; left:20px; width:50%; }
	.esloganHome h1{ font-size:30px; }
	
	.blocsHome{ padding-right:30px; padding-left:30px; }
	
}

@media (max-width: 1250px) { 
	
	#header #menu #menuPC > a{
		padding: 7px;
		padding-left:7px !important;
		padding-right:7px !important;
		font-size: 14px !important;
	}
	
	#header #menu #menuPC > a.Actiu{
		padding: 7px;
		padding-left:7px !important;
		padding-right:7px !important;
		font-size: 14px !important;
	}
	
}

@media (max-width: 1100px) { 
	
	
	p {
		font-size: 18px;
		line-height:24px;
	}
	
	ul li {
    	font-size: 18px;
		line-height:24px;
	}
	
}

@media (max-width: 1000px) { 
	
	#footer #infoFooter .col_1{ width:100%; float:none; margin-bottom:30px;  }
	#footer #infoFooter .col_2{ width:100%; float:none;  }
	#footer #infoFooter .col_1 p, #footer #infoFooter .col_2 p{ text-align:center; }
	
	
}

@media (max-width: 850px) { 
	#header{ height:130px; }
	#header #logo{ text-align:left; padding-left:20px;}
	#header #logo object{ max-width:200px;  }
	#header #logo object img{ max-width:200px; }
	#header #menu{ display:none; }
	#header #menuMOBIL{ 
		display:block; 
		width: 200px;
		position: absolute;
		right: 20px;
		top:20px;
		z-index:999;
	}
	
	#capcalera{ padding-top:15px; padding-bottom:15px; padding-left:15px;  padding-right:15px; }
	#capcalera #url{ width:100%; float:none; }
	#capcalera #eslogan{ display:none; }
	
	#interiors{ padding-top:40px; padding-bottom:40px; }
	#interiors h1{ font-size: 26px !important;margin-bottom:30px !important; }
	#interiors h2{ font-size: 20px !important;margin-bottom:20px !important; }
	#interiors h3{ font-size: 18px !important; margin-bottom:20px !important; }
	#interiors .bloque{ margin-bottom:40px !important; }
	#interiors p{ font-size:14px !important; line-height:20px !important;}
	#interiors ul li{  font-size:14px !important; line-height:20px !important; }
	
	#footer #FranjaIco  { height:60px; }
	
	.listadoPrincipios{ margin-bottom:20px; margin-top:20px; padding:20px;}
	.principios{ margin-bottom:0px; margin-top:0px;}
	
	.principios{ width:32% !important;margin-bottom:30px; margin-top:30px;}
	
	.esloganHome{position:absolute; top:20%; left:20px; width:50%; }
	.esloganHome h1{ font-size:20px; }
	
	a.boton{ width:180px; padding:8px;font-size:16px; }
	
	#bloqueFundacion #foto{ width:100%; float:none; text-align:center;  padding-right:0;  padding-left:20px; margin-bottom:30px; }
	#bloqueFundacion #foto img{ width:100%; height:auto; max-width:300px; }
	#bloqueFundacion #info{ width:100%; float:none;}
	#bloqueFundacion #info #bola{ display:none !important; }
	
	#bloqueSchool #foto{ width:100%; float:none; }
	#bloqueSchool #info{ width:100%; float:none; padding-right:0; margin-bottom:30px; }
	
}
@media (max-width: 650px) { 
	
	
	/*
	#header #logo object{ width:100%; max-width:200px; height:auto; }
	#header #logo object img{ width:100%; max-width:200px; height:auto; }
	
	
	#interiors{ padding-bottom:40px; padding-top:40px; }
	*/
	.esloganHome{position:absolute; top:15%; left:20px; width:50%; }
	.esloganHome h1{ font-size:16px; }
	a.boton{ width:160px; padding:5px;font-size:14px; }
	
	
	.menu_respo button {
		padding: 3px;
		
		width: 50px;
		
		border-radius: 10px;
	}
	.menu_respo button i{ font-size:22px !important; }
	.principios{ width:48% !important;margin-bottom:10px; margin-top:10px;}
	
	#bloqueFundacion #foto img{ width:100%; height:auto; max-width:200px; }
	
	.blocsHome h2{font-size:18px;}
	.blocsHome h2 span{ font-size:26px; }
	.blocsHome h3{font-size:18px;}
	.blocsHome p{ font-size:14x !important; line-height:20px !important; }


 }
@media (max-width: 580px) { 
	
	
	
	
	
	
}



@media (max-width: 320px) { 
	
	
}