/*
Theme Name: Hotel-home-latin-paris-2016
Theme URI: www.hotelhomelatinparis.com
Description: Hotel Home Latin Paris
Template: mirai
Author: Mirai Espana
*/

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

h1 {}

h2 {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-size: 2em;
    /*line-height: 39px;*/
    line-height: 1em;
}


h3, #cookies-wrapper-content h1, .rooms-listing-wrapper .container > h2 {
    font-family: raleway;
    font-size: 1.8em;
    font-weight: bold;
    text-shadow:none;
}

h4, #cookies-wrapper-content h2, .rooms-listing-wrapper > .container p:nth-child(2) {
    font-family: raleway;
    font-size: 1em;
    text-transform:uppercase;
    color: #998779;
    font-weight: bold;
    text-shadow:none;
}

h1, h2, h3, h4 {}

section h2, section .offers-listing-wrapper h2 {}

section h3, .offers-detail-wrapper .section h4, #cookies-wrapper-content h2, #cookies-wrapper-content h1, .blog-wrapper .post h2 {}

a {}

a:hover {}

#main section {
    overflow-y: hidden;
}

body, .bookingstep1 #header *, .bookingstep1 #motor_reservas #mirai_bookentrance #mirai_be7 input, .bookingstep1 #mirai_be0 input, .bookingstep1 #mirai_be0 span, .bookingstep1 #mirai_be0 select {
    color: #505050;
    font-family: Lato;
    font-size: 17px;
    color: #434343;
}

a.button-border, .offers-listing-wrapper .offer .offer-button, .rooms-detail-wrapper .offer .offer-button, .mapa .formRuta input.calculaRuta, #respond .form-submit #submit, .wpcf7 .wpcf7-form input.wpcf7-submit, .offers-mashup .more-info-link, .widget_search form input[type="submit"], #main .go-to-calendar, .offers-detail-wrapper .offer-calendar-wrapper .offer-button, .btn-modal-engine, #modal-engine .button-group input[type="submit"], .offers-detail-wrapper a.booking.mobile, .offers-detail-wrapper .offer-calendar-wrapper .offer-button, .rooms-detail-wrapper .room-calendar-wrapper .room-button, div#noDispo .selectRoom, div.mirai_button.selectRoom, .bookingstep1 #mirai_roomSelectionContainer #mirai_roomSelection .selectExtra {
    text-transform: uppercase;   
     font-weight: bold;
    color: #dc311b;;
    border: 1px solid;
    padding: 15px 25px;
    display: inline-block;
    background: transparent;
    border-radius: 0;
    text-shadow: none;
    height: auto;
}

.offers-listing-wrapper .offer .offer-button:hover, .rooms-detail-wrapper .offer .offer-button:hover, .mapa .formRuta input.calculaRuta:hover, #respond .form-submit #submit:hover, .wpcf7 .wpcf7-form input.wpcf7-submit:hover, .widget_search form input[type="submit"]:hover, #main .go-to-calendar:hover, a.button-border:hover, .offers-detail-wrapper .offer-calendar-wrapper .offer-button:hover, .btn-modal-engine:hover, #modal-engine .button-group input[type="submit"]:hover, .offers-detail-wrapper a.booking.mobile:hover, .offers-detail-wrapper .offer-calendar-wrapper .offer-button:hover, .rooms-detail-wrapper .room-calendar-wrapper .room-button:hover, div#noDispo .selectRoom:hover, div.mirai_button.selectRoom:hover, .bookingstep1 #mirai_roomSelectionContainer #mirai_roomSelection .selectExtra:hover {
    background: #dc311b;
    color: #fff;
    text-decoration: none;
    border: 1px solid transparent;
}

.bg-grey {
    background-color: #f6f6f6;
}

.bg-dark {

    background-color: rgba(0, 0, 0, 0.27);
}

.white {
    color: #fff!important;
}
.up {
    text-transform: uppercase;
}

.max-width p {
    max-width: 80% !important;
    margin: 10px auto!important;
}

#header {}

#header .content {}

#main {}

#main .content {}

#footer p {
    margin-bottom: 0 !important;
}

.legal_footer {
    margin-top: 20px;
}

#footer .content {}

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


#main .span3 img, #main .span4 img, #main .span6 img {
    width: 100%;
}

img {
    width: auto
}

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

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

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

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.d-inline * {
    display: inline;
}

