/*
Theme Name: Rural-las-tiranajas-2016
Theme URI: hotelrurallastirajanas.com
Description: Rural Las Tiranajas
Template: mirai
Author: Mirai Espana
*/

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


@font-face {
    font-family: 'hand_of_seanregular';
    src: url('handsean-webfont.eot');
    src: url('handsean-webfont.eot#iefix') format('embedded-opentype'),
         url('handsean-webfont.woff') format('woff'),
         url('handsean-webfont.ttf') format('truetype'),
         url('handsean-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1 {}

#main section h2, .rooms-listing-wrapper .container > h2, .rooms-detail-wrapper h2, .post h2 a, #cookies-wrapper-content h1 {
    font-size: 2em;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 15px;
}

.header-pic h2 {
    color: #FFF;
    font-size: 3.5em;
    font-weight: 300;
    text-transform: uppercase;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
}

#main section .container.center h2 {
    color: #FFF;
    font-size: 1.4em;
    text-transform: uppercase;
    margin-bottom: 15px;
}

#main section h3, .room-box .room-detail h3 a, .room-box-description h3, .post #respond h3, #cookies-wrapper-content h2 {
    font-size: 1.6em;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 10px;
}

h3 {}

#main section h4 {
    font-size: 1em;
    font-weight: 300;
}

h1, h2, h3, h4 {}

#main section {
    overflow-x: hidden;
}

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, div.hssurveys_full .noLink a {
    color: #cddc39;
}

.white-font {
    color: #FFF;
}

a:hover {}

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

::selection {
    color: #FFF;
    background: #cddc39;
}

body {
    font-size: 16px;
    line-height: 1.4;
}

body, .bookingstep1 #header *, .bookingstep1 #motor_reservas #mirai_bookentrance #mirai_be7 input, .bookingstep1 #mirai_be0 input, .bookingstep1 #mirai_be0 span, .bookingstep1 #mirai_be0 select {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
}

#header {
    position: absolute;
    top: 30px; left: 0;
    width: 100%;
    z-index: 100;
}

#header .content {}

#main {}

#main .content {
    color: #706f5e;
}

#footer {
    background: -moz-linear-gradient(top,  rgba(61,61,61,0.7) 0%, rgba(112,112,112,0.7) 100%);
    background: -webkit-linear-gradient(top,  rgba(61,61,61,0.7) 0%,rgba(112,112,112,0.7) 100%);
    background: linear-gradient(to bottom,  rgba(61,61,61,0.7) 0%,rgba(112,112,112,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b33d3d3d', endColorstr='#b3707070',GradientType=0 );
    
    color: #FFF;
    font-size: 0.8em;
    font-weight: 300;
}

#footer a {
    color: #FFF;
    font-weight: 300;
}

#footer .content {
    background: url(../../../files/footer-imagotipo.png) no-repeat center bottom;
    padding: 50px 0 20px;
}

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

#main section {
    padding: 60px 0;
}

#main section#intro, #cuadroOpiniones, .rooms-listing-wrapper > .container, .blog-bloq, #cookies-wrapper-content { 
    padding: 120px 0 60px;
}

.cat-offers #main section#intro {
    padding: 120px 0 0;
}

.rooms-listing-wrapper > .container {
    margin: 0 auto;
}

#main section.header-pic {
    padding: 0;
}

img {
    width: auto
}

.full-size, .rpwe-thumb {
    width: 100%;
}

.inline-block, .widget_qtranslate {
    display: inline-block;
}

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

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

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

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

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

.affix #logo {
    width: 60px;
}

.affix .book-module {
    margin-top: 10px;
}

.affix .book-arrow, .affix .book-module span {
    display: none;
}

.affix  .btn-modal-engine {
    height: 36px;
    line-height: 36px;
    padding: 0 30px;
}

.affix .sub-menu {
    background: #212121;
    padding: 10px 0;
}

.center, .offers-mashup {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%,-50%);
    width: 100%;
    z-index: 10;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.center.container {
    width: 960px;
}

.carousel .center ul {
    margin-bottom: 20px;
}

.carousel .center li {
    color: #FFF;
    display: inline-block;
    font-size: 1.2em;
    font-weight: 300;
    padding: 0 20px;
    text-transform: uppercase;
}

.not-home .header-pic .center {
    top: 65%;
}

.carousel-control {
    background: transparent;
    font-size: 5em;
    z-index: 20;
}

