/*
Theme Name: Le 21eme
Theme URI: hotel21.fr
Description: Le 21ème
Template: mirai
Author: Mirai Espana
*/


/*---------------------------- GENERIC STYLES -------------------------------*/
h1 {}
h2 {
	font-size: 20px;
}
#main h3 {
	line-height: 20px;
    margin-top:20px;
}
#main .box-home h3 {
    margin-top:0px;
	line-height: 26px;
    
}
h4 {}

h2, h3, h4 {
	font-weight:700;
    text-transform:uppercase;
}

mvm{
  margin-top: 5px;
  margin-bottom: 5px;
}
pvm{
  padding-top: 5px;
  padding-bottom: 5px;
}

a, .mapa .formRuta a.ocultaRuta {
    color:#999;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
a:hover, .mapa .formRuta a.ocultaRuta:hover {color:#999;text-decoration:none;}

.container p a:hover, .hotelschema a:hover, .mapa .external-link:hover, .mapa .formRuta a.ocultaRuta:hover {
    background: #651212;
    color: #fff;
}
body {
	background:#3b3027;
    font-family: 'Open Sans', sans-serif;
    color:#FFF;
}

::-moz-selection { color: #FFF;  background: #651212; }
::selection      { color: #FFF;  background: #651212; } 


#header {
	background: url('images/bg_header.gif') repeat-x top center;
}
.home #header .content {
	height: 650px;
}
#header .content {
	height: 550px;
}

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

#footer {
	background:#000;
    height: 95px;
}
#footer .content {}

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

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


/*------------------------------------ LOGO ------------------------------------*/
#logo a {
	margin-left: -12px;
}
/*------------------------------------------------------------------------------*/


/*--------------------------------- QTRANSLATE ---------------------------------*/
.widget_qtranslate {
	text-align:right;
}
.widget_qtranslate h3 {}
.widget_qtranslate ul {}
.widget_qtranslate ul li {
    margin-left:10px;
}
.widget_qtranslate ul li:first-child {}
.widget_qtranslate ul li.last-child {}
.widget_qtranslate ul li a {
	text-transform:uppercase;
    font-size:11px;
}
.widget_qtranslate ul li a:hover {
	text-decoration:none;
}
.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 {}

.widget_qtranslate ul li {display: inline-block;}
.widget_qtranslate ul li.active {
	border-bottom:1px solid #404040;
    line-height:14px;
}

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


/*-------------------------------- MENU-NAV-WEB --------------------------------*/
ul#menu_web {
	margin-top:22px;
}
ul#menu_web li {
	border-left:1px solid #000;
    padding:0 8px;
    position:relative;
    line-height:24px;
    line-height:24px;
    overflow:hidden;
}
ul#menu_web li:first-child {
    border:0!important;
}
ul#menu_web li a {
    color:#000;
	text-transform:uppercase;
    font-size:14px;
    font-weight:700;
    -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;
}


ul#menu_web > li {float:left; position: relative;}
ul#menu_web > li a {}
ul#menu_web > li:hover a {}
ul#menu_web > li a:hover {
	color:#651212;
}
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 {
    color:#651212;
}

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] {}
/*------------------------------------------------------------------------------*/