.affix {
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1000 !important;
}

.row-fluid [class*="span"] {
 box-sizing: border-box;
}

.absolute-middle {
    left: 50%;
    position: absolute;
    top: 50%;
    /* -webkit-transform: translate(-50%,-50%); */
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;

}

.absolute-bottom {
    width: 100%;
    /* height: 100%; */
    position: absolute;
    bottom: 0px;
}

.absolute-full {
    width: 100%;
    height: 100%;
    position: absolute;
}

.absolute-bottom, .absolute-middle p { 
    margin:auto;
    color: #fff;
    max-width: 95%!important;
    
}

.full {
    width: 100%;
    height:100%;
    top: 0;
    left: 0;
}

#main section {
    padding: 100px 0;
}
#main section#picbox {
    padding: 0;
    z-index: 2;
}


.align-center p {
    max-width: 800px;
    margin: 20px auto;
}

.p0 { padding: 0!important; }

.pt1 { padding-top:2.5px;}
.pl1 { padding-left: 2.5px;}
.pb1 { padding-bottom: 2.5px;}
.pr1 { padding-right: 2.5px;}

.pt2 { padding-top: 5px;}
.pl2 { padding-left: 5px;}
.pb2 { padding-bottom: 5px;}
.pr2 { padding-right: 5px;}

.pt3 { padding-top:7.5px;}
.pl3 { padding-left: 7.5px;}
.pb3 { padding-bottom: 7.5px;}
.pr3 { padding-right: 7.5px;}

.pt4 { padding-top: 15px;}
.pl4 { padding-left: 15px;}
.pb4 { padding-bottom: 15px;}
.pr4 { padding-right: 15px;}

.pt5 { padding-top: 30px;}
.pl5 { padding-left: 30px;}
.pb5 { padding-bottom: 30px;}
.pr5 { padding-right: 30px;}



.m0 { margin: 0; }

.mt1 { margin-top: 10px;}
.ml1 { margin-left: 10px;}
.mb1 { margin-bottom: 10px;}
.mr1 { margin-right: 10px;}

.mt2 { margin-top: 20px;}
.ml2 { margin-left: 20px;}
.mb2 { margin-bottom: 20px;}
.mr2 { margin-right: 20px;}

.mt3 { margin-top: 30px!important;}
.ml3 { margin-left: 30px;}
.mb3 { margin-bottom: 30px;}
.mr3 { margin-right: 30px;}

.mt4 { margin-top: 50px!important;}
.ml4 { margin-left: 50px;}
.mb4 { margin-bottom: 50px;}
.mr4 { margin-right: 50px;}

.mt5 { margin-top: 60px;}
.ml5 { margin-left: 60px;}
.mb5 { margin-bottom: 60px;}
.mr5 { margin-right: 60px;}




/*header*/
.no-title .bg-img {
     background-color: rgba(0,0,0,0.2);
}

.bg-img {
    background-color: rgba(0,0,0,0.4);
    position: absolute;
    width: 100%;
    height: 100%;
}

#header {
    z-index: 3;
    position: absolute;
    width: 100%
}

.bookingstep1 #header {
    position: static;
}

#logo {
    margin: 20px 0 0;
}

.img-header {
    width: 100%;
    /*margin-top: -550px;*/
    position: relative;
}
.img-header img {
    width: 100%;
}


div#engine-wrapper {
    margin-top: 220px;
}

.no-title.img-header {
    /*margin-top: -250px;*/
}

#picbox, #header, #header a {
    color: #fff;
}

div#engine-tracking-link-wrapper a {
    font-size: 0.8em;
    color: #bbb!important;
    text-decoration: underline;
}

div#engine-tracking-link-wrapper .icon-lock {
    opacity: 0.4;
    margin-top: 5px;
    background-position: -287px -24px;
}
ul#menu_web {
    text-align: center;
}

ul#menu_web a {
    font-family: Raleway;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
}

ul#menu_web li {
    padding: 0 20px;
}

.widget_qtranslate {
    text-align: right;
    width: 120px;
    background: #dc311b;
    color: #fff;
    padding-top: 40px;
}

.widget_qtranslate select {

    background: transparent;
    border: none;
    border-radius: 0;
    color: #fff;
    text-transform: uppercase;
    font-family: raleway;
    font-size: 0.75em;
    font-weight: bold;
}
.widget_qtranslate select:focus {
    outline: none;
}
.widget_qtranslate select option {

   background-color: #dc311b;
   color: #fff;
}