.grey-gradient {
    background: -moz-linear-gradient(top,  rgba(35,35,35,0.55) 0%, rgba(35,35,35,0.55) 1%, rgba(35,35,35,0) 100%);
    background: -webkit-linear-gradient(top,  rgba(35,35,35,0.55) 0%,rgba(35,35,35,0.55) 1%,rgba(35,35,35,0) 100%);
    background: linear-gradient(to bottom,  rgba(35,35,35,0.55) 0%,rgba(35,35,35,0.55) 1%,rgba(35,35,35,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c232323', endColorstr='#00232323',GradientType=0 );
    
    left: 0;    top: 0;
    height: 100%;
    width: 100%;
}

.carousel .go-to-anchor {
    background: url("../mirai/images/arrows.png") no-repeat -63px 0px transparent;
    display: block;
    height: 18px;
    margin-left: -17px;
    bottom: 8%; left: 50%;
    width: 35px;
}

.carousel .go-to-anchor:hover {
    opacity: 0.7;
}

.bg-light-grey {
    background-color: #f4f4f4;
}

.bg-twitter {
    background-image: url(../../../files/bg-twitter-icon.png);
    background-repeat: no-repeat;
    background-position: center;
}

.bg-transparent-grey {
    background: rgba(74,74,74,0.3);
    height: 100%;
    width: 100%;
}

.bg-dark-grey {
    background-color: #131311;
    color: #ededed;
}

/* COOKIES */
#cookies-alert-wrapper {
    bottom: 0;  top: auto;
    padding: 20px 0;
}

#sidebar-preheader .bg-grey {
    background: rgba(61, 61, 61, 0.7);
    color: #dacdb6;
    font-size: 0.72em;
    top: 0; left: 0;
    width: 100%;
    z-index: 10;
}

#sidebar-preheader .bg-grey a {
    color: #dacdb6;
    -webkit-transition: all 0.1s linear;
   -moz-transition: all 0.1s linear;
   -ms-transition: all 0.1s linear;
   -o-transition: all 0.1s linear;
   transition: all 0.1s linear;
}

#sidebar-preheader .bg-grey a:hover {
    color: #FFF;
}

#sidebar-preheader .bg-grey .icon-lock {
    background: url(../../../files/sprite03.png) no-repeat 0 -362px;
}

#sidebar-preheader .bg-grey span .phone {
    background: url(../../../files/sprite03.png) no-repeat 0 -291px;
    display: inline-block;
    height: 15px;
    margin-right: 4px;
    width: 15px;
}

#sidebar-preheader .bg-grey .icon-lock  {
    vertical-align: -2px;
}

#sidebar-preheader .bg-grey span .phone  {
    vertical-align: -3px;
}

#engine-tracking-link-wrapper, #sidebar-preheader .bg-grey span, #menu-contact {
    padding: 0 10px;
}

.pdd1 {
    padding: 40px 0 50px;
}

.pdd2 {
    padding: 1px;
}

.pdd3 {
    padding-right: 5%;
}

.pdd4 {
    padding-left: 5%;
}

.pdd5 {
    padding-right: 24.999999999999996%;
}

.pdd7 {
    padding: 5px;
}

.pdd8 {
    padding-right: 2%;
}

.pdd9 {
    padding-left: 2%;
}

.mrg1 {
    margin-bottom: 120px;
}

.mrg2 {
    margin-top: 70px;
}

.mrg3, .offers-detail-wrapper .offer-calendar-wrapper, .rooms-detail-wrapper .room-calendar-wrapper, .post #respond h3, #cookies-wrapper-content h2 {
    margin-top: 50px;
}

.mrg4 {
    margin-top: 20px;
}

.pic-h {
    margin-top: 5px;
}

.pic-v {
    margin-top: 33px;
}

.no-space {
    margin: 0!important;
    padding: 0!important;
}


.brd1 {
    border-left: 1px solid #FFF;
}

.text-over-square {
    padding: 60px 50px 0;
    z-index: 20;
}

.arrow-link, .room-box .room-detail .room-description .more-info, .back a, .mirai_widget_recent_entries a, #cookies-wrapper-content li a {
    font-size: 0.8em;
    text-decoration: none;
    text-transform: uppercase;
}

.arrow-link:hover {
    color: #E7FF00;
    text-decoration: underline;
}

.room-box .room-detail .room-description .more-info, .back a, a.btn-occupancies, .rooms-detail-wrapper .go-to-offers-page a,
.rooms-detail-wrapper .detail-links li a, .room-box .room-detail h3 a, .post h2 a, div.hssurveys_full .noLink a, .paging span a,
.blog-bloq .post a, .mirai_widget_recent_entries a, .acept-privacity a, #sports .arrow-link, #massages .arrow-link, #cookies-wrapper-content li a {
    color: #A6B700!important;
}

