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%; background-color:#ffffff; }
#header #barraBlanca{ padding:10px 20px; background-color:#a7d7d6; }
#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 i{  font-size:20px;  }
#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-left:15px; transition: all 0.2s ease-out;   }
#header #barraBlanca #barraBlanca_2 a i{ color:#ffffff;  font-size:20px; margin-right:6px; }
#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:#8dbf79; text-decoration:none; transition: all 0.2s ease-out; }

#header #barraMenu{ position:relative; padding:30px; background-color:#ffffff; z-index: 2; }
#header #barraMenu #logo{ width:30%; float:left;  }
#header #barraMenu #logo a{  display: block;}
#header #barraMenu #logo a img{ width:100%; max-width:274px; height:auto; }
#header #barraMenu #menu{ width:70%; float:left; text-align:right; padding-top:20px; }
#header #barraMenu #menu a{ display:inline-block; text-transform:uppercase; padding:10px 15px; font-size:15px; font-weight:600; color:#263a44; transition: all 0.2s ease-out; padding-top: 13px; }
#header #barraMenu #menu a:hover{ color:#a7d7d6; 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:#a7d7d6 solid 1px; color:#263a44; transition: all 0.2s ease-out; padding-top: 13px; }
#header #barraMenu #menu a.reservas{ color:#ffffff; background-color:#263a44; padding:10px 15px; font-size:15px;  text-transform:uppercase; text-decoration:none; font-weight:800; transition: all 0.2s ease-out; padding-top: 13px;}

#header #barraMenu #menuMOBIL{ display:none; background-color:#ffffff;  width:70%; float:left; text-align:right; padding-top:20px; }

