/*
Theme Name: Hostal Persal 2013
Theme URI: www.hostalpersal.com
Description: Hostal Persal 2013
Template: mirai
Author: Mirai Espana
*/


/*---------------------------- GENERIC STYLES -------------------------------*/
h1 {}
h2 {
    font-size: 24px;
    text-transform: uppercase;
}
h3 {font-size: 20px;}
h4 {font-size: 16px;}

h2, h3, h4 {text-align: left;}

.content-page h2, .content-page h3, .content-page h4 {font-family: orator-std;}

.content-page h2 span, .content-page h3 span, .content-page h4 span {font-size: larger;}


a {
    color: #FF4747;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
a:hover {
    color: #333333 !important;
    text-decoration: none;
}
.content-page .text-wrap a:hover, .content_block a:hover {
    border-bottom: 1px dotted #FF4747;
}
body {
    font-family: Questrial,Dosis,Karla;
    font-size: 15px;
}

.engine_mashup > div form, .pages-menu {font-size: 14px;}

#header {
    background: url("images/bg_header.png") repeat-x 0 0 transparent;
    height: 519px;
}
#header .content {height:100%;}

#main {}
#main .content {margin-bottom: 30px;}

#footer {
    background: url("/files/bg_footer.png") repeat-x 0 0 #FFFFFF;
    height: auto;
}
#footer a:hover {color: #fff !important;}

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

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

.mirai_widget_recent_entries {text-align: right;}
.mirai_widget_recent_entries h3 {
  color: #FFFFFF;
  text-align: right;
}
.mirai_widget_recent_entries ul {}
.mirai_widget_recent_entries ul li {
  color: #FFFFFF;
  list-style-type: square;
}

/*------------------------------------ LOGO ------------------------------------*/
#logo {
    margin-right: 60px;
    text-align: center;
    width: 180px;
}
/*------------------------------------------------------------------------------*/


/*--------------------------------- QTRANSLATE ---------------------------------*/
#header .widget_qtranslate {float: right; text-align: right;}
.widget_qtranslate h3 {}
.widget_qtranslate ul {}
.widget_qtranslate ul li {}
.widget_qtranslate ul li:first-child {}
.widget_qtranslate ul li.last-child {}
.widget_qtranslate ul li a {}
.widget_qtranslate ul li a:hover {}
.widget_qtranslate ul li.active a {}
.widget_qtranslate ul li.active a,
.widget_qtranslate ul li.current-menu-item a {}
.widget_qtranslate ul li.active a {}
.widget_qtranslate ul li.current-menu-item a:hover,
.widget_qtranslate ul li.active a:hover {}
.widget_qtranslate ul li.active a:hover {}

.widget_qtranslate select {
    border: 0 none;
    height: auto;
    line-height: inherit;
    margin: 0;
    width: 100px;
}
.widget_qtranslate ul li {display: inline-block;}
.widget_qtranslate ul li.active {display: none;}

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


/*-------------------------------- MENU-NAV-WEB --------------------------------*/
ul#menu_web {display: none !important;}
ul#menu_web li {}
ul#menu_web li a {}

ul#menu_web > li {display: inline-block; position: relative;}
ul#menu_web > li a {}
ul#menu_web > li:hover a {}
ul#menu_web > li a:hover {}
ul#menu_web > li:hover ul.sub-menu {}
ul#menu_web > li.current-menu-item {}

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 {}
ul#menu_web > li ul.sub-menu li a {} 
ul#menu_web > li ul.sub-menu li a:hover,
ul#menu_web > li ul.sub-menu li.current-menu-item a {} 
ul#menu_web > li.current-menu-item ul.sub-menu {}
ul#menu_web > li.current-menu-parent ul.sub-menu {}
ul#menu_web li.current-menu-item ul.sub-menu .current_page_item a {}

ul#menu_web > li div[data-ajax-menu-parent] {}


#menu_aux1 {
    text-align: right;
}
#menu_aux1 li {
    border-left: 1px solid #FD3B3D;
    display: inline-block;
    line-height: 13px;
    margin: 7px 0;
    padding: 0 10px;
}
#menu_aux1 li:first-child {
    border-left: 0 none;
}
#menu_aux1 li a {color: #FD3B3D;}

#menu_aux1 li a:hover {
    color: #333333;
    text-decoration: none;
}










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


/*-------------------------------  GOOGLE MAPS ---------------------------------*/
.mapa {margin: 10px 0;}
.mapa .external-link {
    border-bottom: 1px dotted transparent;
    color: #000000;
    margin-bottom: 5px;
    text-align: right;
    text-transform: uppercase;
}
.mapa .external-link:hover {}
.mapa .map_canvas {margin: 0 auto 10px; width: 99% !important;}
.mapa .map_canvas p {}
.mapa .map_canvas img {}
.mapa .formRuta {}
.mapa .formRuta label {}
.mapa .formRuta input.origen {}
.content_block .mapa .formRuta input.calculaRuta {margin: 0 0 0 7px !important;}
.mapa .formRuta input.calculaRuta:hover {}
.mapa .formRuta input.calculaRuta.disabled,
.mapa .formRuta input.calculaRuta.disabled:hover {}

.mapa .formRuta a.ocultaRuta {}
.mapa .formRuta a.ocultaRuta:hover {}

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

.mapa .alert button.close {}

.mapa .ruta {width: 100% !important;}
.mapa .ruta table {}
.mapa .ruta table img {}

.mapa .googleMapsContainer {}
.mapa .googleMapsContainer .place, .mapa .links-cercanos .googleMapsContainer .linkGoogleMaps {display: inline-block;}
.mapa .googleMapsContainer .place {}
.mapa .googleMapsContainer .linkGoogleMaps {}
.mapa .googleMapsContainer .linkGoogleMaps:hover {cursor: pointer;}

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


/*------------------------------  MOTOR MASHUP ---------------------------------*/
.mirai_motor {}
.mirai_motor h3 {} /* Contenido HTML antes del motor */
/* campos selector hoteles */
.mirai_motor #tituloMotorSelector {} /* Título selector */ 
.mirai_motor #selectHotel {} /* Combo con listado de hoteles */
.mirai_motor > label {} /* Radios con listado de hoteles */
.mirai_motor > label input {} 

.mirai_motor #mirai_bookentrance {}

.mirai_motor #mirai_be1,
.mirai_motor #mirai_be3,
.mirai_motor #mirai_be5,
.mirai_motor #mirai_be2,
.mirai_motor #mirai_be4,
.mirai_motor #mirai_be6,
.mirai_motor #mirai_be7,
.mirai_motor #mirai_be9,
.mirai_motor #mirai_be10 {
    float:left;
    margin-right:5px !important;
}
.mirai_motor #mirai_be1,
.mirai_motor #mirai_be3,
.mirai_motor #mirai_be5,
.mirai_motor #mirai_be8,
.mirai_motor #mirai_be10 {
    line-height:25px;
    display:inline-block;
}

.mirai_motor #mirai_be2,
.mirai_motor #mirai_be4,
.mirai_motor #mirai_be6,
.mirai_motor #mirai_be9,
.mirai_motor #selectHotel {
    height:25px;
    border-radius: 0px;
    width:10%;
    color:#000;
    cursor:auto;
}

.mirai_motor #mirai_be4 {width: 5% !important;}
.mirai_motor #mirai_be5 {}
.mirai_motor #mirai_be7 {display:inline-block;}
.mirai_motor #mirai_be7 input {width: auto;}
.mirai_motor #mirai_be7 input:hover {}
.mirai_motor #mirai_be8 {text-decoration: none;}
.mirai_motor #mirai_be8:hover {text-decoration:underline;}
.mirai_motor #mirai_be9 {width:auto;}
.mirai_motor #mirai_be10 {display:none;}

/* motor mashup square */
.mirai_motor.square #mirai_be1,
.mirai_motor.square #mirai_be3,
.mirai_motor.square #mirai_be5,
.mirai_motor.square #mirai_be2,
.mirai_motor.square #mirai_be4,
.mirai_motor.square #mirai_be6,
.mirai_motor.square #mirai_be7,  
.mirai_motor.square #mirai_be9 {    
    margin:0px 0px 10px !important;    
}
.mirai_motor.square #mirai_be1,
.mirai_motor.square #mirai_be3,
.mirai_motor.square #mirai_be5 {
    width:42%;
}
.mirai_motor.square #mirai_be2,
.mirai_motor.square #mirai_be4,
.mirai_motor.square #mirai_be6 {
    width:57%;                                                                                    
}
.mirai_motor.square #mirai_be4 {width:30% !important;}
.mirai_motor.square #mirai_be5 {
    font-size:12px;
    line-height:13px;
}
.mirai_motor.square #mirai_be7 {
    display:inline-block;
    width:100% !important;
    text-align:center;
    margin-bottom:10px !important;
}
.mirai_motor.square #mirai_be8 {
    display:inline-block;
    text-align:center;
    width:100%;
    font-size:12px;
}
.mirai_motor.square #mirai_be9 {width:100%;}
#mirai_rootTable {font-size: 14px !important;}

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


/*-------------------------  MOTOR MASHUP CALENDAR -----------------------------*/
.ui-datepicker .ui-datepicker-header,
.ui-datepicker .ui-datepicker-buttonpane button {
    background: none repeat scroll 0 0 #5A9045 !important;
    color: #FFFFFF;
}
.ui-datepicker td:hover a {
    background: none repeat scroll 0 0 #FF3333 !important;
    /*color: #FFFFFF;*/
}

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


/*------------------------------  NEW MOTOR MASHUP ---------------------------------*/
/*propias del sitio*/
.engine_mashup, .newengine  {
    height: 48px; 
    z-index: 3000!important;
    position:absolute !important;
    bottom:0;
}
.engine_mashup > div {}
.engine_mashup > div .text-before, .newengine > div .text-before {
    float: left;
    margin: 0;
    padding: 3px 0;
    width: 150px;
}
.engine_mashup > div .text-before a, .newengine > div .text-before a {
    background: url("images/new_link.png") no-repeat scroll right 0 transparent;
    color: #FFFFFF;
    font-size: 16px;
    padding: 0 20px 0 10px;
    text-shadow: 1px 1px 2px #333333;
    text-transform: uppercase;
}

