/*
Theme Name: Hotel Galaico 2014
Theme URI: hotelgalaico.com
Description: Hotel Galaico 2014
Template: mirai
Author: Mirai Espana
*/

/*---------------------------------------------------------------------------*/
/*---------------------------- GENERIC STYLES -------------------------------*/
/*---------------------------------------------------------------------------*/

[class*="span"] {
 -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  background: none repeat scroll 0 0 #fff;
  font-family: "Lato",sans-serif;
  font-size: 14px;
  color: #4f4f4f;
}

h1 {}

section h2, .offers-listing-wrapper h2, #cookies-wrapper-content h1 {
  background-image: url("/files/title-border-bottom2.jpg");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-color: rgba(0, 0, 0, 0);
  font-size: 2.3em;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 60px;
  padding: 0 0 20px;
}

html[lang="en"] #location-home h2 {
  font-size: 2.2em;
}

#cookies-wrapper-content h2, .cat-legal section h3 {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
  font-size: 1.7em;
  margin-bottom: 0 !important;
  margin-top: 50px;
  padding: 0 0 20px;
}

html[lang="en"] section h3 {
  font-size: 1.6em;
  /*margin-bottom: 40px;*/
}

section h3 {
  font-size: 1.7em;
  margin-bottom: 20px;
}

section h3.bdr-btn {
  background-image: url("/files/title-border-bottom2.jpg");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-color: rgba(0, 0, 0, 0);
  font-size: 1.7em;
  padding: 0 0 7px;
}

section h4 {
  font-size: 1.3em;
}

h1, h2, h3, h4, ul#menu_web > li a, .bdr-btn, .mapa .formRuta input.calculaRuta, .mapa .googleMapsContainer .place, .my-button, .offers-mashup dl, .offers-listing-wrapper .offer .offer-button, ul.list-fitness li, ul.people-room li {font-family: 'Bitter', serif;}

a {}

a:hover {color: #C19736;}

#logo {
  left: 0;
  position: absolute;
  top: 0;
  width: auto;
  z-index: 10;
}

#header {}

#header .content {}

section {
  text-align: center;
}

section p, .offers-listing-wrapper .rss-text {
  font-size: 1.3em;
  line-height: normal;
}

section a {
  color: #4f4f4f;
  text-decoration: underline;
}

.my-button {
  white-space: nowrap;
}

#main {}

#main .content {}

.pdd1 {
  padding-top: 75px;
}

.pdd2 {
  padding-bottom: 50px;
}

.pdd3 {
  padding: 60px 6%;
}

.pdd4 {
  padding: 60px 7% 0;
}

.pdd5 {
  padding: 60px 0;
}

.mrg1 {
  margin-top: 50px !important;
}

.mrg2 {
  margin-bottom: 25px;
}

.mrg3 {
  margin-bottom: 60px;
}

.align-left {
    text-align: left;
}

.align-center {
    text-align: center;
}

.align-right {
    text-align: right;
}

.grey {
  background: #E7E7E7;
}

.cream {
  background: #E8E7DF;
}

.cream2 {
  background: none repeat scroll 0 0 #918c68;
  color: #fff;
}

.eggplant {
  background: #423540;
  color: #fff;
}

.eggplant, .cream2 {
  padding: 14px 0;
}

.ngg-singlepic {
  margin: 0 0 20px;
}

#destinations ul.transport li a .ngg-singlepic {
  margin: 0;
}

#footer {
  background: none repeat scroll 0 0 #423540;
  color: #bbb;
}

#footer a {
    color: #e3b342;
}

#footer a:hover {
    color: #916f25;
}

#footer .content {
  padding: 40px 0;
  text-align: center;
}

.hotelschema {
  margin: 10px 0 30px;
}

#back-top {
    background: url("../mirai/images/back_top.png") no-repeat scroll center -71px #333;
    background-color: #333;
    border-radius: 30px 0 0 30px;
    -webkit-border-radius: 30px 0 0 30px;
    bottom: 80px;
    color: #fff;
    display: none;
    font-size: 100px;
    height: 50px;
    line-height: 100px;
    opacity: 0.8;
    padding: 5px 5px 10px;
    position: fixed;
    right: 0;
    text-align: center;
    text-decoration: none;
    text-indent: -9999px;
    width: 60px;
    z-index: 10;
}

#back-top:hover {
    opacity:1;
}

.logo-footer {
  background-image: url("/files/logo-footer.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: rgba(0, 0, 0, 0);
  display: block;
  float: none;
  height: 60px;
  margin: 0 auto 30px;
  position: relative;
  text-indent: -9999px;
  width: 60px;
}

/* Cuando en bootstrap el contenido es container, posicion relativa para los elementos en absoluta */
#header .content, #main .content, #footer .content {
    position: relative;
}

img {
    width: auto
}

#advantages ul li.photos-hotel {
  background-position: 0 5px;
  position: relative;
}

#advantages ul li.photos-hotel .ngg-galleryoverview .ngg-gallery-thumbnail > a {
  display: block;
  height: 30px;
  position: absolute;
  right: 0;
  top: 4px;
  width: 300px;
}

#advantages ul li.photos-hotel .ngg-galleryoverview .ngg-gallery-thumbnail img {
  display: none;
}

.ngg-gallery-thumbnail-box:first-child .ngg-gallery-thumbnail > a {
  display: block !important;
  z-index: 100;
}

/*---------------------------------------------------------------------------*/
/*--------------------------------- PAGES -----------------------------------*/
/*---------------------------------------------------------------------------*/

/* HOME */

#advantages ul li {
  background-image: url("/files/icons.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: rgba(0, 0, 0, 0);
  color: #fff;
  display: flex;
  font-size: 15px;
  padding: 11px 0 6px 51px;
  text-align: left;
  vertical-align: middle;
  width: 50%;
}

#advantages ul li a {
  color: #fff;
  font-size: 19px;
}

#advantages ul li.best-price {
  background-position: 0 -873px;
  margin-right: 8%;
}