#engine-wrapper h2.special {
    font-size: 9em;
    line-height: initial;
    font-weight: bold;
}
#engine-wrapper h2.special2 {
    font-size: 6em;
    line-height: initial;
    font-weight: bold;
}
/*footer*/

#footer {
    background-color: #343434;
    color: #fff;
    padding: 70px 0;
    font-size: 0.75em;
}

#footer a {
    color: #fff;
    text-decoration: underline;
}

#footer a:hover {

    text-decoration: none;
}

#footer h3 {
 border-bottom: 1px solid #fff;
 text-transform: uppercase;
 font-weight: bold;
 margin-bottom: 20px;
 letter-spacing: 2px;
 font-size: 1em;
}


.socialmedia ul li a:before, .socialmedia-share ul li a:before {
    color: #333;
    background-color: #fff;
    border-radius: 100%;
    margin: 8px;
}

ul#menu_aux1 li {
    margin-right: 40px;
}

ul#aux_2, .hotelschema .address {

   text-transform: uppercase;
}

ul#aux_2 li {
    display: block;

    margin: 12px 0 0;
}
div#developed-wrapper a {
    color: #ff2c2c;
}


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

/* HOME */

.offers-mashup {
    color: #fff;
}
a.more-info-link.btn {
    border: none;
}

a.more-info-link.btn:hover{
    text-decoration: underline;
}

.carousel-control {
    background: none;
}

.carousel-control.right {
    right: 0;
}
.carousel-control.left {
    left: 0;
}



.intro-imgs p {
    max-width: 80%;
    margin: 0 auto;
}
div#advantages-btn {
    width: 100px;
    height: 100px;
    text-align: center;
    margin: 0 auto;
    background-color: #f5a623;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    padding: 20px;
    border-radius: 100%;
    margin-top: -80px;
    position: relative;

}
div#advantages-btn a {
    color: #fff;
    text-transform: uppercase;
    font-size: 0.9em;
}
#rooms p.special, #varios a, .main-services p.special {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.4em;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-weight: bold;
    line-height: 1.2em;
    font-family: raleway;


}
#main section#advantages {
    padding: 14px 0 0 0;
    font-family: raleway;
    font-size: 0.8em;
    font-weight: bold;
    text-align: center;
    color: #545454;

}

#advantages p.ad-title {
    text-transform: uppercase;
    color: #383838;
}


#advantages .span2 .title {
   background-color: #dc311b;
   color: #fff;
   padding: 10px;
   padding-top: 65px;
   margin-top: -40px;
   padding-bottom: 50px;
   text-align: left;
}


#advantages .span2 .title h5{
    font-weight: bold;
    color: #fff;
    font-size: 1.4em;

}

#advantages p {
    margin-bottom: 2px!important;
}

#advantages i {
    background: url(/files/icos-services.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 45px;
    height: 45px;
}

#advantages i.best-price {
    background-position: 0 0;
}

#advantages i.cancelation {
    background-position: -200px 0;
}

#advantages i.early {
    background-position: -586px 0;
}

#advantages i.late {
    background-position: -586px 0;
}


#advantages i.break {
    background-position: -391px 0;
}


#back-top {
    background: #dc311b;
}
#fixed-best-price {
    background: url(/files/3-layers.png);
    background-repeat: no-repeat;
    display: inline-block;
    position: fixed;
    top: 210px;
    right: 0;
    width: 183px;
    height: 166px;
    padding-top: 30px;
    z-index: 5;
}
div#fixed-best-price p, div#fixed-best-price a {
    margin-left: 52px;
    color: #434343;
    text-align: center;
}

div#fixed-best-price p.special {
    text-transform: uppercase;
    font-size: 1.5em;
    line-height: 1.3em;
    font-weight: bold;
}

div#fixed-best-price a {
    text-decoration: underline;
    margin-left: 67px;
    font-size: 0.8em;
}


div#modal-advantages .modal-header {
    background-color: #f5a623;
    color: #fff;
    padding:20px;
}


/* LOCATION */
section#sourondings h3 {
    text-transform: uppercase;
}

.transport-icos i {
    background: url(/files/transport.png);
    background-repeat: no-repeat;
    display: inline-block;

}

