@media (max-width: 1680px) { 
	.ampla_pagina{ padding-left:40px; padding-right:40px; }
	
	.blocHome{ padding:80px; }
	.blocHome h2{font-size: 60px; line-height:60px; margin-bottom:0px; }
	.blocHome h3{ font-size: 22px; line-height:28px; margin-bottom:30px; }
	.blocHome p{  font-size: 22px; line-height:28px;  margin-bottom:30px; }
}
@media (max-width: 1650px) { 
	#header #logo{ top:30px; }
	#header #logo a img{ width:100%; max-width:325px; height:auto; }
	#header #menu #menuPC nav li a { 
		line-height: 25px;
		font-size: 15px;
		padding-bottom:20px;
		padding-right:10px;
		padding-left:10px;
	}
	#header #menu #menuPC nav li a:hover{ text-decoration:none; }
	#header #menu #menuPC nav li a.actiu{ 
		line-height: 25px;
		font-size: 15px;
		padding-bottom:20px;
		padding-left:10px;
		padding-right:10px;
	}
	
	.blocHome{ padding:60px; }
	
}

@media (max-width: 1450px) { 
	
	#header #logo a img{ width:100%; max-width:280px; height:auto; }
	#header #menu #menuPC nav li a { 
		font-size: 15px;
		padding-right:5px;
		padding-left:5px;
	}
	#header #menu #menuPC nav li a:hover{ text-decoration:none; }
	#header #menu #menuPC nav li a.actiu{ 
		font-size: 15px;
		padding-left:5px;
		padding-right:5px;
	}
	
	.blocHome{ padding:60px; }
	
}

@media (max-width: 1240px) { 
	#header #menu #menuPC{ display:none !important; }
	#header #menu #menuMOBIL{display:inline-block; }
	a.botoReserva_1{ display:none !important; }
	a.botoReserva_2{ display:none !important; }
	a.botoReservaOnline{ display:none !important; }
	a.botoReservaMOBIL{ display:block !important; }
	a.botoReservaOnlineaMOBIL{ display:block !important; }
}
@media (max-width: 1150px) { 

	#esloganHome h1{font-size: 28px; line-height: 28px; margin-bottom:20px; }

	.blocs { padding:40px 0; width:100%; }
	.presentacio{  padding:40px; background-color:#FFFFFF; }
	.presentacioFoto{  padding:40px; position:relative }
	.presentacioFoto .alas img{ max-width:150px; height:auto; }
	
	.TITULO{ font-size: 30px; line-height: 36px; }
	.SUBTITULO{ font-size: 20px; line-height: 24px;}
	.TEXTO_GRANDE{  font-size: 20px;  line-height: 26px;}
	.TEXTO_NORMAL{ line-height: 24px;  font-size: 14px;}
	
	#contenido h1{ font-size: 38px; line-height: 32px; }
	#contenido h1 span{ font-size: 45px;line-height: 55px; }
	.titulo_H2{font-size: 32px;line-height: 40px; }
	.titulo_H3{ font-size: 20px; line-height: 24px;  }
	#contenido p{   line-height: 26px; font-size: 20px;}
	#contenido ul li{   line-height: 22px;font-size: 16px;}
	
	.blocInteriorPadding{ padding-bottom:40px; padding-top:40px; }
	
	.blocHome{ padding:40px; }

}


@media (max-width: 850px) { 
	
	#esloganHome{ top:35%;  }
	#esloganHome h1{font-size: 24px; line-height: 24px;  text-align:right;padding-left:10%; padding-right:10%; }
		
	.BanerTexto_1 { padding:40px 0; }
	.BanerTexto_1 h2{  font-size: 22px; line-height:24px;  }
	.BanerTexto_1 h3{font-size: 60px; line-height:30px; }
	
	.BanerTexto_2 { padding:40px 0;  }
	.BanerTexto_2 h2{  font-size: 22px; line-height:24px;  }
	.BanerTexto_2 h3{font-size: 50px; line-height:30px; }
	.BannerOro { padding: 40px;}
	
	.blocHome h2 {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 0px;
  }
	
}


@media (max-width: 580px) { 
	#header{ padding-left:20px; padding-right:20px; padding-top:10px;height:60px;   }
	#header #logo{ top:20px; }
	#header #logo a img{ width:100%; max-width:240px; height:auto; }
	
	#esloganHome{ position:relative; background-color:#d394c4;; padding:20px; }
	#esloganHome h1{font-size: 30px; line-height: 30px; color:#FFFFFF;margin-bottom:10px; text-align:center; padding:25px !important;  }
	
	
	
	.ampla_pagina {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.blocHome{ padding:20px; }
	.BannerOro { padding: 20px;}
	.BannerOro h5{  font-size: 50px; line-height:50px; }
	
	.BannerVerde{ padding:20px; }
	.BannerVerde h3{ 
		font-size: 26px;
		margin-bottom: 20px !important;
	}
	.BannerVerde h4{ 
		font-size: 22px;
	}
	.BannerVerde h5{ font-size: 30px; line-height:40px; margin-bottom:30px; }
	
	.BanerTexto_1 { padding:20px 0; }
	.BanerTexto_1 h3{font-size: 40px; line-height:40px; }
	
	.BanerTexto_2 { padding:20px 0;  }
	.BanerTexto_2 h3{font-size: 40px; line-height:40px; }
	
	  #contenido p {
		line-height: 24px;
		font-size: 16px;
	  }
	.caixaServei {

		  padding: 30px;
		}
	.caixaServei h4 {

	  font-size: 40px;
	  line-height: 40px;
	  font-weight: bold;
	  text-align: left;
	  padding: 0;
	  margin: 0px;
	}

	#cabeceraLegal {
	  width: 100%;
	  height: 0px;
	}
	
	#contenido {
	  padding-top: 40px;
	  padding-bottom: 40px;
}
	
}