html[lang="en"] #advantages ul li.best-price {
  /* background-position: 0 -861px; */
}

#advantages ul li.reviews-price {
  background-position: 0 -415px;
  margin-right: 8%;
}

#advantages ul li.photos-hotel {
  background-position: 0 5px;
}

.salons-home {
  background-image: url("/files/bg-salons1.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-color: rgba(0, 0, 0, 0);
  color: #fff;
}

.restaurant-home {
  background-image: url("/files/bg-restaurant1.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-color: rgba(0, 0, 0, 0);
  color: #fff;
}
.flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
}

.fx-align-center {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center
}

/* LOCATION */
.mapa .formRuta input.calculaRuta {
  font-size: 17px !important;
  padding: 11px 24px !important;
  text-transform: initial !important;
}

.gm-style-iw > div {
  height: auto !important;
}

.gm-style .gm-style-iw {
  font-size: 11px !important;
}

#intro-location {
  z-index: 2 !important;
}

#intro-location .mapa {
  margin: 40px 0 0 !important;
}

#contact-location .contact {
  margin: 60px 0 0;
}

#contact-location .contact li {
  background-image: url("/files/contact3.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: rgba(0, 0, 0, 0);
  display: inline-block;
  font-family: "Bitter",serif;
  font-size: 18px;
  margin: 0 4%;
  padding: 4px 0 13px 55px;
  text-align: left;
  width: auto;
}

#contact-location .contact li.phone {
  background-position: 0 -232px;
}

#contact-location .contact li.fax {
  background-position: 0 -462px;
}

#contact-location .contact li.email {
  background-position: 0 0;
}


#communuicated .transport {
  margin: 70px 0 0;
}

#communuicated .transport li {
  background-image: url("/files/travel2.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: rgba(0, 0, 0, 0);
  display: block;
  float: left;
  font-family: "Bitter",serif;
  font-size: 20px;
  margin: 0 2%;
  padding: 60px 0 0;
  width: 20%;
}

#communuicated .transport li.plane {
  background-position: center 0px;
}

#communuicated .transport li.train {
  background-position: center -320px;
}

#communuicated .transport li.bus {
  background-position: center -642px;
}

#communuicated .transport li.car {
  background-position: center -967px;
}

#destinations .transport li {
  float: left;
  margin: 0 1% 20px;
  width: 31%;
}

#destinations .transport li p {
  margin: 6px 0 0 !important;
}

/* ROOMS */
.all-rooms .on-page-slideshow .slideshow .contSlideshow img, .all-rooms .on-page-slideshow .slideshow {
  height: 330px !important;
}

.all-rooms .span5 {
  padding: 0 0 0 10px;
  text-align: left;
}

.all-rooms h3 {
  background: none repeat scroll 0 0 #423540;
  color: #fff;
  margin: 0 0 10px;
  padding: 11px 0 3px 20px;
  text-align: left;
}

.all-rooms p {
  font-size: 16px;
  padding-left: 20px;
  color: #888;
}

.all-rooms h4 {
  font-size: 17px;
  margin: 0 0 10px 20px;
  line-height: 23px;
}

.all-rooms h4 span.red {
  color: #C16B53;
}

.all-rooms ul {
  margin: 0 0 0 20px;
}

.all-rooms ul li {
  color: #888;
  float: left;
  font-size: 15px;
  margin: 0 5% 4px 0;
  width: 45%;
}

.all-rooms ul li:before {
  content: "· ";
  font-weight: bold;
}

ul.people-room {
  margin: 95px 0 0;
}

ul.people-room li {
  background-image: url("/files/icon-people4.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: rgba(0, 0, 0, 0);
  display: inline;
  font-size: 1.3em;
  margin: 0 2%;
  padding: 60px 0 0;
  width: 5%;
}

ul.people-room li.single-room {
  background-position: center 22px;
}

ul.people-room li.double-room {
  background-position: center -208px;
}

ul.people-room li.triple-room {
  background-position: center -438px;
}

ul.people-room li.junior-suite {
  background-position: center -667px;
}

ul.people-room li.superior-suite {
  background-position: center -667px;
}

ul.people-room li.connecting-room {
  background-position: center -901px;
}
.room-box .room-detail .room-description, .rooms-detail-wrapper .room-box-image .room-box-description p {
  font-size:17px;
}

/* SERVICES */
#instalations .span5 {
  background-color: rgba(0, 0, 0, 0);
  background-position: center center;
  background-repeat: no-repeat;
  color: #fff;
  min-height: 267px;
}

.gym-services {
  background-image: url("/files/bg-fitness.jpg");
}

.restaurant-services {
  background-image: url("/files/bg-restaurant1.jpg");
}

.parking-services {
  background-image: url("/files/bg-parking.jpg");
}

.salons-services {
  background-image: url("/files/bg-salons1.jpg");
}

ul.list-fitness {}
    
ul.list-fitness li {
  background-color: rgba(0, 0, 0, 0);
  background-image: url("/files/gym-list3.png");
  background-repeat: no-repeat;
  display: block;
  float: left;
  min-height: 50px;
  font-size: 1.3em;
  margin: 30px 2% 0;
  padding: 80px 0 0;
  width: 190px;
}

ul.list-fitness li.gym {
  background-position: center 0;
}

ul.list-fitness li.spinning {
  background-position: center -186px;
}

ul.list-fitness li.fitness {
  background-position: center -381px;
}

ul.list-fitness li.sauna {
  background-position: center -563px;
}

ul.list-fitness li.jacuzzi {
  background-position: center -759px;
}

ul.list-fitness li.uva-rays {
  background-position: center -959px;
}

ul.list-fitness li.spa {
  background-position: center -1150px;
}

ul.list-fitness li.padel {
  background-position: center -1342px;
}

ul.list-fitness li.pool {
  background-position: center -1532px;
}

ul.list-fitness li.daycare {
    background-position: center -1727px;
}

ul.list-fitness li.aesthetic {
    background-position: center -1921px;
}