.transport-icos i.avion { background-position: 0 0; width: 64px; height: 64px; } 
.transport-icos i.metro { background-position: 0 -114px; width: 64px; height: 64px; } 
.transport-icos i.tren { background-position: 0 -228px; width: 64px; height: 64px; } 


/* ROOMS */
.rooms-listing-wrapper .container>h2 {
    margin: 0!important;
}

.rooms-listing-wrapper .common-services {
        margin-top: 60px;
}

.rooms-listing-wrapper .common-services li {
    margin-bottom: 15px;
}


/* SERVICES */


/* PHOTOS */


/* EVENTS */
.wpcf7-form input, .wpcf7-form textarea {
    width: 100%;

}

.wpcf7-form .row {
    margin-bottom: 20px;
}

/* OFFERS */

.offers-listing-wrapper{
    padding-top: 100px;
}
section h2, section .offers-listing-wrapper h2 {
    text-shadow:none;
}

/* COOKIES */

#cookies-wrapper-content {
    padding: 100px 0;
}

#cookies-wrapper-content h1 {
    margin-bottom: 20px;
}

/* LEGAL */

/* REVIEWS */

/* BLOG */

/* NOT FOUND */
.not_found #main {
    background: url('https://cdnwp0.mirai.com/images/bg-404.png') no-repeat center center transparent;
    margin-bottom: 0;
    min-height: 570px;
    text-align: center;
}

.not_found #main h2 {
    padding-top: 100px;
}

/* BOOKINGSTEP */
#mirai_bookentrance input#mirai_be2, #mirai_bookentrance select#mirai_be4, #mirai_bookentrance input#mirai_be6 {
    margin: 0 0.8em 0 0;
    height: 37px;
    padding: 0 5px;
    border-radius: 0;
}

#mirai_be0 {
    text-align: center;
    padding: 7px 0;
    width: 960px;
    margin: 0 auto!important;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    padding: 12px 0!important;
}



.bookingstep1 #logo {
    float: left;
}
.bookingstep1 #menu_web {
    margin-top: 70px;
    width: 86%;
    float: right;
}
.bookingstep1 ul#menu_web > li {
    text-shadow:none;
}


.bookingstep1 #header {
    overflow: hidden;
}


.bookingstep1 #header .content {
    margin: 0 auto;
    width: 960px;
}

.bookingstep1 #header .content > *, .bookingstep1 #logo, .bookingstep1 ul#menu_web {
    display: block !important;
}

.bookingstep1 .widget_qtranslate, .bookingstep1 #social-media, .bookingstep1 .booking_mobile, .bookingstep1 .sub-menu, .bookingstep1 #header #menu_phone {
    display: none !important;
}

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

/* font para el motor de Noches */
#mirai_be0, #mirai_be2, #mirai_be0 input, #mirai_be0 select {
    font-size: 15px !important;
}

.engine_mashup > div form .control-group select.selector {}

.engine_mashup > div form .chain-selector-control-group #chainSelector {
    padding-right: 25px;
    /* modificar este Width en función de la web a maquetar */
    width: 200px;
}

div#noDispo .nightSelect select {
    margin-bottom: 0 !important;  
}

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

/* OCULTAR FONDO BLANCO EN LA CAJA DE SELECCIÓN DE HABITACIONES */
.bookingstep1 div#mirai_roomSelectionContainer {
    background-color: transparent !important;
    border-radius: 0 !important ;
    border: 0;
    box-shadow: none !important;
    margin-top: 0;
}


div.mirai_button.selectRoom, div.mirai_button.selectRoom:visited {
    background-color: transparent!important;
}

div.mirai_button.selectRoom:hover, input.mirai_button.selectExtra:hover {
        background-color: #000000!important;
}

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

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



.widget_qtranslate select option {
    padding: 6px 10px !important;
}

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

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

/* MENU WEB */
ul#menu_web > li {
    display: inline-block;
    position: relative;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}




ul#menu_web > li a:hover, ul#menu_web > li.current-menu-item > a, ul#menu_web > li.current-menu-parent > a, ul#menu_web > li ul.sub-menu li.current-menu-item a {
 border-bottom: 3px solid #dc311b;
 padding-bottom: 2px;
}


.menu li {
    display: inline-block;
}

/* BUTTONS WEB */
/* submit buttons (engine mashup, form, blog, rooms...) */