.engine_mashup > div .text-before a:hover, .newengine > div .text-before a:hover {color: #333333; text-decoration: none;}

.engine_mashup > div .text-after {}
.engine_mashup > div form {padding: 6px 0 !important; text-transform: lowercase;}
.engine_mashup > div form legend {}
.engine_mashup > div form .control-group {}
.engine_mashup > div form .control-group label {
    color: #FFFFFF;
    margin: 0 3px 0 10px;
}
.engine_mashup > div form .control-group input, .engine_mashup > div form .control-group select {
    margin: 0 !important;
}
.engine_mashup > div form .control-group label.label-code {}
.engine_mashup > div form .control-group span.help-inline {}
.engine_mashup > div form .control-group span.legend a {}
.engine_mashup > div form .control-group select,
.engine_mashup > div form .control-group input[type=text] {}
.engine_mashup > div form .control-group input[type=text].date {}
.engine_mashup > div form .control-group input[type=text].code {}
.engine_mashup > div form .button-group {
    vertical-align: middle !important;
}
.engine_mashup > div form .button-group input[type=submit] {}
.engine_mashup > div form .button-group input[type=submit]:hover {}

.engine_mashup > div form .button-group input[type="submit"], .mapa .formRuta input.calculaRuta, #mirai_be7 input, .mapa .googleMapsContainer .linkGoogleMaps,
.wpcf7-submit, .booking_mobile {
    background: #5A9045 !important;
    border: 0 none;
    border-radius: 0 0 0 0;
    color: #FFFFFF;
    margin: 0 !important;
    padding: 10px 15px;
    text-shadow: 1px 1px 2px #000000;
    text-transform: uppercase;
}
.engine_mashup > div form .button-group input[type="submit"]:hover, .mapa .formRuta input.calculaRuta:hover, #mirai_be7 input:hover,
.mapa .googleMapsContainer .linkGoogleMaps:hover, .wpcf7-submit:hover,  .booking_mobile:hover {
    background: #446B34;
    box-shadow: 2px 2px 2px #000000 inset;
    -webkit-box-shadow: 2px 2px 2px #000000 inset;
}

.cat-events .wpcf7-submit {
    display: inline-block;
    font-size: 17px;
    padding: 10px 115px;
}

.cat-events .wpcf7-submit:hover {
  border: 0 none !important;
  color: #FFFFFF !important;
}

span.wpcf7-not-valid-tip {color: #333;}

.engine_mashup > div form .button-group a {}
.engine_mashup > div form .button-group a:hover {}
.engine_mashup > div form .button-group .icon-lock {display: none; margin: 3px 2px 0 0;}

/* ICONO DEL CANDADO EN BLANCO */
/*.engine_mashup > div form .button-group .icon-lock {background-image: url("/wp-content/themes/mirai/img/glyphicons-halflings-white.png");} */

.engine_mashup > div form .button-group .tracking-link {color: #fff; margin-bottom: 0 !important;}

/* 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%;}

/* tabs */
.engine_mashup .tabbable {}
.engine_mashup .tabbable .nav-tabs {}
.engine_mashup .tabbable .nav-tabs li a {}
.engine_mashup .tabbable .nav-tabs li.active a {}
.engine_mashup .tabbable .tab-content {
    background: #dddddd; /* Old browsers */
    background: -moz-linear-gradient(top, #dddddd 1%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#dddddd), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dddddd 1%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dddddd 1%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dddddd 1%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom, #dddddd 1%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.engine_mashup .tabbable .tab-content > .tab-pane {}
/*------------------------------------------------------------------------------*/


/************SNIPPET: FIX ENGINE ON PAGE SCROLL****************/
.fixed_engine {
    position: fixed;    
    top: 0px;
    z-index: 100;
    background: #fff url('/files/bg_fixed_engine.png') repeat-x center;
    height: 48px;    
    -webkit-transition: top 0.3s linear;
    -moz-transition: top 0.3s linear;
    -ms-transition: top 0.3s linear;
    -o-transition: top 0.3s linear;
    transition: top 0.3s linear;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-box-shadow: 0px 10px 10px 00px #ffffff;
    box-shadow: 0px 10px 10px 00px #ffffff;
}


/*---------------------------------  POPOVER -----------------------------------*/
.popover-content {
    padding: 0;
}
.popover .popover-inner {
}
.popover .popover-title {
    background: none repeat scroll 0 0 #666666;
    color: #FFFFFF;
}
.popover .popover-title .close {
    color: #FFFFFF;
    opacity: 1;
}
.popover.top .arrow {
    left: 65%;
}
.cat-events .popover.top .arrow {
    left: 35%;
}
#modal-legal-content-wrapper .legal-page {
    height: 430px;
    max-height: 400px;
    overflow-y: auto;
    padding: 15px;
}
#popover-close {
    font-size: 30px;
    line-height: 15px;
}
/*------------------------------------------------------------------------------*/


/*---------------------------------  TOOLTIP -----------------------------------*/
.tooltip.right .tooltip-arrow {/*border-right-color: <color> !important;*/}
.tooltip .tooltip-inner {/*background-color: <color>;*/}
/*------------------------------------------------------------------------------*/


/*------------------------------  OFFERS MASHUP --------------------------------*/
.offers-mashup {}
.offers-mashup h3 {}
.offers-mashup img {}
.offers-mashup .carousel {}
.offers-mashup .carousel-inner {}
.offers-mashup .carousel-inner .item {}
.offers-mashup .carousel-control {}
.offers-mashup .carousel-control:hover {}
.offers-mashup .carousel-control.right {}
.offers-mashup .carousel-control.right:hover {}
.offers-mashup dl {}
.offers-mashup dl dt {}
.offers-mashup dl dd {}
.offers-mashup .rss-link {}
.offers-mashup .more-info-link {}
.offers-mashup .more-info-link:hover {}

.offers-slide .slide .no-offers {}
.offers-mashup-inner {}
.offers-mashup-slide {}


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


/*------------------------------  OFFERS PAGES ---------------------------------*/
#offersHs #headerOffers {display: none;}
#offersHs .rowOffers {
    padding: 0 !important;
    width: 96% !important;
}
#cuadroOfertas, #cuadroOpiniones {
    margin-top: 0;
    margin-bottom: 20px;
    padding: 0;
}
#offersHs .contents h2 {
    color: #FF3333 !important;
    line-height: 20px;
    margin-top: 10px !important;
}
#offersHs .rowOffers {min-height: 230px !important;}
#offersHs ul, #offersHs .rowOffers > p {padding: 15px 20px;}


div.hssurveys_full h2 {text-align: right;}

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


/*----------------------------  OPINIONES MASHUP -------------------------------*/
.mirai_opiniones {}
.mirai_opiniones #xdhsReviewSummaryContent-XdHs {}
.mirai_opiniones #xdhsReviewSummaryContent-XdHs #hsRating {}
.mirai_opiniones #xdhsReviewSummaryContent-XdHs #hsRating #scoreTop {}
.mirai_opiniones #xdhsReviewSummaryContent-XdHs #hsRating #scoreTop #score,
.mirai_opiniones #xdhsReviewSummaryContent-XdHs #hsRating #scoreTop #ratingBar {margin-bottom: 0 !important;}
.mirai_opiniones #xdhsReviewSummaryContent-XdHs #hsRating #scoreTop #ratingBar {}
.mirai_opiniones #xdhsReviewSummaryContent-XdHs #hsRating #mirai_recommend {}
.mirai_opiniones #xdhsReviewSummaryContent-XdHs #hsRating #mirai_recommend h3 {}
.mirai_opiniones #xdhsReviewSummaryContent-XdHs #hsRating #mirai_reviewSouce {}
.mirai_opiniones #xdhsReviewSummaryContent-XdHs #hsRating .mirai_btReview {
    background: none repeat scroll 0 0 transparent;
    color: #FC383A;
    font-size: 16px;
    padding-right: 20px;
    position: relative;
    text-transform: none;
}
.mirai_opiniones #xdhsReviewSummaryContent-XdHs #hsRating .mirai_btReview:hover {}

.mirai_opiniones #xdhsReviewSummaryContent-XdHs #hsRating .mirai_btReview:after {
    background: none repeat scroll 0 0 #333333;
    border-radius: 15px 15px 15px 15px;
    color: #FFFFFF;
    content: "+";
    display: inline-block;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    height: 14px;
    line-height: 14px;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 2px;
    width: 14px;
}

#mirai_reviewSouce > strong {
    display: none;
}
.mirai_opiniones #xdhsReviewSummaryContent-XdHs #hsRating #writeReviews {}
.mirai_opiniones > p {display:none;} /* link hotelsearch.com */
/*------------------------------------------------------------------------------*/


/*------------------------------  OPINIONES PAGE -------------------------------*/
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;}

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


/*-------------------------------  SOCIAL MEDIA --------------------------------*/
#social-media {}
#social-media h3 {
    color: #FFFFFF;
    float: left;
    font-size: 12px;
}
#social-media ul {
  line-height: 30px;
  text-align: right;
}
#social-media ul li {display: inline-block; margin: 0 0 0 4px; text-align: left;}
#social-media ul li:first-child {}
#social-media ul li a {
    /* Uncomment this for custom social media icons */
    background-image: url('../mirai/images/sprite_color.png');
}

#fb-root {float: left;}

#addthis-widget-2 {
  position: absolute;
  right: 0;
  top: 260px;
}


#social-media ul .extra1_link {
    background: url("images/social_links_2.png") no-repeat scroll 100% 0 rgba(0, 0, 0, 0);
    height: 30px !important;
    width: 80px !important;
}



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


/*-----------------------------------  VCARD -----------------------------------*/
.hotelschema {
  color: #FFFFFF;
  margin-left: 60px;
  padding-top: 4px;
}
.hotelschema h3 {}
.hotelschema .name {}
.hotelschema .separator {}
.hotelschema a {color: #FC383A;}
.hotelschema a:hover {
    border-bottom: 1px dotted #FC383A;
    color: #FFFFFF !important;
}

.hotelschema img {
    position: absolute;
    left: 500px;
    top: 10px;
}
.address_phone {}
/*------------------------------------------------------------------------------*/


/*---------------------------  FULLSCREEN SLIDESHOW ----------------------------*/
.fullscreen-slideshow .slideshow .contSlideshow .txtslider {}

/* Fix background fullscreen image with singlepic */
#sidebar-preheader .ngg-singlepic{
    height: 100%;
    width: 100%;
    position: fixed;
    padding:0!important;
    z-index:-1!important;
}

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


/*-----------------------------  CAROUSEL SLIDESHOW ----------------------------*/
.on-page-slideshow .slideshow {}
.on-page-slideshow .slideshow .contSlideshow .txtslider {}
.on-page-slideshow > div, .on-page-slideshow > div .contSlideshow img {}
.on-page-slideshow .prev, .on-page-slideshow .next {}
.on-page-slideshow .prev:hover, .on-page-slideshow .next:hover {}
.on-page-slideshow .prev {}
.on-page-slideshow .prev:hover {}
.on-page-slideshow .next {}
.on-page-slideshow .next:hover {}
.on-page-slideshow div[class*="pager"] {z-index: 10;}
.on-page-slideshow div[class*="pager"] a {}
.on-page-slideshow div[class*="pager"] a:hover, .on-page-slideshow div[class*="pager"] a.activeSlide {}
/*------------------------------------------------------------------------------*/