/*-------------------------------  GOOGLE MAPS ---------------------------------*/
.mapa {margin: 10px 0;}
.mapa .external-link {
    float:right;
	margin-top: -20px;
}
.mapa .external-link:hover {}
.mapa .map_canvas {
    margin-bottom: 10px;
    width: 100% !important;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5);
}
.mapa .map_canvas p {}
.mapa .map_canvas img {}
.mapa .formRuta {}
.mapa .formRuta label {}
.mapa .formRuta input.origen {}
.mapa .formRuta input.calculaRuta {
    margin:0 1%!important;
	width:auto!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,
.ui-datepicker td:hover a {
	background:#651212;
    color:#FFF;
}
#ui-datepicker-div {font-size: 14px !important;}
/*------------------------------------------------------------------------------*/


/*------------------------------  NEW MOTOR MASHUP ---------------------------------*/
/*propias del sitio*/
.engine_mashup {
    width:268px;
    background:#651212;
	clear: left;
	float: left;
    -webkit-box-shadow:  0px 0px 8px 0px rgba(0, 0, 0, 0.5);
    box-shadow:  0px 0px 8px 0px rgba(0, 0, 0, 0.5);
}
.engine_mashup > div {}
.engine_mashup > div .text-before {}
.engine_mashup > div h3 {
	text-transform:uppercase;
    color:#FFF;
    text-align:center;
    font-size:26px;
}
.engine_mashup > div form, .span6 {
    box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.engine_mashup > div form legend {}
.engine_mashup > div form .control-group {}
.engine_mashup > div form .control-group label {}
.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 {
    -webkit-border-radius: 0;
	-moz-border-radius: 0;
	color:#000;
}
.engine_mashup > div input {
	padding: 6px 8px;
}
.engine_mashup > div select {
	padding: 7px 4px;
}
.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 {}

.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, .offers-mashup .more-info-link {
    color:#FFF;
    background: #4c4c4c; /* Old browsers */
    background: -moz-linear-gradient(top,  #4c4c4c 0%, #131313 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #4c4c4c 0%,#131313 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #4c4c4c 0%,#131313 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #4c4c4c 0%,#131313 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #4c4c4c 0%,#131313 100%); /* W3C */
    padding: 8px 25px;
    margin: 10px 0 5px;
	width: 100%;
    -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;
}
.engine_mashup > div form .button-group input[type="submit"]:hover, .mapa .formRuta input.calculaRuta:hover, #mirai_be7 input:hover, .offers-mashup .more-info-link:hover, .box-home a:hover {
	text-decoration:none;
    background: #4c4c4c; /* Old browsers */
    background: -moz-linear-gradient(top,  #4c4c4c 0%, #131313 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(50%,#131313)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #4c4c4c 0%,#131313 50%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #4c4c4c 0%,#131313 50%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #4c4c4c 0%,#131313 50%); /* IE10+ */
    background: linear-gradient(to bottom,  #4c4c4c 0%,#131313 50%); /* W3C */
}

.engine_mashup > div form .button-group a {
	color:#FFF;
    text-transform:uppercase;
}
.engine_mashup > div form .button-group a:hover {}
.engine_mashup > div form .button-group .icon-lock {display:none;}

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

/* square two-columns (column-width)*/
.engine_mashup.square.two-columns > div form .control-group label {
    text-align:right;
    padding-right:5%;
    width:30%;
}
.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:45%;}

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


/*---------------------------------  POPOVER -----------------------------------*/
.popover {}
.popover .popover-inner {}
.popover .popover-title {}
/*------------------------------------------------------------------------------*/


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


/*------------------------------  OFFERS MASHUP --------------------------------*/
.offers-mashup {
 	width:268px;
    background:#651212;
    -webkit-box-shadow:  0px 0px 8px 0px rgba(0, 0, 0, 0.5);
    box-shadow:  0px 0px 8px 0px rgba(0, 0, 0, 0.5);
    padding: 5px 2% 15px;
    box-sizing: border-box;
	-moz-box-sizing: border-box;
    margin-top: 160px;
}
.offers-mashup h3 {
	font-size:18px;
}
.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 {
    color:#FFF;
    float:right;
    margin:0;
	width:auto;
}
.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;
}
#offersHs .contents h2 {color: inherit !important;}
#cuadroOfertas, #cuadroOpiniones {
    margin-top: 20px;
    padding: 0;
}
#offersHs .rowOffers {min-height: 230px !important;}
#offersHs ul, #offersHs .rowOffers > p {padding: 15px 20px;}


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


/*----------------------------  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 {}
.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 {}
.mirai_opiniones #xdhsReviewSummaryContent-XdHs #hsRating .mirai_btReview:hover {}
.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 {}
#social-media ul {text-align: right;}
#social-media ul li {display: inline-block; text-align: left;}
#social-media ul li:first-child {}
#social-media ul li a {
    /* Uncomment this for custom social media icons */
    /*background-image: url('images/sprite.png');*/
}
/*------------------------------------------------------------------------------*/


/*-----------------------------------  VCARD -----------------------------------*/
.hotelschema {
    background: url('images/logo_footer.png') no-repeat center top;
	text-align:center;
    margin-top:-27px;
	padding-top: 95px;
}
.hotelschema h3 {}
.hotelschema .name {}
.hotelschema .separator {}
.hotelschema a {}
.hotelschema a:hover {}
.address_phone {}
/*------------------------------------------------------------------------------*/


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

/* Fix background fullscreen image with singlepic */
#sidebar-preheader a{
    position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

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