ul.list-services li {
  background-color: rgba(0, 0, 0, 0);
  background-image: url("/files/list-services.png");
  background-repeat: no-repeat;
  display: block;
  float: left;
  font-size: 1.3em;
  margin: 30px 2% 0;
  min-height: 80px;
  padding: 80px 0 0;
  width: 150px;
}

ul.list-services li.wifi {
  background-position: center 18px;
}

ul.list-services li.reception {
  background-position: center -172px;
}

ul.list-services li.elevator {
  background-position: center -376px;
}

ul.list-services li.conditioning {
  background-position: center -566px;
}

ul.list-services li.cafeteria {
  background-position: center -766px;
}

ul.list-services li.breakfast {
  background-position: center -959px;
}

ul.list-services li.internet {
  background-position: center -1149px;
}

ul.list-services li.washing {
  background-position: center -1351px;
}

ul.list-services li.press {
  background-position: center -1548px;
}

ul.list-services li.infotour {
  background-position: center -1740px;
}

ul.list-services li.daycare {
  background-position: center -1936px;
}

ul.list-services li.rent-car {
  background-position: center -2129px;
}

ul.list-services li.aesthetic {
  background-position: center -2329px;
}


/* SALONS */
#contact-weddings .contact li {
  background-image: url("/files/contact3.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: rgba(0, 0, 0, 0);
  display: inline-block;
  font-family: "Bitter",serif;
  font-size: 20px;
  margin: 0 4%;
  padding: 4px 0 13px 55px;
  text-align: left;
  width: auto;
}

#contact-weddings .contact li.phone {
  background-position: 0 -914px;
}

#contact-weddings .contact li.email {
  background-position: 0 -682px;
}

.eggplant h4.proyector {
  background-image: url("/files/proyector.png");
  background-repeat: no-repeat;
  background-position: center -34px;
  background-color: rgba(0, 0, 0, 0);
  padding: 93px 0 0;
}

/* SERVICES */

li.heart01-micon {
    background-image: none!important;
    position: relative;
    top: -5px;
}

/* PHOTOS */

/* COOKIES */
#cookies-wrapper-content ul {
  clear: both;
  display: block;
  float: none;
  height: auto;
  margin: 30px 0 0 14%;
  position: relative;
  text-align: center;
  width: 100%;
}

#cookies-wrapper-content ul li {
  float: left;
  list-style-type: disc;
  margin: 3px 0 0 20px;
  text-align: left;
  width: 24%;
}

#cookies-wrapper-content ul li a {
  color: #e3b342;
}

#legal-notice ul {
  margin: 10px auto 50px;
  width: 50%;
}

#legal-notice ul li {
  color: #7a754f;
  font-size: 1.3em;
  line-height: normal;
  list-style-type: disc;
  margin-bottom: 10px;
  text-align: left;
}

/* OFFERS */
.offers-mashup dl {
  background: none repeat scroll 0 0 #E5E3E3;
  border: 1px solid #bbb;
  display: inline-block;
  font-size: 16px;
  font-weight: normal !important;
  margin: 0 2%;
  width: 28%;
}

.offers-mashup dl dt {
  font-weight: normal;
  height: 40px;
  padding: 0 20px;
}

.offers-mashup dl dd {
  color: #603535;
  display: inline-block;
  height: 44px;
  margin: 4px 0 0;
  position: relative;
}

.offers-mashup .more-info-link {
  display: none;
}

.offers-mashup img {
  height: 200px;
  margin: 0 0 20px;
  width: 100%;
}

.offers-mashup .carousel {
  margin: 0 0 70px;
}

.carousel-control {
  background: url("/files/arrow-offers.png") repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
  border: 0 none !important;
  border-radius: 0 !important;
  height: 35px !important;
  left: 0;
  text-indent: -9999px !important;
  top: 50% !important;
  width: 22px !important;
}

.carousel-control.right {
  background-position: -78px 0px !important;
  left: auto;
  right: 0;
}

.offers-listing-wrapper, .offers-detail-wrapper {
  margin: auto;
}

.offers-listing-wrapper .offer .offer-link {
  background-color: #e8e7df;
  text-decoration: inherit;
  border: 0 none;
}

.offers-listing-wrapper .offer .offer-title {
  font-family: "Bitter",serif;
  font-size: 1.2em;
  font-weight: normal;
  text-align: left;
}

.offers-listing-wrapper .offer-box.box-2 .span-1 {
  color: #423540;
  font-size: 2em;
  font-weight: bold;
}

.offers-listing-wrapper .offer .offer-description, .offers-listing-wrapper .offer .offer-includes {
  line-height: normal;
  text-align: left;
}

section#main .offers-listing-wrapper .offer .offer-button {
    padding: 9px 24px;
}

/* REVIEWS */
div.hssurveys_full .comments p.commentsPerson span.date {
    color: #000 !important;
}

div.hssurveys_full .noLink, div.hssurveys_full .noLink a {
    color: #000 !important;
}

div.hssurveys_full {
    padding: 2%; 
    width: 96%;
}

.reviewsOn .questions li p.answer {
    line-height: 22px !important;
    padding: 0 6px 0 10px !important;
}

#xdhsReviewsDialogContainer-dialogContainer .hssurveys {
    height: 100% !important;
}

.hsRating div#scoreTop span#ratingBar {
  display: none !important;
}

#scoreTop {
  float: left;
}

#hsRating {
  color: #fff !important;
  font-family: "Lato",sans-serif !important;
  font-size: 19px !important;
  margin: 0 0 !important;
  text-align: left !important;
  padding: 0 !important;
  width: auto !important;
}

#hsRating a.mirai_btReview {
  background-color: transparent !important;
  color: #fff !important;
  float: right !important;
  font-size: 13px !important;
  height: 18px !important;
  line-height: 20px !important;
  margin: 0 8px 0 0 !important;
  text-decoration: underline !important;
  text-transform: uppercase !important;
  width: auto !important;
}

#hsRating a.mirai_btReview:hover {
  color: #C19736 !important;
}