/*---------------------------  BACKGROUND SLIDESHOW  ---------------------------*/
.background-slideshow {top: 27px;}
.background-slideshow .slideshow {}
.background-slideshow .slideshow .contSlideshow .txtslider {}
.background-slideshow .prev, .background-slideshow .next {}
.background-slideshow .prev:hover, .background-slideshow .next:hover {}
.background-slideshow .prev {}
.background-slideshow .prev:hover {}
.background-slideshow .next {}
.background-slideshow .next:hover {}
.background-slideshow div[class*="pager"] {}
.background-slideshow div[class*="pager"] a {}
.background-slideshow div[class*="pager"] a:hover, .background-slideshow div[class*="pager"] a.activeSlide {}


.background-slideshow, .background-slideshow > .ngg-singlepic {
    background: none repeat scroll 0 0 transparent;
    padding: 0;
    width: 100%;
}

.background-slideshow {
    height: 536px!important;
    margin-top: -92px;
    overflow: hidden;
    position: absolute;
    top: 0;
}

.background-slideshow > .ngg-singlepic {
  height: 515px !important;
  margin-top: -20px;
}

.singles-home span {
    display: block;
    position: absolute;
}

.background-slideshow .singles-home .ngg-singlepic {
    border: 2px solid #FFFFFF;
    box-shadow: 5px 5px 4px #000;
    -webkit-box-shadow: 5px 5px 4px #000;
}

.background-slideshow .singles-home .first {
    right: 270px;
    top: 22px;
    z-index: 1;
}

.background-slideshow .singles-home .second {
    right: 150px;
    top: 7px;
    z-index: 2;
}
.background-slideshow .singles-home .third {
    right: 8px;
    top: 12px;
    z-index: 1;
}




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

div#noDispo #noDispoContents1 .selectRoom {
  bottom: 0;
  right: -130px;
}

/*-------------------------------  BOOKING PAGES -------------------------------*/
.bookingstep1 {
    background: url("") no-repeat fixed center top;
    background-size: 100% 100%;
}
.bookingstep1 header #logo {}
.bookingstep1 #motor_reservas #mirai_bookentrance {margin-top: -54px; padding: 10px 0;}
.bookingstep1 #motor_reservas #mirai_bookentrance #mirai_be7 input {font-family: Questrial, Arial;}
.bookingstep1 #motor_reservas #mirai_bookentrance #mirai_be7 input:hover {text-decoration: none !important;}
.bookingstep1 #mirai_be0 input, .bookingstep1 #mirai_be0 span, .bookingstep1 #mirai_be0 select {font-family: Questrial, Arial;}
.bookingstep1 ul#menu_web li a {text-decoration: none !important;}
.bookingstep1 #header {
  background-position: center bottom;
  height: 170px;
}
.bookingstep1 #header .content {
    margin: 0 auto;
    width: 960px;
}
#mirai_be0 {
    color: #FFFFFF;
    text-transform: lowercase;
}
#mirai_be0, #mirai_be2, #mirai_be0 input, #mirai_be0 select {font-size: 15px !important;}

/* 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;}


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

/*-------------------------------- PHOTOS PAGES --------------------------------*/
.ngg-galleryoverview {}
.ngg-galleryoverview .ngg-gallery-thumbnail {}
.ngg-galleryoverview .ngg-gallery-thumbnail img {width: 120px;}
.ngg-galleryoverview .ngg-gallery-thumbnail img:hover {}

.gv_galleryWrap {
    margin: 0 auto;
}


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


/*---------------------------------- SHADOWBOX ---------------------------------*/
#sb-container {z-index: 20000 !important;}
#sb-container #sb-overlay {background-color:#000 !important;}
#sb-container #sb-wrapper #sb-wrapper-inner {
  border: 1px solid #303030 !important;
  /*height: 600px !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 {}
/*------------------------------------------------------------------------------*/


/*------------------------------------ BLOG ------------------------------------*/
.post {}
.post h2 {}
.post h2 a {
  color: #10206B;
  text-transform: none;
}
.post .meta {}
.post .meta .autor_post {}
.post .meta .fecha_post {}
.post .meta .comentarios_post {}
.post .entry {}
.post .entry p {}
.post .entry .post-edit-link {}
.post .entry .categorias {}
.post .entry .categorias a {}
.paginaAnterior {}
.paginaSiguiente {}
.post #respond {
  border-top: 1px dashed #FF4747;
  margin-top: 30px;
  padding-top: 20px;
}
.post #respond h3 {}
.post #respond form {}
.post #respond form .logged-in-as {}
.post #respond form .comment-form-comment {}
.post #respond form .comment-form-comment label {}
.post #respond form .comment-form-comment textarea {}
.post #respond form .comment-form-comment .form-submit {}
.post #respond form .comment-form-comment .form-submit input {}
.post #prev_post {}
.post #next_post {}
.post #prev_post a {}
.post #next_post a {}
.post .entry img {border: 5px solid #FFF;}
.post .entry img.aligncenter {
  display: block;
  margin: 10px auto;
}
.post .entry img.alignleft {}
.post .entry img.alignright {}

.post .wp-smiley {
  border: 0 none !important;
  box-shadow: 0 0 0 !important;
  margin: 0 5px !important;
}

.blog-home .background-slideshow,
.post.cat-general .background-slideshow,
body.post .background-slideshow {display: none !important;}


.blog-home #header,
.post.cat-general #header,
body.post #header {
    background-position: 0 bottom !important;
    height: 167px;
}
.blog-home #main,
.post.cat-general #main,
body.post #main {min-height: 400px;}

.blog-wrapper {float: left; min-height: 500px; width: 720px;}
.blog-wrapper #posts_con_categoria, .blog-wrapper #fecha_archivo {
  margin: 10px 0 !important;
  text-align: left;
  text-decoration: none;
  text-transform: none;
}
.blog-wrapper .post {
  padding-right: 30px;
}

.blog-wrapper .post .more-link {
  display: block;
  margin-top: 5px;
  text-align: right;
}

.addthis_32x32_style .addthis_counter.addthis_bubble_style {
  margin-top: 5px;
}

.blog-home #main #social-media h3,
.blog-home #main .mirai_widget_recent_entries h3,
.blog-home #main .atwidget h3,
.blog-home #main .widget_archive h3,
.blog-home #main .widget_postcategories h3, 
body.post #main #social-media h3,
body.post #main .mirai_widget_recent_entries h3,
body.post #main .atwidget h3,
body.post #main .widget_archive h3,
body.post #main .widget_postcategories h3 {
    background: none repeat scroll 0 0 #EEEEEE;
    color: #10206B;
    float: none;
    font-size: 20px;
    margin: 22px 0 0;
    padding: 0 10px;
    text-align: left;
}

.blog-home #main #social-media h3,
body.post #main #social-media h3 {margin-top: 5px;}
.blog-home #main .atwidget h3,
body.post #main .atwidget h3 {margin-bottom: 5px;}

.blog-home #main #social-media ul,
.blog-home #main .mirai_widget_recent_entries ul,
.blog-home #main .atwidget ul,
.blog-home #main .widget_archive ul,
.blog-home #main .widget_postcategories ul,
body.post #main #social-media ul,
body.post #main .mirai_widget_recent_entries ul,
body.post #main .atwidget ul,
body.post #main .widget_archive ul,
body.post #main .widget_postcategories ul {text-align: left;}

.blog-home #main .mirai_widget_recent_entries li,
.blog-home #main .widget_archive li,
.blog-home #main .widget_postcategories li,
body.post #main .mirai_widget_recent_entries li,
body.post #main .widget_archive li,
body.post #main .widget_postcategories li {
    color: #10206B;
    list-style-type: square;
    margin-left: 22px;
}

.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;}




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


/*--------------------------------- SITE STYLES --------------------------------*/

#back-top {
    display:none;
    position: fixed;
    bottom: 70px;
    right: 10px;
    background: #5A9045 url('/files/up-image.png') no-repeat 50% 10px;
    color: #FFF;
    padding: 35px 15px 5px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    border-radius: 32px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
    width:32px;
    text-align: center;
    opacity:0.6;
}
#back-top:hover {
    color:#fff !important;
    opacity:1;
}

html[lang="en"] #back-top {width: 45px;}
html[lang="fr"] #back-top {width: 55px;}
html[lang="de"] #back-top {width: 40px;}
html[lang="it"] #back-top {width: 50px;}
html[lang="pt"] #back-top {width: 62px;}


.clear {clear: both;}
.overflow {overflow: hidden;}
.align-right {text-align: right;}
.align-left {text-align: left;}
.align-center {text-align: center;}


.logo_tripadvisor {
    /*left: 50%;
    margin-left: -64.5px;*/
    left: 1%;
    position: absolute;
    top: 334px;
    width: 100px;
}

.text-slider-home {
    color: #FFFFFF;
    display: block;
    font-family: Didact Gothic;
    font-size: 25px;
    letter-spacing: 4px;
    position: absolute;
    text-align: center;
    text-shadow: 3px 3px 1px #000000;
    text-transform: uppercase;
    top: 270px;
    width: 100%;
    word-spacing: 10px;
    z-index: 100;
}

.background-slideshow .text-slider-home:first-letter {font-size: larger;}

/* menu general, paginas */

.menu_block {text-align: right;}

.menu_block .title_menu {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    display: inline-block;
    font-family: Didact Gothic;
    font-size: 18px;
    letter-spacing: 3px;
    margin: 25px 10px 10px 0;
    padding: 2px 5px 2px 10px;
    position: relative;
    text-transform: uppercase;
}

.menu_block .title_menu:after {
    background: url("images/shadow_menu.png") no-repeat 0 0 transparent;
    bottom: -8px;
    content: " ";
    height: 11px;
    position: absolute;
    right: 0;
    width: 78px;
    z-index: -1;
}