/* MOTOR FRONT */

.engine_mashup.inline.one-row > div form .control-group label  {
    padding: 0 5px;
}
.engine_mashup.inline > div form {
    width: 780px;
    margin: 0 auto;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
}
.engine_mashup > div form .control-group input[type=text] {
    background: transparent;
    border: none;
    line-height: 2em;
}
.engine_mashup.inline > div form .control-group {
    background: rgba(177, 177, 177, 0.5);
}
.engine_mashup > div form .control-group select {
    background: transparent;
    border: none;
    height: 37px;
}
.engine_mashup > div input {
    padding: 9px 8px;
}

.engine_mashup > div form .control-group select option {
    color: #000;
}
/* only engine mashup button */
.engine_mashup > div form .button-group input[type="submit"], .bookingstep1 #motor_reservas #mirai_bookentrance #mirai_be7 input {
    border-radius: 0;
    text-shadow: none;
    border: none;
    padding: 10px 30px;
    text-transform: uppercase;
    font-size: .80em;
    background: none;
    font-weight: bold;
    background-color: #dc311b;
    color: #fff;
}

.engine_mashup > div form .button-group input[type="submit"]:hover, .bookingstep1 #motor_reservas #mirai_bookentrance #mirai_be7 input:hover { 
 background: #fff;
 color: #dc311b;
}



.engine_mashup > div input, .engine_mashup > div form .control-group select {
    margin-bottom: 0;
}
.engine_mashup > div form .button-group input[type="submit"]:hover {}
/* ----- */

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

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

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

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

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

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

.ui-datepicker-calendar ._checkout-date a {
    color: #fff;
}
/* colores para fechas seleccionadas en el calendario del motor y en el de detalle de ofertas */
.ui-datepicker-calendar ._selected-date span, .ui-datepicker-calendar ._selected-date a, .ui-datepicker-calendar ._checkin-date span, .ui-datepicker-calendar ._checkin-date a, .ui-datepicker-calendar ._checkout-date span, .ui-datepicker-calendar ._checkout-date a, .offers-detail-wrapper .offer-calendar-wrapper .offer-date .ui-datepicker-inline .calendar-legend-offer-day._checkin-date a, .offers-detail-wrapper .offer-calendar-wrapper .offer-date .ui-datepicker-inline .calendar-legend-offer-day._selected-date a, .offers-detail-wrapper .offer-calendar-wrapper .offer-date .ui-datepicker-inline .calendar-legend-offer-day._checkout-date a, .rooms-detail-wrapper .room-calendar-wrapper .room-date .ui-datepicker-inline ._checkin-date a, .rooms-detail-wrapper .room-calendar-wrapper .room-date .ui-datepicker-inline ._selected-date a, .rooms-detail-wrapper .room-calendar-wrapper .room-date .ui-datepicker-inline ._checkout-date a {
    font-weight: normal;
}
#ui-datepicker-div, #noDispo .ui-widget-content {
    border: 0!important;
    border-radius: 0!important;
    box-shadow: 0 0 5px #666!important;
    font-size: 15px !important;
    padding: 10px!important;
}

.bookingstep1 div#noDispo #noDispoContents1 {
  padding: 60px 183px 60px 100px!important;
}

.bookingstep1 #noDispo .price1 .ui-state-default,
.bookingstep1 #noDispo #legend .price1 {
  border: 0!important;
}

.ui-datepicker .ui-datepicker-header {
    border: 0;
    border-radius: 0;
    padding: 6px!important;
}

.ui-datepicker th {
  color: #999!important;
}

.ui-datepicker .ui-datepicker-title {
    font-size: 1em;
    font-weight: bold;
}

.ui-datepicker-group-middle {
    outline: 2px solid #FFF;
    position: relative;
    z-index: 20;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  border: 0!important;
  top: 8px!important;
}

.ui-datepicker .ui-datepicker-prev.ui-state-hover, .ui-datepicker .ui-datepicker-next.ui-state-hover {
  background: #dc311b!important;
}

.bookingstep1 #noDispo .ui-widget-header, .bookingstep1 #noDispo .ui-datepicker .ui-datepicker-title, .ui-datepicker .ui-datepicker-header, .ui-datepicker .ui-datepicker-buttonpane button, .offers-detail-wrapper .offer-calendar-wrapper .offer-date .ui-datepicker-inline .ui-datepicker-header {
    background: #E9E2D8!important;
    color: #666!important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, #noDispo .ui-datepicker td span, #noDispo .ui-datepicker td a {
  border:0!important;
  background: #F2F2F2!important;
  padding: 6px;
}