#hsRating p#mirai_reviewSouce {
  clear: none !important;
  float: left !important;
  font-size: 12px !important;
  margin: 5px 0 1px 9px !important;
  padding: 0 !important;
  text-align: right !important;
  width: auto !important;
}

#scoreTop p#score {
  display: inline;
  float: left;
  font-size: 41px !important;
  margin: -2px 0 0 !important;
  width: auto;
}

.ui-widget-header {
  background: url("http://code.jquery.com/ui/1.9.0/themes/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png") repeat-x scroll 50% top #eeeeee !important;
  border: 1px solid #dddddd;
  color: #333333;
}

.offers-detail-wrapper .offer-calendar-wrapper .offer-date .ui-datepicker-inline .calendar-legend-offer-day span, .offers-detail-wrapper .offer-calendar-wrapper .offer-date .ui-datepicker-inline .calendar-legend-offer-day a {
  color: #fff;
}

.offers-detail-wrapper .offer-calendar-wrapper .offer-date .ui-datepicker-inline .calendar-legend-offer-day span:hover, .offers-detail-wrapper .offer-calendar-wrapper .offer-date .ui-datepicker-inline .calendar-legend-offer-day a:hover {
  font-weight: bold;
}

section#main .offers-detail-wrapper .offer-calendar-wrapper .offer-button:disabled {
  border: 0 none !important;
  border-radius: 4px;
  float: none !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 150px auto 35px !important;
  padding: 0 50px !important;
  position: relative;
  text-shadow: 0 0;
  width: auto;
}

section#main .offers-detail-wrapper .offer-calendar-wrapper .offer-button {
  display: block !important;
  padding: 0 50px !important;
}

.offers-detail-wrapper .offer-wrapper {
  background-color: transparent;
  border: 0 none;
  padding: 20px;
}

.offers-detail-wrapper .offer-header-content-wrapper .offer-title {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
  font-size: 1.7em !important;
  text-align: left !important;
}

.offers-detail-wrapper .offer-header-content-wrapper .offer-description, .offers-detail-wrapper .offer-header-content-wrapper .offer-board {
  font-size: 1.1em !important;
  margin-top: 5px !important;
  text-align: left !important;
}

/* BLOG */
.blog-wrapper {
    padding: 10px 20px;
}

.post .entry img {
    box-shadow: 0 0 10px #333333;
    -webkit-box-shadow: 0 0 10px #333333;
    border: 5px solid #FFF;
}

.blog-wrapper .entry ol, .blog-wrapper .entry ul {
    margin-bottom: 20px;
}

.blog-wrapper .entry li {
    margin-left: 22px;
}

.blog-wrapper .entry ol li {
    list-style-type: decimal;
}

.blog-wrapper .entry ul li {
    list-style-type: disc;
}

/* BOOKINGSTEP */
.bookingstep1 header #logo {
}

.bookingstep1 #motor_reservas #mirai_bookentrance {
    padding: 10px 0;
}

.bookingstep1 ul#menu_web li a, .bookingstep1 #motor_reservas #mirai_bookentrance #mirai_be7 input:hover {
    text-decoration: none !important;
}

.bookingstep1 #mirai_be5 {
  display: inline-block;
  font-size: 11px;
  line-height: 14px;
  position: relative;
  text-align: left;
  top: 0;
  white-space: pre-line !important;
  width: auto;
}

.bookingstep1 #motor_reservas #mirai_bookentrance {
  background: none repeat scroll 0 0 rgb(66, 53, 64);
  background: none repeat scroll 0 0 rgba(66, 53, 64, 0.8);
  color: #fff;
  margin: 28px 0 0;
  padding: 11px 0 12px;
}

.bookingstep1 #motor_reservas #mirai_bookentrance #mirai_be7 input {
  background-color: #000;
  color: #fff;
  padding: 11px 10px !important;
  text-transform: uppercase !important;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.bookingstep1 #motor_reservas #mirai_roomSelectionContainer {
  border-radius: 0;
  -webkit-box-shadow: 0 0;
  box-shadow: 0 0;
}

/* FONT FAMILY PARA EL MOTOR */ 
.bookingstep1 #header .content {
    margin: 0 auto;
    width: 960px;
}

#mirai_be0, #mirai_be2, #mirai_be0 input, #mirai_be0 select {
    font-size: 15px !important;
}

.bookingstep1 ul#menu_web {
  margin: 0;
  padding: 26px 0 0 245px;
  text-align: left;
  width: auto;
}

.bookingstep1 ul#menu_web > li {
  margin: 0 0 0 4%;
}

.bookingstep1 #mirai_be0 {
  float: none;
  margin: 0 auto !important;
  padding: 0;
  text-align: right;
  width: 960px;
}

#mirai_be0, #mirai_be2, #mirai_be0 input, #mirai_be0 select {
  border: 0 none;
  border-radius: 0;
  font-family: Verdana;
  font-size: 13px;
  padding: 12px 3px;
  vertical-align: middle;
}

#mirai_be4, #mirai_be6 {
  text-align: center;
  width: 70px;
}

/* MOSTRAR MENU EN BOOKINGSTEP */
.bookingstep1 ul#menu_web{
    display:block;
}

.bookingstep1 ul#menu_web li a{
    text-decoration:none;
}

.bookingstep1 .booking_mobile, .bookingstep1 .sub-menu {
    display: none!important;
}

/*---------------------------------------------------------------------------*/
/*--------------------------------- WIDGETS ---------------------------------*/
/*---------------------------------------------------------------------------*/

/* QTRANSLATE */
.widget_qtranslate {
  text-align: right;
  width: auto;
}

.widget_qtranslate select {
  border-radius: 0;
  height: 34px !important;
  margin: 8px 0 0;
  width: 100px;
}

.widget_qtranslate select option {
  padding: 4px 7px;
}

.widget_qtranslate ul li {
    display: inline-block;
}

.widget_qtranslate ul li.active {
    display: none;
}

/* MENU WEB */
ul#menu_web {
  margin: 66px 0 0 215px;
  width: auto;
}