.menu_block .title_ofertas {background: #5A9045;}

.menu_block .pages-menu a {
    background: url("images/arrow_menu.png") no-repeat 100% -13px transparent;
    color: #FF4747;
    font-family: Didact Gothic;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding-right: 10px;
}

.menu_block .pages-menu a:hover, .menu_block .pages-menu .current a {
    background-position: 100% center;
    color: #000000;
    text-decoration: none !important;
}

.text-wrap {padding: 20px 30px;}

.first-wrap {margin-bottom: 15px;}

.first-wrap .wrapper {
    float: left;
    margin: 0;
    text-align: justify;
    width: 50%;
}

.home .first-wrap .wrapper {margin-right: 5%;}

.first-wrap .wrapper > h2 {
    font-size: 20px;
}

.first-wrap .box_reviews {
    float: left;
    width: 45%;
}

.box_reviews .fb_iframe_widget {
  float: left;
  margin: 5px 0 0;
}

.title-rev {
    background: url("images/icon_comillas.png") no-repeat scroll right top transparent;
    color: #000000;
    display: block;
    font-size: 20px;
    margin: 5px 0;
    padding: 7px 40px 9px 0;
}

.new-review {
    color: #666666;
    display: block;
    float: left;
    font-style: italic;
    margin-top: 5px;
    width: 60%;
}

.comment-rev {
  clear: both;
  color: #6878A5;
  display: block;
  font-size: 14px;
  font-style: italic;
  padding-bottom: 5px;
}

.mirai_opiniones {
    float: left;
    width: 40%;
}

.hotel-info {
    border: 1px solid #CCCCCC;
    margin: 20px 0 10px;
    text-align: left;
}

.banner-madridFood {
    display:block;
    position:relative;
    border: 1px solid #CCCCCC;
    margin: 20px 0 10px;    
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.banner-madridFood:after {
    position:absolute;
    background:url('/files/pdf-download3.png') center no-repeat rgba(0,0,0,0);
    content: "";
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;    
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.banner-madridFood:hover:after {
    position:absolute;
    background:url('/files/pdf-download3.png') center no-repeat rgba(0,0,0,0.6);
    content: "";
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:1;
}
a.banner-madridFood:hover {
    border: 1px solid #FF4747;
}

.hotel-info .text-wrap {padding: 10px 20px;}

.hotel-info h3 {
    color: #648C4D;
    font-family: Questrial;
    font-size: 19px;
    text-align: center;
}
.hotel-info .check {
    display: inline-block;
    float: left;
    padding: 0 4%;
    text-align: right;
    width: 42%;
}
.hotel-info ul {
    /*border-top: 1px dotted #888888;
    clear: both;
    margin-top: 50px;
    overflow: hidden;
    padding-top: 10px;
    text-align: left;*/
}
.hotel-info ul li {padding: 4px 0;}

.icon-plus-sign {
    margin: 2px 0 0 5px;
}

.location-wrap {}
.location-wrap h3, .second_block > h3, .fourth_block h3, .fiveth_block h3 {
    border-bottom: 1px dotted #666666;
    color: #000000;
    /*font-family: Didact Gothic;*/
    line-height: 30px;
    margin: 0 0 30px;
    text-transform: uppercase;
}
.location-wrap h3:first-letter, .second_block > h3:first-letter, .fourth_block h3:first-letter, .fiveth_block h3:first-letter {font-size: larger;}
.location-wrap .location-wrapper {
    float: left;
    margin-right: 2%;
    width: 48%;
}
.location-wrap .location-wrapper p {color: #000000;}
.location-wrap .location-wrapper .home-location {}
.location-wrap .location-wrapper .home-location li {
    background: url("images/lugares_interes.png") no-repeat scroll 0 0 transparent;
    margin-bottom: 10px;
    padding: 17px 0 17px 110px;
}
.location-wrap .location-wrapper li.icon1 {background-position: 0 0;}
.location-wrap .location-wrapper li.icon2 {background-position: 0 -74px;}
.location-wrap .location-wrapper li.icon3 {background-position: 0 -145px;}
.location-wrap .location-wrapper li.icon4 {background-position: 0 -228px;}
.location-wrap .location-wrapper li.icon5 {background-position: 0 -388px;}
.location-wrap .location-wrapper li.icon6 {background-position: 0 -305px;}

.location-wrap .map-home {float: right;}
.location-wrap .link-location-home {float: right;}
.link-location-home a {
    color: #FC383A;
    font-size: 17px;
    padding-right: 18px;
    position: relative;
}

.link-location-home a:after {
    background: none repeat scroll 0 0 #333333;
    border-radius: 15px 15px 15px 15px;
    color: #FFFFFF;
    content: "+";
    display: inline-block;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    height: 14px;
    line-height: 14px;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 2px;
    width: 14px;
}

.latlon-wrapper {
    border-top: 1px dotted;
    margin-top: 20px !important;
    padding-top: 10px;
}

.latlon-wrapper label {
    display: inline-block;
    font-weight: 600;
    margin-right: 5px;
}
.latlon-wrapper span:after {
    content: ". ";
    margin-right: 5px;
}

.second_block {position: relative;}
.second_block .box-services {
    float: left;
}
.second_block .box1 {}
.second_block .box2 {}
.second_block .box3 {margin-top: 140px;}
.second_block .box4 {}

.second_block .box1 .text-service {
    background: url("images/arrow-4b.png") no-repeat scroll 0 0 transparent;
    left: 0;
    padding: 10px 0 0 16px;
    top: 360px;
}
.second_block .box2 .text-service {
    background: url("images/arrow-1.png") no-repeat scroll 80% 3px transparent;
    margin: 0 0 8px 15px;
    padding-top: 10px;
    position: relative !important;
}

.second_block .box2 .text-service img {
    margin-bottom: 5px;
    margin-top: -10px;
}

.second_block .box3 .text-service {
    background: url("images/arrow-2a.png") no-repeat scroll right 12px transparent;
    left: 285px;
    padding-right: 55px;
    text-align: right;
    top: 365px;
}
.second_block .box4 .text-service {
    background: url("images/arrow-5.png") no-repeat scroll 100% 50px transparent;
    padding-bottom: 30px;
    right: 230px;
    width: 240px;
}
.second_block .box2, .second_block .box3, .second_block .box4 {
    padding: 0 0 0 5px;
}

.second_block .box-services .ngg-singlepic, .fiveth_block .ngg-singlepic {
    background: url("images/shadow_galleries.png") no-repeat scroll right 98% transparent;
    padding-bottom: 16px;
}
.second_block .box-services .text-service {position: absolute;}

.text-service span {
    display: block;
    font-size: 17px;
    line-height: 23px;
}
.text-service span.color-text {color: #FF4747;}
html[lang="de"] .box2 .text-service span.color-text {width: 261px;}
html[lang="de"] .second_block .box3 .text-service {top: 385px;}
html[lang="pt"] .second_block .box3 .text-service {left: 390px; top: 375px;}



.second_block .link-location-home {
    clear: both;
    display: inline-block;
    float: right;
    margin: 10px 0;
}

.third_block {margin-top: 20px;}

.third_block iframe {
    float: left;
    margin-bottom: 10px;
    margin-right: 2%;
    width: 37%;
}

.third_block .text-service {
    background: url("images/arrow-3.png") no-repeat scroll 0 0 transparent;
    float: left;
    margin-top: 60px;
    padding: 45px 0 0 30px;
}

.third_block .link-location-home {
    clear: both;
    display: block;
    float: none;
    margin: 0;
    text-align: right;
}

.fourth_block h3:first-letter {font-size: inherit;}

.fiveth_block {margin-bottom: 35px;}

.fiveth_block > h3, .fourth_block > h3 {margin: 20px 0;}

.fiveth_block .box-text {
    float: left;
    margin: 0 3% 20px;
    width: 54%;
}
.fiveth_block .box-text p {}

.fiveth_block .text-service {}

.box-granvia {
    float: right;
    margin-right: 3%;
    text-align: right;
    width: 37%;
}

.box-granvia .text-service {
    background: url("images/arrow-2b.png") no-repeat scroll right bottom transparent;
    display: inline-block;
    float: left;
    padding: 0 65px 0 0;
}

.fiveth_block .text-service span {font-size: 20px !important;}



.box-food {
    /*float: left;*/
    /*margin-top: -60px;*/
    width: 100%;
}

.box-food .ngg-singlepic {
    float: left;
    margin-right: 10px;
}

.box-food .text-service {
    background: url("images/arrow-6.png") no-repeat scroll left center transparent;
    float: left;
    margin-top: 90px;
    padding-left: 60px;
}


.fourth_block .facebook_big {
    background: url("images/social_big.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    float: left;
    height: 100px;
    margin: 0 30px 0 0;
    width: 101px;
}


.fourth_block .box-facebook {
    float: left;
    width: 85%;
}

.fourth_block .box-facebook h4 {
    background: url("images/arrow-5.png") no-repeat scroll right 0 transparent;
    color: #FC383A;
    display: inline-block;
    margin-bottom: 7px;
    padding-right: 50px;
}

.box-social-links {
    background: url("images/bg_social.png") repeat-x scroll 0 0 transparent;
    height: 172px;
    position: relative;
}

.box-social-links span {
    background: url("images/social_big.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 100px;
    margin: 4px 10px 0px 5px;
    width: 101px;
}

.box-social-links .twitter_big {background-position: 0 -112px;}

.box-social-links .logo_big {background-position: 0 -222px;}

.box-social-links h4 {
    /*color: #FC383A;*/
    float: left;
    font-family: Questrial;
    font-size: 16px;
    margin: 23px 0 0 20px;
    width: 70%;
}
.box-social-links .images_social {
    bottom: 12px;
    position: absolute;
    right: 20px;
}

.box-social-links #social-media {float: left;}
.box-social-links #social-media h3 {display: none;}
.box-social-links #social-media ul {margin-top: 13px;}

.box-social-links .mirai_widget_recent_entries {
  float: right;
  margin-right: 15%;
  margin-top: 0;
  text-align: left;
  width: 55%;
}
.box-social-links .mirai_widget_recent_entries h2 {}
.box-social-links .mirai_widget_recent_entries ul {}
.box-social-links .mirai_widget_recent_entries ul li {
  color: #333333;
  margin-left: 20px;
}
.box-social-links .mirai_widget_recent_entries ul li a {}
.box-social-links #social-media ul .extra1_link {
  vertical-align: 3px !important;
}

.logo_footer {
    margin: -15px 10px 0 0;
    width: 96px;
}

.logos_footer {
  float: right;
  padding-top: 5px;
  text-align: right;
}
.logos_footer img {margin-left: 15px;}

.menus-footer {padding-top: 17px;}

.menus-footer .menus_block {
    float: left;
    font-family: Didact Gothic;
    margin-right: 28px;
    text-transform: uppercase;
}

.menus-footer .menus_block p {
    color: #618F60;
    font-size: 16px;
    margin-bottom: 5px !important;
}

.menus-footer .menus_block p:first-letter {
    font-size: larger;
}

.menus-footer .menus_block .pages-menu {}

.menus-footer .menus_block .pages-menu li {}

.menus-footer .menus_block .pages-menu li a {
    color: #8A94A0;
    font-size: 13px;
    letter-spacing: 1px;
}

.menus-footer .menus_block .pages-menu li a:hover, .menus-footer .menus_block .pages-menu li.current a {color: #FFFFFF !important;}

#menu_footer_blog {text-align: right;}
#menu_footer_blog li {
    display: inline-block;
    vertical-align: middle;
    margin-left:10px;
}
#menu_footer_blog a {font-size: 13px;}
#menu_footer_blog a:hover {color: #fff !important; text-decoration: underline; cursor: pointer;}


#menu_footer_blog .menu_blog {}
#menu_footer_blog .menu_blog a {
    background: url("images/social_links_2.png") no-repeat scroll 100% 0 transparent;
    display: block;
    float: right;
    height: 30px;
    text-align: left;
    text-indent: -99999px;
    width: 83px;
}
#menu_footer_blog .menu_blog a:hover {
    box-shadow: 2px 2px 4px #000000 inset;
}


.tripadvisor_footer {
    margin-top: 10px;
    text-align: right;
}
.tripadvisor_footer .logo-small {vertical-align: bottom; width: 110px;}
.tripadvisor_footer img {width: 140px;}

/* ocultamos en 1024 */
.tripadvisor_footer .logo-small {display: none;}


#breadcrumbs {margin-bottom: 10px;}
#breadcrumbs a {color: #888888;}
#breadcrumbs .current {color: #000; font-weight: bold;}

.pages-theme {margin-bottom: 40px;}

.pages-theme .first-wrap .wrapper {width: 100%;}

.pages-theme .location-wrap h3, .pages-theme .second_block > h3, .pages-theme .fourth_block h3, .pages-theme .fiveth_block h3 {
    margin: 0 0 20px;
}

.pages-theme .location-wrap .location-wrapper {
    float: none;
    margin-right: 0;
    width: 100%;
}
.pages-theme .content_block .servicios-habitaciones {margin-bottom: 10px;}
.pages-theme .content_block .servicios-habitaciones li {
    background: url("images/deco_list.png") no-repeat scroll left center transparent;
    margin: 0 0 0 20px;
    padding: 0 0 0 15px;
}

.pages-theme .content_block .desayuno-service {margin: 15px 0 25px; overflow: hidden;}
.pages-theme .content_block .desayuno-service li {
    float: left;
    margin: 0 0 0 15px;
    padding: 0 0 0 12px;
    width: 29%;
}

/*.pages-theme .content_block .ngg-galleryoverview {
    background: url("images/bg_galleries_rooms.png") repeat scroll 0 0 transparent;
    /*padding: 10px 7px 30px;*/
   /* padding: 10px 7px;
    margin-bottom: 15px;
    position: relative;
}

.pages-theme .content_block .ngg-galleryoverview .ngg-gallery-thumbnail img {
    border: 0 none;
    padding: 0;
}

.pages-theme .content_block .ngg-galleryoverview:after {
    background: url("images/shadow_galleries.png") no-repeat 0 0 transparent;
    bottom: 10px;
    content: "";
    height: 17px;
    position: absolute;
    right: 0;
    width: 288px;
    z-index: -1;
    }*/

    .pages-theme .box-rooms {clear: both; overflow: hidden;}
    .pages-theme .box-rooms .ngg-singlepic {
        background: url("images/shadow_rooms.png") no-repeat scroll right bottom transparent;
        padding-bottom: 20px;
    }
    .pages-theme .box-rooms .text-service {border-bottom: 1px dotted #999999;}

    .pages-theme .box-rooms .text-service h4 {
        color: #FF4747;
        font-family: Questrial;
        font-size: 20px;
        margin-top: 50px;
        text-transform: uppercase;
    }

    .pages-theme .box-rooms .text-service p {color: #000000;}

    .pages-theme .room1, .pages-theme .room3 {}
    .pages-theme .room1 .ngg-singlepic, .pages-theme .room3 .ngg-singlepic {
        float: left;
        margin: 0 20px 0 0;
    }
    .pages-theme .room1 .text-service, .pages-theme .room3 .text-service {float: left;}

    .pages-theme .room2, .pages-theme .room4 {}
    .pages-theme .room2 .ngg-singlepic, .pages-theme .room4 .ngg-singlepic {
        float: right;
        margin: 0 0 0 20px;
    }
    .pages-theme .room2 .text-service, .pages-theme .room4 .text-service {float: right;}

    .pages-theme .room1 .text-service {width: 75%;}
    .pages-theme .room3 .text-service {width: 65%;}
    .pages-theme .room2 .text-service {
        padding-left: 24%;
        width: 41%;
    }
    .pages-theme .room4 .text-service {width: 60%;}

    .pages-theme .room2 .text-service h4 {margin-top: 30px;}

    .pages-theme .room2 .text-service *, .pages-theme .room4 .text-service * {
        text-align: right;
    }

    .pages-theme .room1 {margin-bottom: -100px !important;}
    .pages-theme .room3 {margin-bottom: -30px !important;}
    .pages-theme .room4 {margin-bottom: 30px;}

    .pages-theme ul li h4 {margin: 20px 0 5px;}

    .price-page h3 {
        line-height: 20px;
        margin: 20px 0 5px;
    }

    .not-home .text-slider-home {
        left: 60px;
        line-height: 40px;
        text-align: left;
        top: 200px;
        width: auto;
    }
    .not-home .third_block .text-service {
        background-image: url("images/arrow-4a.png");
        float: left;
        margin-top: 130px;
        padding: 0 0 0 70px;
    }

    .not-home .third_block iframe {width: 40%;}

    .not-home .third_block .text-service .color-text {text-transform: uppercase;}

    .gallery-sidebar {
        float: left;
        margin-right: 3%;
        width: 27%;
    }
    .gallery-sidebar .ngg-galleryoverview {
        background-repeat: repeat !important;
    }

    .gallery-sidebar .ngg-galleryoverview .ngg-gallery-thumbnail img {
        width: 110px;
    }

    .content-services {
        float: left;
        width: 70%;
    }
    .content-services .servicios-list {overflow: hidden;}
    .content-services .servicios-list li {
        background: url("/files/servicios-list-2.png") no-repeat scroll 0 0 transparent;
        float: left;
        height: 35px;
        margin: 0 10px 5px;
        padding: 5px 0 5px 40px;
        width: 40%;
    }
    .content-services .servicios-list .aire {background-position: 0 3px;}
    .content-services .servicios-list .baby {background-position: 0 -75px;}
    .content-services .servicios-list .bar {background-position: 0 -151px;}
    .content-services .servicios-list .bebidas {background-position: 0 -228px;}
    .content-services .servicios-list .book {background-position: 0 -303px;}
    .content-services .servicios-list .checkin {background-position: 0 -379px;}
    .content-services .servicios-list .checkout {background-position: 0 -453px;}
    .content-services .servicios-list .clock {background-position: 0 -524px;}
    .content-services .servicios-list .desayuno {background-position: 0 -602px;}
    .content-services .servicios-list .enchufe {background-position: 0 -671px;}
    .content-services .servicios-list .entradas {background-position: 0 -744px;}
    .content-services .servicios-list .eventos {background-position: 0 -820px;}
    .content-services .servicios-list .fax {background-position: 0 -893px;}
    .content-services .servicios-list .internet {background-position: 0 -967px;}
    .content-services .servicios-list .key {background-position: 0 -1046px;}
    .content-services .servicios-list .lavanderia {background-position: 0 -1122px;}
    .content-services .servicios-list .medico {background-position: 0 -1194px;}
    .content-services .servicios-list .metro {background-position: 0 -1257px; width: 90%;}
    .content-services .servicios-list .money {background-position: 0 -1340px;}
    .content-services .servicios-list .parking {background-position: 0 -1407px; width: 90%;}
    .content-services .servicios-list .telefono {background-position: 0 -1492px;}
    .content-services .servicios-list .prensa {background-position: 0 -1569px;}
    .content-services .servicios-list .print {background-position: 0 -1642px;}
    .content-services .servicios-list .recepcion {background-position: 0 -1720px;}
    .content-services .servicios-list .restaurante {background-position: 0 -1798px;}
    .content-services .servicios-list .salones {background-position: 0 -1874px;}
    .content-services .servicios-list .taxi {background-position: 0 -1962px;}
    .content-services .servicios-list .toallas {background-position: 0 -2040px;}
    .content-services .servicios-list .transporte {background-position: 0 -2119px;}
    .content-services .servicios-list .turismo {background-position: 0 -2191px;}
    .content-services .servicios-list .wifi {background-position: 0 -2269px;}
    .content-services .servicios-list .ascensor {background-position: 0 -2325px;}


    html[lang="fr"] .content-services .servicios-list li,
    html[lang="de"] .content-services .servicios-list li,
    html[lang="it"] .content-services .servicios-list li {height: 48px; line-height: 16px;}


    .mapa .googleMapsContainer {
        background: none repeat scroll 0 0 #FFFFFF;
        border-bottom: 2px solid #888888;
        box-shadow: 1px 1px 3px;
        -webkit-box-shadow: 1px 1px 3px;
        float: left;
        margin: 0 0.5% 10px;
        padding: 6px 1% 0;
        width: 30%;
    }

    .mapa .googleMapsContainer .place, .mapa .links-cercanos .googleMapsContainer .linkGoogleMaps {display: inline-block;}

    .mapa .googleMapsContainer .place {
        display: block;
        height: 20px;
        line-height: 18px;
        margin-right: 20px;
        text-align: left;
    }

    #collapseTwo .mapa .googleMapsContainer .place,
    #collapseThree .mapa .googleMapsContainer .place {height: 40px;}

    .mapa .googleMapsContainer .linkGoogleMaps {
        display: inline-block;
        margin: 5px 5px 10px !important;
        padding: 2px 7px !important;
        text-transform: none !important;
    }
    .mapa .googleMapsContainer .linkGoogleMaps:hover {cursor: pointer;}


    #map_canvas3 {
        box-shadow: 0 0 5px #333333;
        -webkit-box-shadow: 0 0 5px #333333;
        height: 450px !important;
    }


    .list-location {}
    .list-location li {
        background: url("images/sprite_location.png") no-repeat scroll 0 0 transparent;
        line-height: 15px;
        margin-bottom: 10px;
        margin-right: 10px;
        padding: 10px 0 10px 50px;
    }

    .list-location .icono-metro {background-position: 0 0;}
    .list-location .icono-renfe {background-position: 0 -70px;}
    .list-location .icono-price {background-position: 0 -127px;}
    .list-location .icono-chronometer {background-position: 0 -190px;}
    .list-location .icono-walk {background-position: 0 -240px;}
    .list-location .icono-info {background-position: 0 -310px;}
    .list-location .icono-bus {background-position: 0 -370px;}


    .cat-location  .tab-pane h3 {
        background: none repeat scroll 0 0 #10206B;
        color: #FFFFFF;
        margin: 15px 0 10px;
        padding-left: 10px;
    }

    .interest-points-collapse .accordion-inner {
        background: #EDEDED !important;
        padding: 20px 10px 30px !important;
    }

    .interest-points-collapse .ngg-singlepic {
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
        -moz-transform: scale(1) rotate(-5deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        -webkit-transform: scale(1) rotate(-5deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        -o-transform: scale(1) rotate(-5deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        -ms-transform: scale(1) rotate(-5deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        transform: scale(1) rotate(-5deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        border: 12px solid #FFFFFF;
        box-shadow: -8px 8px 2px #CDCDCD;
        float: left;
        margin: 10px 2% 10px 19px;
        width: 44%;
    }

    .interest-points-collapse .degree .ngg-singlepic {
        -moz-transform: scale(1) rotate(5deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        -webkit-transform: scale(1) rotate(5deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        -o-transform: scale(1) rotate(5deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        -ms-transform: scale(1) rotate(5deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        transform: scale(1) rotate(5deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    }

    .interest-points-collapse .ngg-singlepic:hover {
        -moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        -o-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        -ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    }

    .interest-points-collapse .text-interest-point {
        float: right;
        width: 48%;
    }

    .cat-location .fourth_block h3 {margin-top: 40px;}

    .cat-photos .tabbable {margin-top: 30px;}
    .cat-events .tabbable {margin-bottom: 20px;}


    .cat-photos .photos-wrapper, .cat-photos .photos-wrapper h2 {margin-top: 20px;}
    .cat-photos .photos-wrapper a {
      display: block;
      text-align: center;
  }
  .cat-photos .photos-wrapper a img {
      background: none repeat scroll 0 0 #222222;
      padding: 5px;
  }
  .cat-photos .box-videos {text-align: center;}

  .cat-photos .photos-wrapper iframe {
      background: none repeat scroll 0 0 #222222;
      height: 330px;
      margin-bottom: 20px;
      padding: 5px;
      width: 590px;
  }
  .cat-photos .photos-wrapper a:hover {border: 0 none;}
  .cat-photos .gv_panel {z-index: 0;}

  /* Galerías de las páginas */

  .first_block .ngg-galleryoverview .ngg-gallery-thumbnail {margin-right: 4px;}

  #cookies-wrapper-content h1 {
    font-family: orator-std;    
    font-size:20px;
}

#cookies-wrapper-content h2 {
    font-family: orator-std;    
    border-bottom: 1px dotted #666;
    color: #000;
    line-height: 30px;
    margin: 15px 0 15px 0;
    text-transform: uppercase;
}

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

/*----------------------------- COLLAPSE COMPONENT -----------------------------*/
.accordion-group {
    border: 0 none;
    margin: 0;
}
.accordion-heading {}
.accordion-heading h2 {}

.accordion-heading .accordion-toggle {
    border-bottom: 1px dotted transparent;
    color: #FC383A;
    display: inline-block;
    font-size: 17px;
    padding: 0;
    text-align: left;
}
.accordion-heading .accordion-toggle:hover {}
.accordion-heading .accordion-toggle.collapsed {}
.accordion-body {text-align: justify;}
.accordion-body .accordion-inner {}


.not-home .accordion-body .accordion-inner {
    background: none repeat scroll 0 0 #fff;
    margin-bottom: 30px;
    overflow: hidden;
    padding: 2px 0;
}

.not-home .accordion-heading .accordion-toggle:before {
    color: #000000;
    content: "+ ";
    font-size: 25px;
    vertical-align: top;
}


.not-home .accordion-heading .accordion-toggle {
    border-bottom: 0 none !important;
    color: #333333;
    font-size: 15px;
    line-height: 35px;
    width: 100%;
}

.not-home .accordion-heading .accordion-toggle:hover {
    color: #FF4747 !important;
}

.not-home .accordion-group {
    margin-bottom: 5px;
}

.not-home .accordion-heading {
    background: rgb(238,238,238); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
    padding: 0 0 0 10px;
}

.not-home .accordion, .not-home .first-wrap {margin-bottom: 0;}
.cat-location .third_block {margin-top: 0;}
.cat-location .text-wrap {padding: 20px 30px 0;}

.mapa .formRuta {
    background: none repeat scroll 0 0 #FF4747;
    margin-top: -10px;
    padding: 10px 0;
    text-align: center;
}

/* formulario de grupos */
.label-form {
    display: inline-block;
}

.first-box .label-form {width: 15%;}
.second-box .label-form {width: 20%;}
.third-box .label-form {width: 20%;}
.fourth-box .label-form {width: 20%;}
.fifth-box .label-form {width: 15%;}
.sixth-box .label-form {width: 15%;}
.sixth-box textarea {width: 50%;}

.fifth-box .wpcf7-list-item-label {
    margin-right: 20px;
    vertical-align: -3px;
}

html[lang="fr"] .cat-events .wpcf7-list-item {
  display: inline-block;
  width: 45%;
}

#tab5 .box-room.third-box {
    margin-top: 10px;
}

.accept {vertical-align: 3px;}
.accept .wpcf7-form-control-wrap.accept {margin-right: 5px;}

select.wpcf7-form-control {width: 80px;}

.wpcf7-submit {}

.first-box .wpcf7-form-control {width: 40%;}
.first-box .captcha-wrap .wpcf7-form-control {
    vertical-align: bottom;
    width: 75%;
}

.cat-events .captcha-wrap {
  background: none repeat scroll 0 0 #A52121;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 2px 2px 3px #777777;
  color: #FFFFFF;
  margin-right: 10px;
  padding: 10px;
  vertical-align: top;
  width: 60%;
}

.cat-events .captcha-wrap .write-text {display: block;}
.cat-events .captcha-wrap img {
  background: none repeat scroll 0 0 #FDE085;
  box-shadow: 2px 2px 3px #333333;
  margin: 10px 10px 10px 0;
  padding: 10px 20px;
  vertical-align: -27px;
}
.cat-events .captcha-wrap .input-form {}


.second-box .wpcf7-form-control {
    margin-right: 10px;
    /*width: 20%;*/
}

div.wpcf7-validation-errors, .wpcf7-response-output  {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 1px 1px 3px #000000;
    -webkit-box-shadow: 1px 1px 3px #000000;
}

.wpcf7 h4 {margin: 2px 0 5px !important;}

.wpcf7 h4, .sixth-box .label-form {
  font-family: Questrial,Dosis,Karla;
  font-weight: bold;
  text-transform: uppercase;
}


.wpcf7-submit[disabled="disabled"] {
    background: none repeat scroll 0 0 #555555;
    border-color: #333333;
    box-shadow: 0 0 0 !important;
    color: #AAAAAA;
}

.table-salas {
    box-shadow: 2px 2px 2px #999999;
    -webkit-box-shadow: 2px 2px 2px #999999;
    margin: 20px auto;
    width: 95%;
}
.table-salas tbody {
    border-color: transparent #333 #333;
    border-style: solid;
    border-width: 1px;
}

.table-salas tr {text-align: center;}
.table-salas th {
    background: none repeat scroll 0 0 #10206B;
    color: #FFFFFF;
    font-size: 15px;
    padding: 8px 0;
    text-align: center;
    text-transform: uppercase;
}
.table-salas td {padding: 5px 0;}
.table-salas tr:nth-child(odd) {background: #C9D3FF;}


.page-salas .text-wrap > h4 {
    border-bottom: 1px dotted #999999;
    margin: 30px 0 20px;
    text-align: right;
}

.page-salas .list-salas {overflow: hidden;}
.page-salas .list-salas li {
    background: url("images/list-salas.png") no-repeat 0 0 transparent;
    float: left;
    margin: 10px 0 0 10px;
    padding: 5px 0 5px 40px;
    width: 42%;
}

.page-salas .list-salas .water { background-position: 0 0;  } 
.page-salas .list-salas .candy { background-position: 0 -80px;  } 
.page-salas .list-salas .paper { background-position: 0 -160px;  } 
.page-salas .list-salas .powerpoint { background-position: 0 -240px;  } 
.page-salas .list-salas .wifi { background-position: 0 -316px;  } 


.page-salas .second-box .label-form {width: 30%;}
.page-salas .fifth-box .label-form {width: 25%;}
.page-salas .third-box .label-form {width: 45%;}
html[lang=es] .page-salas .third-box .label-form {width: 30%;}

.first_block.page-salas .text-wrap {padding-bottom: 0;}
.second_block.page-salas .text-wrap {
    float: right;
    margin-top: -70px;
    padding: 0 2% 0 0;
    width: 68%;
}
.cat-events .second_block.page-salas .text-wrap {
    margin-top: 0px;
}

.text-paper {
    background: url("images/linedpaper.png") repeat scroll 0 0 transparent;
    box-shadow: 2px 2px 3px #999;
    -webkit-box-shadow: 2px 2px 3px #999;
    float: left;
    padding: 2%;
    position: relative;
}
#tab1 .text-paper {
    margin: 10px 5%;
    min-height: 200px;
    width: 36%;
}

#tab2 .text-paper {
    margin: 10px 2%;
    min-height: 500px;
    width: 42%;
}
#tab2 .last-paper {
    margin: 10px 2%;
    min-height: inherit;
    width: 92%;
}

.text-paper h3 {
    border-bottom: 2px solid #E8BB61;
    line-height: inherit;
    margin-bottom: 15px;
    padding-bottom: 5px;
    text-align: center;
}
.text-paper ul {}
.text-paper ul li {}
.text-paper ul li.list-price {
    background: url("images/sprite_location.png") no-repeat scroll 0 -125px transparent !important;
    bottom: 0;
    padding: 10px 0 10px 37px !important;
    position: absolute;
    right: 10px;
    text-align: right;
}

.que-hacer-links {
    overflow: hidden;
    position: relative;
}
.que-hacer-links div {
    display: block;
    float: left;
    margin: 20px 1%;
    position: relative;
    width: 48%;
}
.que-hacer-links img {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.que-hacer-links a {
    color: #FFFFFF !important;
    font-size: 30px;
    height: 85px;
    left: 0;
    line-height: 30px;
    padding: 55px 5%;
    position: absolute;
    text-align: center;
    text-shadow: 2px 2px 1px #000000;
    text-transform: uppercase;
    top: 0;
    width: 90%;
}
.que-hacer-links a:hover {
    border: 0 none !important;
    font-size: 40px;
    line-height: 40px;
}

.que-hacer-links span {
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    color: #FFFFFF;
    right: 0;
    min-height: 40px;
    padding: 10px 2%;
    position: absolute;
    width: 96%;
}

.que-hacer-links .gastronomia {}
.que-hacer-links .arte {}
.que-hacer-links .monumentos {}
.que-hacer-links .musica {}
.que-hacer-links .salir {
    float: none;
    margin: 20px auto;
    overflow: hidden;
}

.que-hacer-links.gastronomia {}
.que-hacer-links.gastronomia > div {
    margin: 20px 0;
    width: 100%;
}

.que-hacer-links.gastronomia img {width: 50%;}
.que-hacer-links.gastronomia a {
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    font-size: 21px;
    height: auto;
    line-height: inherit;
    padding: 15px 2%;
    top: auto;
    width: 46%;
}
.que-hacer-links.gastronomia a:hover {padding: 86px 2% 87px;}
.que-hacer-links.gastronomia .cafe-central a:hover {padding: 116px 2% 124px;}

.que-hacer-links.gastronomia span {
    background: none repeat scroll 0 0 #333333;
    height: 173px;
    width: 46%;
}

.que-hacer-links.gastronomia .cafe-central {height: 260px;}
.que-hacer-links.gastronomia .cafe-central img {height: 100%;}
.que-hacer-links.gastronomia .cafe-central a {}
.que-hacer-links.gastronomia .cafe-central span {
    bottom: auto;
    height: 240px;
}

.que-hacer-links.noche > div {
    background: none repeat scroll 0 0 #111111;
    float: none;
    margin: 20px 0;
    overflow: hidden;
    width: 100%;
}

.que-hacer-links.noche div.title {
    color: #E8BB61;
    font-size: 19px;
    margin: 0;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}


.que-hacer-links.gastronomia.turismo a {
    background: none repeat scroll 0 0 transparent;
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    padding: inherit;
    position: relative;
    text-transform: none;
    width: auto;
}
.que-hacer-links.gastronomia.turismo a:hover {text-decoration: underline;}

.que-hacer-links.gastronomia.turismo div {float: none; overflow: hidden;}

.que-hacer-links.gastronomia.turismo .title {
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.8);
    color: #FFFFFF;
    float: none;
    font-size: 20px;
    margin: 0;
    padding: 10px 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 50%;
}

.que-hacer-links.gastronomia.turismo span {
    bottom: auto;
    height: 220px;
    top: 0;
}

.que-hacer-links.gastronomia.turismo img {height: 240px;}

.que-hacer-links.gastronomia.cultura span {height: 260px;}
.que-hacer-links.gastronomia.cultura img {height: 280px;}


/* Servicios */

.cat-services .location-wrapper .ngg-galleryoverview {margin: 15px 0 30px;}

/* Popover Politica de Privacidad */

.popover {left: 22% !important; width: 70%;}

#developed-wrapper {
  color: #FFFFFF;
  padding-top: 10px;
  text-align: left;
}

#developed-wrapper a:hover {color: #fff;}


body.not_found #content-one-column {
  margin: 0 auto;
  padding: 20px;
  width: 920px;
}

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

/*----------------------------- TABS COMPONENT -----------------------------*/
.tabbable {}
.nav-tabs, .nav-pills {margin-bottom: 0;}
.nav-tabs > li, .nav-pills > li {}
.nav-tabs > li.active > a, .nav-pills > li.active > a {color: #FF4747;}
.nav-tabs > li.active > a:hover, .nav-pills > li.active > a:hover {}
.nav-tabs > li > a, .nav-pills > li > a {
    background: #47589E;
    color: #FFFFFF;
}
.nav-tabs > li > a:hover, .nav-pills > li > a:hover {}
.tab-content {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    padding: 10px 20px;
}
.tab-content > .tab-pane {}
/*------------------------------------------------------------------------------*/

#developed-wrapper {
  text-align: right;
}
.tlf-900 span {
  font-size: 25px;
  color: #fff;
}
.tlf-900 {
  color: #A0A0A0;
  text-align: center;
}

html[lang="pt"] .second_block .box2 .text-service {
  margin: 0px 0 8px 6px;
}

section#main .tlf-900, section#main .tlf-900 span {
  color: #000;
}

section#main .tlf-900 span {
  font-size: 19px;
}

section#main .tlf-900 {
    width: 100%;
    margin-left: 0;
    text-align: left;
}

/*-------------------------------- DESAYUNO BUFFET --------------------------------*/
.box-grey {
    background-color: #eee;
    margin-bottom: 20px;
    padding: 20px;
}

.box-grey h2 {
    color: #ff4747;
}


.box-videos p {
    margin-top: 10px;
}


.tlf-header {
    margin: 4px;
    font-weight: bold;
}

p.positive-votes {
   float: right;
   margin-top: 20px;
}

.address {
    color: #ff4747;
}

i.phone02-micon {
    display: inline-block;
    margin: 0 5px;
    vertical-align: bottom;
}

.hidden-phone.newengine.inline.one-row.span12 {
    margin-top: -92px;
}

.background-slideshow .slideshow .contSlideshow img{
    vertical-align: bottom;
    object-fit: cover;
    height: 100%;
}

/***********************/
/* COVID SAFE PROTOCOL */
/***********************/

/* SAFE LOGO LINK */

/* logo size */
/* :root {
    --clean-size: 60px;
} */
.covid_info {
    overflow: hidden;
    clear: both;
    margin: 15px;
    background: #d7eaef;
    border-radius: 55px;
    background-image: repeating-linear-gradient(-45deg,#e9eff1, #e9eff1 1px,transparent 0, transparent 5px);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.covid_info:hover {
    background: #b2d8e2;
    background-image: repeating-linear-gradient(-45deg,#e9eff1, #e9eff1 1px,transparent 0, transparent 5px);
}

.covid_info__link {
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.covid_info__text-cta {
    color: #444;
    padding: 2px 10px;
    margin: 0
}
.covid_info__text-title {
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 1.1em;
    font-weight: bold;
    color: #355aaf;
    padding: 2px 10px;
}
.covid_info__figure {
    display: block;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
}
.is-mobile .covid_info__figure {
    width: 80px;
    height: 80px;
    flex: 0 0 auto;
}


.csp-logo {
    display: block;
    line-height: 1;
    position: relative;
    border-radius: 100%;
    width: var(--clean-size);
    z-index: 1;
    top: 8px;
    left: 9px;
}

.offset-active .csp-logo,
.bookingstep1 .csp-logo,
.chain_results .csp-logo,
.protocolo-salud-seguridad-covid19 .csp-logo {
    display: none;
}

.csp-logo svg {
    display: block;
}

.csp-logo-title {
    color: #0658a0;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 9px;
    font-size: calc(var(--clean-size) * 0.08);
}

html[lang='ja'] .csp-logo-title {
    font-size: calc(var(--clean-size) * 0.1);
}

.csp-logo-title[data-circular-pos='down'],
html[lang='ja'] .csp-logo-title[data-circular-pos='down'] {
    font-size: 10px;
    font-size: calc(var(--clean-size) * 0.09);
}

.circular-text {
    position: absolute;
    top: 38%;
    left: -60%;
    width: 400px;
    font-size: 17px;
}

.circular-text span {
    height: 45%;
    position: absolute;
    left: calc(50% - 4%);
    top: 5%;
    width: 8%;
    transform-origin: bottom center;
    text-align: center;
}

.circular-text[data-circular-pos='down'] span {
    top: 50%;
    transform-origin: top center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.csp-logo.csp_logo_3 .circular-text span,
.csp-logo.csp_logo_4 .circular-text span,
.csp-logo.csp_logo_6 .circular-text span {
    height: 40%;
    left: calc(50% - 5%);
    font-size: .95em;
}

.csp-logo.csp_logo_3 .csp-logo-title[data-circular-pos="down"],
.csp-logo.csp_logo_6 .csp-logo-title[data-circular-pos="down"] {
    top: 5%;
}

.csp-logo.csp_logo_4 .csp-logo-title,
.csp-logo.csp_logo_5 .csp-logo-title {
    color: #699abb;
    font-weight: bold;
}



/*-------------------------------- MEDIA QUERYS --------------------------------*/
/* Large desktop */
@media (min-width: 1200px) {
    
 p.positive-votes {
    margin-right:22px;
}

body.not_found #content-one-column {width: 1200px;}
/* mostramos en 1200 */
.tripadvisor_footer .logo-small {display: block;}
#developed-wrapper {text-align: right;}
.menu_block {width: 240px;}
.first_block {width: 960px;}

.location-wrap .map-home {margin-left: 130px;}

.second_block .box2, .second_block .box3, .second_block .box4 {padding-left: 85px;}
.second_block .box3 .text-service {left: 445px;}

.third_block iframe {height: 350px; width: 39%;}

.menus-footer .menus_block {margin-right: 75px;}

.pages-theme .room1 .text-service {width: 80%;}
.pages-theme .room2 .text-service {
    padding-left: 19%;
    width: 53%;
}
.pages-theme .room3 .text-service {width: 72%;}
.pages-theme .room4 .text-service {width: 68%;}

.not-home .background-slideshow > .ngg-singlepic {height: 655px !important; margin-top: -60px;}
.cat-location .background-slideshow > .ngg-singlepic,
.cat-events .background-slideshow > .ngg-singlepic {height: 725px !important; margin-top: -190px;}
.cat-reviews .background-slideshow > .ngg-singlepic,
.cat-offers .background-slideshow > .ngg-singlepic {margin-top: -90px;}
.cat-tourism .background-slideshow > .ngg-singlepic {height: 800px !important; margin-top: -170px;}
.cat-corporate .background-slideshow > .ngg-singlepic {height: 715px !important; margin-top: -110px;}

.cat-reviews .background-slideshow > .ngg-singlepic {
    height: 800px !important;

}

.gallery-sidebar {width: 22%;}
.content-services {width: 75%;}
.que-hacer-links a {padding: 55px 5% 121px;}
.pages-theme .content_block .location-wrapper .ngg-gallery-thumbnail img,
.cat-tourism .content_block .ngg-gallery-thumbnail img,
.cat-events .page-salas .ngg-gallery-thumbnail img {margin: 5px;}
.pages-theme .content_block .gallery-sidebar .ngg-gallery-thumbnail img {margin: 8px 5px;}

.ngg-galleryoverview .ngg-gallery-thumbnail img {width: 151px;}
.que-hacer-links.gastronomia span {height: 244px;}
.popover {left: 25% !important;  width: 50%;}
.box-social-links h4 {width: 80%;}
#addthis-widget-2 {right: 30px; top: 210px;}


.que-hacer-links.gastronomia a:hover {padding: 117px 2% 127px;}
.offers-listing-wrapper .offer {
    width: 99%;
}


.blog-wrapper {width: 900px;}
.addthis_32x32_style .addthis_counter.addthis_bubble_style {margin-top: 0;}
.box-social-links .mirai_widget_recent_entries {width: 63%;}
.box-social-links h4 {width: 75%;}

.tripadvisor_footer .logo-small {
  display: inline-block;
  width: 140px;
}

}

/* ipad portrait - landscape */
@media (min-device-width: 768px) and (max-device-width: 979px){
    ul#menu_web > li ul.sub-menu{display:block;}
}

/* customize ipad portrait */
@media (min-width: 768px) and (max-width: 979px) {
    .bookingstep1 #mirai_roomSelectionContainer {width: 98%;}
    .bookingstep1 #header .content {width: 100%;}
    body.not_found #content-one-column {width: 700px;}
    .engine_mashup > div .text-before, #menu_aux1, .location-wrap .map-home, .link-location-home,
    .logos_footer, .tripadvisor_footer, #footer #social-media, #menu_footer_blog, #ngg-gallery-6-40, #addthis-widget-2 {
      display: none !important;
  }    

  .home .first-wrap .wrapper, .home .first-wrap .box_reviews, .location-wrap .location-wrapper {
      margin: 0;
      width: 100%;
  }

  .second_block .box-services {
      height: 370px;
      margin: 0 0 30px;
      position: relative;
      text-align: center;
      width: 49%;
  }
  .second_block .box1 .text-service {top: 300px; left: 190px; width: 200px;}
  .second_block .box2 .text-service {left: -80px;}
  .second_block .box3 .text-service {left: 40px; top: 180px;}
  .second_block .box4 .text-service {
      background-position: 100% bottom;
      bottom: 50px;
      padding-bottom: 0;
      right: 310px;
      width: 350px;
  }
  .second_block .link-location-home {bottom: 10px; position: absolute; right: 20px;}
  .third_block iframe {width: 35%;}
  .third_block .text-service {margin-right: 25px; padding-left: 10px;}
  .box-social-links {background-repeat: repeat; padding-bottom: 45px;}
  .box-social-links .images_social {bottom: 15px;}
  .hotelschema {width: 75%;}
  .menus-footer {padding: 2%; width: 96%;}
  .second_block {margin-top: 20px;}
  .ngg-galleryoverview .ngg-gallery-thumbnail img {width: 94px;}   
  
  .pages-theme .room1 .text-service {width: 65%;}
  .pages-theme .room2 .ngg-singlepic, .pages-theme .room4 .ngg-singlepic {margin-top: 50px;}
  .pages-theme .room2 .text-service {margin-top: 70px; padding-left: 0; width: 53%;}  
  .pages-theme .room3 .text-service {width: 53%;}
  .pages-theme .room4 .text-service {margin-top: 30px; width: 48%;}
  .not-home .third_block iframe {width: 55%;}
  .home .accordion {display: none;}
  .box-social-links #social-media {float: right !important; margin-right: 30px;}
  html[lang="de"] .second_block .box3 .text-service {top: inherit;}
  html[lang="de"] .second_block .box4 .text-service {padding-right: 50px;}
  html[lang="pt"] .second_block .box3 .text-service {left: inherit; top: inherit;}
  .third_block .text-service {width: 156px;}
  .box-social-links #social-media {float: right !important;}
  .mapa .googleMapsContainer .place {height: 35px;}
  #collapseTwo .mapa .googleMapsContainer .place, #collapseThree .mapa .googleMapsContainer .place {height: 55px;}

  .ngg-galleryoverview .ngg-gallery-thumbnail img {width: 111px;}
  .gallery-sidebar .ngg-galleryoverview .ngg-gallery-thumbnail img {width: 82px;}
  .content-services .servicios-list li {width: 83%;}
  div.hssurveys_full, div.hssurveys_full .comments {width: auto !important;}
  .sixth-box textarea, .cat-events .captcha-wrap {width: 90%;}
  .menu_block .pages-menu a {white-space: nowrap;}
  .cat-events .content-page .first_block .ngg-galleryoverview .ngg-gallery-thumbnail-box:first-child {display: none;}
  .page-salas .list-salas li {height: 40px; width: 35%;}
  .first-box .label-form, .fourth-box .label-form {width: 25%;}
  .page-salas .fifth-box .label-form {width: 45%;}
  #tab1 .text-paper, #tab2 .text-paper {float: none; margin: 10px auto 30px; width: 66%;}
  .cat-events .wpcf7-submit {padding: 10px 5%; text-align: center; width: 90%;}
  .hotel-info h3 {line-height: inherit; margin-bottom: 20px;}

  .box-social-links .mirai_widget_recent_entries {
      margin-right: 7%;
      width: 60%;
  }
  .box-social-links h4 {width: 64%;} 
  
  /* bookingstep1 en ipad portrait*/
  div#noDispo{width:740px;}
  .bookingstep1 #mirai_be0, .bookingstep1 #mirai_be2, .bookingstep1 #mirai_be0 input, .bookingstep1 #mirai_be0 select {
    font-size: 13px !important;
}
.bookingstep1 #mirai_be5 {
    display: inline-table;
    line-height:.9em;
    position: relative;
    text-align:right;
    top: -7px;
    white-space: normal;
    width: 100px;
}
html[lang=ja] .bookingstep1 #mirai_be5, html[lang=de] .bookingstep1 #mirai_be5, html[lang=fr] .bookingstep1 #mirai_be5, html[lang=ru] .bookingstep1 #mirai_be5 {
    top: 0;
}
.bookingstep1 #mirai_bookentrance {width: 100% !important;}
.bookingstep1 #formAvailability {padding: 8px 15px 0!important}

/* fin:bookingstep1 en ipad portrait*/ 




}

@media (min-width: 1200px) {
    .engine_mashup > div .text-before, .newengine > div .text-before {
        padding: 15px 0 12px;
        width: auto;
    }
}


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

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




/* iphone portrait & landscape - galaxy portrait & lanscape */
@media (max-device-width: 767px) {
  
    #logo {
        margin-left: -10px;
    }
    
    #logo a img {
     display: block!important;
 }
 
 .header-info {
    position: absolute!important;
    top: 0; right: 0;
}

#header .widget_qtranslate, section#main, #footer .content, #breadcrumbs, .content-page h2, .cat-rooms .content_block.second_block {
    display: block!important;
}

#header {
    height: 350px;
}

.not-home .text-slider-home {
    top: 110px;
}

.background-slideshow>.ngg-singlepic {
    height: 345px!important;
}

.background-slideshow {
    height: 324px!important;
}

.text-slider-home {
    top: 160px;
}

#menu_web li.menu-item a {    
    font-family: Didact Gothic;
    font-size: 1.3em;
    letter-spacing: 2px;
    text-transform: uppercase;
}

#menu_web li.menu-item a.booking_mobile {
    background: #5A9045 !important;
    margin-top: 30px!important;
    text-align: center;
}