.ui-datepicker th.ui-datepicker-week-end {
  color: #444!important;
}

.ui-datepicker-week-end .ui-state-default,
.ui-datepicker-week-end .ui-widget-content .ui-state-default,
.ui-datepicker-week-end .ui-widget-header .ui-state-default {
  background: #DDD!important;
}

.ui-datepicker-calendar ._selected-date span, .ui-datepicker-calendar ._selected-date a, .ui-datepicker-calendar ._checkin-date span, .ui-datepicker-calendar ._checkin-date a, .ui-datepicker-calendar ._checkout-date span, .ui-datepicker-calendar ._checkout-date a, .offers-detail-wrapper .offer-calendar-wrapper .offer-date .ui-datepicker-inline .calendar-legend-offer-day._checkin-date a, .offers-detail-wrapper .offer-calendar-wrapper .offer-date .ui-datepicker-inline .calendar-legend-offer-day._selected-date a,
.offers-detail-wrapper .offer-calendar-wrapper .offer-date .ui-datepicker-inline .calendar-legend-offer-day._checkout-date a,
.ui-datepicker td:hover a {
    background: #dc311b!important;
    color: #FFF!important;
    font-weight: normal!important;
    text-decoration: none;
}

.bookingstep1 #noDispo .price1:hover .ui-state-default, .bookingstep1 #noDispo .ui-widget-content .price1:hover .ui-state-default, .bookingstep1 #noDispo .price1 .ui-state-default, .bookingstep1 #noDispo .ui-widget-content .price1 .ui-state-default, .bookingstep1 #noDispo .ui-widget-content .price1 .ui-state-hover, .bookingstep1 #noDispo #legend .price1, .offers-detail-wrapper .offer-calendar-wrapper .offer-date .ui-datepicker-inline .calendar-legend-offer-day a {
    background: #90C137!important;
    border:0!important;
}

.bookingstep1 #noDispo .price2 .ui-state-default, .bookingstep1 #noDispo .ui-widget-content .price2 .ui-state-default, .bookingstep1 #noDispo .ui-widget-content .price2 .ui-state-hover, .bookingstep1 #noDispo #legend .price2 {
  background: #73B07B!important;
}

.bookingstep1 .ui-datepicker {
  width: 19em;
}

.bookingstep1 #noDispo .price0 .ui-state-defaul, body.bookingstep1 #noDispo .ui-widget-contentt {
  border: 0!important;
}

.bookingstep1 #noDispo .ui-datepicker-unselectable.ui-state-disabled.price0 {
  background: rgba(0, 0, 0, 0)!important;
}

.bookingstep1 .ui-state-default, .bookingstep1 .ui-widget-content .ui-state-default, .bookingstep1 .ui-widget-header .ui-state-default {
  padding: 6px;
}

.offers-detail-wrapper .offer-calendar-wrapper .offer-date .ui-datepicker-inline, .rooms-detail-wrapper .room-calendar-wrapper .room-date .ui-datepicker-inline {
  padding: 10px
}

/* customize ipad portrait */
@media (min-device-width: 768px) and (max-device-width: 979px) and (orientation : portrait) {
    #ui-datepicker-div  {
        left: 0!important;
        width: 98%!important;
    }
}
/* SOCIAL MEDIA */

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

/* GOOGLE MAPS */
.mapa .external-link {

    width: 100%;
    text-align: right;
    margin-bottom: 10px;
}
.mapa {
    margin: 10px 0;
}

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

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

.mapa .alert, .adp-warnbox {
    color: #000;
    margin-top: 20px;
}
.mapa .ruta {
    width: 100% !important;
}

/* LIST */
.three-columns li, #cookies-wrapper-content ul li {
    display: inline-block;
    margin-bottom: 14px;
    width: 33%;
}

.bullets li {
    list-style-position: inside;
    list-style-type: disc;
    line-height: 1.5em;
    margin-bottom: 22px;
}

.mapa .formRuta input.calculaRuta.disabled, .mapa .formRuta input.calculaRuta.disabled:hover {
    color: inherit;
}


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

