@font-face { font-family: 'charlevoix_probold';
    src: url('../fonts/charlevoixpro-bold-webfont.woff2') format('woff2'),
         url('../fonts/charlevoixpro-bold-webfont.woff') format('woff');
    font-weight: normal; font-style: normal;}

@font-face { font-family: 'charlevoix_prolight';
    src: url('../fonts/charlevoixpro-light-webfont.woff2') format('woff2'),
         url('../fonts/charlevoixpro-light-webfont.woff') format('woff');
    font-weight: normal; font-style: normal;}

@font-face { font-family: 'charlevoix_promedium';
    src: url('../fonts/charlevoixpro-medium-webfont.woff2') format('woff2'),
         url('../fonts/charlevoixpro-medium-webfont.woff') format('woff');
    font-weight: normal; font-style: normal;}

@font-face { font-family: 'charlevoix_proregular';
    src: url('../fonts/charlevoixpro-regular-webfont.woff2') format('woff2'),
         url('../fonts/charlevoixpro-regular-webfont.woff') format('woff');
    font-weight: normal; font-style: normal;}

@font-face { font-family: 'icomoon';
  src: url("../fonts/icomoon/fonts/icomoon.eot?srf3rx");
  src: url("../fonts/icomoon/fonts/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/fonts/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/fonts/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/fonts/icomoon.svg?srf3rx#icomoon") format("svg");
  font-weight: normal; font-style: normal;}