/*-----------------------------  CAROUSEL SLIDESHOW ----------------------------*/
.on-page-slideshow .slideshow {}
.on-page-slideshow .slideshow .contSlideshow .txtslider {}
.on-page-slideshow > div, .on-page-slideshow > div .contSlideshow img {width:100%}
.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, #sidebar-preheader a {
	z-index: -1 !important;
}
.background-slideshow .slideshow {}
.home .background-slideshow .slideshow .contSlideshow {
	height: 640px;
}
.background-slideshow .slideshow .contSlideshow, #sidebar-preheader a {
	height: 540px;
	overflow: hidden;    
}
.background-slideshow .slideshow .contSlideshow img, #sidebar-preheader .ngg-singlepic {
    height:100%;
	width: 100%;
	/*margin-top:-10%;*/
}
.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 {}
/*------------------------------------------------------------------------------*/


/*-------------------------------  BOOKING PAGES -------------------------------*/
.bookingstep1 {
    background: url("") no-repeat fixed center top;
    background-size: 100% 100%;
}
.bookingstep1 header #logo {float:left;text-align:left;width:150px}
.bookingstep1 header #logo img {width:135px;}
.bookingstep1 #menu_web {float:left;margin-top:50px;}
.bookingstep1 #motor_reservas #mirai_bookentrance {
    background: #651212;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5);
    padding: 10px 0;
}
.bookingstep1 #motor_reservas #mirai_bookentrance #mirai_be7 input {width:auto!important;}
.bookingstep1 #motor_reservas #mirai_bookentrance #mirai_be7 input:hover {text-decoration:underline;}
.bookingstep1 #mirai_be0 input, .bookingstep1 #mirai_be0 span, .bookingstep1 #mirai_be0 select {font-family: Arial;}
.bookingstep1 ul#menu_web li a {text-decoration: none !important;}
.bookingstep1 #header {}
.bookingstep1 #header .content {
    margin: 0 auto;
    width: 960px;
    height: 100PX;
}
#mirai_be0, #mirai_be2, #mirai_be0 input, #mirai_be0 select {font-size: 15px !important;}
.bookingstep1 #mirai_be2, .bookingstep1 #mirai_be6 {padding: 6px 8px!important;}
.bookingstep1 #mirai_be4{padding: 7px 4px!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;}
#mirai_roomSelectionContainer {
    width: 960px!important;
    margin: 30px auto;
}

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

/*-------------------------------- PHOTOS PAGES --------------------------------*/
.ngg-galleryoverview {}
.ngg-galleryoverview .ngg-gallery-thumbnail {}
.ngg-galleryoverview .ngg-gallery-thumbnail img {}
.ngg-galleryoverview .ngg-gallery-thumbnail img:hover {}
/*------------------------------------------------------------------------------*/


/*---------------------------------- SHADOWBOX ---------------------------------*/
#sb-container {}
#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 {}
/*------------------------------------------------------------------------------*/


/*------------------------------------ BLOG ------------------------------------*/
.post {}
.post h2 {}
.post h2 a {}
.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 {}
.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 {}
.post .entry img.alignleft {}
.post .entry img.alignright {}

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


