@import url('https://fonts.googleapis.com/css?family=Dancing+Script:700|Montserrat:300,400,700');

html{ margin:0px; height:100%;  }
body { height:100%; overflow-x:hidden; margin:0px; padding:0px; font-family: 'Montserrat', sans-serif;}
.ampla_pagina{ width:1300px; margin:0 auto; }
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:300;}
p{ margin:0; padding:0; font-weight:300; text-align:justify; line-height: 28px;
font-size: 16px;}


#header{ width:100%; background-color:#1d1d1d; }

#header #barraSup{ width:100%; background-color:#2f2d2d; padding-bottom:3px; padding-top:4px; }
#header #barraSup #loca{ width:22%; float:left; }
#header #barraSup #tel{ width:13%; float:left;  }
#header #barraSup #email{ width:18%; float:left;  }
#header #barraSup #idiomes{ width:47%; float:left; text-align:right;  }
#header #barraSup #idiomes a.idioma{ display:inline-block; margin-left:5px; font-size:15px; font-weight:300; color:#ffffff; text-decoration:none;  transition: all 0.2s ease-out; }
#header #barraSup #idiomes a.idioma:hover{color:#ff9b31; transition: all 0.2s ease-out;}
#header #barraSup #idiomes a.idiomaActiu{display:inline-block; margin-left:5px; font-size:15px;font-weight:400; color:#ff9b31; text-decoration:none;  transition: all 0.2s ease-out; }
#header #barraSup a{ font-size:14px; font-weight:300;color:#ffffff; text-decoration:none; transition: all 0.2s ease-out; }
#header #barraSup a:hover{ color:#ff9b31; text-decoration:none; transition: all 0.2s ease-out; }
#header #barraSup a i{ font-size:14px; color:#ff9b31; text-decoration:none; margin-right:5px; }

#header #logo{ width:20%; float:left; padding-bottom:20px; padding-top:20px;}
#header #logo a{ display:block; font-size:11px; color:#494949; text-decoration:none; }
#header #logo a img{ width:100%; max-width:194px; height:auto; margin-bottom:3px; }
#header #menuPC{ width:80%; float:left; padding-top:35px; text-align:right; }
#header #menuPC a{ display:inline-block; width:auto;font-weight:300;  text-decoration:none; color:#aba6a6; text-align:center;  font-size:14px; text-transform:uppercase; margin-left:25px;  }
#header #menuPC a:hover{ transition: all 0.2s ease-out; color:#ff9b31; }
#header #menuPC a.Actiu{ display:inline-block; width:auto;font-weight:700;  text-decoration:none; color:#ff9b31; text-align:center;  font-size:14px; text-transform:uppercase; margin-left:25px;  }

#header #menuPC a.Reservas{ display:inline-block; width:auto; font-weight:300;  text-decoration:none; color:#ffffff; text-align:center;  font-size:14px; text-transform:uppercase; margin-left:35px; border:#ff9b31 solid 2px; padding-bottom:10px; padding-top:10px; padding-left:30px; padding-right:30px; transition: all 0.2s ease-out;  }
#header #menuPC a.Reservas:hover{ display:inline-block; width:auto; font-weight:300;  text-decoration:none; color:#ffffff; text-align:center;  font-size:14px; text-transform:uppercase; margin-left:35px; background-color:#ff9b31; border:#ff9b31 solid 2px; padding-bottom:10px; padding-top:10px; padding-left:30px; padding-right:30px; transition: all 0.2s ease-out;  }
#header #menuPC a.ReservasActiu{ display:inline-block; width:auto; font-weight:300;  text-decoration:none; color:#ffffff; text-align:center;  font-size:14px; text-transform:uppercase; margin-left:35px; border:#ff9b31 solid 2px; padding-bottom:10px; padding-top:10px; padding-left:30px; padding-right:30px;  }


uk-dropdown{ border:none; }

#menuRes{ display:none;  }
#menuRes .botoMenu{ color:#ffffff; font-weight:300;font-size:30px; margin:0; padding:4px; border:none; background-color:transparent; }
#menuRes .botoMenu:hover{ color:#ff9b31; }
#menuRes .linkMenu{  display:block; width:100%;font-weight:300;  text-decoration:none; color:#777777; text-align:center; padding:4px; font-size:16px; text-transform:uppercase;  transition: all 0.2s ease-out;  }
#menuRes .linkMenu:hover{ display:block; width:100%;font-weight:300;  text-decoration:none; background-color:#000000; color:#FFFFFF;  text-align:center; padding:4px; font-size:16px; text-transform:uppercase;  transition: all 0.2s ease-out; }