.room-box .room-detail .room-description .more-info:hover, .back a:hover, a.btn-occupancies:hover, .rooms-detail-wrapper .go-to-offers-page a:hover,
.rooms-detail-wrapper .detail-links li a:hover, .room-box .room-detail h3 a:hover, .post h2 a:hover, div.hssurveys_full .noLink a:hover, .paging span a:hover,
.blog-bloq .post a:hover, .mirai_widget_recent_entries a:hover, .acept-privacity a:hover, #sports .arrow-link:hover, #massages .arrow-link:hover, #cookies-wrapper-content li a:hover {
    color: #cddc39!important;
    text-decoration: underline; 
}

.arrow-link:before, .room-box .room-detail .room-description .more-info:before, .back a:before, .entry .more-link:after, .mirai_widget_recent_entries a:before, #cookies-wrapper-content li a:before {
    content: "›";
    display: inline-block;
    font-size: 2.4em;
    font-weight: 300;
    margin-right: 5px;
    vertical-align: -5px;
    text-decoration: none!importan;
}

.back a:before {
    content: "‹";
}

.entry .more-link:after {
    margin-left: 5px;
}

.content-list li {
    line-height: 1.4;
}

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

/* HOME */
.highlighted-services h4 {
    font-size: 1.2em!important;
    line-height: 1.2;
}

.highlighted-services p {
    font-size: 0.8em;
}

#activities-sports {
    background: url(../../../files/home-activities.jpg) no-repeat top left #000;
    background-size: auto 100%;
    height: 480px;
}

#reviews cite {
    display: block;
    font-weight: 100;
    font-style: italic;
}

#reviews .persona-review {
    background: url(../../../files/sprite05.png) no-repeat 0 -450px;
    display: inline-block;
    height: 106px;
    margin-right: 20px;
    vertical-align: -50px;
    width: 109px;
}

#reviews .inline-block {
    width: 80%;
}

.rpwe-li {
    float: left;
    padding: 0 2%;
    width: 29%;
}

.rpwe-title {
    font-size: 1em!important;
    margin-top: 10px;
}

.rpwe-title a {
    color: #4a4a4a;
    font-size: 1em;
    font-weight: 700;
}

.rpwe-summary .more-link {
    color: #4a4a4a;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-decoration: underline;
}

.rpwe-summary .more-link:hover {
    color: #8C8C8C;
}

/* LOCATION */

/* ROOMS */
.rooms-detail-wrapper .room-box-image .room-box-detail, .room-box .room-detail ul li span {
    font-size: 0.8em;
}

.rooms-listing-wrapper > .container p:nth-child(2) {
    color: #706f5e;
    font-size: 1.4em;   
}

.rooms-listing-wrapper .common-services li {
    line-height: 1.4;
}

.room-box .room-detail .room-description, .room-box .room-detail h3 a, .post h2 a {
    color: #706f5e!important;
}

.room-box .room-detail h3 a, .post h2 a {
    text-decoration: underline;
}

.rooms-detail-wrapper h2 {
    text-align: left;
}

/* SERVICES */

/* EVENTS LGTB */

.page-id-1077 .header-pic h3 {
    font-size: 3em;
    line-height:  1.9em;
    color: #fff;
    font-weight: 300;
    text-shadow: 0 2px 3px rgba(0,0,0,.5);
}

html[lang="en"] .page-id-1077 .header-pic h2 {
    font-size: 2.8em;
    line-height: 1.2em;
}

#presents-lgtb li {
    margin-left: 15px;
    list-style-type:  disc;
    padding-bottom: 12px;
}

#presents-lgtb ul {
    padding-top: 15px;
}

#presents-lgtb img {
    object-fit:  cover;
}

#presents-lgtb li:last-child {
    list-style:  none;
    font-weight:  600;
    margin-top:  20px;
    margin-left:  0;
    font-style:  italic;
}

#contact-lgtb .row {
    margin-top: 65px;
}

#photos-lgtb {
    padding-top: 30px !important;
}

.flex {
    display: -ms-flexbox!important;
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: flex!important;
}

/* PHOTOS */

/* OFFERS */
.offers-listing-wrapper h2 {
    display: none;
}

.offer-link {
    background-color: #f4f4f4;
    color: #706f5e;
}

/* COOKIES */

/* LEGAL */

/* REVIEWS */
#cuadroOpiniones div.hssurveys_full h2 {
    text-align: center;
}

.paging span a {
    background: transparent!important;
    font-size: 1.2em!important;
}

/* reviews mejora #33051 */

div.wrapper-reviews {
    height: 100%;
    text-align: center;
    margin: 50px auto;
}