/*--------------------------------- SITE STYLES --------------------------------*/
.box-home {
    position:relative;
}
.box-home h3, .box-home a {
    position:absolute;
    line-height:24px;
    top:12px;
}
.box-home a {
    border-radius:4px;
    -webkit-border-radius:4px;
    top:50%;
    left:50%;
	margin-left:-60px;
    width:120px;
    text-transform:uppercase;
    text-align:center;
    padding:8px 10px;
    color:#FFF;
    background: #4c4c4c; /* Old browsers */
    background: -moz-linear-gradient(top,  #4c4c4c 0%, #131313 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #4c4c4c 0%,#131313 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #4c4c4c 0%,#131313 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #4c4c4c 0%,#131313 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #4c4c4c 0%,#131313 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
    border:1px solid #000;
    -webkit-box-shadow: inset 0px 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 0px 12px 0px rgba(255, 255, 255, 0.8);
    box-shadow: inset 0px 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 0px 12px 0px rgba(255, 255, 255, 0.8);
}
html[lang="en"] .box-home a {
	margin-left:-80px;
    width:160px;    
}
.box-home h3 {
    background: url('images/title-icon.png') no-repeat left;
    padding-left:12px;
    color:#651212;
    left: 20px;
}

.content-list li {
 	background: url('/files/list-icon.png') no-repeat left 6px;
    padding-left:10px;    
}
.content-list.two-col li {
 	float:left;
    width:48%;   
}
.services-list li {
    width:30%!important;   
    padding-left:20px;
    background-position:left center;
    background-repeat: no-repeat;
    line-height: 28px;
}
.content-list.services-list li.wifi {
	background-image: url('/files/wifi-icon.png');
}
.content-list.services-list li.wardrobe {
	background-image: url('/files/wardroble-icon.png');
}
.content-list.services-list li.desk {
	background-image: url('/files/desk-icon.png');
}
.content-list.services-list li.hairdryer {
	background-image: url('/files/hairdryer-icon.png');
}
.content-list.services-list li.safe {
	background-image: url('/files/safe-icon.png');
}
.content-list.services-list li.tv {
	background-image: url('/files/tv-icon.png');
}
.content-list.services-list li.tel {
	background-image: url('/files/tel-icon.png');
}

.content-list.services-list li.frige {
	background-image: url('/files/frige-icon.png');
}
.content-list.services-list li.microwave {
	background-image: url('/files/microwave-icon.png');
}
.content-list.services-list li.dish {
	background-image: url('/files/glass-icon.png');
}
.content-list.services-list li.bed {
	background-image: url('/files/bed-icon.png');
}
.content-list.services-list li.towels {
	background-image: url('/files/towel-icon.png');
}
.content-list.services-list li.trousers {
	background-image: url('/files/trousers-icon.png');
}
.content-list.services-list li.iron {
	background-image: url('/files/iron-icon.png');
}

.bottom-box {
    background:#241c16;
	border-radius:6px 6px 0 0;
	-webkit-border-radius:6px 6px 0 0;
    padding:10px;
    margin-bottom:-30px;
}
.right-div {
 	padding-left:2%;   
}
.cat-services .on-page-slideshow .slideshow .contSlideshow {    
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5);
}
.cat-services .on-page-slideshow {    
	height:120px!important;
}
.cat-services h3 {
 	margin-top:0!important;
}
/*------------------------------------------------------------------------------*/

/*----------------------------- TABS COMPONENT -----------------------------*/
.tabbable {
	margin-top:20px;
}
.nav-tabs, tabs-left > .nav-tabs > li {
	border: 0!important;
}
.tabs-left > .nav-tabs > li > a {
    text-transform:uppercase!important;
    margin-right: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	border: 0!important;
    color:#c8c6c6;
    padding-left: 14px;
}
.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover {
	border: 0;
}
.tabs-left > .nav-tabs > li > a:hover {
	border: 0;
	background-color: transparent;
    color:#FFF;
}

.tabs-left > .nav-tabs > .active > a, .nav-tabs > .active > a:hover {
    background-color: transparent;
    border: 0;
    color:#FFF;
}
.tabs-left > .nav-tabs > .active {
 	background: url('/files/room-icon.png') no-repeat left 12px;
}
.cat-apartments .tabs-left > .nav-tabs {
 	width:140px   
}
html[lang="en"] .cat-apartments .tabs-left > .nav-tabs {
 	width:120px   
}
.nav-tabs, .nav-pills {}
.nav-tabs > li, .nav-pills > li {}
.nav-tabs > li.active > a, .nav-pills > li.active > a {}
.nav-tabs > li.active > a:hover, .nav-pills > li.active > a:hover {}
.nav-tabs > li > a, .nav-pills > li > a {}
.nav-tabs > li > a:hover, .nav-pills > li > a:hover {}
.tab-content {}
.tabbable .tab-content {
    color:#4f4d40;
	background: #FFF;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5);
}

/*.tab-content > .tab-pane p,  .tab-content > .tab-pane .on-page-slideshow {
    float:left;
    width:49%;
}*/
.tab-content > .tab-pane {
	height:336px;
}
.cat-apartments .tab-content > .tab-pane {
	height:320px;
}
html[lang="en"] .cat-apartments .tab-content > .tab-pane {
	height:328px;
}
#main .clearfix {
	padding:15px 0;
}
.cat-services #main .clearfix {
	padding:45px 0;
}
.tab-content .on-page-slideshow {
	width: 65% !important;
	float: left;
	margin-right: 2%;
}
.tab-content p {
	width: 31% !important;
    float: left;
    margin-top:50px!important;
}
/*------------------------------------------------------------------------------*/
#main .content {
    background: rgba(0,0,0,0.5);
    padding: 10px 20px;
}