.homePC{ display:block; }
.homeMOBIL{ display:none; }

#esloganHome2{ position:absolute; top:250px; width:100%;  z-index:9; }
#esloganHome2 h1{ font-family: 'Dancing Script', sans-serif; color:#ffffff; font-size:95px; text-align:center; margin-bottom:50px;}
#esloganHome2 p{font-size:20px; color:#ffffff; text-align:center; font-weight:400; width:50%; margin:0 auto; margin-bottom:20px;}


#presentacio{ background-color:#efeeee; padding-bottom:80px; padding-top:80px; width:100%; }
#presentacio #foto{ width:30%; margin-right:5%; float:left; }
#presentacio #foto img{ width:100%; height:auto; }
#presentacio #text{ width:65%; float:left; text-align:center; }
#presentacio #text h2{ font-family: 'Dancing Script', sans-serif; color:#ff9b31; font-size:45px; text-align:center; margin-bottom:20px;}
#presentacio #text h3{ color:#14131a; font-size:34px; font-weight:300; text-align:center; }
#presentacio #text img{ margin-bottom:30px; margin-top:30px; text-align:center;}
#presentacio #text p{font-size:16px; line-height:28px; color:#707070; text-align:left; font-weight:400; margin-bottom:20px;}
#presentacio #text a{ display:block; margin:0 auto; width:200px; padding:10px; border:#ff9b31 solid 2px; font-size:16px; color:#000000; text-align:center; font-weight:400; text-decoration:none; transition: all 0.2s ease-out;}
#presentacio #text a i{ margin-left:5px;}
#presentacio #text a:hover{ text-decoration:none; transition: all 0.2s ease-out; color:#FFFFFF; background-color:#ff9b31;}


#promocions{ background-color:#f8f8f8; padding-bottom:80px; padding-top:80px; width:100%; }
#promocions h2 span{ font-family: 'Dancing Script', sans-serif; color:#ff9b31; font-size:45px; line-height:60px; text-align:center; }
#promocions h2{ color:#000000; font-size:34px; font-weight:300; text-align:center;margin-bottom:50px; }
#promocions .promo { width:100%; margin-bottom:50px; }
#promocions .promo .foto{ width:30%;  float:left; }
#promocions .promo .foto img{ width:100%; height:auto;  }
#promocions .promo .text{ width:70%; float:left; padding:60px; border:#ff9b31 solid 1px; border-left:#ff9b31 solid 3px  }
#promocions .promo .text h2{ font-family: 'Dancing Script', sans-serif; color:#ff9b31; font-size:45px;  margin-bottom:20px; text-align:left;}
#promocions .promo .text h3{ color:#14131a; font-size:34px; font-weight:300; margin-bottom:20px; }
#promocions .promo .text p{font-size:16px; line-height:28px; color:#707070; text-align:left; font-weight:400; margin-bottom:40px;}
#promocions .promo .text a{ display:block;width:200px; padding:10px; background-color:#ff9b31; font-size:16px; color:#FFFFFF; text-align:center; font-weight:400; text-decoration:none; transition: all 0.2s ease-out;}
#promocions .promo .text a i{ margin-left:5px;}
#promocions .promo .text a:hover{ text-decoration:none; transition: all 0.2s ease-out; background-color:#1d1d1d;}

#activitats{ background:no-repeat center; -webkit-background-size: cover;  -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding:120px; width:100%; }
#activitats h2 span{ font-family: 'Dancing Script', sans-serif; color:#ff9b31; font-size:50px;  text-align:center; }
#activitats h2{ color:#ffffff; font-size:42px; font-weight:400; text-align:center;margin-bottom:50px; line-height:50px;}
#activitats p{font-size:20px; color:#ffffff; text-align:center; font-weight:400; margin-bottom:40px;}
#activitats a{ display:block; margin:0 auto; width:240px; padding:10px; background-color:#ff9b31; font-size:16px; color:#ffffff; text-align:center; font-weight:400; text-decoration:none; transition: all 0.2s ease-out;}
#activitats a i{ margin-left:5px;}
#activitats a:hover{ text-decoration:none; transition: all 0.2s ease-out; background-color:#1d1d1d;}