ul#menu_web > li {
  display: inline-block;
  margin: 0 0 0 5%;
  position: relative;
}

ul#menu_web > li a {
  color: #4f4f4f;
  font-size: 1.2em;
}

ul#menu_web > li a:hover,
ul#menu_web > li.current-menu-item > a,
ul#menu_web > li.current-menu-parent > a,
ul#menu_web > li ul.sub-menu li.current-menu-item a {
  color: #916F25;
}


/* MENU FOOTER */
ul#menu_aux1 {
  border-bottom: 1px solid #4f434d;
  border-top: 1px solid #4f434d;
  display: inline-block;
  float: none;
  margin: 0 auto;
  padding: 25px 15px;
  position: relative;
  width: auto;
}

ul#menu_aux1 > li {
  display: inline-block;
  margin: 0 20px;
}

ul#menu_aux1 > li a {
  color: #fff;
  font-size: 21px;
  text-decoration: underline;
}

ul#menu_aux1 > li.book-menu a {
  color: #e3b342;
}

ul#menu_aux1 > li a:hover {
  color: #916f25;
}

/* MENU FOOTER 2 */
ul#menu_aux2 {
  display: inline-block;
  position: relative;
  width: auto;
}

ul#menu_aux2 > li {
  display: inline-block;
  margin: 0 10px;
}

ul#menu_aux2 > li a {
  font-size: 14px;
  text-decoration: underline;
}

/* MOTOR FRONT */
/* submit buttons (engine mashup, form, blog...) */
.engine_mashup > div form .button-group input[type="submit"], .mapa .formRuta input.calculaRuta, .bookingstep1 #motor_reservas #mirai_bookentrance #mirai_be7 input, #respond .form-submit #submit,
.wpcf7 .wpcf7-form input.wpcf7-submit, .offers-listing-wrapper .offer .offer-button, .offers-detail-wrapper .offer-calendar-wrapper .offer-button,
#modal-engine .button-group input[type="submit"], .my-button {
    background: none repeat scroll 0 0 #e3b342;
    border-radius: 4px;
    border: 0 none;
    -webkit-box-shadow: 1px 1px 2px #222;
    box-shadow: 1px 1px 2px #222;
    color: #423C38;
    display: inline-block;
    font-size: 18px;
    padding: 16px 24px;
    text-align: center;
    text-shadow: 0 0;
    text-transform: lowercase;
    width: auto;
    text-decoration: none;
}

.engine_mashup > div form .button-group input[type="submit"]:hover, .mapa .formRuta input.calculaRuta:hover, .bookingstep1 #motor_reservas #mirai_bookentrance #mirai_be7 input:hover, #respond .form-submit #submit:hover,
.wpcf7 .wpcf7-form input.wpcf7-submit:hover, .offers-listing-wrapper .offer .offer-button:hover, .offers-detail-wrapper .offer-calendar-wrapper .offer-button:hover,
#modal-engine .button-group input[type="submit"]:hover, .my-button:hover {
    border: 0 none;
    text-decoration: none;
    background: none repeat scroll 0 0 #c19736;
    -webkit-box-shadow: 0 0;
    box-shadow: 0 0;
    color: #423C38;
}

/* only engine mashup button */
.engine_mashup > div form .button-group input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 16px;
    height: auto;
    margin: 0 0 0 10px;
    padding: 12px 24px;
    text-transform: uppercase;
}

.engine_mashup {
  background: none repeat scroll 0 0 rgb(66, 53, 64);
  background: none repeat scroll 0 0 rgba(66, 53, 64, 0.8);
  float: none !important;
  /*margin: 27px 0 0;*/
  margin: 17px 0 0;
  position: relative;
  z-index: 9 !important;
}

.engine_mashup > div input {
  border: 0 none;
  border-radius: 0;
  font-size: 17px;
  height: 40px;
  margin: 0 11px 0 0;
  padding: 2px 8px;
  vertical-align: middle;
}

.engine_mashup > div select {
  border: 0 none;
  border-radius: 0;
  height: 44px;
  font-size: 17px;
  margin: 0;
  padding: 3px 4px;
  text-align: center;
  width: 73px !important;
}

.engine_mashup.inline > div form {
  padding: 13px 0 12px;
  text-align: right;
}

.engine_mashup.inline.one-row > div form .control-group label {
  color: #fff;
  display: inline-block;
  font-size: 17px;
  margin: 5px 3px 0 0;
}

.engine_mashup > div form .button-group input[type="submit"]:hover {}

.engine_mashup > div {
  width: auto !important;
}
/* ----- */

.engine_mashup > div form .button-group .icon-lock {
    /*background-image: url("/wp-content/themes/mirai/img/glyphicons-halflings-white.png");*/
    margin: 3px 2px 0 0;
}

.engine_mashup > div form .button-group .tracking-link {}

/* square two-columns (column-width)*/
.engine_mashup.square.two-columns > div form .control-group label {
    width: 35%;
}

.engine_mashup.square.two-columns > div form .control-group span.legend {
    margin-left: 35%;
}

.engine_mashup.square.two-columns > div form .control-group input[type="text"] {
    width: 56%;
}

/* MOTOR FIXED */
.engine_mashup > div.fixed_engine {
  background: none repeat scroll 0 0 rgb(66, 53, 64);
  background: none repeat scroll 0 0 rgba(66, 53, 64, 0.8);
  position: fixed;
  top: 0;
  width: 100% !important;
  z-index: 10;
}

.engine_mashup > div.fixed_engine form {
  text-align: center;
}

/*--  motor calendar --*/
#ui-datepicker-div {font-size: 16px !important;}

/* REVIEWS MASHUP */
.mirai_opiniones > p {
    display: none;
} /* link hotelsearch.com */

/* SOCIAL MEDIA */
#social-media {
  display: block;
  float: none;
  margin: 36px auto 0;
  width: 70px;
}

#social-media ul {
  text-align: center;
}

