html{ margin:0px; height:100%; background-color:#19191a; }
body { height:100%; overflow-x:hidden; margin:0px; padding:0px; font-family: 'Josefin Sans', sans-serif; font-weight:300; background-color:#ffffff;}
.ampla_pagina{ position:relative; width:100%; max-width:1280px; margin:0 auto;  }
.amplaHome{ position:relative; width:100%; max-width:1600px;  margin:0 auto; padding:0 40px;  }
img { outline:0; vertical-align:top; border:0; }
.clear{ clear:both; }
*{ box-sizing: border-box; }
input[type="text"], input[type="email"], input[type="submit"], textarea{ font-weight:600;}
em{ color:inherit !important; }
.uk-link, a {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
}
.hiddenMobil{ }

#header{ width:100%; position:absolute; z-index:99;   }
#header #barraBlanca{ padding:12px; background-color:#FFFFFF; }
#header #barraBlanca #barraBlanca_1{ width:50%; float:left; text-align:left; padding-top:5px; }
#header #barraBlanca #barraBlanca_1 a{ display:inline-block; width:auto;  font-size:14px; font-weight:400; color:#000000; margin-right:10px; transition: all 0.2s ease-out;  }
#header #barraBlanca #barraBlanca_1 a.actiu{ color:#79bf8e; text-decoration:none; font-weight:800; transition: all 0.2s ease-out; }
#header #barraBlanca #barraBlanca_1 a i{  font-size:20px; margin-right:10px; }
#header #barraBlanca #barraBlanca_2{ width:50%; float:left; text-align:right; }
#header #barraBlanca #barraBlanca_2 a{ display:inline-block; width:auto;  font-size:16px; font-weight:400; color:#000000; margin-right:10px; transition: all 0.2s ease-out;   }
#header #barraBlanca #barraBlanca_2 a i{ color:#79bf8e;  font-size:20px; margin-right:10px; }
#header #barraBlanca #barraBlanca_2 a.botoBarraBlanca2{ color:#000000; background-color:#e4f2dd; padding:5px 12px; font-size:14px;  text-transform:uppercase; text-decoration:none; font-weight:400; transition: all 0.2s ease-out; padding-top: 10px;}
#header #barraBlanca #barraBlanca_2 a.botoBarraBlanca2:hover{ color:#ffffff; background-color:#79bf8e; text-decoration:none; transition: all 0.2s ease-out; }

#header #barraMenu{ position:relative; padding:20px 20px; background-color: #222B19;  height: 80px;}
#header #barraMenu #logo{ position:absolute; top:17px; left:20px; }
#header #barraMenu #logo a{  display: block;}
#header #barraMenu #logo a img{ width:100%; max-width:400px; height:auto; }
#header #barraMenu #menu{ position:absolute; top:20px; right:20px; }
#header #barraMenu #menu a{ display:inline-block; text-transform:uppercase; padding:10px 15px; font-size:15px; font-weight:600; color:#ffffff; transition: all 0.2s ease-out; padding-top: 13px; }
#header #barraMenu #menu a:hover{ color:#79bf8e; text-decoration:none; transition: all 0.2s ease-out; padding-top: 13px; }
#header #barraMenu #menu a.Actiu{ display:inline-block; width:auto; text-transform:uppercase; padding:10px 15px;  font-size:15px; font-weight:600; border:#79bf8e solid 1px; color:#ffffff; transition: all 0.2s ease-out; padding-top: 13px; }
#header #barraMenu #menu a.reservas{ color:#ffffff; background-color:#79bf8e; padding:10px 15px; font-size:15px;  text-transform:uppercase; text-decoration:none; font-weight:800; transition: all 0.2s ease-out; padding-top: 13px;}

.menuPC{ display:block; }
.menuMOBIL{ display:none; }
.boto_menuMOBIL{ font-size:24px !important; }

.botoWhatsApp {
  position: fixed;
  right: 10px;
  bottom: 10px;
  background-color: #25d366; /* Color oficial de WhatsApp */
  padding: 10px 10px 10px 14px;
  border-radius: 50%;
  font-size: 24px;
  z-index: 999;
  color: white;
  width: 50px; /* Aumenta el ancho para dar espacio al ícono */
  height: 50px; /* Aumenta la altura para dar espacio al ícono */
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Sombra para un efecto más moderno */
  transition: background-color 0.3s, box-shadow 0.3s; /* Agregamos transiciones suaves */
}

.botoWhatsApp i {
  margin-right: 5px; /* Espacio entre el ícono y el texto, ajusta según sea necesario */
}
.botoWhatsApp:hover {
  background-color: #000000; /* Color diferente al pasar el ratón por encima */
  color:#FFFFFF;
  text-decoration:none;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Sombra más pronunciada al pasar el ratón por encima */
}
/*
.botoWhatsApp {
  position: fixed;
  right: 20px;
  bottom: 20px;
  background-color: #39B030;
  padding: 10px;
  border-radius: 50px;
  font-size: 24px;
  z-index: 999;
  color: white;
  border: #fff solid 2px;
  width: 50px;
  height: 50px;
  text-align: center;
}
*/
.menuResponsive {  width: 30px !important; margin-top:10px; }
.menuResponsive button {
    display: inline-block;
    padding: 3px;
    border: none !important;
    width: 100%;
    height: 36px;
    border-radius: 0;
    position: relative;
    text-decoration: none;
    color: #ffffff;
    background-color: transparent;
    text-align: center;
    font-size: 24px;
    transition: all 0.2s ease-out;
    margin-left: 0;
}
.menuResponsive .button:hover{  background-color:#4caf50; transition: all 0.2s ease-out; }


.divMenuResponsive{ background-color:#000000 !important; box-shadow:none !important; border: none !important; padding:40px !important; text-align:center !important; min-width:300px; }
.divMenuResponsive a{ 
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	 text-transform:uppercase ;  
	 text-decoration:none ; 
	
	 text-align:center;  
	 font-size:14px;
display:block !important; padding:5px;transition: all 0.2s ease-out;  }
.divMenuResponsive a:hover{  color:#83b50b; transition: all 0.2s ease-out; text-decoration:none !important;  }
.divMenuResponsive a.Actiu{  font-family: 'Montserrat', sans-serif;
	font-weight:400;
	text-transform:uppercase ;  
	text-decoration:none ; 

	text-align:center;  
	font-size:14px;
	display:block !important;
	padding:5px;
	transition: all 0.2s ease-out;
}


.idiomaMobil{ display:inline-block !important; }

.barraMenuActiu{  background-color:#6a7865; height: 75px !important; }
.barraMenuActiu #logo{ top:20px !important; left:15px !important; }
.barraMenuActiu #menu{ top:15px !important; right:15px !important; }
.barraMenuActiu #logo a img{ max-width:200px !important;  }


.caixaApartament { border:#f5f3f4 solid 1px; background-color:#FFFFFF; }
.caixaApartament .blocInfoApart{ padding:40px; }
.caixaApartament .blocInfoApart h3{ font-size: 30px !important; color: #000000 !important;  font-weight:700 !important; margin:0 !important; padding:0 !important; text-transform: uppercase !important; line-height: 40px !important; text-align: left !important; }
.caixaApartament .blocInfoApart h4{ font-size: 14px !important; color: #939393 !important;  font-weight:400 !important; margin:0 !important; padding:0 !important;margin-bottom:20px !important; }
.caixaApartament .blocInfoApart p i{ color:#bbd9af !important; font-size:24px !important; margin-right:10px !important; }
.caixaApartament .blocInfoApart img{ max-width:35px; height:auto; margin-right:5px;}

#inici{position:relative !important; width:100% !important; margin:0 !important;  }
#esloganHome{ position:relative; background-color:#79bf8e; bottom:0; width:100%;z-index:9; text-align:center; padding:60px;}
#esloganHome h1{  font-family: 'Playfair Display', serif;color:#ffffff; font-size:50px; text-transform:uppercase;  line-height:70px; text-align:center; padding:0; font-weight:400; margin-bottom:0px; }
#esloganHome h2{  color:#ffffff; font-size:30px;   line-height:40px; text-align:center; padding:0; margin:0; font-weight:300;  }

.blocsHome{ padding:100px; }
.blocsHome h3{ font-family: 'Playfair Display', serif; color:#000000; font-size:40px; text-transform:uppercase;  line-height:44px; text-align:left; padding:0; font-weight:400; margin-bottom:0px; }
.blocsHome h5{ color:#79bf8e; font-size:32px; text-transform:uppercase;  line-height:44px; text-align:left; padding:0; font-weight:400; margin-bottom:0px; }
.blocsHome ul li{ font-size: 20px; line-height:26px; color: #000000; font-weight:300; text-align:justify;  margin:0; padding: 0;margin-bottom:10px; }

.banerFoto{ position:relative !important; width: 100%; background: no-repeat center; background-image: none; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  height:500px; }

a.boto{ display:inline-block; background-color:#79bf8e; color:#ffffff !important; font-size:16px; line-height:16px; transition: all 0.2s ease-out; text-transform:uppercase; text-align:center; padding:15px 30px; font-weight:500;  }
a.boto:hover{ background-color:#6a7865; color:#ffffff !important;  text-decoration:none; transition: all 0.2s ease-out; }

.fonsVerd{ background-color:#e4f2dd; padding:40px; }
.fonsGris{ background-color:#f5f3f4; }
.textLeft { text-align:left !important; }
.textCenter { text-align:center !important; }
.textRight { text-align:right !important; }



#Cap_Interiors{position:relative !important; width: 100%; background: no-repeat center; background-image: none; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  height:500px;}
#Cap_Interiors_verd{position:relative !important;   height:120px; background-color:#79bf8e; }


#contenido{ width:100%; padding:80px 40px; margin:0 auto; }
#contenido h1{  font-family: 'Playfair Display', serif;color:#000000; font-size:44px;  line-height:44px;  margin:0; padding:0; font-weight:700; margin-bottom:10px; text-align:center }
#contenido h2{font-size: 24px; color: #79bf8e;  font-weight:400; margin:0; padding:0;margin-bottom:20px;  text-align:center}
#contenido h3{font-size: 20px; color: #79bf8e;  font-weight:700; margin:0; padding:0;margin-bottom:20px;}
p{ font-size: 20px; line-height:26px; color: #000000; font-weight:300; text-align:justify;  margin:0; padding: 0;margin-bottom:10px; }
#contenido ul li{ font-size:20px; font-weight:300 !important; line-height: 26px; color:#000000; text-align:left;  margin:0; padding: 0; }

a.linkText{ font-size: 20px; line-height:26px; color: #000000; font-weight:300;   margin:0; padding: 0;margin-bottom:10px; transition: all 0.2s ease-out; }
a.linkText:hover{ text-decoration:none;color: #79bf8e;  transition: all 0.2s ease-out;  }


.formulari input[type="text"], .formulari input[type="email"], .formulari input[type="date"], .formulari input[type="number"]{ font-family: 'Josefin Sans', sans-serif; color:#777777; font-size:20px; line-height:22px; border-radius:5px; border:#DCDCDC solid 1px; margin:0; padding:10px; width:100%; font-weight:300; text-align:left !important; margin-bottom:10px !important; }
.formulari select{  font-family: 'Josefin Sans', sans-serif;  color:#777777; font-size:20px; line-height:22px; border-radius:5px; border:#DCDCDC solid 1px; margin:0; padding:10px; width:100%; font-weight:300; text-align:left !important; margin-bottom:10px !important; background-color:#ffffff !important; }
.formulari textarea{  font-family: 'Josefin Sans', sans-serif; color:#777777; font-size:20px; line-height:22px; border-radius:5px; border:#DCDCDC solid 1px; margin:0; padding:10px; width:100%; font-weight:300; text-align:left !important; margin-bottom:10px !important; height:120px; }
.formulari input[type="submit"]{  font-family: 'Josefin Sans', sans-serif; display:inline-block; background-color:#79bf8e; color:#ffffff !important; font-size:16px; line-height:16px; border:none !important; text-transform:uppercase; text-align:center; padding:15px 30px; font-weight:500 !important; transition: all 0.2s ease-out; cursor: pointer;}
.formulari input[type="submit"]:hover{ background-color:#6a7865; color:#ffffff !important;  text-decoration:none; transition: all 0.2s ease-out;}


.infoLegal{ font-size:12px !important; line-height:14px !important; margin-bottom:5px !important;margin-top:0px !important; color:#777777;  font-weight:300; text-align:left !important; padding: 0 !important;}
.infoLegal a{ font-size:12px !important; text-decoration:none !important; color:#000000 !important; font-weight:300 !important  }
.infoLegal a:hover{ font-size:12px !important; text-decoration:none !important; color:#0030b8 !important;  }

.subtitolGran{ color:#000000 !important; font-size:30px !important; }
.linkServeisExtres{ display:block;  transition: all 0.2s ease-out; background-color:#79bf8e; }
.linkServeisExtres p{ text-align:center !important; margin:0 !important; padding:0 !important; }
.linkServeisExtres h3{ text-align:center !important; font-size:24px !important; color:#FFFFFF !important; padding:20px !important;  }
.linkServeisExtres p img{ opacity:1; transition: all 0.2s ease-out; }

.linkGaleria img{ opacity:1; transition: all 0.2s ease-out; }
.linkGaleria:hover img{ opacity:0.7; transition: all 0.2s ease-out; cursor:zoom-in; }
a.tornar{ display:inline-block; background-color:#79bf8e; color:#ffffff !important; font-size:16px; line-height:16px; transition: all 0.2s ease-out; text-transform:uppercase; text-align:center; padding:15px 30px; font-weight:500;  }
a.tornar i{ margin-right:10px; }
a.tornar:hover{ background-color:#6a7865; color:#ffffff !important;  text-decoration:none; transition: all 0.2s ease-out; }

.menuFooter{ text-align:center; }
.menuFooter a{ display:inline-block; text-transform:uppercase; padding:15px 10px; font-size:15px; font-weight:400; color:#000000; transition: all 0.2s ease-out; }
.menuFooter a.Actiu{ display:inline-block; text-transform:uppercase; padding:15px 10px; font-size:15px; font-weight:600; color:#79bf8e; transition: all 0.2s ease-out; }
.menuFooter a:hover{ text-decoration:none; color:#79bf8e; transition: all 0.2s ease-out; }

.banerFotofooter{ position:relative !important; width: 100%; background: no-repeat left; background-image: none; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  height:500px; }


#footer{ text-align:center; padding:40px; border-top:#F0F0F0 solid 1px; }
#footer p{ color:#000000 !important; font-size:17px !important; line-height:24px; margin:0; padding:0; font-weight:300; }
#footer p a{ color:#000000 !important; font-size:17px !important; text-decoration:none; font-weight:300;transition: all 0.2s ease-out; }
#footer p a:hover{ color:#79bf8e !important; text-decoration:none; transition: all 0.2s ease-out; }
.peuLeft{ text-align:left; }
.peuRight{ text-align:right; }