div.wrapper-reviews iframe{
    border: none!important;
    border-bottom: none!important;
    height: 1440px;
    font-family: sans-serif!important;
}

div.wrapper-reviews iframe body{
    font-family: 'Roboto';
}

.preview-published * {
    font-family: 'Roboto' !important;
}

#iframe-content{
    font-family: 'Roboto', sans-serif !important;
}

#iframe-content ul li{
border-bottom:none!important;

}


/* BLOG */
 .entry .more-link {
     display: inherit;
}

.post {
    margin-bottom: 80px;
}

.pdd9 .addthis_toolbox .at300b {
    padding: 0;
}

.widget_search {
    margin: 20px 0;
}

.widget_search form label, .entry .categorias {
    display: none;
}

.widget_search form input[type=text] {
    display: inline-block;
    font-size: 14px!important;
    height: 40px;
    line-height: 40px;    
    vertical-align: top;
   width: 65%;
}

.blog .widget_search form input[type="submit"], .single-post .widget_search form input[type="submit"] {
    font-size: 12px!important;
    padding: 0 10px!important;    
    width: 32%;
}

.widget_postcategories, .mirai_widget_recent_entries {
    background: #f4f4f4;
    padding: 10px;
    margin: 30px 0;
}

.mirai_widget_recent_entries h3 {
    text-transform: uppercase;
    font-weight: bold;
}

.mirai_widget_recent_entries a {
    display: block;
    color: #999;
    margin-bottom: 10px;
}

.at-icon-wrapper {
    border-radius: 50%
}

.post .entry img {
    margin: 10px 0!important;
}

.post #respond form .comment-form-comment textarea {
    width: 95%;
}

/* TIENDA WOOCOMMERCE*/
.woocommerce-page header#header, .woocommerce-page ul.sub-menu {
    background: #363C4E;
}
.woocommerce-page section#main {
    margin-top: 170px;
}
/*.woocommerce-page #main * {
    font-family: Open Sans;
}*/
 
/* añadir estos estilos si el fondo es de color diferente a blanco */
/*.woocommerce #main > .content, .woocommerce-page #main > .content {
    background: #ffffff;
    padding: 20px;
}*/
 
/* Title & Checkout Page */
.woocommerce-page .page-title, .woocommerce-checkout .woocommerce > p:first-child, .woocommerce-page ul.products li.product a:hover h3, .woocommerce .product-type-simple #tab-description em {
    color: #706F5E !important;
}
 
/* icon cart background */
.cart-icon {
    background: #64b85f !important;
}
 
/* BASIC buttons */
.woocommerce .summary .cart .woocommerce-continue-shopping-button, .woocommerce-page .widget_shopping_cart_content .cart-contents .button, .woocommerce-page .cart .button, .woocommerce-page .woocommerce .return-to-shop .wc-backward {
    background: #444444 !important;
    color: #fff;
}
 
/* hover basic buttons */
.woocommerce .summary .cart .woocommerce-continue-shopping-button:hover, .woocommerce-page .widget_shopping_cart_content .cart-contents .button:hover, .woocommerce-page .cart .button:hover, .woocommerce-page .woocommerce .return-to-shop .wc-backward:hover {
    background: #565656 !important;
}
 
/* CUSTOM buttons */
.woocommerce .summary .cart .single_add_to_cart_button, .woocommerce-page .cart .checkout-button, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order, .woocommerce-checkout #main .woocommerce .order-again a.button {
    background: #64b85f !important;
    color: #fff;
}
 
/* hover custom buttons */
.woocommerce .summary .cart .single_add_to_cart_button:hover, .woocommerce-page .cart .checkout-button:hover, .woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover, .woocommerce-checkout #main .woocommerce .order-again a.button:hover {
    background: #589E53 !important;
}
 
/* buttons shop read more to category page */
.woocommerce ul.products li a.woocommerce-read-more-link {
    background: #42A0B7;
    color: #ffffff;
}
 
/* price color - default #42b2da */
.woocommerce-page ul.products li.product .price .amount, .woocommerce-page .product-type-simple .summary .price .amount {}

.woocommerce .product-categories a {
    color: #42a0b7;
}
 
/**************************************************/
/**************************************************/
/**************************************************/


/* NOT FOUND */
.not_found #main {
    background: url('../mirai/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 */
.bookingstep1 #header {
    background: #212121;
    font-size: 16px;
    position: relative;
    top: 0;
}

.bookingstep1 .inline-block {
    display: inline-block!important;
}

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

.bookingstep1 #logo {
    width: 120px;
}

.bookingstep1 .engine_mashup {
    background: #3C3C3C;    
}