#social-media ul li {
  display: inline-block;
  margin: 0 0 0 8px;
  text-align: left;
}

#social-media ul li a {
    /* New Social Media icons in COLOR and hover in COLOR */
    background-image: url('../mirai/images/sprite_color.png');

    /* New Social Media icons in COLOR and hover in GREY */
    /*background-image: url('../mirai/images/sprite_grey.png');*/
}

/* Social Media Extra 1 */
#social-media ul li .extra1_link {
    background-image: url();
    background-position: 0 0;
}
#social-media ul li .extra1_link:hover {}
/* Social Media Extra 2 */
#social-media ul li .extra2_link {
    background-image: url();
    background-position: 0 0;
}
#social-media ul li .extra2_link:hover {}
/* Social Media Extra 3 */
#social-media ul li .extra3_link {
    background-image: url();
    background-position: 0 0;
}
#social-media ul li .extra3_link:hover {}

/* FULLSCREEN SLIDESHOW SLIDER */
#sidebar-preheader .ngg-singlepic{
    height: 100%;
    width: 100%;
    position: fixed;
    padding: 0!important;
    z-index: -1!important;
}

#main-photo .contSlideshow > img {
  margin: -69px 0 0;
}

.on-page-slideshow .slideshow .contSlideshow .txtslider {
  display: none;
}

/* BACKGROUND SLIDESHOW */
.on-page-slideshow .prev, .on-page-slideshow .next {
  background: url("/files/sprite_arrows.png") no-repeat scroll 0 0 transparent;
}

.on-page-slideshow .prev {
  background-position: 0 -150px !important;
}

.on-page-slideshow .prev, .on-page-slideshow .next {
  background-position: 0 -100px;
  display: block;
  height: 50px;
  opacity: 0.8;
  text-indent: -99999px;
  width: 50px;
}

.on-page-slideshow .prev:hover, .on-page-slideshow .next:hover {
  opacity: 1;
}

.on-page-slideshow .prev {
  left: 10px;
  left: 25px;
  position: absolute;
  top: 45%;
  z-index: 2;
}

.on-page-slideshow .next {
  right: 25px;
}

#rooms-home .on-page-slideshow .slideshow .contSlideshow img, #rooms-home .on-page-slideshow .slideshow {
  height: 315px !important;
}

.background-slideshow {
  overflow: hidden;
  width: 100%;
  z-index: -1 !important;
  height: 360px;
  margin: -101px 0 50px;
  position: relative;
}

/*
.background-slideshow .slideshow .contSlideshow img {
  left: 0;
  margin-top: -30%;
  position: absolute;
  top: 71%;
}
*/

/*---------------------------------- SHADOWBOX ---------------------------------*/
#sb-container {z-index: 1050 !important;}
#sb-container #sb-overlay {background-color:#000 !important;}
#sb-container #sb-wrapper #sb-wrapper-inner {border: 1px solid #303030 !important;}
#sb-container #sb-info {}
#sb-container #sb-info #sb-counter {}
#sb-container #sb-info #sb-nav {}
#sb-container #sb-info #sb-nav #sb-nav-close {}
#sb-container #sb-info #sb-nav #sb-nav-next {}
#sb-container #sb-info #sb-nav #sb-nav-previous {}
/*------------------------------------------------------------------------------*/

/*******************************************************/
/* New style prev, next and close Shadowbox */
/*******************************************************/

/* ¡¡¡CUIDADO!!! LAS VISITA VIRTUALES NO FUNCIONAN CON ESTOS ESTILOS */
/* DESCOMENTAR PARA UTILIZAR */

#sb-container #sb-info {
    height: 97.5%;
    left: 0;
    margin-top: 27px;
    position: absolute;
    top: 0;
    width: 100%;
}


#sb-container #sb-info #sb-counter {
    bottom: 10px;
    font-size: 15px;
    left: 10px;
    position: absolute;
}

#sb-container #sb-info #sb-nav {width: 100%;}

#sb-nav a {
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    background-position: center center !important;
    bottom: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    right: 0 !important;
    width: 30% !important;
}



#sb-container #sb-info #sb-nav #sb-nav-close {
    background-color: #333333;
    background-image: url("../mirai/images/closed.png") !important;
    bottom: auto !important;
    height: 16px !important;
    padding: 15px !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    width: 16px !important;
    z-index: 1 !important;
}

#sb-container #sb-info #sb-nav #sb-nav-previous {
    background-position: 5% center !important;
    background-image: url("../mirai/images/arrow-left.png") !important;
    left: 0 !important;
}

#sb-container #sb-info #sb-nav #sb-nav-next {
    background-position: 95% center !important;
    background-image: url("../mirai/images/arrow-right.png") !important;
}

#sb-container #sb-info #sb-nav #sb-nav-previous:hover {
    background-position: 1% center !important;

}

#sb-container #sb-info #sb-nav #sb-nav-next:hover {
    background-position: 99% center !important;
}

.ie8 #sb-nav a {
    height: 40px !important;
    top: 50% !important;
    width: 40px !important;
}

html[lang=en] .navidad {display:none;}

/*******************************************************/


/*---------------------------------------------------------------------------*/
/*------------------------------ CONTENT ELEMENTS ---------------------------*/
/*---------------------------------------------------------------------------*/

/* GOOGLE MAPS */
.mapa {
  margin: 0 !important;
}

.mapa .map_canvas {
  height: 330px !important;
  margin-bottom: 0px;
  width: 100% !important;
}

.mapa .formRuta {
  background: none repeat scroll 0 0 #423540;
  left: 0;
  padding: 20px 0;
  position: absolute;
  width: 100%;
}

.mapa .formRuta input {
    margin-right: 10px;
}

.mapa .formRuta:before {
  background: url("/files/icons.png") no-repeat scroll 0 -216px rgba(0, 0, 0, 0);
  color: #fff;
  font-size: 19px;
  margin: 0 10px 0 0;
  padding: 7px 0 5px 48px;
  position: relative;
  top: 3px;
}

