@charset "UTF-8";
/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */



@media (max-width: 1400px) {
  .homepage-video {
    /*margin: 120px 0 400px 0;*/
    margin: 0 0 400px 0;
  }
}

@media (min-width: 769px) {
	.homepage-video {
	    padding-top: 120px;
	}
}

@media (min-width: 1400px) {
  .homepage-video {
    padding-top: 200px;
    /*border-right: 2px solid blue;*/
  }
}


@media (min-width: 769px) and (max-width: 991px) {
  .homepage-video {
    margin: 120px 0 240px 0;
  }
  .homepage-categories .categories-element .element-layer .layer-float h4 {
    font-size: 12px !important;
  }
  .homepage-categories .categories-element .element-layer .layer-float h4 span {
    font-size: 12px !important;
  }
  .bienvenidos_bloque_pie {
    13px;
  }
}
@media (min-width: 861px) and (max-width: 991px) {
  .homepage-bg {
    background-position: center 450px;
    background-size: 125%;
  }

}

@media (min-width: 769px) and (max-width: 860px) {
  .homepage-bg {
    background-position: center 600px;
    background-size: 125%;
  }

}


@media (max-width: 769px) {
  .homepage-video {
    background: url(../img/bg_homepage.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 200px 0;
    margin: 0;
  }
}
.homepage-video .video-layer {
  color: white;
}
.homepage-video .video-layer h2 {
  font-family: 'Roboto Slab', serif;
  font-weight: 100;
  font-size: 80px;
}
@media (max-width: 769px) {
  .homepage-video .video-layer h2 {
    font-size: 56px;
  }
}
@media (max-width: 480px) {
  .homepage-video .video-layer h2 {
    font-size: 40px;
  }
}
.homepage-video .video-layer .play-icon {
  display: inline;
}
.homepage-video .video-layer .play-img img {
  max-width: 80px;
  margin-top: 10px;
}
.homepage-video .video-layer .subtitle {
  max-width: 480px;
  margin: 0 auto;
}
.homepage-video .video-layer .subtitle p {
  line-height: 28px;
}

.homepage-tripadvisor {
  margin: 80px 0 120px 0;
}
.homepage-tripadvisor .tripadvisor-col {
  width: 90%;
  margin: 0 auto;
  padding: 20px 0;
}
.homepage-tripadvisor .tripadvisor-col .tripadvisor-text h5 {
  font-family: 'Roboto Slab', serif;
  font-weight: 100;
  font-size: 28px;
  line-height: 32px;
  margin-bottom: 20px;
}
.homepage-tripadvisor .tripadvisor-col .tripadvisor-text p {
  margin-bottom: 20px;
}
.homepage-tripadvisor .tripadvisor-col .tripadvisor-text .btn {
  padding: 10px 25px;
  width: 200px;
}
.homepage-tripadvisor .tripadvisor-col .testimony-body:first-child {
  margin-bottom: 20px;
}
.homepage-tripadvisor .tripadvisor-col .testimony-body .testimony-img {
  text-align: center;
}
.homepage-tripadvisor .tripadvisor-col .testimony-body .testimony-img img {
  padding: 10px;
  border: 1px solid #ebebeb;
  border-radius: 50%;
}
.homepage-tripadvisor .tripadvisor-col .testimony-body .testimony-text {
  margin: 20px 0;
}
.homepage-tripadvisor .tripadvisor-col .testimony-body .testimony-text p {
  margin-bottom: 0;
  font-style: italic;
  line-height: 24px;
  text-align: justify;
}
.homepage-tripadvisor .border-col {
  border-left: 1px solid #b7b7b7;
}
.homepage-tripadvisor .comment-col {
  margin-top: 25px;
}
.room-slider {
  position: relative;
  max-height: 800px;
  overflow: hidden;
}
.room-slider .room-title {
  position: absolute;
  top: 60%;
  right: 0;
  background: rgba(239, 106, 57, 0.7);
  padding: 18px 50px;
  border-radius: 50px 0 0 50px;
}

.room-slider .room-carta {
  position: absolute;
  top: 10%;
  right: 0;
  background: rgba(239, 106, 57, 0.7);
  padding: 10px 120px;
  border-radius:50px 0 0 50px;

}

.room-slider .room-carta a {
  font-family: 'Roboto Slab', serif;
  font-weight: 100;
  font-size: 54px;
  color: white;
  margin: 0;
}

.room-slider .room-title h1 {
  font-family: 'Roboto Slab', serif;
  font-weight: 100;
  font-size: 54px;
  color: white;
  margin: 0;
}

@media (max-width: 769px) {
  .room-slider .room-title {
    padding: 18px 40px;
  }
  .room-slider .room-title h1 {
    font-size: 26px;
  }

  .room-slider .room-carta {
    padding: 10px 73px;
  }

  .room-slider .room-carta a {
    font-size: 26px;
  }

}
@media (max-width: 480px) {
  .room-slider .room-title {
    padding: 10px 30px;
  }
  .room-slider .room-title h1 {
    font-size: 26px;
  }

  .room-slider .room-carta {
    padding: 5.5px 64px;
  }

  .room-slider .room-carta a {
    font-size: 26px;
  }
    
}

.room-description {
  margin: 40px 0;
}
.room-description .description-border {
  border-right: 1px solid #c3c3c3;
}
.room-description .description-layer {
  padding: 30px 50px;
}
@media (max-width: 769px) {
  .room-description .description-layer {
    padding: 30px;
  }
}
.room-description .description-title-layer h3,
.room-description .description-title-layer h3 p {
  font-family: 'Roboto Slab', serif;
  font-weight: 100;
  font-size: 30px;
  text-align: right;
}
.room-description .description-title-layer h3 span,
.room-description .description-title-layer h3 strong,
.room-description .description-title-layer h3 p span,
.room-description .description-title-layer h3 p strong {
  font-weight: 400;
}
.room-description .description-text-layer p {
  line-height: 24px;
  margin: 0;
}
.room-description .description-scroll {
  margin: 40px 0 0 0;
  text-align: center;
}
.room-description .description-scroll img {
  cursor: pointer;
}

.room-services {
  background: #faf3cf;
}
.room-services .services-layer {
  padding: 70px 0;
  text-align: center;
}
.room-services .services-layer > p {
  font-family: 'Roboto Slab', serif;
  font-size: 15px;
  margin-bottom: 40px;
}
@media (max-width: 769px) {
  .room-services .services-layer > p {
    margin-bottom: 10px;
  }
}
.room-services .services-layer ul {
  padding: 0;
  margin: 0;
}
.room-services .services-layer ul li {
  display: inline-block;
  margin: 30px 20px;
}
.room-services .services-layer ul li .icon {
  padding: 12px;
  border: 1px solid #ef6a39;
  display: inline-block;
  border-radius: 50%;
  margin-bottom: 20px;
  width: 70px;
  height: 70px;
  line-height: 40px;
}
.room-services .services-layer ul li .icon img {
  max-width: 100%;
}
.room-services .services-layer ul li p {
  margin: 0;
}
@media (max-width: 769px) {
  .room-services .services-layer ul li {
    width: 33%;
    margin: 30px 0 0 0;
    float: left;
  }
}
@media (max-width: 480px) {
  .room-services .services-layer ul li {
    width: 50%;
  }
}

.layer-scroll {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 20px;
}
.layer-scroll .scroll-dark {
  cursor: pointer;
  width: 80px;
  height: 80px;
  display: inline-block;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  border-radius: 50%;
  line-height: 60px;
  border: 3px solid white;
}
.layer-scroll .scroll-dark span {
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
}
.layer-scroll .scroll-dark span i {
  display: block;
  font-size: 20px;
  position: relative;
  bottom: 20px;
}








*{color:inherit;border:0;margin:0;padding:0;}

/*Segunda parte*/
.tpl-box5 .parte2{font-size: 14px;padding: 15px 0px; border-top: 1px solid #d5d4d4;border-bottom: 1px solid #d5d4d4;}
/*Articulo 2*/
.tpl-box5 article:last-of-type > header{text-transform: uppercase;font-size: 16px;color: #000; font-weight: bold;padding: 10px 0px;}
.tpl-box5 article:last-of-type > section > ul{word-spacing: -1px;font-size: 2px; text-align: left;color: #737372;position: relative;}
.tpl-box5 article:last-of-type > section > ul:before{content: "";height: 100%;width: 1px; background: #737372;position: absolute;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);left: 50%;}
.tpl-box5 article:last-of-type > section > ul > li{width: 50%;display:inline-block; display: inline-flex;font-size: 14px;box-sizing: border-box;}
.tpl-box5 article:last-of-type > section > ul > li:nth-child(2n+1){padding: 10px 10% 10px 0px;}
.tpl-box5 article:last-of-type > section > ul > li:nth-child(2n){padding: 10px 0px 10px 10%;}
.tpl-box5 article:last-of-type > section > ul > li:before{padding-right: 5px;color: #771C3B;font-family:'services';}
.tpl-box5 article:last-of-type > section > label{border: 2px solid #771c3b;font-size: 14px;text-transform: uppercase;display: block;margin: 20px auto 10px;width: 150px;padding: 10px;text-align: left;color: #771c3b;font-weight: bold;}
.tpl-box5 article:last-of-type > section > .ocultarReservar{display: none;}
.tpl-box5 article:last-of-type > section > label > svg{height: 20px;float: right; fill:#771c3b;width: 9px;}
.tpl-box5 article:last-of-type > section > label:hover{background: #771c3b;color: #fff;transition:all 1s;}
.tpl-box5 article:last-of-type > section > label:hover > svg{fill:#fff;transition:all 1s;}
/* Safari <= 5.1 */
::-moz-svg-foreign-content, :root article:last-of-type > section > ul > li{display: inline-block !important;}

/*nuevo slider*/
.tpl-box5 .grid-wrap{width: 100%;height: 270px;overflow: hidden;position: relative;}
.tpl-box5 .grid-wrap .list{height:100% !important;}
.tpl-box5  .grid-wrap .list li{left:0;cursor: pointer;width: 100%;height: 100%;top: 0px !important;position: absolute !important;opacity: 0;z-index: 0;transition:all 1s;}
.tpl-box5 > div > div.grid-gallery > .grid-wrap .list li.seleccionado{opacity: 1;z-index: 3;}

  /*//////////////////////*/
  /*.tpl-box5 .grid-wrap .list li:before{content: "hola";position: absolute;}*/
  .tpl-box5 .slideshow li figure img {width: 100%;margin: 0 auto;max-width: 100%;}

 

  .tpl-box5 .grid-wrap .list > li{top:0 !important;}
  .tpl-box5 .grid { margin: 0 auto;}

  .tpl-box5 .grid-sizer{display:none;}
  .tpl-box5 .grid figcaption {  background: #e4e4e4;padding: 25px;}
  .tpl-box5 .slideshow-open .slideshow { opacity: 1 !important;visibility: visible !important; transition: opacity 0.5s ease 0s;}
  .tpl-box5 .slideshow {position: fixed;background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.6);width: 100%;height: 100%;top: 0px; left: 0px; z-index: 500; opacity: 0; visibility: hidden; overflow: hidden;perspective: 1000px; transition: opacity 0.5s ease 0s, visibility 0s ease 0.5s;}
  .tpl-box5 .slideshow-open .slideshow ul {transform: translate3d(0px, 0px, 0px);}
  .tpl-box5 .slideshow ul {width: 100%;height: 100%;transform-style: preserve-3d;transform: translate3d(0px, 0px, 150px);transition: transform 0.5s ease 0s;}
  .tpl-box5 .slideshow ul li {width: 800px;height: 700px;position: absolute;top: 50%;left: 50%;margin: -350px 0px 0px -400px;visibility: hidden;}
  .tpl-box5 .slideshow ul li.show { visibility: visible;}
  .tpl-box5 .slideshow ul li:after {content: "";position: absolute;width: 100%;height: 100%;top: 0px; left: 0px; transition: opacity 0.3s ease 0s;}	
  .tpl-box5 .dib, .dib_ch > * {display: inline-block;}
  .tpl-box5 .bg_img {    background-position: center center !important;    background-repeat: no-repeat !important;    background-size: cover !important;}

  @media (min-width: 601px) { /*tablet*/
    .tpl-box5  article:last-of-type > section > label{float: right;}
    .tpl-box5  article:first-of-type > header,
    .tpl-box5 article:last-of-type > header,
    .tpl-box5 .parte2{text-align: left;}
    .tpl-box5 article:last-of-type > section > ul:before{content: none;}
    .tpl-box5 article:last-of-type > section > ul > li{padding: 10px 0px;font-size:16px;}
    .tpl-box5 .parte2{border-bottom: none;padding: 25px 0px 0px;font-size:16px;}
    .tpl-box5 article:last-of-type > section > ul > li:nth-child(2n),.tpl-box5 article:last-of-type > section > ul > li:nth-child(2n+1){padding-top: 5px;padding-bottom: 5px;}
    .tpl-box5 article:first-of-type > header{padding:15px 0 0;font-size:25px;}
  }
  @media (min-width: 801px) {
    .tpl-box5 > div{word-spacing: -1px;font-size: 2px;position: relative;padding: 15px 30px 20px 20px;}
    .tpl-box5 > div > div{display: inline-block;}
    .tpl-box5 > div > div:first-child{width: 39%;}
    .tpl-box5 > div > div:last-child{padding-left: 20px;box-sizing: border-box;width: 60%;vertical-align: top;}
    .tpl-box5 article:first-of-type > header{padding:0 0 10px;font-size:25px;}
  
  }

  .tpl-boxes5{background:#e6e6e6;padding:1px 0;}
  .tpl-boxes5 > div{background:#fff;margin:15px 0;padding:10px;}
  














.embed-container {
    position: relative;
    height: 0;
    overflow: hidden;
}
.16by9 {
    padding-bottom: 56.25%;
}
.4by3 {
    padding-bottom: 75%;
}
.embed-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}