#titol_Interior{ width:100%; padding:100px; padding-bottom:160px; padding-top:160px; background:no-repeat center; -webkit-background-size: cover;  -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
#titol_Interior h1{ font-family: 'Dancing Script', sans-serif; font-weight:normal; color:#ffffff; font-size:80px; text-align:center; margin-bottom:50px; }
#titol_Interior h2{ color:#ffffff; font-size:30px; text-align:center; font-weight:300; margin:0; padding:0; }
#titol_Interior h3{ color:#ff9b31; font-size:22px; text-align:center;font-weight:300; margin:0; padding:0;  }



#laMasia{ margin-top:1px; width:100%; }
#laMasia .habitacions .foto{ width:45%; float:left;  }
#laMasia .habitacions .info{ width:55%; float:left; padding:60px; }
#laMasia .habitacions .info h2{ font-family: 'Dancing Script', sans-serif; color:#ff9b31; font-size:55px; line-height:60px; }
#laMasia .habitacions .info p{ font-size:16px; color:#807676;  font-weight:300;}
#laMasia .habitacions .info ul li{ font-size:16px; color:#807676;  font-weight:300; margin-bottom:5px;line-height: 28px;}

#laMasia .interiors{ background-color:#ff9b31;}
#laMasia .interiors .info{ width:55%; float:left; padding:60px; }
#laMasia .interiors .info h2{ font-family: 'Dancing Script', sans-serif; color:#ffffff; font-size:55px; line-height:60px; text-align:right; }
#laMasia .interiors .info p{ font-size:16px; color:#ffffff;  font-weight:300;text-align:right; }
#laMasia .interiors .foto{ width:45%; float:left;   }

#laMasia .exteriors .foto{ width:45%; float:left;   }
#laMasia .exteriors .info{ width:55%; float:left; padding:60px; }
#laMasia .exteriors .info h2{ font-family: 'Dancing Script', sans-serif; color:#ff9b31; font-size:55px; line-height:60px; }
#laMasia .exteriors .info p{ font-size:16px; color:#807676;  font-weight:300;}

#laMasia .eslogal{ background:no-repeat center; -webkit-background-size: cover;  -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding:120px; width:100%; }
#laMasia .eslogal h2 span{ font-family: 'Dancing Script', sans-serif; color:#ff9b31; font-size:70px; text-align:center; }
#laMasia .eslogal h2{ color:#ffffff; font-size:42px; font-weight:700; text-align:center;margin-bottom:30px; line-height:60px; }
#laMasia .eslogal p{font-size:20px; color:#ffffff; text-align:center; font-weight:400; }

#interior{ padding-bottom:50px; padding-top:50px; }

#preusPC{ display:block; }
#preusRespo{ display:none; }

#preus{ padding-bottom:80px; padding-top:80px; }
#preus h4{ text-align:center; font-size:18px; color:777777; }
#preus h4 span{ text-align:center; font-size:14px; color:777777; font-weight:300; }
#preus p{ text-align:center; font-size:16px; color:777777; font-weight:300; margin:0; padding-bottom:10px; padding-top:10px; }
#preus .infoPreus{ margin-top:50px; }
#preus .infoPreus h2{ text-align:left; font-size:22px; color:#ff9b31 !important; margin:0; padding:0; margin-bottom:10px; }
#preus .infoPreus p{ text-align:left; font-size:16px; font-weight:300; margin:0; padding-bottom:20px; }

#actividades{ padding-bottom:80px; padding-top:80px; }
#actividades .catActividad{ margin-bottom:30px; }
#actividades .catActividad h2{ color:#ffffff; font-size:48px;  font-family: 'Dancing Script', sans-serif; text-align:left; padding-top:130px; padding-left:20px; min-height:200px; background:no-repeat center; -webkit-background-size: cover;  -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
#actividades .catActividad .llistat{ padding:20px; }
#actividades .catActividad .llistat p{ font-size:16px; margin:0; padding:0; }
#actividades .catActividad .llistat p a{ text-decoration:none; color:#666666; font-size:16px; margin:0; padding:0; transition: all 0.2s ease-out; }
#actividades .catActividad .llistat p a i{ color:#eb8f2e;  }
#actividades .catActividad .llistat p a:hover{ text-decoration:none; color:#000000; font-size:16px; margin:0; padding:0; transition: all 0.2s ease-out; }