ul#menu_web>li a:hover, ul#menu_web>li.current-menu-item a, ul#menu_web>li.current-menu-parent a {
    opacity: 0.5;
}

body #menu_web {
    display: block!important;
    position: fixed!important;
}

.addons-wrapper {
    background: #ff4747!important;
    display: inline-block;
    padding: 5px;
    position: absolute!important;
    top: 40px;        right: 10px;
}

.background-slideshow {
    overflow: hidden;
    margin-top: -108px;
}

.background-slideshow > .ngg-singlepic {
    max-width: none;
    width: auto;
}

.pages-theme .box-rooms {
    margin-bottom: 30px!important;
}

.pages-theme .box-rooms .text-service h4, body.cat-rooms .content_block.second_block {
    margin: 0!important;
}

#footer .content > * {
 display: inherit!important;
}

.hotelschema {
    padding: 10px 0;
    text-align: center;
}

.logos_footer, #social-media ul, #menu_footer_blog {
    width: 100%;
    padding: 10px 0;
    text-align: center;
}

.tripadvisor_footer {
    text-align: center;
}

.first-wrap .wrapper, .first-wrap .box_reviews, .location-wrap .location-wrapper {
    float: none;
    margin-bottom: 20px;
    width: 100%;
}

.location-wrap, .content_block.second_block, .pages-theme .location-wrap h3 {
    margin-top: 50px;
}