.bookingstep1 .engine_mashup.inline > div form {
    padding: 15px 0 3px;
}

.bookingstep1 .engine_mashup.inline > div form .control-group input[type=text].date {
    padding: 0 8px 0 0;
    width: 7.9em;
}

.bookingstep1 .engine_mashup > div input.date {
    background: url(../../../files/sprite01.png) no-repeat 102px 11px #FFF;
}

.bookingstep1 .engine_mashup > div form .button-group input[type="submit"] {
    color: #FFF!important;
    height: 50px;
    padding: 0 30px;
}

.bookingstep1 #header .content > *, .bookingstep1 #logo, .bookingstep1 ul#menu_web {
    display: inline-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;
}


#modal-occupancies, #modal-compositions {
    background: #212121;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;    
    color: #FFF;
    text-align: center;
}

#modal-occupancies .modal-header .close, #modal-compositions .modal-header .close {
    color: #FFF;
}

#modal-occupancies .modal-header h3, #modal-compositions .modal-header h3 {
    font-size: 1.5em;
    font-weight: bold;
    text-transform: uppercase;
}

/* MODAL */

#modal-engine {
    display: none!important;
}

#engine-advantages {
    background: #212121;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;    
    color: #FFF;
    left: 0;
    margin: 0;
    padding: 80px 0;
    width: 100%;
}

#engine-advantages.modal.fade.in {
    top: 0;
}

#engine-advantages .modal-header {
    border: 0;
}

#engine-advantages .modal-header .close {
    color: #FFF;
    font-size: 2em;
    font-weight: normal;
    opacity: 1;
    
    position: absolute;
    top: 8px;   right: 0;
}

#engine-advantages h2 {
    font-size: 1.5em;
    font-weight: bold;
    text-transform: uppercase;
}

#engine-advantages .modal-body {
    max-width: 900px;
}

#engine-advantages .span6 {
    padding: 0 5%  0 0;
}

#engine-advantages .span6.brd1 {
    border-left: 1px dashed #FFF;
}

#engine-advantages .modal-header, .widget_search form input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#engine-advantages .advantages-list {
    margin-top: 30px;
}

.advantages-list li {
    background: url(../../../files/sprite02.png) no-repeat 0 -101px;
    font-weight: 300;
    margin: 35px 0;
    padding-left: 35px;
}

#intro .advantages-list li, .cat-corporate .bullets li, .cat-legal .bullets li {
    font-weight: normal;
    line-height: 1.4;
    margin: 20px 0;
}

#engine-advantages .engine_mashup {
    margin: 0 auto;
    max-width: 270px;
}

.engine_mashup > div form .control-group {
    background: #FFF;
    color: #8a8a8a;
    margin-bottom: 12px!important;
}

.engine_mashup > div form .control-group label {
    font-size: 0.8em!important;
    height: 50px;
    line-height: 50px;
    padding-left: 12px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.engine_mashup > div form .control-group label.label-code {
    height: 40px;
    margin-top: 10px;
}

.engine_mashup > div form .control-group input, .engine_mashup > div form .control-group select {
    border: 0;
    box-shadow: none;
    height: 50px;
    
    padding: 0 8px;
    margin: 0;
}

.engine_mashup > div form .control-group span.help-inline {
    display: none!important
}

.engine_mashup > div form .button-group input[type="submit"] {
    background: rgba(179, 246, 101, 0.7);
    border: 1px solid #FFF;
    border-radius: 100px;
    box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.61);
    font-size: 0.9em;
    font-weight: 700;
    height: 56px;
    text-transform: uppercase;
    text-shadow: none;
    width: 100%;

    -webkit-transition: all 0.1s linear;
   -moz-transition: all 0.1s linear;
   -ms-transition: all 0.1s linear;
   -o-transition: all 0.1s linear;
   transition: all 0.1s linear;
}

.engine_mashup > div form .button-group input[type="submit"]:hover {
    background: rgba(179, 246, 101, 0.9);
    color: #FFF;
    text-decoration: none
}

.book-module {
    margin-top: 40px;
}

 .btn-modal-engine {
    background: rgba(179, 246, 101, 0.7);
    border: 1px solid #FFF;
    border-radius: 100px;
    box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.61);
     color: #FFF;
    display: inline-block;
    font-size: 0.9em;
    font-weight: 700;
    height: 56px;
    line-height: 56px;
    text-transform: uppercase;
    text-shadow: none;
     padding: 0 60px;
   -webkit-transition: all 0.1s linear;
   -moz-transition: all 0.1s linear;
   -ms-transition: all 0.1s linear;
   -o-transition: all 0.1s linear;
   transition: all 0.1s linear;
}