html[lang="es"] .mapa .formRuta:before {
  content: "Cómo llegar desde:";
}

html[lang="en"] .mapa .formRuta:before {
  content: "Directions from:";
}

.mapa .alert, .adp-warnbox {
    color: #000;
    margin-top: 20px;
}

.mapa .ruta, .mapa .formRuta a.ocultaRuta {
  display: none !important;
}

.mapa .formRuta input.origen {
  height: 31px;
}

.linkGoogleMaps.walk {
  display: none;
}

.mapa .googleMapsContainer .place {
  background: url("/files/location-pin-5122.png") no-repeat scroll 10px center #c9c9ad;
  border-radius: 4px;
  -webkit-box-shadow: 1px 1px 2px #222;
  box-shadow: 1px 1px 2px #222;
  font-size: 1em;
  padding: 15px 10px 15px 36px;
  text-align: left;
  white-space: nowrap;
  width: auto;
}

.linkGoogleMaps.car {
  background: none repeat scroll 0 0 transparent;
  display: block;
  font-size: 18px;
  margin: -50px 0 0 !important;
  padding: 15px 20px;
  position: relative;
  text-indent: -9999px;
  z-index: 100000;
}

ul.places {
  margin: 0 auto 70px;
  text-align: center;
}

ul.places li {
  float: left;
  margin: 0 10px;
}

/* CAROUSEL SLIDESHOW */
.on-page-slideshow div[class*="pager"] {
    z-index: 50;
}

.slider-top.on-page-slideshow {
  clear: both;
  height: 0px;
  float: none;
  margin: -69px 0 0;
}

    
/* SHADOWBOX */
#sb-container #sb-overlay {
    background-color:#000 !important;
}

#sb-container #sb-wrapper #sb-wrapper-inner {
    border: 1px solid #303030 !important;
}

/* HACKS */
.ie8 .home .slider-top.on-page-slideshow {
  margin: -64px 0 330px 0;
}

.ie8 .not-home .slider-top.on-page-slideshow {
  margin: -64px 0 0 0;
}

.ie8 .bookingstep1 #mirai_be0 INPUT, .ie8 .chain-results #mirai_be0 INPUT {
    vertical-align: middle;
}

.ie8 .engine_mashup > DIV INPUT {
    border: 0 none;
    border-radius: 0;
    font-size: 17px;
    height: auto;
    position: relative;
    top: 10px;
    margin: 0 11px 0 0;
    padding: 2px 8px;
    vertical-align: middle;
}

.ie8 .engine_mashup > DIV SELECT {
    border: 0 none;
    border-radius: 0;
    position: relative;
    height: auto;
    font-size: 17px;
    margin: 0;
    padding: 2px 4px;
    text-align: center;
    top: 9px;
    width: 73px !important;
}

.ie8 .engine_mashup > DIV FORM .button-group INPUT[type='submit'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 16px;
    height: auto;
    margin: -11px 0 0 10px !important;
    padding: 12px 24px;
    text-transform: uppercase;
}

.ie8 section#main .offers-listing-wrapper .offer .offer-button {
  color: #fff;
}

.ie8 section#main .offers-detail-wrapper .offer-calendar-wrapper .offer-button {
  margin-left: 43%;
}


/*****************FITNESS GALLERY***********************/

.ngg-galleryoverview {
    width: 100% !important;
    margin: 60px auto !important;
}
.ngg-galleryoverview {
  margin:0 auto !important;
  min-height: auto!important;
}
.ngg-gallery-thumbnail {
  border:0 !important;
}

/*Show temporal rooms*/
.rooms-listing-wrapper {
    overflow: inherit;
}

/* Banner ventajas */
.banner-ventajas{
    display:none;
}
.cat-home .banner-ventajas {
    color: #fff!important;
    display: block;
    margin-bottom: 35px;
}
.cat-home .text-after .banner-ventajas {
    margin-bottom: 0px;
}
.banner-ventajas:hover {
    text-decoration: none;
}
.banner-ventajas:hover p {
    text-decoration: underline;
}
.banner-ventajas i {
    float: left;
    font-size: 52px;
    line-height: 42px;
    margin-right: 20px;
    text-decoration: none;
    display:none;
}
.banner-ventajas p {
    text-decoration: underline;
    font-size: 18px;
    margin-bottom: 0 !important;
}
#modal-ventajas {
    position: fixed !important;
    z-index: 999999 !important;
    width: 780px;
    max-width: 90%;
    margin: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
#modal-ventajas .modal-header, #modal-ventajas .modal-body  {
    padding: 20px 25px;
}

#modal-ventajas .modal-body {
    padding: 20px 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

#modal-ventajas .modal-body > div {
    width: 50%;
    float: left;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
#modal-ventajas .modal-body > div i {
    font-size: 42px;
    line-height: 52px;
    padding: 10px 0;
    display: block;
}
#modal-ventajas .modal-body > div p {
    font-size: 16px;
}


.heart01-micon:before {
    content: "\eb89";
    font-size: 2em;
    margin-top: -35px;
    padding-bottom: 20px;
}


/* New advantages */
#modal-ventajas .modal-header {
    background: #a11e06;
}

#modal-ventajas h3, #modal-ventajas .modal-header .close, #modal-ventajas .modal-header .close:hover {
  color: #fff;
}

#modal-ventajas h3 {
  font-size: 1.4em;
}

#modal-ventajas .modal-header .close {
  margin-top: 2px;
  opacity: .6;
}

#modal-ventajas .modal-header .close:hover {
  opacity: 1;
}

.engine_mashup > div .text-after {
    margin-top: 0;
    padding: 0px 0 10px;
}

/* Banner ventajas */
#banner-ventajas {
  display: block !important;
    margin-top: 80px;
}

#banner-ventajas .banner-header {
    background: #a11e06;
}

#banner-ventajas h3 {
  color: #fff;
  padding: 10px 0;
}

.banner-ventajas-container {
  display: flex;
}

.banner-ventajas-container > div {
  width: 50%;
}