.second_block .box-services, .second_block .link-location-home, .fiveth_block .box-text, .box-granvia {
    float: none;
    padding: 0;
    margin: 0;
    text-align: center;
    width: 100%;
}

.content-services .servicios-list li, .que-hacer-links div {
    float: none;
    text-align: left;
    height: auto;
    min-height: 35px;
    width: 100%;
}

.que-hacer-links div {
    margin: 20px 0;
}

.fiveth_block .box-text {
    text-align: justify;
}

.cat-services .content_block.second_block {
    margin-top: 0;
}        

.second_block .box-services .text-service, .box-granvia .text-service, .content-services {
    background: none;
    padding: 0;
    position: relative;
    left: auto; right: auto;    top: auto;
    text-align: center;
    width: 100%;
}


.second_block .box-services {
    margin: 0 0 20px;
}

.second_block > h3 {
    text-align: left;
}

.second_block, .fiveth_block, .cat-location .third_block {
    padding: 20px;
}

.mapa .external-link {
    color: #FF4747;
    text-align: center;
    border-bottom: 1px dotted #FF4747;
}

.ngg-galleryoverview {
    margin: 0!important;
}

.ngg-gallery-thumbnail-box {
    float: left;
    margin: 0 1%!important;
    width: 48%;
}

.pages-theme .content_block .ngg-galleryoverview {
    background: none;
    padding: 0;
}