div.wpcf7 img.ajax-loader {
    display: none;
}


html[lang=ja] .engine_mashup.inline > div form .control-group input[type=text].date {
        width: 4.2em;

}

/* nuevo motor */
#main section#picbox {
    overflow: visible;
}
.bookingstep1 #menu_web {
    width: auto;
}
.bookingstep-mi-be-wrapper {
    padding: 10px 0;
    margin: 40px 0;
    background: #333;
}


.mirai-modal[data-to="left"] {
    left: -100%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.mirai-modal[data-to="left"].mi-active {
    left: 0;
}

body.mirai-modal-active .mirai-modal {
    overflow-x: hidden;
    overflow-y: scroll;
}

.mirai-modal {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1050;
    background-color: rgba(0,0,0,.79);
    color: #fff;
}

.mi-modal-header {
    text-align: center;
    position: absolute;
    padding: 30px 0;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
}

.mirai-modal .mi-modal-content {
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    display: flex !important;
    justify-content: center;
    align-items: center;
}

#engine-modal.modal, #engine-modal.modal .modal-body, #engine-modal.mirai-modal .mi-modal-content, #engine-modal.mirai-modal .mi-modal-content>div {
    overflow: visible;
}

#engine-modal.mirai-modal .mi-modal-content>div {
    overflow: visible;
}

.mirai-modal .mi-modal-content>div {
    max-height: 100%;
    overflow: auto;
}
.mirai-modal .mi-modal-content .full-width {
    width: 100%;
    display: flex;
    justify-content: center;
}
.mirai-modal .mi-modal-content h3{
	margin-bottom: 30px;
}

.mi-modal-close {
    background: transparent;
    color: inherit;
    border: 0;
    display: inline-block;
    cursor: pointer;
    line-height: 1;
}

.mirai-modal>.mi-modal-close, .mi-modal-header>.mi-modal-close {
	font-size: 30px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.visible-phone{
	display: none;
}


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

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

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

     div#advantages-btn {
        display: none!important;
    }
    .img-header img {
        height: 600px;
        object-fit: cover;
    }
    #fixed-best-price {
        top: auto;
        bottom: 50px;
    }
}

/* customize ipad portrait */
@media (min-device-width: 768px) and (max-device-width: 979px) and (orientation : portrait) {
     div#advantages-btn {
        display: none!important;
    }
    .bookingstep1 #mirai_roomSelectionContainer {
        width: 98%;
    }
    .bookingstep1 #header .content {
        width: 100%;
    }
    .offers-detail-wrapper .section {
        padding: 0 !important;
    }

    .bookingstep1 ul#menu_web li {
        padding: 0 14px;
    }

    .bookingstep1 #menu_web {
        width: 82%
    }

    .bookingstep1 #motor_reservas #mirai_bookentrance #mirai_be7 input {
        padding: 10px 6px;
        font-size: 0.9em!important;
    }
    input#mirai_be6 {
        width: 92px;
    }
   
    ul#menu_web li {
        padding: 0 12px;
    }

    #info ul.span2 {
        margin-left: 15%;
        width: 27%;
    }
    .widget_qtranslate {       
        width: 100px;
        margin-bottom: 15px;
        padding-top: 19px;
    }
  
  
    .formRuta input {
     padding: 15px 15px;
     width: auto;
 }
 .mapa .formRuta input.origen {
  height: auto;
}
#sourondings h3 {
    font-size: 1.3em;
    line-height: 1em;
}
#sourondings h3, #sourondings p {

 color: #666;
 padding-top: 20px;
}
#sourondings  .bg-dark {
    background-color: transparent;
}

#sourondings .absolute-middle {
    left: auto;
    position: relative;
    top: auto;
    /* -webkit-transform: translate(-50%,-50%); */
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
    width: 100%;
}
.img-header {
    width: 100%;
    /*margin-top: -425px;*/
}
div#engine-wrapper {
    margin-top: 144px;
}
#engine-wrapper h2.special2 {
    font-size: 5em;
}
.no-title.img-header {
    /*margin-top: -150px;*/
}
    div#advantages-btn {
        display: none;
}
}

/* customize ipad landscape */
@media (min-device-width: 768px) and (max-device-width: 979px) and (orientation : landscape) {
     div#advantages-btn {
        display: none!important;
    }
        div#advantages-btn {
        display: none;
}


}

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