#localizacion{ padding-bottom:80px; padding-top:80px; }
#localizacion h1{ font-family: 'Dancing Script', sans-serif; font-weight:normal; color:#eb8f2e; font-size:80px; text-align:center; margin-bottom:50px; }
#localizacion h2{ color:#000000; font-size:30px; text-align:center; font-weight:300; margin:0; padding:0; margin-bottom:20px; }
#localizacion p{ color:#666666; font-size:18px; text-align:center;font-weight:300; margin:0; padding:0;  }


#reservas{ padding-bottom:80px; padding-top:80px; }
#reservas .info{ width:30%; float:left; margin-right:5%; }
#reservas .info h2{ color:#000000; font-size:30px; text-align:left; font-weight:300; margin:0; padding:0; margin-bottom:20px; }
#reservas .info h3{  font-family: 'Dancing Script', sans-serif; color:#000000; font-size:48px; line-height:40px; text-align:left; font-weight:300; margin:0; padding:0; margin-bottom:40px; }
#reservas .info p{ color:#666666; font-size:18px; text-align:left;font-weight:300; margin:0; padding:0;  }
#reservas .form{ width:65%; float:left; }
#reservas .form p{ font-size:16px; text-align:left;font-weight:300; margin:0; padding:0;  }

#reservas .form input[type="text"], #reservas .form input[type="email"]{ font-family: 'Lato', sans-serif;width:100%; padding:4px; background-color:#ffffff; border:none; border:#dddee0 solid 1px;  font-size:16px; color:#777777; margin-bottom:10px; }
#reservas .form textarea{ font-family: 'Lato', sans-serif;width:100%; padding:6px; background-color: #ffffff; border:none;  border:#dddee0 solid 1px; font-size:16px; color:#777777;  min-height:100px; margin-bottom:10px; }
#reservas .form input[type="submit"]{ font-family: 'Lato', sans-serif; display:block; width:200px; padding:10px; background-color:#000000; border:none;  font-size:16px; color:#ffffff; font-weight:900; text-align:center; text-decoration:none;  transition: all 0.2s ease-out; }
#reservas .form input[type="submit"]:hover{  background-color:#aea9a3; transition: all 0.2s ease-out; }

.uk-form-icon > [class*="uk-icon-"] {
   
    margin-top: -11px !important;

}
.uk-form-icon {
    width: 100% !important;
}

.col_1_2{ width:48%; margin-right:4%; float:left }
.col_2_2{ width:48%; float:left }


.col_1_3{ width:30%; margin-right:5%; float:left }
.col_2_3{ width:30%; margin-right:5%; float:left }
.col_3_3{ width:30%;float:left  }


#footer{ width:100%;  }
#footer #bloc_peu_1 { padding-bottom:50px; padding-top:50px;  background-color:#1d1d1d; }
#footer #bloc_peu_1 p{ text-align:center; font-size:14px; margin:0; padding:0; color:#8a8a8a; font-weight:300; line-height:24px;}
#footer #bloc_peu_1 p img{ margin-bottom:40px; }
#footer #bloc_peu_1 p a{text-decoration:none; font-size:14px; color:#8a8a8a; font-weight:300; transition: all 0.2s ease-out;  }
#footer #bloc_peu_1 p a:hover{text-decoration:none; color:#ff9b31; font-weight:300; transition: all 0.2s ease-out;  }
#footer #bloc_peu_1 p i{ font-size:14px; color:#ff9b31; text-decoration:none; margin-right:5px; }
#footer #bloc_peu_2{ padding-bottom:10px; padding-top:10px;  background-color:#242424;  }
#footer #bloc_peu_2 p{ text-align:center; font-size:14px; margin:0; padding:0; color:#8a8a8a;font-weight:300;}
#footer #bloc_peu_2 p a{ text-decoration:none; text-align:center; font-size:14px; color:#8a8a8a;transition: all 0.2s ease-out;font-weight:300;}
#footer #bloc_peu_2 p a:hover{ color:#ff9b31;transition: all 0.2s ease-out;}


.uk-slidenav-contrast {
    color: rgba(255,155,49,1)  !important;
}








/* cookies */
#barraaceptacion { display:none; position:fixed; left:0px; right:0px; bottom:0px; padding:4px; width:100%; text-align:center; background-color: rgba(0, 0, 0, 0.5); color:#fff; z-index:99999; }
#barraaceptacion a.ok {padding:4px;color:#fff;text-decoration:none; font-weight:bold}
#barraaceptacion a.info {padding-left:5px;text-decoration:none;color:#fff;}
/* final cookies */