.btn-modal-engine:hover {
    background: rgba(179, 246, 101, 0.9);
    color: #FFF;
    text-decoration: none
}

.rooms-detail-wrapper .room-calendar-wrapper .room-button, .offers-detail-wrapper .offer-calendar-wrapper .offer-button {
    border: 0;
    color: #FFF;
    height: 56px!important;
    line-height: 56px!important;
}

.book-module span {
    color: #FFF;
    display: block;
    font-family: 'hand_of_seanregular';
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.44);
    margin-top: 10px;
}

.book-arrow {
    background: url(../../../files/sprite03.png) no-repeat 0 -206px;
    display: inline-block;
    height: 35px;
    vertical-align: bottom;
    width: 43px;
}

#back-top {
    background: rgb(179, 246, 101);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    padding: 16px 10px;
}

/* Calendar */
#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: 15px;
    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: #EF6772!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: #f4f4f4!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: #cddc39!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
}


/* CONTACT FORM */
#contact-form .wpcf7 label {
    display: inline-block;
    font-size: 0.9em;
    text-align: left;
    line-height: 20px;
    margin-bottom: 0;
    padding-top: 4px;
    vertical-align: top;
    width: 150px;
}

#contact-form .wpcf7 .captcha label {
    display: block;
    margin-bottom:10px;
}

#contact-form .wpcf7 .wpcf7-captchac {
    margin: 0 45px 0 20px;
}

#contact-form input, #contact-form textarea, .acept-privacity input {
    display: inline-block;  
}

#contact-form textarea {
    height: 130px!important;
}

 .acept-privacity {
    margin-right: 38px;
}

.acept-privacity span {
    vertical-align: 4px;
}


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

/* QTRANSLATE */
.widget_qtranslate {
    border-right: 1px solid #8a8a8a;
    border-left: 1px solid #8a8a8a;    
    padding: 0 10px;
}

.widget_qtranslate a {
    font-weight: 300;
    text-decoration: underline;
}

.widget_qtranslate select {
    width: 100px;
}

.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;
    padding: 0 14px;
    position: relative;
}

ul#menu_web li a {
    border-bottom: 2px solid transparent;
    color: #FFF;
    font-weight: 700;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
    text-transform: lowercase;
    padding-bottom: 4px;
}

ul#menu_web > li a:hover, ul#menu_web > li ul.sub-menu li.current-menu-item a, #menu-contact li.current-menu-item a, #menu-legal li a:hover, #menu-legal li.current-menu-item a,
.bg-twitter .entry-content a:hover {
    opacity: 0.7;
}

ul#menu_web > li.current-menu-item > a, ul#menu_web > li.current-menu-parent > a {
    border-bottom-color: #d2d0ca;
}

ul#menu_web li.menu-item-has-children > a:after {
    background: url(../../../files/sprite04.png) no-repeat 0 -159px;
    content: '';
    display: inline-block;
    height: 4px;
    margin-left: 8px;
    vertical-align: 3px;
    width: 7px;
}

.menu li {
    display: inline-block;
}

.sub-menu {
    padding-top: 4px;
    z-index: 1000!important;
}

.sub-menu li {
    display: block;
    padding: 8px 20px;
}

ul#menu_web .sub-menu li a {
    text-transform: none;
}

#menu-legal {
    margin-top: 38px;
}

#menu-legal li {
    padding-right: 15px;
}

#menu-legal li a {
    text-decoration: underline;
}

/* OFFERS MASHUP */
.offers-mashup-inner {
    overflow: visible;
}

.offers-mashup {
    /* position: absolute;
    top: 0; right: 0;   left: 0;    bottom: 0; */
    text-align: center;
    z-index: 20;
}

.offers-mashup .more-info-link, .btn-more-info {
    background: transparent;
    border: 1px solid #ededed;
    border-radius: 50px;
    color: #FFF;
    display: inline-block;
    font-size: 0.8em;
    padding: 15px 30px;
    text-shadow: none;
    text-transform: uppercase;
   -webkit-transition: all 0.1s linear;
   -moz-transition: all 0.1s linear;
   -ms-transition: all 0.1s linear;
   -o-transition: all 0.1s linear;
   transition: all 0.1s linear;
}

.offers-mashup .more-info-link:hover, .btn-more-info:hover {
    background: rgba(179, 246, 101, 0.6);
    border: 1px solid #ededed;
    color: #FFF;
    text-decoration: none;
}
    
.offers-mashup dl {
    color: #FFF;
}