/* GENERALES  ---------------------------------------------------*/
body { margin:0; padding:0; background: #fff; color: #000; font-family: 'charlevoix_proregular', sans-serif; font-size: 1em; line-height: 1.15; font-weight: 400; overflow-x: hidden;}
body,html {height:100%; }
a { color: #000;}
a:hover, a:active, a:focus { color: #93b78f; outline: none; text-decoration: none;}
p {margin-bottom:15px;}
h1, h2, h3, h4, h5, h6, figure { color: #000; font-family: 'Source Sans Pro', sans-serif; font-weight: normal; margin: 0 0 20px 0;}
::-webkit-selection {color: #fff;background: #93b78f;}
::-moz-selection {color: #fff;background: #93b78f;}
::selection {color: #fff;background: #93b78f;}


/* TOPE ----------------------------------------------- */
#bullets { display: none;}
#tope {overflow:hidden; } 
.topeinfo {width:90%; height: 95vh; display:block; position: absolute; top:2.5vh; left:5%; z-index:100; }

.topeinfo img.logo {width:30px; height: auto; display:block; position:absolute; top:0; left:0; }
.topeinfo div.advice {position: absolute; top: 50px; max-width:300px; padding: 0 15px; border-radius: 15px; background: rgba(0,0,0,.4);}
.topeinfo div.advice p { color: white; }   
.topeinfo ul.idiomas {margin:0; display:block; position:absolute; top:0; right:0; list-style-type: none; }
.topeinfo ul.idiomas li {margin:0 3px; display:inline; font-family: 'charlevoix_prolight'; font-size:14px; }
.topeinfo ul.idiomas li a {text-decoration: none; color:#fff; }
.topeinfo ul.idiomas li.active a {text-decoration: none; color:#fff; font-family: 'charlevoix_probold';}

.topelogo { position: absolute; top: 26.44vh; left: 50%; transform: translateX(-50%); width: 100%;}

.topelogo h1 { margin-top: 3.185vh; margin-bottom: 6vh; text-align: center;width: 100%;}
.topelogo h1 img {width: 60.5719vw;}
.topelogo h1 span {display:none}
.topelogo h2 { color: #fff; font-family: 'charlevoix_prolight'; font-size: 4.44vh; line-height: 4.44vh; text-align: center;width: 100%;}
.topelogo h3 { color: #fff; font-family: 'charlevoix_prolight'; font-size: 4.44vh; line-height: 4.44vh; text-align: center;width: 100%;}

.topeinfo button.txt {padding:5px 10px; background:transparent; color:#fff; border:1px solid #fff; font-family: 'charlevoix_prolight'; font-size: 16px; text-transform:uppercase; text-align:center; display:block; width:160px; position:absolute;  left: 50%; margin-left: -80px; bottom:8%;  z-index:100; cursor:pointer; }

.topeinfo button.flecha {background:transparent; color:#fff; border:0; text-align:center; display:block; position:absolute;  left: 50%; margin-left: -25px; bottom:1%;  z-index:100; cursor:pointer; }
.topeinfo button.flecha i {font-size: 30px; display:block; font-weight: 100}
.topeinfo button.txt:focus, .topeinfo button.flecha:focus {outline:0px; }

/* MOD 01 TEXTO ACERCA DE ----------------------------------------------- */
#mod01 {overflow:hidden; width:100%; /*height: 100vh; */background:#fff; color:#93b78f; display: block;  } 
#mod01 .container {margin:5% auto; width:60%; height: 80%; display:block; }
#mod01 p {font-size:28px; text-align:center; }
#mod01 p strong {font-family: 'charlevoix_probold';}

/* MOD 02 SERVICIOS ----------------------------------------------- */
#mod02 {padding-bottom:8em;overflow:hidden; width:100%; height: 320px; background:#c6b69b; color:#fff; display: block;  } 
#mod02 .container {margin:6em auto; width:96%; height: auto; display:table; }
#mod02 h2 {color:#fff; font-family: 'charlevoix_proregular'; font-size:21px; letter-spacing: 5px; text-align: center; text-transform: uppercase; display: block; }
#mod02 ul {margin-top:4em; padding-left:0; list-style-type: none; display:block; } 
#mod02 ul li { width:14%; height: auto; min-height: 150px; display:inline; float:left; }
#mod02 ul li img {margin:0 auto 40px; width:60%; display: block;}
#mod02 ul li p {text-align: center; text-transform: uppercase; font-size:16px; }

/* MOD 03  GALERIA ----------------------------------------------- */
#mod03 {overflow:hidden; width:100%; height: auto; background:#fff; color:#000; display: block;  } 
#mod03 .container {margin:3em auto; width:90%; display:block; }
#mod03 h2 {padding:2em 0;color:#000; font-family: 'charlevoix_proregular'; font-size:21px; letter-spacing: 5px; text-align: center; text-transform: uppercase; display: block; }


/* MOD 04  HABITACIONES ----------------------------------------------- */
#mod04 {padding:5em 0; overflow:hidden; width:100%; height: auto; color:#fff; display: block;  } 
#mod04.mod04_foto { background-color: #c6b69b; /*background: url(../img/bckg_hab.jpg); background-size:cover; background-position:right top; background-repeat:no-repeat; background-attachment: fixed;*/}
#mod04 .container {margin:0 auto; width:70%; height:auto; display:block; position:relative; }
#mod04 h2 {margin-bottom:1.5em; color:#fff; font-family: 'charlevoix_proregular'; font-size:21px; letter-spacing: 5px;  text-align: center; text-transform: uppercase; display: block; }
#mod04 p.txt {margin:0 auto; font-size:12px; line-height: 14px; letter-spacing: 2px; font-family: 'charlevoix_prolight'; text-transform:uppercase; text-align:center; width:40%; display: block;  }
#mod04 button.flechareserva {margin:0 auto 10px; background:transparent; color:#fff; border:0; text-align:center; display:block; position:relative;  z-index:100; cursor:pointer; }
#mod04 button.flechareserva i {font-size: 30px; display:block; font-weight: 100}
#mod04 button.flechareserva:focus {outline:0px; }

#mod04 .carr_hab {margin-bottom:40px!important; overflow: hidden;}
#mod04 .carr_hab .item { background:rgba(255,255,255,0.25); border:1px solid #fff; margin:1%; padding: 2%; width:calc(44% - 2px); display:block; float:left; }
#mod04 .carr_hab .item h3 {color:#fff; font-size:18px; font-family: 'charlevoix_prolight'; width:100%; display: block;  }
#mod04 .carr_hab .item p {font-size:12px; line-height: 14px; font-family: 'charlevoix_prolight'; width:100%; min-height: 30px; display: block;  }
#mod04 .carr_hab .item ul.personas {width:100%; padding:0; margin:10px 0 0; display:block;  list-style-type: none; }
#mod04 .carr_hab .item ul.personas li {display:inline; }
#mod04 .carr_hab .item ul.personas li.precio {font-size:16px; line-height: 1.5;  font-family: 'charlevoix_prolight';width:70%; display:inline; }
#mod04 .carr_hab .item ul.personas li.precio  strong {font-family: 'charlevoix_proregular'; font-size:20px; line-height: 1.5; }
#mod04 .carr_hab .item ul.personas li img.icono { margin:0 3px; width:20px; display: inline; float:right; }
#mod04 .carr_hab .item span { font-size: 12px;}
#mod04 .carr_hab .item img {width: 100%;}

#mod04 .carr_hab.owl-theme .owl-controls {margin:0; }
#mod04 .carr_hab.owl-theme .owl-nav {margin:4px 0 0; width:100%; height: 90%; display: block; position:absolute; top:45%; background:transparent; }
#mod04 .carr_hab.owl-theme .owl-nav .owl-prev {position:absolute; top:0; left:-10%; cursor:pointer;  background:transparent; color:#fff;  font-size:24px; opacity:0.75; width:3%; height: 100%; display:block; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
#mod04 .carr_hab.owl-theme .owl-nav .owl-prev:hover {background:transparent; width:3%; height: 100%; display:block;position:absolute; top:0; left:-10%; cursor:pointer; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
#mod04 .carr_hab.owl-theme .owl-nav .owl-next {position:absolute; top:0; right:-7%; cursor:pointer; background:transparent; color:#fff;  font-size:24px; opacity:0.75; width:3%; height: 100%; display:block; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
#mod04 .carr_hab.owl-theme .owl-nav .owl-next:hover {background:transparent; width:3%; height: 100%; display:block;position:absolute; top:0; right:-7%; cursor:pointer; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }

#mod04 .owl-carousel .owl-stage-outer {z-index:99;}

/* MOD 05  RESERVA ----------------------------------------------- */
#mod05 { overflow:hidden; width:100%; height: auto; background:#aac497; color:#000; display: block;  } 
#mod05 .container {margin:5em auto; width:90%; display:table; }
#mod05 h2 {margin-bottom:2.5em; color:#fff; font-family: 'charlevoix_proregular'; font-size:21px; letter-spacing: 5px;  text-align: center; text-transform: uppercase; display: block; }

#mod05 .box {margin:0; width:32%; float:left; position: relative}  
#mod05 .box .box0102  {margin:0 10%; width:80%; display:block; float:left;  }
#mod05 .box label { background:transparent; color:#fff; font-size:16px; letter-spacing: 1px; text-align:center; display:block; margin-bottom: 10px; }
#mod05 .box input.campoform:focus, #mod05 .box input.campobtn:focus {outline:0px; }
#mod05 .box input.campoform { background:transparent; color:#fff; border:0px; box-shadow:none; font-size:36px; line-height: 1;  text-align:center; display:block; width:80%; float:right; margin-right:3% }
#mod05 .box input.campobtn {background:transparent; color:#fff; border:0px; box-shadow:none; font-family: 'icomoon' !important; font-size:24px; line-height: 1; font-weight:light;  text-align:center;display:block; width:15%; float:right; margin-top:7px; cursor: pointer;   }

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.campobtn:before { content: "\ea43"; }
.btnmas:before { content: "\ea0a"; }
.btnmenos:before { content: "\ea0b"; }

input.campoform::-webkit-input-placeholder { color: rgba(255,255,255,0.8); }
input.campoform:-moz-placeholder { color: rgba(255,255,255,0.8);  }
input.campoform:-ms-input-placeholder {  color: rgba(255,255,255,0.8); }
input.campopers::-webkit-input-placeholder { color: rgba(255,255,255,0.8); }
input.campopers:-moz-placeholder { color: rgba(255,255,255,0.8);  }
input.campopers:-ms-input-placeholder {  color: rgba(255,255,255,0.8); }


#mod05 .box.box03 {margin:0 0 0 2%; padding:0; width:30%; float:left; position: relative; border-left:1px solid #fff;}
#mod05 .box.box03 div {padding:0 10%; width:30%; display:block; float:left;  }
#mod05 .box.box03 div p {margin:10px 0; color:#fff; font-family: 'charlevoix_prolight'; font-size:12px; text-align:center;  display: block; clear:left; }
#mod05 .box.box03 input.campopers { background:transparent; color:#fff; border:0px; box-shadow:none; font-size:36px; line-height: 1;  text-align:center; display:block; width:50%;  float:left;}
#mod05 .box.box03 input.btnmas, #mod05 .box.box03 input.btnmenos {background:transparent; color:#fff; border:0px; box-shadow:none; font-family: 'icomoon' !important; font-size:14px; line-height: 1; font-weight:light;  text-align:center; display:block; width:25%; float:left; margin-top:10px; cursor: pointer;}


#mod05 .box04 {margin-top:4em; width:100%; display:inline-block; }
#mod05 .box04 button.btn_reserva {margin:0 auto 0; padding:10px 20px; border:1px solid #fff; background:transparent; color:#fff; font-family: 'charlevoix_promedium'; text-align:center; font-size:16px; text-transform: uppercase; letter-spacing: 2px; width:140px; display: block; text-decoration: none; }
#mod05 .box04 button.btn_reserva:hover {margin:0 auto 0; padding:10px 20px; border:1px solid #fff;  background:rgba(255,255,255,0.25); color:#fff;  }

/* MOD 06  CONTACTO ----------------------------------------------- */
#mod06 { overflow:hidden; width:100%; height: auto; background:#c6b69b; color:#000; display: block;  } 
#mod06 .container {margin:5em auto; width:80%; display:table; }
#mod06 h2 {margin-bottom:1.5em; color:#fff; font-family: 'charlevoix_proregular'; font-size:21px; letter-spacing: 5px; text-transform: uppercase; display: block; }
#mod06 p {margin-bottom:1.5em; color:#fff; font-family: 'charlevoix_prolight'; font-size:16px;  display: block; letter-spacing: 2px; }
#mod06 a {margin-bottom:1.5em; color:#fff; font-family: 'charlevoix_promedium'; font-size:16px;  display: block; letter-spacing: 3px; text-decoration: none; word-wrap: break-word; }
#mod06 .contacto_txt {width:39%; display:block; float:left; }
#mod06 .contacto_map {width:60%; display:block; float:right; }
#mod06 .contacto_map iframe {width:100%!important; }

/* FOOTER ----------------------------------------------- */
footer { overflow:hidden; width:100%; height: auto;  background:#4d4d4d; color:#fff; display: block; }
footer .container {margin:1em auto ; width:80%; display:table; }
footer .footer_box {width:33.33%; display:block; float:left; }
footer a.btn_link {margin:0 auto; padding-top:30px; color:#fff; font-family: 'charlevoix_promedium'; font-size:14px; text-align: right;  display: block; text-decoration: none; }
footer button.btn_reserva {margin:15px auto 0; padding:10px 20px; border:1px solid #fff; background:transparent; color:#fff; font-family: 'charlevoix_promedium'; text-align:center; font-size:14px;  width:120px; display: block; text-decoration: none; }
footer button.btn_reserva:hover {margin:15px auto 0; padding:10px 20px; border:1px solid #fff;  background:rgba(255,255,255,0.25); color:#fff; font-family: 'charlevoix_promedium'; text-align:center; font-size:14px;  width:120px; display: block; text-decoration: none; }
footer button.btn_reserva:focus {outline:0; }

footer img {margin-top:5px; margin-right:10px; width:40px; float:left; }
footer ul {width:100%; padding:0; margin:5px 0 0; display:block;  list-style-type: none; }
footer ul li {margin:0px; padding:0; font-size:12px; line-height: 13px!important;}
footer ul li a { margin:0px; padding:0; font-family: 'charlevoix_prolight'; color:#fff;  text-decoration: none; }
footer ul li a:hover {color:#fff; text-decoration: underline; }

/* DATEPICKER ----------------------------------------------- */
.ui-widget-header {
	border: none;
	border-bottom: 2px solid #aac497;
	background: none;
	color: #93b78f;
}
.ui-datepicker-calendar {
	color: #93b78f;
}
.ui-widget-content .ui-state-default {
	background: white;
	border: 1px solid white;
	color: #93b78f;
	text-align: center;
}
.ui-widget-content .ui-state-highlight {
	border-radius: 20px;
	background: #c6b69b;
	color: white;
}
.ui-widget-content .ui-state-active,
.ui-widget-content .ui-state-hover {
	border-radius: 20px;
	background: #aac497;
	color: white;
}

/* change datepicker icons */
.ui-datepicker-prev span, 
.ui-datepicker-next span {
    background-image: none !important;
}
.ui-datepicker-prev span.ui-icon,
.ui-datepicker-next span.ui-icon {
    width: 15px; //this the width of the icon. increase it if your icon is bigger
    height: 16px;
    display: block;
    text-indent: 0;
    overflow: hidden;
    background-repeat: no-repeat;
}
.ui-datepicker-prev span:before,
.ui-datepicker-next span:before {
    font-family: icomoon;
    position: relative;
    color: #93b78f;
}
.ui-datepicker-prev span:before { content: "\ea40"; }
.ui-datepicker-next span:before { content: "\ea3c"; }

/*SIN RESERVA*/
.goto-reserva, #mod05 {display: none !important;}
#mod06 { background:#aac497; }