.pages-theme .content_block .ngg-galleryoverview .ngg-gallery-thumbnail img, .que-hacer-links.gastronomia.turismo .title, .pages-theme .box-rooms .text-service {
    width: 100%;
}

.gv_galleryWrap, .gv_gallery {
    box-sizing: border-box;
    width: 300px!important;
    height: 440px!important;
    padding: 0!important;
}

.cat-photos .photos-wrapper a img {
    box-sizing: border-box;    
}

.gv_panel img, .que-hacer-links.gastronomia img, .que-hacer-links.gastronomia a {
    width: 100%;
}

.cat-photos .photos-wrapper iframe {
    box-sizing: border-box;
    width: 100%!important;
    height: auto!important;
}

.second_block .text-wrap {
    padding: 0;
}

.label-form, .sixth-box textarea {
    box-sizing: border-box;
    display: block;
    width: 100%!important;
}

#tab1 .text-paper, #tab2 .text-paper {
    width: 90%;
}

.cat-events .wpcf7-submit {     
    width: 100%;
    text-align: center;
    padding: 10px 0!important;
}

#cookies-wrapper-content {
    padding: 20px;
}

.pages-theme .content_block .ngg-galleryoverview:after {
    background: none;
}

#logo span, #hostal-persal #footer .address_phone, #footer .widget_qtranslate, #footer .tlf-900, .home #main .accordion,
#footer #developed-wrapper, #footer .menus-footer, #hostal-persal #footer .logo_footer, #menu_footer_blog li.booking-button, .menu_block,
.home .fourth_block, .home .third_block, .box-food, .gallery-sidebar,
.que-hacer-links span, .extra1_link_24 {
    display:none !important;
}
.second_block .box-services .ngg-singlepic {
    max-width: 100px;
}