.offers-mashup dl dt {
    font-size: 1.5em;
    font-weight: 700;
    margin: 0 auto 10px;
    max-width: 240px;
    line-height: 1.2;
}

.offers-mashup dl dd span {
    display: block;
    margin-bottom: 20px
}

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


.engine_mashup > div form .button-group .icon-lock {
    /*background-image: url("../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: 38%;
}

.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: 55%;
}

.engine_mashup > div input.date {
    background: url(../../../files/sprite01.png) no-repeat 122px 11px #FFF;
}

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

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

/* SOCIAL MEDIA */
.socialmedia ul li, .socialmedia-share ul li {
    margin-right: 5px;
}

.socialmedia ul li a:before, .socialmedia-share ul li a:before {
    background-color: #4a4a4a;
    border-radius: 50%;
    font-size: 18px;
    padding: 10px;
   -webkit-transition: all 0.1s linear;
   -moz-transition: all 0.1s linear;
   -ms-transition: all 0.1s linear;
   -o-transition: all 0.1s linear;
   transition: all 0.1s linear;    
}

.socialmedia ul li a:hover:before, .socialmedia-share ul li a:hover:before {
    background-color: #8C8C8C;
}

.socialmedia h3.socialmedia-title {
    color: #4a4a4a;
    font-size: 0.9em;
    font-weight: bold;
}

.twitterwidget-title, .entry-meta .time-meta {
    display: none;
}

.bg-twitter .entry-content {
    display: block;
    font-size: 0.9em;
    font-style: italic;
    line-height: 1.4;
    padding: 10px 0;
}

.bg-twitter .entry-content a {
    color: #706f5e;
    text-decoration: underline;
}


/* VCARD */
.hotelschema h3 {
    border-bottom: 1px dashed #FFF;
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold!important;
    line-height: 1.4;
    margin-bottom: 10px;
}

#developed-wrapper {
    margin-top: 40px;
}

#developed-wrapper a {
    font-weight: bold;
    text-transform: lowercase;
}

/* SHADOWBOX TEST */
#sb-body, #sb-loading {
    background-color: #FFF;
}

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

 .offers-listing-wrapper .offer .offer-button, .rooms-detail-wrapper .offer .offer-button, #respond .form-submit #submit, .wpcf7 .wpcf7-form input.wpcf7-submit,
.widget_search form input[type="submit"], #main .go-to-calendar, .rooms-detail-wrapper .room-calendar-wrapper .room-button,  .offers-detail-wrapper .offer-calendar-wrapper .offer-button {
    background: #324A16;
    display: inline-block;
    font-size: 14px!important;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    padding: 0 20px!important;

    -webkit-transition: all 0.1s linear;
   -moz-transition: all 0.1s linear;
   -ms-transition: all 0.1s linear;
   -o-transition: all 0.1s linear;
   transition: all 0.1s linear;
}


.offers-listing-wrapper .offer .offer-button:hover, .rooms-detail-wrapper .offer .offer-button: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, .rooms-detail-wrapper .room-calendar-wrapper .room-button:hover,
.offers-detail-wrapper .offer-calendar-wrapper .offer-button:hover, .mapa .formRuta input.calculaRuta:hover {
    background: #567D28;
    color: #FFF;
    text-decoration: none;
}


/* GOOGLE MAPS */
.mapa .map_canvas {
    margin-bottom: 20px;
    height: 500px!important;
    width: 100% !important;
}

.mapa .formRuta input {
    border-radius: 0;
    box-shadow: none;
    margin-right: 10px;
    height: 50px;
    padding: 0 20px!important;
    text-shadow: none;
}

.mapa .formRuta input.calculaRuta {
    background: #324A16;
    text-transform: uppercase;
    font-size: 14px!important;
}

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

.mapa .ruta {
    text-align: left;
    width: 100% !important;
}

.mapa .formRuta a.ocultaRuta {
    color: #cddc39!important;
}

