@media (max-width: 1320px) { 
	.ampla_pagina{ width:100%; margin:0 auto; }
	#header #barraSup{ padding-left:20px; padding-right:20px; }
	#header #logo{padding-left:20px;}
	#header #menuPC{ padding-right:20px; }

	#esloganHome2{ top:150px;  }
	#esloganHome2 h1{font-size:85px;margin-bottom:30px;}
	#esloganHome2 p{font-size:16px; width:50%; margin-bottom:15px;}

	#presentacio{ padding-left:5%; padding-right:5%; }
	#promocions{ padding-left:5%; padding-right:5%; }
	
	
	#laMasia .habitacions .info h2{font-size:45px; line-height:50px; }
	#laMasia .habitacions .info p{ font-size:14px; }
	#laMasia .habitacions .info ul li{ font-size:14px; margin-bottom:5px;}
	
	#laMasia .interiors .info h2{ font-size:45px; line-height:50px; }
	#laMasia .interiors .info p{ font-size:14px; }

	#laMasia .exteriors .info h2{ font-size:45px; line-height:50px; }
	#laMasia .exteriors .info p{ font-size:14px; }

	#preus{ padding:20px;  }
	#actividades{ padding:20px; padding-bottom:40px; padding-top:40px;  }
	#reservas{ padding:20px; padding-bottom:40px; padding-top:40px;   }
	#actividades .catActividad h2{ font-size:38px; padding-top:60px; padding-left:20px; min-height:100px;}

}

@media (max-width: 1200px) { 
	#header #barraSup #loca{ width:32%; float:left; }
	#header #barraSup #tel{ width:24%; float:left;  }
	#header #barraSup #email{ width:24%; float:left;  }
	#header #barraSup #idiomes{ width:20%; float:left; text-align:right;  }
	
	#header #menuPC a{ font-size:14px;margin-left:15px;  }
	#header #menuPC a.Actiu{font-size:14px; margin-left:15px;  }
	#header #menuPC a.Reservas{ font-size:14px;margin-left:10px; padding-bottom:10px; padding-top:10px; padding-left:20px; padding-right:20px;  }
	#header #menuPC a.Reservas:hover{ font-size:14px;margin-left:20px; padding-bottom:10px; padding-top:10px; padding-left:20px; padding-right:20px; }
	#header #menuPC a.ReservasActiu{ font-size:14px; margin-left:20px; padding-bottom:10px; padding-top:10px; padding-left:20px; padding-right:20px;  }

}


@media (max-width: 1010px) { 
	
	
	
	
	#header #logo{ width:100%; float:none; padding-bottom:10px; padding-top:20px;text-align:center; }
	#header #menuPC{ width:100%; float:none; padding-top:0px; padding-bottom:20px; text-align:center; }
	
	#esloganHome2{ top:100px;  }
	#esloganHome2 h1{font-size:85px;margin-bottom:30px;}
	#esloganHome2 p{font-size:16px; width:50%; margin-bottom:15px;}
	
	#presentacio #text h2{ font-size:40px;margin-bottom:10px;}
	#presentacio #text h3{ font-size:30px;  }
	#presentacio #text img{ margin-bottom:10px; margin-top:10px; text-align:center;}
	#presentacio #text p{font-size:14px; line-height:22px;  margin-bottom:20px;}
	#presentacio #text a{ width:200px; padding:10px; font-size:16px;}

	#laMasia .habitacions .info{ width:55%; float:left; padding:30px; }
	#laMasia .interiors .info{ width:55%; float:left; padding:30px; }
	#laMasia .exteriors .info{ width:55%; float:left; padding:30px; }
	
	#preus h4{font-size:16px;  }
	#preus h4 span{ font-size:12px;  }
	#preus p{font-size:14px;  }
	#preus .infoPreus h2{ font-size:18px;  }
	#preus .infoPreus p{font-size:14px;}

	#titol_Interior{ padding:50px; padding-bottom:100px; padding-top:100px; }
	#titol_Interior h1{font-size:60px; text-align:center; margin-bottom:20px; }
	#titol_Interior h2{ font-size:24px;  }
	#titol_Interior h3{ font-size:18px;  }
	
	#reservas .info h2{ font-size:20px; margin-bottom:0px; }
	#reservas .info h3{  font-size:38px; line-height:30px; margin-bottom:40px; }
	#reservas .info p{ font-size:14px; line-height:24px;  }

	
}