.banner-ventajas-container > div i {
  font-size: 42px;
    line-height: 52px;
    padding: 10px 0;
    display: block;
}

.banner-ventajas-container >  div p {
  font-size: 16px;
}

.location-link {
  padding: 10px;
    display: block;
}

/* Close advise */
.close-advice {
    background: #cecdbb;
    color: #000;
    margin-bottom: 20px!important;
    padding: 15px;
    text-transform: uppercase;
}


/*---------------------------------------------------------------------------*/
/*-------------------------------- MEDIA QUERYS -----------------------------*/
/*---------------------------------------------------------------------------*/

/* Large desktop */
@media (min-width: 1200px) {

    body {
      font-size: 16px;
    }
    
    .engine_mashup.inline > div form {
      text-align: center;
    }
    
    #hsRating p#mirai_reviewSouce {
      font-size: 16px !important;
    }
    
    .pdd1 {
      padding-top: 115px;
    }
    
    .pdd2 {
      padding-bottom: 85px;
    }
    
    .pdd4 {
      padding: 100px 9% 0;
    }
    
    #advantages ul li {
      font-size: 19px;
    }
    
    #rooms-home .on-page-slideshow .slideshow .contSlideshow img, #rooms-home .on-page-slideshow .slideshow {
      height: 410px !important;
    }
    
    .mapa .map_canvas {
      height: 550px !important;
    }
    
    html[lang="es"] .mapa .googleMapsContainer .place {
      font-size: 17px;
      width: 280px;
    }

    ul.people-room li {
      margin: 0 2%;
    }

    .mapa .googleMapsContainer .place {
      padding: 15px 20px 15px 40px;
    }
    
    ul.places li {
      margin: 0 22px;
    }

    ul#menu_web {
      margin: 66px 0 0 219px;
    }

    ul#menu_web > li a {
      font-size: 1.3em;
    }

    .background-slideshow {
        height: 438px;
        margin-top:0
    }

    #instalations .span5 {
      min-height: 297px;
    }

    .all-rooms .on-page-slideshow .slideshow .contSlideshow img, .all-rooms .on-page-slideshow .slideshow {
      height: 390px !important;
    }

    #contact-location .contact li {
      font-size: 20px;
    }

}/* ipad portrait - landscape */
@media (min-device-width: 768px) and (max-device-width: 979px){}

/* customize ipad portrait */
@media (min-device-width: 768px) and (max-device-width: 979px) and (orientation : portrait) {
    
    .bookingstep1 #mirai_roomSelectionContainer {
        width: 98%;
    }
    
    .bookingstep1 #header .content {
        width: 100%;
    }
    
    .engine_mashup.inline>div form {
        padding: 13px 0 12px;
        text-align: inherit;
    }
    
    .engine_mashup>div form .button-group input[type="submit"] {
        font-size: 14px;
        padding: 12px 4px;
    }
    
    .engine_mashup {
        margin: 27px 0 0;
    }
    
    .engine_mashup.inline>div form .control-group input[type="text"].code {
        width: 40px;
    }
    
    #logo {
        left: 20px;
        position: absolute;
        top: 0;
        width: 143px;
        z-index: 10;
    }
    
    .bookingstep1 header #logo a img {
        width: 143px;
        height: auto;
    }
    
    ul#menu_web {
        margin: 136px 0 0 0px;
        width: auto;
    }
    
    ul#menu_aux1 > li {
        margin: 0 11px;
    }
    
    ul#menu_aux1 > li a {
        font-size: 18px;
    }
    
    .widget_qtranslate {
        width: auto;
        right: 30px;
        position: absolute;
    }
    
    #rooms-home .my-button {
        margin-top: 10px !important;
        padding: 16px 18px;
        font-size: 16px;
    }
    
    .offers-mashup dl dd {
        margin: 45px 0 0;
        font-size: 13px;
    }
    ul.places {
       margin: 0 auto 20px;
        text-align: center;
    }
    
    ul.places li {
        float: none;
        margin: 0 0px 10px;
        display: block;
    }
    
    .mapa .formRuta:before {
        display: none;
    }
    
    #advantages ul li.best-price, #advantages ul li.reviews-price {
        margin-right: 6%;
    }
    
    ul.people-room li {
        display: inline-block;
        margin: 20px 2%;
        width: 120px;
    }
    
    ul.people-room {
        margin: 0px 0 10px;
    }
    
    html[lang="en"] section h3 {
        margin-bottom: 10px;
    }
    
    #contact-location .contact li {
        margin: 0 1%;
    }
    
    .bookingstep1 ul#menu_web {
        padding: 0;
        margin: 30px 30px 0 0;
    }
    
    .bookingstep1 ul#menu_web>li {
        margin: 0 0 0 20px;
    }
    
    .bookingstep1 #motor_reservas #mirai_roomSelectionContainer {
        border-radius: 0;
        margin: 190px 0 0 0;
        width: 98% !important;
    }
    
    .bookingstep1 #motor_reservas #mirai_bookentrance {
        margin: 0;
        position: relative;
        top: 190px;
    }
    
    .bookingstep1 #mirai_be5 {
        width: 75px !important;
    }
    
    #mirai_be0 {
        width: 94% !important;
    }
    
    section h3.bdr-btn {
        font-size: 1.5em;
    }

    #instalations .span5 {
        min-height: 297px;
    }
    
    #services-home .span5 {
        width: 48%;
        display: inline-block;
    }
    
    .background-slideshow {
        height: 274px;
    }
    
    #contact-location .contact {
        margin: -20px auto 0;
        width: 360px;
        float: none;
    }
    
    #contact-location .contact li {
        margin: 17px 1%;
        display: block;
    }
    
    .bookingstep1 ul#menu_web {
        padding: 0;
        margin: 30px 30px 0 0;
        position: absolute;
        left: 70px;
        top: 120px;
    }
    
    
}/* customize ipad landscape */
@media (min-device-width: 768px) and (max-device-width: 979px) and (orientation : landscape) {}

/*------------------------------------------------------------------------------*/