.mapa .external-link {
    background: #3D3D3D;
    border-radius: 1px;
    box-shadow: 1px 1px 5px rgba(9, 9, 9, 0.34);
    color: #FFF!important;
    display: inline-block;
    font-size: 0.8em;
    text-transform: uppercase;
    text-decoration: none!important;
    padding: 8px;
    position: absolute;
    right: 20px;    top: 20px;
    z-index: 1;
    
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.mapa .external-link:hover {
    opacity: 0.8;
}

p[itemprop="address"] {
    font-weight: bold;
}

.cat-location p[itemprop="address"] span[itemprop="streetAddress"]:before {
    content: '\a';
    white-space: pre;
}

.latlon-wrapper li {
    line-height: 1.4;
}

.latlon-wrapper label {
    display: inline-block;
    font-size: 1em;
    font-weight: bold;
    margin-right: 8px;
}

.latlon-wrapper span {
    margin-right: 16px;
}

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

.photos a {
    background: url(../../../files/camera.png) no-repeat;
    background-position: left center;
    background-size: 30px;
    padding: 20px 0 14px 40px;
    font-size: 15px;
}

/* Banner Noche de estrellas */

.banner {
    padding: 25px;
    background: rgba(144,192,93,.3);
    color: #fff;
    font-size: .9em;
    position: absolute;
    top: 250px;
    border: 1px solid;
    border-radius: 10px;
    left: 10px;
    display: inline-flex;
}

.banner span {
    margin-left: 16px;
    font-weight: bold;
    text-transform: uppercase;
}

#modal-night-start {
    top: 36%;
    width: 40%;
}

#modal-header{    
    border-bottom: none!important;
}

button.close-new {
    right: 0;
    position: absolute;
    color: #fff;
    background: black;
    font-size: 2em;
    z-index: 9;
    border: 3px solid;
}

.modal-header:focus {
    outline: none!important;
}

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

/* Large desktop */
@media (min-width: 1200px) {
    body {
        font-size: 18px;
    }

    .center.container {
        width: 1200px;
    }
    
    #activities-sports {
        height: 670px;
    }

    .pic-h {
        margin-top: 25px;
    }
    
    .pic-v {
        margin-top: 0;
    }
    
    .pdd9 .addthis_toolbox .at300b {
        padding: 0 2px;
    }
    
    .blog .widget_search form input[type="submit"] {
        font-size: 14px!important;
    }
}

/* ipad portrait - landscape */
@media (min-device-width: 768px) and (max-device-width: 979px) and (orientation : landscape) {
        .banner{
        top: 400px;
    }
}

/* customize ipad portrait */
@media (min-device-width: 768px) and (max-device-width: 979px) and (orientation : portrait) {
    body, .bookingstep1 #header {
        font-size: 15px;
    }
    .bookingstep1 #mirai_roomSelectionContainer {
        width: 98%;
    }
    .bookingstep1 #header .content {
        width: 100%;
    }
    .offers-detail-wrapper .section {
        padding: 0 !important;
    }
    #ui-datepicker-div  {
        left: 0!important;
        width: 98%!important;
    }
    #main section#intro, #cuadroOpiniones, .rooms-listing-wrapper > .container, .blog-bloq, #cookies-wrapper-content {
        padding: 80px 0 40px;
    }
    .center.container {
        width: 740px;
    }
    #activities-sports {
        background: url(../../../files/home-activities.jpg) no-repeat -50px top #000;
        background-size: auto 100%;
        height: 400px;
    }
    #logo {
        width: 100px;
    }
    .header-pic h2 {
        font-size: 2.5em;
    }
    
    html[lang="en"] .page-id-1077 .header-pic h2 {
        font-size: 2.5em;
    }
    .carousel .center ul {
        margin-bottom: 0px;
    }
    .carousel .center li {
        font-size: 0.8em;
        padding: 0 10px;
    }
    .btn-modal-engine {
        height: 46px;
        line-height: 46px;
        padding: 0 30px;
    }
    ul#menu_web > li {
        padding: 0 11px;
    }
    .book-arrow, .book-module span {
        display: none;
    }
    .book-module {
        margin-top: 35px;
    }
    #engine-advantages h2 {
        font-size: 1.2em;
    }
    .text-over-square {
        padding: 20px 40px 0;
    }
    .pic-v {
        margin-top: 0
    }
    #intro .span5.offset1, #intro .span4.offset1 {
        float: none;
        margin: 0 auto;
        text-align: center;
        width: 70%;
    }
    #intro .span4.offset1 {
        width: 50%;
    }
    #activities-sports .pdd5 {
        padding-right: 10%;
    }
    .engine_mashup.inline > div form .control-group {
        margin: 0px 3px 0px 0px;
    }
    .bookingstep1 .engine_mashup > div input.date {
        background: url(../../../files/sprite01.png) no-repeat 97px 11px #FFF;
    }
    .blog-bloq .span9 {
        padding: 0;
        width: 100%;
    }
    .mrg1 {
        margin-bottom: 30px;
    }
    .mrg2 {
        margin-top: 20px;
    }
    .mapa .formRuta a.ocultaRuta.help-inline {
        display: block!important;
        margin: 10px;
    }
    .advantages-list li {
        margin: 15px 0;
    }
    .photos a {
        background-size: 26px;
        padding: 19px 0 14px 34px;
        font-size: 13px;
    }
}

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

}

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