@media (max-width: 850px) { 

	#header #menuPC{ display:none; }
	#header #menuRes{ position:absolute; top:50px; right:20px; width:100px; display:block; float:none; text-align:right; }
	#header #logo{ text-align:left; }

	#header #barraSup #loca{ display:none; }
	#header #barraSup #tel{ width:31%; float:left;  }
	#header #barraSup #email{ width:34%; float:left;  }
	#header #barraSup #idiomes{ width:35%; float:left; text-align:right;  }
	
	#esloganHome2{ top:50px;  }
	#esloganHome2 h1{font-size:45px; line-height:75px; margin:0 !important; padding:0 !important;}
	#esloganHome2 p{font-size:15px; width:80%; margin-bottom:0px; line-height: 17px;}
	
	#promocions .promo .text{ width:70%; float:left; padding:30px;  }
	#promocions .promo .text h2{ font-size:30px;  margin-bottom:0px;}
	#promocions .promo .text h3{ font-size:18px; margin-bottom:20px; margin-top:0; padding-top:0; }
	#promocions .promo .text p{font-size:14px; line-height:22px;  margin-bottom:20px;}

	#laMasia .eslogal{ padding:80px; }
	#laMasia .eslogal h2 span{ font-size:50px; }
	#laMasia .eslogal h2{ font-size:32px; margin-bottom:20px; line-height:40px; }
	#laMasia .eslogal p{font-size:18px; }
	
	#preusPC{ display:none; }
	#preusRespo{ display:block; }
	
	#preus p{ padding-bottom:3px; padding-top:3px; }
	#preus h4{ padding-bottom:3px; padding-top:3px; margin:0; }


}

@media (max-width: 600px) { 
	#header { position:absolute; z-index:999}
	#header #barraSup{ padding-left:10px; padding-right:10px; }
	#header #barraSup #tel{ width:100%; float:none;text-align:left;   }
	#header #barraSup #email{ width:100%; float:none; text-align:left;  }
	#header #barraSup #idiomes{ position:absolute; right:10px; top:5px; width:50%; float:none; text-align:right;  }
	
	#header #menuRes {
		position: absolute;
		top: 90px;
		right: 20px;
		width: 100px;
		display: block;
		float: none;
		text-align: right;
	}
	
	.homePC{ display:none; }
	.homeMOBIL{ display:block; }
	#esloganHome2{ top:40%;  }
	#esloganHome2 h1{font-size:45px;  width:90%; text-align:center; line-height:45px; margin:auto auto !important; margin-bottom:40px !important; padding:0 !important;}
	#esloganHome2 p{font-size:15px; width:90%; margin-bottom:0px; line-height: 17px;}
	
	#presentacio #foto{ width:100%; margin-right:0; float:none; margin-bottom:30px; }
	#presentacio #text{ width:100%; float:none; text-align:center; }
	
	#promocions{ padding-bottom:40px; padding-top:40px; width:100%; }
	#promocions .promo .foto{ width:100%;  float:none; }
	#promocions .promo .text{ width:100%; float:none;  border:#ff9b31 solid 1px; border-left:#ff9b31 solid 1px }

	#activitats{ padding:60px; width:100%; }
	#activitats h2 span{ font-size:30px;  }
	#activitats h2{font-size:32px; margin-bottom:30px; line-height:30px;}
	#activitats p{font-size:18px; margin-bottom:20px;}

	#localizacion{ padding-bottom:40px; padding-top:40px;  }
	#localizacion h1{ font-size:50px;margin-bottom:10px; }
	#localizacion h2{font-size:20px;margin-bottom:20px; }
	#localizacion p{ font-size:14px;  }

	
	#footer #bloc_peu_2 p{ font-size:12px; }
	#footer #bloc_peu_2 p a{ font-size:12px;}

	#laMasia .habitacions{ padding:30px;  }
	#laMasia .habitacions .foto{ width:100%; float:none;  }
	#laMasia .habitacions .info{ width:100%; float:none; padding:30px; }
	
	#laMasia .interiors{ padding:30px;  }
	#laMasia .interiors .info{ width:100%; float:none; padding:30px; }
	#laMasia .interiors .foto{ width:100%; float:none;   }
	
	#laMasia .exteriors{ padding:30px;  }
	#laMasia .exteriors .foto{ width:100%; float:none;   }
	#laMasia .exteriors .info{ width:100%; float:none; padding:30px; }
	
	#laMasia .eslogal{ padding:60px; }
	#laMasia .eslogal h2 span{ font-size:40px; }
	#laMasia .eslogal h2{ font-size:26px; margin-bottom:20px; line-height:40px; }
	#laMasia .eslogal p{font-size:18px; }
	
	#titol_Interior{ padding:50px; padding-bottom:60px; padding-top:200px; }
	#titol_Interior h1{font-size:50px; text-align:center; margin-bottom:10px; }
	#titol_Interior h2{ font-size:18px; font-weight:700;  }
	#titol_Interior h3{ font-size:16px; font-weight:700;  }
	
	#reservas .info{ width:100%; float:none; margin-right:0; margin-bottom:20px; }
	#reservas .form{ width:100%; float:none; }

}


@media (max-width: 560px) { 
	
	
	.col_1_2{ width:100%; margin-right:0; float:none }
.col_2_2{ width:100%; float:none }



	
}

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