div.hssurveys_full .comments {
    width: 100% !important;
    margin: 10px 0 !important;
}

div.hssurveys_full > div.hssurveys_full {
    width: 100% !important;
    padding: 0 !important;
}

div.hssurveys_full {
    width: 100% !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

div.hssurveys_full ul.questions li p.question {
    text-align: left!important;
}

div.hssurveys_full ul.questions.like {
    overflow: hidden;
}

.visible-phone .link-location-home {
    margin-bottom: 23px;
    display: block;
}

#menu_aux10, .box-booking {
    position: absolute!important;
    bottom: 20px;
    width: 100%;
    text-align: center;
}
.booking_mobile {
    padding: 15px 30px;
    display: inline-block;
}


.widget_qtranslate select {
    width: 85px;
}

.tlf-header {
    margin: 4px 0;
}
.hotelschema{
    background: #000;
    text-align: center;
    margin-left: 0;       
}

.hotelschema img {
    position: relative!important;
    left: auto;
    top: auto;
}
    
    .btn-modal-engine{
        position: fixed;
        bottom: 0px;
        left: 0px;
        color: #fff !important;
        background-color: #5a9045;
        padding: 15px 0px;
        width: 100%;
    }
    
       #engine-modal.modal, #engine-modal.modal .modal-body {
        overflow: auto;
        max-height: none;
        width: 100%;
        box-sizing: border-box;
        max-width: 100%;
        height: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    
    #footer{
    	padding-bottom: 60px;
    }
}

@media (max-device-width: 979px) and (min-device-width: 768px) and (orientation: portrait) {
    .engine_mashup > div .text-before, .newengine > div .text-before {
        width: 140px;
        display: none;
    }

    .engine_mashup > div .text-before a, .newengine > div .text-before a {
        font-size: 13px;
    }
}

.tripadvisor_footer  img{
	vertical-align: top !important;
}