.menuResponsive {  width: 35px !important; }
.menuResponsive button {
    display: inline-block;
    padding: 3px;
    border: none !important;
	width: 100%;
    height: auto;
    border-radius: none;
    position: relative;
    text-decoration: none;
    color: #000000;
    background-color: #ffffff;
    text-align: center;
    font-size: 26px;
    transition: all 0.2s ease-out;
    margin-left: 0;
}
.menuResponsive .button:hover{  background-color:#490b0b; transition: all 0.2s ease-out; }

.divMenuResponsive{ z-index:999999; background-color:#ffffff !important; box-shadow:none !important; border: none !important; padding:20px !important; text-align:left !important; min-width:300px; }
.divMenuResponsive a{ 
	
	 font-weight:300;
	 text-decoration:none;
	 text-transform:uppercase; 
	 color:#000000; 
	 text-align:left;  
	 font-size:16px;
display:block !important; padding:6px;transition: all 0.2s ease-out;  }
.divMenuResponsive a:hover{ color:#490b0b; transition: all 0.2s ease-out; text-decoration:none !important;  }
.divMenuResponsive a.Actiu{ font-weight:400;text-transform:uppercase ;  text-decoration:none ; color:#490b0b; text-align:center;  font-size:16px;display:block !important; padding:5px;transition: all 0.2s ease-out; }
.divMenuResponsive a.idiomaMenuRespo{ display:inline-block !important; width:auto; font-weight:300; text-decoration:none; text-transform:uppercase; color:#000000; text-align:left; font-size:16px; padding:8px;transition: all 0.2s ease-out;  }
.divMenuResponsive a.idiomaMenuRespoActiu{ display:inline-block !important; font-weight:700; width:auto; padding:8px; text-decoration:none; text-transform:uppercase; color:#000000; text-align:left;  font-size:16px; transition: all 0.2s ease-out;  }
 
.divMenuResponsive a.XXSSMenuRespo{ display:inline-block !important; padding:8px; width:auto; font-weight:300; text-decoration:none; text-transform:uppercase; color:#aa545d; text-align:left; font-size:18px; transition: all 0.2s ease-out;  }

.divMenuResponsive a.infoMenuRespo{ display:block !important; padding:8px 0; width:auto; font-weight:300; text-decoration:none; text-transform:none; color:#000000; text-align:left; font-size:16px; transition: all 0.2s ease-out;  }
.divMenuResponsive hr{ margin: 10px 0 !important; }


.barraMenuActiu{  background-color:#ffffff; height:75px; padding:10px !important; z-index:10; }
.barraMenuActiu #logo{  }
.barraMenuActiu #logo a img{ max-width:160px !important;  }
.barraMenuActiu #menu{ padding-top:3px !important; }

.caixaApartament { display:block; border:#f5f3f4 solid 1px; background-color:#a7d7d6;  transition: all 0.2s ease-out;}
.caixaApartament .blocInfoApart{ padding:20px; min-height:400px; }
.caixaApartament .blocInfoApart h3{ font-size: 20px !important; color: #000000 !important;  font-weight:700 !important; margin:0 !important; padding:0 !important; text-transform: uppercase !important; line-height: 30px !important; text-align: left !important;  transition: all 0.2s ease-out;}
.caixaApartament .blocInfoApart h4{ font-size: 16px !important; color: #ffffff !important;  font-weight:400 !important; margin:0 !important; padding:0 !important;margin-bottom:20px !important; transition: all 0.2s ease-out; }
/*.caixaApartament:hover { text-decoration:none !important; background-color:#a7d7d6;  transition: all 0.2s ease-out;}
.caixaApartament:hover .blocInfoApart h3{ text-decoration:none !important; transition: all 0.2s ease-out; }
.caixaApartament:hover .blocInfoApart h4{  text-decoration:none !important;  transition: all 0.2s ease-out;}*/

#inici{position:relative !important; width:100% !important; margin:0 !important;  }
#esloganHome{ position:absolute; top:10%; width:100%;z-index:1; text-align:left; padding:40px;}
#esloganHome h1{ color:#a7d7d6; font-size:60px; text-transform:uppercase;  line-height:70px; text-align:center; padding:0; font-weight:400; margin-bottom:0px; }
#esloganHome h2{  color:#ffffff; font-size:36px;   line-height:40px; text-align:center; padding:0; margin:0; font-weight:300;  }

.blocsHome{ padding:100px; }
.blocsHome h3{ 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:#a7d7d6; 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:#a7d7d6; 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:#243742; color:#ffffff !important;  text-decoration:none; transition: all 0.2s ease-out; }

.fonsVerd{ background-color:#a7d7d6; 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:160px; background-color:#6a7865; }


#contenido{ width:100%; padding:80px 40px; margin:0 auto; }
#contenido h1{ color:#000000; font-size:44px;  line-height:44px; text-transform:uppercase;  margin:0; padding:0; font-weight:700; margin-bottom:10px; text-align:center }
#contenido h2{font-size: 24px; color: #a7d7d6;  font-weight:400; margin:0; padding:0;margin-bottom:20px;  text-align:center}
#contenido h3{font-size: 20px; color: #a7d7d6;  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: #a7d7d6;  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:#233742; 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; }
a.linkServeisExtres{ display:block;  transition: all 0.2s ease-out; background-color:#8dbf79; }
a.linkServeisExtres p{ text-align:center !important; margin:0 !important; padding:0 !important; }
a.linkServeisExtres h3{ text-align:center !important; font-size:24px !important; color:#FFFFFF !important; padding:20px !important;  }
a.linkServeisExtres:hover{ text-decoration:none; transition: all 0.2s ease-out; background-color:#6a7865; }
a.linkServeisExtres:hover p{ text-decoration:none; transition: all 0.2s ease-out; }
a.linkServeisExtres:hover h3{ text-decoration:none; transition: all 0.2s ease-out; }
a.linkServeisExtres p img{ opacity:1; transition: all 0.2s ease-out; }
a.linkServeisExtres:hover p img{ opacity:0.7; 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:#a7d7d6; 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; }


#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:#a7d7d6 !important; text-decoration:none; transition: all 0.2s ease-out; }
.peuLeft{ text-align:left; }
.peuRight{ text-align:right; }