/*-------------------------------- MEDIA QUERYS --------------------------------*/
/* Large desktop */
@media (min-width: 1200px) {
    ul#menu_web li a {
        font-size:16px;
    }
	.box-home {
    	width:503px;
	}
	.span6:first-of-type .box-home{
    	float:right;
	}
    .tab-content > .tab-pane {
        height:432px;
    }
	.cat-apartments .tab-content > .tab-pane {
        height:416px;
    }
	html[lang="en"] .cat-apartments .tab-content > .tab-pane {
        height:424px;
    }
    .tab-content .on-page-slideshow {
        width: 65% !important;
        margin-right: 15px;
    }
    .cat-apartments .tabs-left > .nav-tabs {
        width:140px   
    }
    html[lang="en"] .cat-apartments .tabs-left > .nav-tabs {
        width:120px   
	}
    .services-list li {
        width:20%!important;
    }
.cat-services .on-page-slideshow {    
	height:170px!important;
}
}

/* 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-device-width: 768px) and (max-device-width: 979px) and (orientation : portrait) {
    .bookingstep1 #mirai_roomSelectionContainer {width: 98%;}
    .bookingstep1 #header .content {width: 100%;}
}

/* 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) {
    #header {
        /*todo: no consigo fixearlo para todos los smarthphones */
        /*position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
        margin-bottom: 0;*/
    }
	#logo {width:100%;text-align: center;}
	#logo h1{line-height:1;}
	.not-home #logo a {
		text-transform: uppercase;
		color: #000;
		font-size: 20px;
		line-height: 25px;
		margin:30px 10px 0 0;
	}
	.not-home #logo {
		text-align: right;
	}
	#logo img {
		width: 200px;
	}
    /* excepción con el menu que no está en el header, descomentar si el menu está en el section#main */
    /*.home section#main {display:block !important;}
    .home section#main .content > * {display:none;}
    .home section#main .content > #menu_web {display:block;}*/

    /* HOME */
	body.home {
		/*background-image: url('/files/gallery_apartments/apartamento_quintuple_12.jpg');*/
        background-image: url('/files/home_slider/Double-1-mob.jpg');
		background-repeat:no-repeat;
		background-position:center;
		background-size: cover;
	}
	.home #header .content {
		height: 400px;
	}
	#header .content {
		height: auto;
	}
	.not-home #main .content {
		width:90%;
		margin:0 auto;
		padding-bottom:20px;
	}
	.not-home #footer, .mapa .external-link {
		display:none;
	}
	h2 {
		margin-top:20px;
		line-height: 26px;
	}
    .home #menu_web li.booking-button {display: inline-block !important;}
    .home ul#menu_web {margin: 65px 0;}
    .home #menu_web li, ul#menu_web > li.current-menu-item, ul#menu_web > li:hover {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
        border-radius: 0 !important;
        color: #fff;
        margin: 2% 1% !important;
        padding: 0 !important;
        text-align: center;
        width: 47%;
    }
    .home ul#menu_web li a {padding: 10px 0;color: #fff;}
    .home #footer .widget_qtranslate {margin-top: 10px;}
	
    /* PAGES - NOT HOME */
	.not-home #menu_phone {
		padding: 5px 0;
		position: absolute;
		top: 26px;
	}
	#menu_phone li #home_phone {
		background-position: -125px -28px;
	}
	#menu_phone li .booking_mobile {
		background-position: -125px -81px;
	}
	#menu_phone li #phone_phone {
		background-position: -125px -54px;
	}
	.content-list.two-col li {
		width:100%!important;
		float:none;
	}
	.cat-services #main .clearfix {
		padding: 15px 0;
	}
    
    
    
    
    /*-------------------------  MENU MOVIL -----------------------------*/
    /*.home #menu_web {width: 86%; position: static; margin: 70px auto 0; display: block; float: none;}*/
    /*-------------------------------------------------------------------*/

}

.services li i{
  display: inline-block;
  font-size: 30px;
}

.services li  {
  background: none;
  padding-top: 5px;
    padding-bottom: 5px;
}



/*   center images header */
#sidebar-preheader img{
  display:flex;
    margin:auto;
}
/*------------------------------------------------------------------------------*/


        /*-------------------------  Legal Notice -----------------------------*/
    #menu_aux1 a{
  font-weight: 400;
 color: #fff;
 font-family: 'Open Sans', sans-serif;
}
#footer{
 position: relative;
}
#menu_aux1 {
 width: fit-content;
 position: absolute;
 top: 4.25rem;
 left: 4.5rem;
}