/**************
*   PORTLETS
***************/
h2.titlebig  {
    display:block;
    padding:3px 21px;
    height:39px;
    font-size:0.750em;
    text-transform:uppercase;
    color:#ffffff;  
    position:relative;
}
h2.titlebig  .text{
    line-height:39px;
    line-height: 39px;
    margin-left:4px;
}
h2 .web-ui-icon.summary-tic{
    position:relative;
}
.white-popup h2 .web-ui-icon.summary-tic{
    position:relative;
    left:24px;
}
.coin, .cointotal{
    font-size:14px;
    line-height:15px;
}
.ccoin{
    font-size:9px;
}
/*filtro listado*/
#search-filter-ajax-form fieldset{
    float: left;
    margin-left:10px;
}
.list .content{
    background: none;
}
/*******************
*   portlet anuncio hotel, o anuncio galería
********************/
.hotel {
    min-width: 258px;
    padding-bottom:0px;
    /*min-height:620px;*/
}
.hotel.listado {
    padding-bottom:50px;
}
.hotel.listado .content {
    padding: 0;
    width: 100%;
}
.hotel .header, .hotel .header a, .element .header, .element .header a {
    color: #333;
}
.hotel.listado{
    min-height:10px;
    position:relative
}
.hotel.listado, .element.list{
    margin:0px;
    padding:0px;
    min-height:auto;
}
.hotel.listado, .element.list{
    width:auto;
    float:none;
    padding:3%;
}
.hotel.listado.modificacion {
    padding:0;
}
.hotel.listado .line{
    width:100%;
    height:1px;
    background-color:#d9d9d9;
}
/* --- img --- */
#search-panel .img, #search-panel .img img {
    min-width:190px;
    max-width:100%;
}
.hotel .img img, .hotel .img img{
    max-width:100%;
}
.hotel .img, .element .img {
    position: relative;
    text-align: center;
    vertical-align: top;
}
.hotel.listado .img, .element.list .img {
    float:left; 
    width:31%;
}
.gallery .element.list .img{
    width:auto;
}
.hotel.listado .inforoom{
    float:left;
}
.hotel.listado .promo, .hotel.listado .promo > div, .hotel.listado .promo > .web-ui-btn{
    float:right;
    position:relative;
    margin-left:15px;   
}
.hotel.listado .promo, .hotel.listado .promo > div{
    background-color:#ffffff;
}
.hotel.listado .promo > .offer p{
    white-space:nowrap;
}
.hotel .img img, .element .img img {
    display: block;
}
.hotel.listado .img img, .element.list .img img {
    width: 100%;
}
.pdwide .hotel.listado .img{width:22%;}
.pdwide .hotel.listado .descrip{width:75%;}
.pdwide .hotel.listado .img img{
    max-width:256px;
}
.hotel .img .web-ui-icon.shadow, .element .img .web-ui-icon.shadow {
    margin: auto;
}
.hotel .img .web-ui-btn, .element .img .web-ui-btn, .change-booking figure .web-ui-btn {
    bottom: 0;
    margin-bottom: 10px;
    position: absolute;
    right: 0;
}
.hotel .header, .element .header {
    margin-bottom: 10px;
    padding-bottom: 2px;
    border-bottom: 1px solid #CCC;
    position:relative;
}
.listado.hotel .header,  .element.list .header{
    margin-bottom:4px;
}
.hotel.listado .services, .element.list .services {
    line-height:10px;
}
.anuncio.hotel.listado .descrip{
    display:table;
}
#search-panel.list .anuncio.hotel.listado .descrip{
    overflow:hidden;
}
#search-panel.list .anuncio.hotel.listado.nodisp .descrip{
    overflow:visible;
}
#search-panel.list .anuncio.hotel.listado.nodisp .header:after{
    width: 100%;
}
.anuncio.hotel.listado .header{
    border:none;
}
.anuncio.hotel.listado .header p{
    line-height:15px;
}
.anuncio.hotel.listado .header:after{
    position:absolute;
    content:"";
    background-color:#cccccc;
    height:1px;
    width: 100%;
    bottom:-4px;
    left:0px;
}
#search-panel.list .anuncio.hotel.listado .header:after{
    width: 200%;
}
.anuncio.hotel.listado .descrip .descrip-left, .anuncio.hotel.listado .descrip .descrip-right{
    display:table-cell;
    vertical-align: top;
}
.promotional-content{
    position:relative;   
    background-color:#ffffff;
}
.promotional-content .cont{
    position: relative;
}
.promotional-content .cont:after {
    background-color: #ffffff;
    content: "";
    display: block;
    height: 115%;
    left: -5px;
    position: absolute;
    top: 0;
    width: 10px;
}
.anuncio.hotel.listado .promotional-text {
    width: 160px;
    margin-left:12px;
    margin-top:9px;
    min-height:56px;
    position:relative;
    float: right;
}
.anuncio.hotel .promotional-text {
    margin:auto;
    float: none;
}
.anuncio.hotel .promotional-text .cont{
    padding:12px;
    font-size:.75em;
    text-align:right;
}
.anuncio.hotel.listado .descrip .descrip-left {
    width: 100%;
}
.anuncio.hotel .descrip .looking-hotel{
    clear: left;
    font-size: .75em;
}
.anuncio.hotel.listado .header-container .web-ui-icon.shadow, .anuncio.hotel.listado .promotional-text .web-ui-icon.shadow{
    background-position: -39px -166px;
    left: 8px;
    position: relative;
    top: -1px;
    transform: scale(0.8);
    max-width: 100%;
}
.anuncio.hotel.listado .header-container .promo-cont{
    padding:11px;
}
.header .promo-head, .header .local-booking {
    bottom: 5px;
    color: #ff9300;
    font-size: 0.8em;
    font-weight: bold;
    max-width: 170px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    text-align:right;
}
.hotel .header, .hotel .header a, .element .header, .element .header a {
    color: #333;
}
.hotel.listado .header a, .element.list .header a {
    font-weight:bold;
}
.hotel .web-ui-theme-a.link:hover, .element .web-ui-theme-a.link:hover{
    text-decoration:underline;
}
.hotel .header .web-ui-subsubtitle , .element .header .web-ui-subsubtitle{
    font-size: 17px;
}
.hotel .header .address, .element .header .address  {
    font-size: 12px;
}
.text-nodisp{
    display:none;
}
.nodisp .text-nodisp{
    display:block;
    position:relative;
}
.nodisp .banner, .nodisp .offer, .nodisp .legal, .nodisp .tarif.web-ui-btn{
    display:none;
}
.hotel.listado.nodisp .links .link{
    font-size:12px;
}
.nodisp .promo .display-calendar > a, .nodisp .promo .hide-calendar > a{
    display:inline-block;
    vertical-align: middle;
}
.nodisp .promo .display-calendar .fa,.nodisp .promo .display-calendar .links li > *{
    display:inline-block;
    vertical-align:bottom;
}
.nodisp .display-calendar > .web-ui-icon, .nodisp .hide-calendar > .web-ui-icon{
    width:12px;
    height:12px;
    display:inline-block;
    vertical-align: middle;
}
.nodisp .display-calendar, .nodisp .hide-calendar{
    position:relative;
}

.nodisp .links > li {
    margin: 5px 0;
}
.nodisp .text-nodisp .display-calendar > .web-ui-icon{  
    background-position:-415px -14px;   
}
.nodisp .text-nodisp .hide-calendar > .web-ui-icon{
    background-position:-431px -14px;
}
.nodisp .text-nodisp .title{
    display: block;
    font-size:1.125em;
    margin-top:10px;
    text-transform:uppercase;
    font-weight:bold;   
}
.nodisp .infor{
    display:none;
}
.anuncio.hotel.nodisp .fa-calendar,.anuncio.hotel.nodisp .fa-bar-chart{font-size:1.2em;margin-right:5px;}
/* --- nav --- */
.hotel .nav a:hover{
    text-decoration:none;
}
.hotel .nav {
    display: block;
    font-size: 0.750em;
    margin: 5px 0;
}
.hotel .nav a {
    text-decoration:underline;
    margin-left: 3px;
    margin-top:1px;
}
.hotel .nav a:first-child {
    margin-left: 0;
}
/* --- descrip --- */
.hotel.listado .descrip, .element.list .descrip{
    float: left;
    margin-left: 3%;
    vertical-align: top;
    width: 66%;
    position:relative;
}
.gallery .element.list .descrip{
    width: auto;
    margin-left:0;
    margin-top:10px;
}
.gallery .min {
    clear: left;
    display: block;
}
.gallery .min li{
    float: left;
    margin-left:5px;
}
.hotel .descrip, .element .descrip {
    vertical-align: top;
    width:100%;
}
/* services */
.hotel .text, .element .text {
    margin-bottom: 15px;
    overflow: hidden;
}
.hotel.listado .text, .element.listado .text {
    margin-bottom: 0px;
}
.hotel .services, .element .services {
    font-size: 0.750em;
    margin-bottom: 10px;
}
.hotel.listado .services, .element.list .services {
    font-size: 0.75em;
}
.hotel.listado .no-credit-card{
    margin:5px 0;
}
.hotel.listado .no-credit-card > span {
    font-size: 0.8em;
}
.no-credit-card > span {
    font-weight: bold;
    padding-left: 7px;
}
.hotel.listado .web-ui-icon.wifi, .element.list .web-ui-icon.wifi{
    height:20px;
}
.hotel .services li{
    line-height:18px;
}
.hotel .services .text-icon {
    display: inline;
    vertical-align: middle;
}
.hotel .status {
    float: left;
    font-size: 0.750em;
}
.listado.hotel .status {
    margin-bottom:10px;
    margin-top:5px;
}
.listado.hotel .status img, .listado.hotel .status p{
    float: left;
}
.listado.hotel .status img{
    margin-top:-10px;
    margin-left:10px;
}
.hotel .status strong {
    font-size: 1.250em;
}
.listado.hotel .flexible{
    font-size:0.750em;
}
/* promo */
.hotel .promo {
    text-align: right;
}
.hotel .banner {
    font-size: 0.750em;
    margin-bottom: 10px;
    text-align: center;
}
.hotel.listado .banner {
    margin-bottom: 2px;
}
.hotel .banner .porcen {
    font-size: 1.125em;
    vertical-align: -2px;
}
.hotel .legal {
    font-size: 0.750em;
    float:right;
    text-align:right;
}
.hotel.listado .legal {
    font-size: 10px;
    float:right;
    text-align:right;
}
.hotel .legal .cond, .hotel .legal .rate {
    display: block;
}
.hotel .promo .web-ui-btn {
    margin: 15px 0; 
    float:right;
}
.hotel.listado .promo .web-ui-btn {
    margin: 7px 0;
}
.hotel .offer {
    font-size: 0.750em;
    text-align: right;
}
.hotel .offer .price {
    font-size: 20px;
}
.hotel.listado .offer .price {
    font-size:30px;
    font-weight: bold;
    margin-right: 5px;
}
.hotel.listado .price .cents {
    font-size:14px;
    
}
.hotel .offer .coin {
    font-size: 14px;
    padding-left: 3px;
    font-weight: bold;
}
/* infor */
.hotel .infor {
    font-size: 0.688em;
}
.hotel.listado .infor p {
    float: left;
    margin-bottom: 10px;
    padding-left: 3%;
}
.hotel.listado .infor .link{
    display: block;
    float: right;
    font-size: 14px;
    margin-left:5px;
    text-decoration:underline;
    font-weight:bold;
}
.hotel .infor .link {
    font-size: 12px;
}
/* anuncio */
.anuncio {
    display: block;
    float: none;    
}
.anuncio .content{
    padding: 40px 18px 20px 19px;
    min-width: 258px;
    width: 258px;
    border-left:1px solid #e2e2e2;
    border-bottom:1px solid #e2e2e2;
}
.anuncio.listado .content,.anuncio.hascalendar .content{
    border:none;   
}
.hotel {
    float: left;
}
.hotel.hascalendar{
    width:100%;
}
.hotel.hascalendar .content{
    float: left;
    min-width: 258px;
    width: 33%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
}
.hotel .promo > div, .hotel .promo .web-ui-btn{
    clear: right;
}
.hotel .legal {
    float: right;
    text-align: right;
}
.hotel .banner {
    float: left;
}
.hotel .infor {
    text-align: right;
}
.hotel .infor p{
    margin-bottom: 10px; 
}
/*****paquetes******/
.packs .hotel .text {
    display: inline;    
}
.packs .hotel .text ul{
    list-style-type:disc;
    margin-left:12px;
}
.packs .hotel .text ul li{
    display: list-item;
    list-style:disc;
}
/*******************
*   booking-panel
********************/
#booking-panel {
    float: left;
    width: 26%;
}
/*******************
*   booking-form
********************/
#ui-datepicker-div { z-index: 10 !important; }
.ui-widget { font-size: .9em; }
#booking-form .web-ui-legend {  
    font-size: 0.875em;
}
#booking-form .other-search{display:none;}
#booking-form .onehotel.web-ui-input-text{
    background:none;
    border:none;
    padding-left:0px;
}
#booking-form .onehotel .btn-close{
    display: none;   
}
#booking-form .web-ui-label, #booking-form .agechildren .web-ui-legend {
    display: block;
    font-size: 0.750em;
}
#booking-form .web-ui-label{
    margin-bottom: 5px;
}
#booking-form .agechildren .web-ui-legend {
    font-weight: bold;
}
/*visualizar en la pantalla de habitaciones el nombre del hotel seleccionado sin restricciones de anchura*/
#booking_rates #booking-form .destine .web-ui-input-text,
#booking_extras #booking-form .destine .web-ui-input-text {
    display:none;
}
#booking_rates #booking-form .destine,
#booking_extras #booking-form .destine {
    width:auto;
}
#booking_rates #booking-form .destine .destine-val,
#booking_extras #booking-form .destine .destine-val {
    display:block !important;
    font-size: 14px;
    line-height: 32px;
    margin-right:20px;
}
/* --- destine --- */
#booking-form .destine .btn-close,
#cancel-form .destine .btn-close {
    height: 20px;
    position: absolute;
    right: 6px;
    top: 4px;
    width: 20px;
    cursor:pointer;
}
#booking-form .destine .web-ui-select {
    max-width: 373px;
}
/* --- dates --- */
#booking-form .dates {
    /*overflow: hidden;*/
    width: 100%;
    position:relative;
}
#booking-form .dates .web-ui-input-text, #booking-form .dates .web-ui-input-text-inner {
    cursor: pointer;
    font-size: 0.750em;
}
#booking-form .dates .web-ui-input-text.cursor-default, #booking-form .dates .web-ui-input-text-inner.cursor-default{
    cursor: default;
}
#booking-form .dates .web-ui-theme-a.web-ui-input-text{
    background:none;    
    font-size:1em;
}
#booking-form .web-ui-theme-a.web-ui-input-text label.day, #booking-form .web-ui-theme-a.web-ui-input-text label.month{
    font-size:.8em;
}
#booking-form .dates .from .web-ui-input-text:after,#booking-form .dates .to .web-ui-input-text:after{
    display:block;
    content: "";
    clear:both;
}
#booking-form .web-ui-input-text.web-ui-input-text-icon-right .web-ui-icon.calendar {
    right: 5px;
}
#booking-form .web-ui-input-text-inner, .manage-booking .web-ui-input-text-inner{
    padding: 5px; 
}
/*****************nuevos calendarios*******************/
.dates .web-ui-calendar-widget .web-ui-input-text.web-ui-input-text-icon-right{
    padding:0px ;
    border:0px ;
}
.dates  .web-ui-calendar-widget .from, .dates  .web-ui-calendar-widget .to {
    display:inline-block;
    vertical-align:middle;
    width: 47%;
    margin-right:2%;
}
.web-ui-calendar-widget .ui-btn {
    display: table;
    margin: auto;
    width: 100%;
    float:left;
    background:              #eee;
    text-shadow:     0 1px 0 #FFF;
    border:        1px solid #ccc;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E8E8E8)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(#FFFFFF, #E8E8E8); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient(#FFFFFF, #E8E8E8); /* FF3.6 */
    background-image:     -ms-linear-gradient(#FFFFFF, #E8E8E8); /* IE10 */
    background-image:      -o-linear-gradient(#FFFFFF, #E8E8E8); /* Opera 11.10+ */
    background-image:         linear-gradient(#FFFFFF, #E8E8E8);
    border: 1px solid #ccc;
    text-shadow: 0 1px 0 #fff;
    background-clip: padding-box;
}
.web-ui-calendar-widget .only-read  .ui-btn {
    background:none;
    background-color:#f2f2f2;
}
.web-ui-calendar-widget .column {
    display: table-cell;
    line-height: normal;
    vertical-align: middle;
    padding:5px 5px 5px 10px;
    text-align:center;
    width: 50%;
}
.web-ui-calendar-widget .ui-btn label {
    cursor: pointer;
    display: block;
    font-weight: bold;
}
.web-ui-calendar-widget .ui-btn label.cursor-default {
    cursor: default;
}
.web-ui-calendar-widget .day, .web-ui-calendar-widget .calendar .month {
    text-transform: uppercase;
}
.web-ui-calendar-widget .dayOfMonth {
    display: block;
    font-size: 32px;
    line-height: normal;
    text-align: center;
}
/*calendario*/
.web-ui-calendar-widget .from .web-ui-input-text, .web-ui-calendar-widget .to .web-ui-input-text{
    overflow:visible;
}
.ui-datepicker.ui-widget{
    width:100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
}
.dates .ui-datepicker.ui-widget{
    width:280px;
    -webkit-box-shadow: 2px 2px 6px #aaaaaa;
    -moz-box-shadow: 2px 2px 6px #aaaaaa;
    -ms-box-shadow: 2px 2px 6px #aaaaaa;
    -o-box-shadow: 2px 2px 6px #aaaaaa;
    box-shadow: 2px 2px 6px #aaaaaa;
}
.ui-datepicker-unselectable.ui-state-disabled.nodisp-calendario {
    opacity: 1;
}
/*fin convertir el componente pickadate en un datepicker normal flotante*/

/* --- submit --- */
#booking-form .web-ui-btn[type='submit'], #booking-form .web-ui-btn[type='button'] {
    float: right;
}
button.web-ui-btn{
    cursor:pointer;
}
#booking-form .habs {
    position:relative;
    display:block;
}
/* filter */
#booking-panel .filter .web-ui-checkbox .web-ui-label {
    margin-left: 10px;
}
#booking-panel .filter .web-ui-fieldset {
    font-size: 0.813em;
    line-height:17px;
}
#booking-panel .filter .web-ui-legend .web-ui-btn {
    font-weight: normal;
    text-align: left;
}
#booking-panel .filter .web-ui-legend.price-range a, #booking-panel .filter .web-ui-legend.price-range a .web-ui-btn-inner{
    cursor:default;   
}
#booking-panel .filter .web-ui-legend .web-ui-btn-inner {
    font-size: 12px;
    padding-top: .3em;
    padding-bottom: .3em;
}
#booking-panel .filter .web-ui-content-effect, #booking-panel .filter .web-ui-content {
    margin-bottom: 15px;
}
.converter > *{
    display:inline-block;
    vertical-align:middle;
}
.converter .fa-info-circle{
    cursor: pointer
}
/*********modulos al 100% con accordion***************/
.module.booking.accordion #booking-form .dates .to{
    margin-left:0px;    
}
/******************
*   steps
*******************/
html .summary.steps{
    width:100%;
    margin:0px;
    padding:0px;
    border-top-width:0px;
    /*z-index: 9;*/
}
.summary.nodisp{
    padding:12px 26px;
}
.summary.steps .change{
    float:right;
    margin-top:10px;
}
.summary.steps ul:first-child{
    display: block;
    min-height: 39px;
    padding-left: 29px;
    padding-top: 5px;
}
.summary.steps ul li{
    margin-left:40px;
}

.summary.steps ul li:first-child{
    margin-left:0px;
}
.num-step{
    /*background: url("../img/icon/sprite.png") no-repeat scroll -466px -75px rgba(0, 0, 0, 0);*/
    display: block;
    float: left;
    font-size: 1em
    font-weight: bold;
    height: 27px;
    line-height: 33px;
    text-indent: -1500px;
}
.active .num-step{
    width: 37px;
}
.steps .inactive *{
    opacity:.5;
}
.steps .active .text{
    font-weight:bold;
}
.steps  .num-step {
    width: 0;
}
.steps .active .num-step {
     width: 38px;
}
.steps .fa-stack .fa{
    color:#ffffff;
}
.steps li > .fa-stack{
    display:none !important;
}
.steps li.active > .fa-stack{
    display:inline-block !important;
}
.step1 .text, .step2 .text, .step3 .text{
    vertical-align:middle;
    display: inline-block;  
    line-height:33px;
    text-transform:uppercase;
}
.step1, .step2, .step3{
    display:inline-block;
    vertical-align:middle;
}
.summary.steps .web-ui-icon.summary-tic{
    top:42px;
}
.summary.steps .main{
    padding:19px 30px 30px 30px;
    line-height:18px;
}
.summary.steps .main:after{
    display: block;
    content:"";
    clear:both;
}
.summary.steps .name{
    font-size:1.125em;
    margin-top:2px;
    font-weight:bold;
}
.steps li{
    position:relative;
}
/*nuevos pasos de la reserva*/
.steps-booking .fa-stack.fa-lg {
    font-size: 1.1em;
    text-align:center;
}

.triangle{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 21px 0 21px 27px;
    position:absolute;
    right: -26px;
    top: 0;
    z-index: 11;
}

.triangle-white{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 24px 0 24px 32px;
    border-color: transparent transparent transparent #ffffff;
    height: 0;
    position: absolute;
    right: -32px;
    top: -3px;
    width: 0;
    z-index: 10;
}
.steps-booking.extraservices .triangle{
    border-width: 25px 0 25px 27px;
}
.steps-booking.extraservices .triangle-white{
    border-width: 27px 0 33px 33px;
}
.triangle-down{
    border-style: solid;
    border-width: 9.2px 8.5px 0;
    bottom: -7px;
    height: 0;
    left: 9px;
    position: absolute;
    width: 0;
}
.triangle-left{
    border-style: solid;
    border-width: 7px 12px 7px 0;
    height: 0;
    left: -11px;
    position: absolute;
    top: 17px;
    width: 0;
    z-index: 101;
}
.steps-booking {
    background-color: #f2f3f5;
    display: block;
    height: 42px;
    width: 100%;
}
.steps-booking.extraservices {
    height:50px;
}
.steps-booking li{
    float: left; margin-bottom: 10px ; position: relative; font-size:.9em;
}
.steps-booking li.active .selectRooms{
    position:relative;
}
.steps-booking li.active .selectRooms span{
    bottom: -10px;
    font-size: 0.7em;
    left: 0;
    line-height: 10px;
    position: absolute;
}
.steps-booking li .text{
    height: 42px;line-height: 42px;
}
.steps-booking.extraservices li .text{
    height: 50px;line-height: 46px;
}
.steps-booking li{
    background-color:#f2f3f5;
    color: #474f52;
}
.steps-booking li .triangle{
    border-color: transparent transparent transparent #f2f3f5;
}
.steps-booking li.active{
    color: #f2f3f5;
}
.steps-booking li .text{
    padding:0 15px 0px 40px;
}
.steps-booking li:first-child .text{
    padding:0 15px;
}
table.prices{
    border-collapse: collapse;
    width: 100%;
}
table.prices thead{
    font-size: .7em;
}
table.prices tbody{
     font-size: .8em; 
}
.prices thead, .prices th{  
    font-weight: normal;
    height: 21px;
    padding: 3px 0;
    text-transform: uppercase;
    max-width:132px;
}
.prices th.price-total{white-space: nowrap;}
.prices th.price-total .fa-info-circle{display:inline-block; padding-left:5px; cursor:pointer;}
.prices th, .prices td{
    text-align:center;
}
.prices tr th:first-child, .prices tr td:first-child{
    text-align:left;
    padding-left:20px;
}
.prices td{ 
    padding:9px 0;  
}
/*iconos*/
.iconp {
    font-size: 0.688em;
    height: 12px;
    line-height:12px;
    margin-right: 3px;
    padding-left: 1px;
    padding-right:1px;
    margin-left:3px;
    text-align: center;
    width: 11px;
    position:relative;
    font-family: Arial;
}
.nocancelable {
    border-radius: 5px;    
    font-size: 0.688em;
    font-weight: bold;
    text-transform: uppercase;
    z-index: 1;
    display:inline-block;
}
.cancelable {
    border-radius: 5px;   
    font-size: 0.688em;
    font-weight: bold;
    text-transform: uppercase;
    z-index: 1;
    display: inline-block;
}
.mcancelable {
    border-radius: 5px;
    font-size: 0.688em;
    font-weight: bold;
    text-transform: uppercase;
    z-index: 1;
    display: inline-block;
}
/*error, thank you*/
.errorform, .thankyou{
    overflow: hidden;
}   
.errorform .text, .thankyou .text{
    font-size: 1.0em;
    margin: 15px auto 15px;
    padding: 9px;
    text-align: center;
    width: 80%; 
}
.callmeback .thankyou .text{
    width:auto;
    margin:10px 0px;
    padding:10px;
}
/*panel*/
.panel{
    /*font-size:0.750em;*/
}
/*callmeback*/
iframe{
    border: none;
}
#main-popup-call-me-back{
    max-width:570px;
}
.call-me-back{
    width: 500px;
    margin:auto;
}
.callmeback td.left{
    padding-right:20px;
    font-weight:bold;
}
.callmeback .web-ui-btn{
    float:right;
    margin-top:20px;
}
.callmeback .logo h2{
    text-align:center;
}
.callmeback  td .pref{
    display: inline-block;
    width:60px;
}
.callmeback .telephone td > div{
    display:inline-block;
}
.callmeback .logo{
    margin-bottom:15px;
}
.callmeback .logo img {
    max-height:65px;
}
.callmeback  tr{
    padding-bottom:12px;
}
.callmeback .title, .callmeback  .subtitle{
    margin-bottom:10px;
}
.callmeback  .content .web-ui-btn{
    margin-top:12px;
    float: right;
}
.callmeback  .content form:after{
    clear:both;
    display:block;
    content:"";
}
.callmeback-btn .web-ui-btn-inner{
    display:table;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    width: 100%;
}
.callmeback-btn{
    margin-bottom:15px;
    cursor:pointer;
    width: 98%;
}

.callmebackpanel2 .callmeback-btn{
    width: 270px;
    margin:20px auto;
}
.callmeback-btn .fa-stack{
    font-size: 7px !important;
}
.callmeback-btn .fa-phone{
    font-size:3em;
    padding-right:5px;
}
.callmeback-btn .web-ui-btn-inner .fa-circle {
    position:relative;
}
.callmeback-btn .text1{
    font-size:1.15em;
}
.callmeback-btn .text1, .callmeback-btn .text2{
    text-transform:uppercase;
}
.callmeback-btn .fa.fa-circle.fa-stack-2x {
    font-size: 4em;
}
.callmeback-btn .web-ui-btn-inner .text1,.callmeback-btn .web-ui-btn-inner .text2{
    white-space: normal;
}
.callmeback-btn .fa.fa-stack-1x {
    font-size: 2em;
    line-height: 2em;
}
.callmeback-btn .web-ui-btn-inner > *{
    display: table-cell;
}
.callmeback-btn  .web-ui-btn-text{
    text-align:left;
}
.white-popup .callmeback .web-ui-theme-a.web-ui-btn {
    float: right;
}
#main-popup-change-dates.white-popup .dates-table table{
     table-layout: auto;
     font-size:.95em;
}
#main-popup-change-dates.white-popup .dates-table .date-in, #main-popup-change-dates.white-popup .dates-table .date-out{
    width: 250px;
}
#main-popup-change-dates.white-popup .highlight-info, #main-popup-change-occupation.white-popup .highlight-info{
    padding:3px 0;
    text-align:center;
    margin-bottom:15px;
}
#main-popup-change-dates.white-popup .highlight-info .fa-stack,#main-popup-change-dates.white-popup .highlight-info .fa-stack-2x,
#main-popup-change-occupation.white-popup .highlight-info .fa-stack,#main-popup-change-occupation.white-popup .highlight-info .fa-stack-2x{
    font-size:1.5em;
}
#main-popup-change-dates.white-popup .highlight-info .fa-stack,
#main-popup-change-occupation.white-popup .highlight-info .fa-stack{
    height:1.5em;
}
#main-popup-change-dates.white-popup .highlight-info .fa-stack-1x,
#main-popup-change-occupation.white-popup .highlight-info .fa-stack-1x{
    font-size: 0.8em;
    line-height: 1.8em;
}
#main-popup-change-dates.white-popup .dates-table .nights{
    width:60px;
}
#main-popup-change-dates.white-popup .dates-table .delete-buttons{
    width:auto;
}
#tooltip-dyn-services-dates, #tooltip-dyn-services-occupancy{
    color:#fff;
    cursor:pointer;
}
.btns-top {
    position: absolute;
    right: 0;
    top: -28px;
    z-index: 100;
}
.breadcrumbs + .btns-top {
    top: -5px;
}
.btns-top .text{
    font-size:0.875em;
}
/*flecha abajo*/
.arrow-down{
    position:absolute;
}
ul li .arrow-down, .web-ui-subtitle .arrow-down{
    display: block;
    left: 0;
    position: absolute;
    z-index: 99;
    margin:0;
}
.web-ui-subtitle .arrow-down{
    margin-top:-2px;
    margin-left:26px;
    line-height:16px;
}
ul li .arrow-down .fa,  .web-ui-subtitle .arrow-down .fa{
    line-height: 0;
    margin-left: 3px;
    margin-top: -5px;
}
.tabs li .arrow-down {  
    display: none;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    text-align: center;
    margin-top:-7px;
}
.tabs li a:hover + .arrow-down,.tabs li a.active + .arrow-down {    
    display: inline-block;
}
.tabs{
    margin-top:30px;
    position: relative;
}
#profile-client-panel .tabs {
    margin-top:0px;
}
.tabs li a.active,.tabs li a:hover{  
    background-image: none; 
    z-index: 11;
    border-bottom:none;
}
.tabs li a span{
    text-shadow:none;
}
.head-rooms:after{
    display:block;
    content:"";
    clear: both;
}
.tabs li{
    float:left;
    position:relative;
    margin-right:6px;
}
.tabs li a{
    display: block;
    font-size: 0.8em;
    height: 53px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    text-transform: uppercase;      
    position:relative;
    box-sizing: border-box;
}
.tabs li a:hover{
    background-image:none;  
}
.tabs li a span{
    display:block;
    text-align:center
}
.tabs li a span.title{font-weight:bold;margin-bottom:3px;}
.tabs li .subtitle{
    display:block;
}
.tabs li .coin, .tabs li .night{
    font-size:10px;
}
.tabs li .subtitle span{
    display: inline;
}
.tabs li .subtitle .coin{
    text-transform:none;
}
.tabs .web-ui-tab.active{
    z-index: 101;
}
.tabs .web-ui-tab.active,
.tabs .web-ui-tab:hover {
  position: relative;
  border-top-width:4px;
  border-top-style:solid;
}
html .tabs li a.web-ui-tab.active:after, html .tabs li a.web-ui-tab:hover:after {
    position: absolute;
    height: 14px;
    content: "";
    left: 0;
    background-color: #ffffff !important;
    width: 100%;
    z-index: 100;
    bottom: -14px;
    box-sizing: border-box;
}
html .tabs li:first-child a.web-ui-tab.active:after, html .tabs li:first-child a.web-ui-tab:hover:after {
    left: 0px;
}
.tabs .web-ui-tab.active .web-ui-border, .tabs .web-ui-btn-offer .web-ui-border {
    display: block;
    height: 0px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#profile-client-panel .tabs li a,
.manage-booking-panel .tabs li a {
    height:42px;
}
/*google-maps*/
#white-popup.main-popup-google-maps{
    max-width:850px;
}
.anuncio.map {
    padding: 30px;
}
#googlemap {
    background-color: #F1F1F1;
    display: block;
    height: 580px;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
}
.white-popup#main-popup-change-occupation{
    max-width:780px;
}
.white-popup#main-popup-change-occupation .room > div{
     width:84px;
    display:inline-block;
    vertical-align: top
}
.white-popup#main-popup-change-occupation .room > a{
    display:inline-block;
    vertical-align: bottom;
    margin-bottom:8px;
}
.white-popup#main-popup-change-occupation  .room .children, .white-popup#main-popup-change-occupation  .room .agechildren{
    margin-left:10px; 
    position:relative;  
}
.white-popup#main-popup-change-occupation .buttons{
    margin-top:30px;
}
.white-popup#main-popup-change-occupation  .room .web-ui-fieldset .web-ui-label{
    padding-bottom:8px;
    display: block;
}
.white-popup#main-popup-change-occupation .info{
    margin-bottom:8px;
}
.white-popup#main-popup-change-occupation  .room .agechildren .web-ui-theme-a.web-ui-select{
    margin-bottom:8px;
}
.white-popup#main-popup-change-occupation  .room .agechildren .web-ui-legend{
    padding-bottom:0;
}
.white-popup#main-popup-change-occupation .room .agechildren{
    width: 200px;
}
.white-popup#main-popup-change-occupation .room .agechildren-big{
    width: 300px;
}
.white-popup#main-popup-change-occupation .room .agechildren .web-ui-line{
    display:inline-block;
    margin-right:10px;
    width: 84px
}
.white-popup#main-popup-change-occupation .room .web-ui-btn{
    display:inline-block;
    vertical-align: bottom;
}
/*contenedor error*/
.cont-error.summary .summary-tic{
    display:none;
}
.cont-error.summary{    
    margin-bottom:18px;
}
/*calendario de disponibilidad hoteles no disponibles*/
/*si aparece en el lateral del hotel*/
.anuncio.hotel .web-ui-calendar-widget.pickadate-hidden-input-widget{
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing: border-box;
    float: left;
    width: 66%;
    padding:40px 20px 20px 10px;
}
.anuncio.hotel .flexible-data, .anuncio.hotel .fa-bar-chart{
    display:inline-block;
    vertical-align:bottom;
}
.anuncio.hotel .pickadate-hidden-input-widget .container{
    padding:17px 0;
}
.anuncio.hotel .picker .picker__day{
    min-height:31px;
}
.anuncio.hotel .legend >*{
    float: left;
    margin-bottom: 5px;
}
.anuncio.hotel .legend{
    max-width:320px;
}
.anuncio.hotel .legend .text{
    margin-bottom:0px;
}
/*si es un popup*/
.text-nodisp .pickadate-hidden-input-widget .legend .selected-days, .text-nodisp   .legend .nodisp-days,.text-nodisp  .pickadate-hidden-input-widget  .legend .best-price,.text-nodisp  .legend .no-disp{
    display:block;
    margin-bottom:6px;
    float: left;
}
.text-nodisp .web-ui-calendar-widget.pickadate-hidden-input-widget{
    overflow:visible;
    position:absolute;
    background-color: #fff;
    top: 30px;
    right:0px;
    text-align:left;
    box-shadow:2px 2px 9px #999;
    z-index: 100;
    width:838px !important;
    padding:0px !important;
}
.text-nodisp .web-ui-calendar-widget.pickadate-hidden-input-widget:after{
    background: url("../img/icon/sprite.png") repeat scroll -326px -57px transparent;
    clear: both;
    content: "";
    display: block;
    height: 20px;
    position: absolute;
    right: 7px;
    top: -10px;
    width: 29px;    
}
.text-nodisp .web-ui-calendar-widget.pickadate-hidden-input-widget .titlebig{height:0px;}
.text-nodisp .pickadate-hidden-input-widget .container {
    display:inline-block;
    padding:26px !important;
    width:100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
}
.pickadate-hidden-input-widget .container:after {
    display:block;
    content:"";
    clear:both;
}
.text-nodisp .titlebig .fa-stack, .fa-stack.close{
    position:absolute;
    right:5px;
    top:7px;
}
.fa-stack.close{
    display:none;
    font-size:1em;
}
div.module.float-panel{
    position:absolute;
    z-index: 101;
    display: none;
}
#booking-panel div.module.float-panel.filter {
    width:350px;   
}
div.module.resume.float-panel {
    width:305px; 
}
.module.resume .line3{
    display:none;
}
.module.resume .no-credit-card{
    display:none;   
}
.module.resume .room.empty .content{
    display:inline-block;
    text-align:center;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
}
.module.resume .room, .module.resume .resume-extra-services {
    margin: 20px 0;
}
.module.resume .packages-text{
    display:none;
}
.module.resume .subtotal .amount .text-total{
    display: inline-block;
}
.module.resume .subtotal .amount .text1{
    display: inline-block;
    vertical-align: bottom;
} 
.module.resume .room .details .see-details{
    float:right;
    margin-top:7px;
    text-decoration:none;
} 
.module.resume .room .details .see-details > *{
    display:inline-block;
    vertical-align:middle;
}
.module.resume .room .details .see-details .details-text{
    text-decoration:underline;
}
.module.resume .room .details .see-details .details-text:hover{
    text-decoration:none;
}
.module.resume .subtotal .amount .amount-room{
    width: 100%;
}
.module.resume.float-panel .room{
    margin:0;
}
.module.resume .room.empty .content .fa.fa-bed{
    font-size:3.5em;
}
.module.resume .room.empty .content .text-empty-room{
    margin:10px 0;
    font-size:1.2em;
    font-weight: bold;
}
.module.resume header .book{
    margin-top:10px;
    display:block;
}
.module.resume .room .dynamic-services{
    margin:5px 0;
}
.module.resume .room .dynamic-services .fa-pencil{
    font-size:14px;
}
.module.resume .room .dynamic-services li{
    display:block;
    position:relative;
}
.module.resume .room .dynamic-services li a{
    display:block;
}
.module.resume .room .dynamic-services li .fa-pencil{
    position:absolute;
    right: 5px;
    top:2px;
    cursor: pointer;
}
.float-panel .fa-stack.close{
    display:block;
}
.fa-stack.close i{
    color:#cccccc;
}
.web-ui-hidden-input {
    display: none;
}
.web-ui-calendar-widget .fromdate, .web-ui-calendar-widget .todate {
    left: 0;
    position: relative;
}
.web-ui-calendar-widget .fromdate, .web-ui-calendar-widget .todate {
    left: 0;
    position: relative;
}
.web-ui-calendar-widget .fromdate .textfrom {
    color: #485053;
    font-size: .95em;
    font-weight: bold;
    left: 0;
    padding: 5px 0;
    position: relative;
    text-align: center;
    top: -15px;
    width: 100%;
}
.web-ui-calendar-widget .fromdate {
    float: left;
    margin-right: 2%;
    width: 48%;
}
.web-ui-calendar-widget .todate {
    float: right;
    margin-left: 2%;
    width: 48%;
}
.web-ui-calendar-widget .todate .textto {
    color: #485053;
    font-size: .95em;
    font-weight: bold;
    padding: 5px 0;
    position: relative;
    right: 0;
    text-align: center;
    top: -15px;
    width: 100%;
}
.web-ui-calendar-widget .web-ui-btn{
    float: right;
    margin-top:10px;
    text-transform:uppercase;
}

.pickadate-hidden-input-widget .legend{ 
    float: left;
    max-width:200px;
}
.pickadate-hidden-input-widget .calendars {
    display: inline-block;
    float: right;
    text-align: right;
    vertical-align: top;
    width: 100%;
}
.pickadate-hidden-input-widget .calendars .fromdate .cont-datepicker {
    margin-top:10px;
}
.pickadate-hidden-input-widget .calendars  .todate .cont-datepicker{
    margin-top:10px;
}
.pickadate-hidden-input-widget .legend:after, .content:after{
    display:block;
    content:"";
    clear:both;
}
.pickadate-hidden-input-widget .legend{
    border:1px solid #cdd0d1;
    padding:9px;
    display: inline-block;
    vertical-align: top;
    margin-top:10px;
}
.pickadate-hidden-input-widget .legend > div{
    text-align:left;
    width:100%;
}
.pickadate-hidden-input-widget .legend > .colour{
    margin-right:5px;
}
.pickadate-hidden-input-widget .legend .colour, .pickadate-hidden-input-widget  .legend .text{
    display:inline-block;
    vertical-align:middle;
    font-size:0.750em;
}
.pickadate-hidden-input-widget .legend .colour{
    width:23px;
    height:19px;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     -web-box-sizing: border-box;
    display:inline-block;
    float:left;
    margin-right:5px;
}


/*estilos datepicker*/
.picker table table.months{
    border:none;
    border-collapse:collapse;
    width:100%;
    height:80px;
}
.picker table table.months td{
    border-top:0px;
}
.picker table table.months td.active{
    border-bottom:0px;  
}
.picker .picker__day--disabled .price{
    display:none;
}
.wrapper-datepicker .in, .wrapper-datepicker  .out{
    text-align:center;
    margin-top:15px;
}
.picker table td{
    text-align:center;
}
.picker .picker__day{
    min-height:47px;
}
.picker td .price{
    font-size:0.688em;  
}
.picker table td{
    word-wrap: break-word;
}
.web-ui-theme-a.link {
    margin-right:5px;
    white-space: nowrap;
    text-decoration:underline;
}
.web-ui-theme-a.link:hover {
    text-decoration:none !important;
}
.web-ui-theme-a.link2 {
    text-decoration:underline;
}
/*datepicker hoteles no disponibles*/
.nodisp .picker .picker__day{
    min-height:35px;
}
.web-ui-calendar-widget .picker table{
    border:1px solid #CCCCCC;
}
.picker td div{
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;       
}
/*datepicker nuevo*/
.datepicker{
    position:relative;
    z-index:103 !important;
}
/*pop up*/
.white-popup {
    position: relative; 
    width:auto;
    max-width: 700px;
    margin: 20px auto;
}
#pop-up-session.white-popup {
    max-width: 500px;
}
#main-popup-local-tax{
    max-width:800px;
}
#main-popup-local-tax h3{
    margin:10px 0;
    text-transform:uppercase;
    font-weight: bold;
}
#pop-up-session .not-session, .white-popup .not-accept{
    margin-top:12px;
}
.white-popup .buttons .state.cancel{
    position: relative;
    top: 7px;
}
#main-popup-conditions .content{
    position:relative;
}
#main-popup-conditions .blockinfo.seetaxs {
    margin-top:21px;
}
#main-popup-conditions h3{
    margin:10px 0;
    text-transform:uppercase;
    font-weight: bold;
}
#main-popup-conditions .content .print{
    position:absolute;
    right: 30px;
}
.white-popup h3 ~ .text{
    font-size:.75em;
    margin:5px 0;
}
#main-popup-unicef{
    max-width: 750px;
}
#main-popup-unicef .content img{
    display: block;
    margin:auto;
    max-width:100%;
}
#main-popup-google-maps{
    max-width: 1200px;
}
#main-popup-new-travel-agency{
    max-width: 900px;
}
#main-popup-privacypolicy {
    font-size:0.850em;
}
#main-popup-privacypolicy .content {
    padding-top:0px;
}
#main-popup-privacypolicy h2 {
    margin-bottom:10px;
}
.submenu.dropdown{
    position:relative;
}
.dropdown-menu {
    background-clip: padding-box;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    float: left;
    font-size: 14px;
    right: 0;
    list-style: none outside none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    margin-top:-3px;
    z-index: 999;
    display:none;
}
.dropdown-menu > li {
    position:relative;
}
.dropdown-menu > li > a {
    clear: both;
    color: #333333 !important;
    display: block;
    font-weight: 400;
    line-height: 1.42857;
    padding: 3px 20px;
    white-space: nowrap;
    text-align:right;
    padding-right:32px;
}
.dropdown-menu > li > a +.fa {
    line-height: 25px;
    margin-left: -7px;
    position: absolute;
    right: 8px;
    top: 0;
}
.web-ui-btn-icon-left .web-ui-btn-inner.noicon {
    padding-left:33px;
    padding-right:46px;
}
.white-popup.gallery  .web-ui-btn-icon-left .web-ui-btn-inner {
    padding-left: 36px;
}
.white-popup .content > h3{
    text-transform:uppercase;
    font-size: 1em;
    margin:6px 0;
}
.white-popup .content > h3:first-child{
    margin-top:0px;
}
.white-popup .web-ui-theme-a.web-ui-btn{
    float:none; 
}
.white-popup h2 .web-ui-btn{
    cursor: default;
}
.white-popup .content{
    padding:30px;   
    /*font-size: 0.750em;*/
}
.white-popup .content.p-list p {
    margin-bottom:15px;
}
.white-popup .subsubtitle{
    margin-bottom:15px;
}
.white-popup .web-ui-slideToggle-effect{
    margin-bottom:15px;
}
.white-popup .rate-description ul{
    font-size: 0.9em;
    padding-left: 42px;
}
.white-popup .element .img{
    min-width:50px;
}
.white-popup .element.list{
    padding:0%;
}
#main-popup * {
    font-family: arial;
}
#main-popup .text {
    font-size:.75em;
}
#main-popup h2.web-ui-subtitle .web-ui-btn-text{
    text-transform:uppercase;
}
.white-popup .night-table .web-ui-th {
    padding: 2px;
}
#main-popup-nightapportionment h4.subsubsubtitle{
    font-weight: normal;
    margin: 5px 0;
}
#main-popup-nightapportionment .content{
    padding:14px 20px;
}
#main-popup-nightapportionment .dayprice td{
    padding-bottom:8px;
}
.white-popup .night-table {
    font-size: 0.688em;
    text-align: center;
}
.white-popup#details.contact-form .module.resume .room-title{
    font-size:24px;
    font-weight: bold;
    margin:8px 0;
}
.white-popup#details.contact-form .module.resume .content{
    position:relative;
}
.white-popup#details.contact-form .module.resume .content .conditions{
    position:absolute;
    right:15px;
}
.white-popup#details.contact-form .module.resume li.hasprice {
    line-height:28px;
}
.white-popup#details.contact-form .module.resume .hasprice > *{
    
    display:inline-block;
} 
.white-popup#details.contact-form .module.resume .hasprice .date{
    width:25%;
    text-align:center;
}
.white-popup#details.contact-form .module.resume .hasprice .concept{
    text-align:left;
     width:50%;
}
.white-popup#details.contact-form .module.resume .hasprice .containerprice{
    text-align:right;
    width:25%;
}
.white-popup#details.contact-form .module.resume .description{
    margin-bottom:10px;
}
/*pop up sin fondo oscuro tipo tooltip*/
.web-ui-pop-up {
    position:relative;
}
.web-ui-pop-up .popup{
    background-color:#ffffff;
    display:none;
    position:absolute;
    right:0px;  
    box-shadow:2px 2px 5px #999999;
    filter: shadow(color=#999999, direction=135, strength=2);
    top: 44px;
    z-index: 102;
}
.occupation-data.popup.right , .special-search-data.popup.right {
    right: inherit;
}
.web-ui-pop-up .popup .arrow-up .fa{
    font-size:38px;
}
/*cancelación*/
.cancel-booking .web-ui-pop-up .popup{
    top: 51px;
}
.cancel-booking .web-ui-pop-up .popup .content-popup:after{
    display:block;
    content:"";
    clear: both;
}
.cancel-booking .web-ui-pop-up .popup .content-popup{
    padding:14px;
}
.cancel-booking .web-ui-pop-up .popup .nocancel{
    float:left;
    min-width:100px;
    margin-top:10px;
}
.cancel-booking .web-ui-pop-up .popup .cancel{
    float:right;
    min-width:100px;
}

/*barra desplazamiento*/
.noUi-horizontal {
    height: 14px !important;
    width:90%;
    margin:0 auto 0 auto;
}
.noUi-horizontal .noUi-handle {
    height: 23px !important;
    left: -13px !important;
    top: -6px !important;
    width: 26px !important;
}
.noUi-horizontal .noUi-handle.noUi-handle-upper {
    top:-5px !important;
}
.noUi-handle:after, .noUi-handle:before {
    background:none !important;
}

/**loader flechas***/
.preloader-arrow {
    float: right;
}
.preloader-arrow .text-loader{
    font-size:18px;
}
.preloader-arrow .text-loader, .preloader-arrow img{
    display:inline-block;
    vertical-align: middle;
}
/* cookies y marketing text */
#cookies,.idiso-marketingtext {
    display: none;
    font: normal normal 11px arial, sans-serif;
    left: 0;
    position: fixed;
    text-align: left;
    width: 100%;
    z-index: 99;
}
#cookies{
    font-size:10px;
}
#cookies{
    z-index: 998;
    bottom:0px;
}
.idiso-marketingtext .text {
    margin: auto;
    max-width: 1240px;
}
.idiso-marketingtext{
    -webkit-box-shadow: 2px 0px 14px #333333;
    -moz-box-shadow: 2px 0px 14px #333333;
    -ms-box-shadow: 2px 0px 14px #333333;
    -o-box-shadow: 2px 0px 14px #333333;
    box-shadow: 2px 0px 14px #333333;
}
#cookies{
    background-color:rgba(0, 0, 0, 0.7);
     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    overflow: hidden;
}
#cookies.style2{
     background-color:rgba(255, 255, 255, 0.9);
     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
     border-top: 1px solid #999999;
}
#cookies .main, .idiso-marketingtext .main {
    padding: 1em;
    position: relative;
}
#cookies .main{
    padding:.8em;
}
.idiso-marketingtext{
    z-index: 999;
    bottom:0;
}

.idiso-marketingtext #marketingTextDescription{
    font-size:17px;
}
#cookies .text, .idiso-marketingtext .text {
    color: #FFF;
    margin-bottom: 1em;
    width: 90%;
}
#cookies.style2 .text{
    color: #000;
}
.idiso-marketingtext .text {
    margin-top:5px; 
    position:relative;  
    text-align:center;
}
.idiso-marketingtext .claim-circle {
    height: 60px;
    left: -15px;
    position: absolute;
    top: -63px;
    width: 60px;
}
.idiso-marketingtext .claim-circle .fa-stack{
    width: 100%;
    height: 100%;
     -webkit-transform: rotate(336deg);
    -moz-transform: rotate(336deg);
    -o-transform: rotate(336deg);
    -ms-transform: rotate(336deg);
    transform: rotate(336deg);
}
.idiso-marketingtext .claim-circle .fa-stack .fa{
    opacity: 1;
}
.idiso-marketingtext .claim-circle .fa-circle{
    font-size:5em;
}
.idiso-marketingtext .claim-circle .fa-exclamation{
    font-size:4em;
    line-height:100%;
    padding-top:10px;
}

.idiso-marketingtext .text .title{
    display:block;
}
.idiso-marketingtext .text .title > *{
    display: inline-block;
    vertical-align: middle;
    font-size: 1.5em;
    line-height:30px;
}
.idiso-marketingtext .text .title .fa-caret-right{
    padding-right:5px;
}
.idiso-marketingtext .text .title > span {
    font-weight: bold;
}
.marketingtext.newsletter.design2 .container .advantages {
  display: none;
}
.marketingtext.newsletter.design2 .container .email {
  text-align: center;
}
.marketingtext.newsletter .claim-circle .fa-exclamation {
  padding-left: 14px;
  padding-top: 16px;
  font-size: 5em;
}
.marketingtext.newsletter .claim-circle .fa-circle {
  font-size: 7em;
}
.marketingtext.newsletter .text {
  display: table;
}
.marketingtext.newsletter .container {
  display: table-row;
}
.marketingtext.newsletter .container .advantages {
  position: relative;
  display: table-cell;
  text-align: right;
  width: 50%;
  padding-right: 15px;
}
.marketingtext.newsletter .container .advantages .title,
.marketingtext.newsletter .container .advantages .title span,
.marketingtext.newsletter .container .advantages .title strong {
  font-size: 21px;
}
.marketingtext.newsletter .container .advantages .title span {
  font-weight: normal;
  margin-left: 8px;
}
.marketingtext.newsletter .container .advantages .advantage {
  font-size: 16px;
}
.marketingtext.newsletter .container .advantages .advantage:after {
  content: "\f00c";
  padding-left: 8px;
}
.marketingtext.newsletter .container .advantages:after {
  position: absolute;
  right: -2px;
  content: "";
  height: 100%;
  width: 1px;
  background-color: #ffffff;
  bottom: 0px;
}
.marketingtext.newsletter .container .email {
  margin-bottom: 5px;
  display: table-cell;
  text-align: left;
  width: 50%;
  padding-left: 15px;
}
.marketingtext.newsletter .container .email .title {
  font-size: 21px;
}
.marketingtext.newsletter .container .email .box-newsletter > * {
  display: inline-block;
}
.marketingtext.newsletter .container .email .box-newsletter > *.web-ui-input-text {
  width: 326px;
  display: inline-block;
}
.marketingtext.newsletter .container .email .box-newsletter > *.web-ui-btn {
  width: 150px;
  display: inline-block;
}
.marketingtext.newsletter .container .email .conditions {
  margin-top: 8px;
}

#cookies .infor, .idiso-marketingtext .infor {
    color: #53ABE8;
    display: inline;
    font-size: 14px;
}
#cookies .infor a, .idiso-marketingtext .infor a{
    color: inherit;
    color: #53ABE8;
}
#cookies .infor:hover, .idiso-marketingtext  .infor:hover {
    border-bottom: 1px solid;
}
#cookies .text{
    text-align:center;
}
#cookies-close, .mtext-close {
    margin-right: 1em;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    opacity: .7;
}
#cookies-close .fa-times-circle{
    margin-top:8px;
}
#cookies-close .fa-times-circle:before{
    font-size: 23px;
    color:#ffffff;
    margin-right:18px;
}
#cookies.style2 #cookies-close .fa-times-circle:before{
    color:#333333;
}
#cookies-close, .mtext-close {
    
}
#cookies-close .web-ui-icon.close, .mtext-close  .web-ui-icon.close{
    background-image: url(../img/cookies/close-btn.png);
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 24px;
    width: 24px;
}
#cookies-close:hover, .mtext-close:hover {
    opacity: 1;
}
.pclient{
    color: #777777;
    position: absolute;
    right: 0;
    width: 544px;
    z-index: 100;
    margin-right:208px;
    display:none;
}
.pclient .tabs li a{
    padding-left: 18px;
    padding-right: 17px;
    height:34px;
}
.pclient.popup .fa-caret-up{
    margin-top:-30px;
}
.popup .fa-caret-up {
    margin-top: -24px;
    position: absolute;
    right: 15px;
    z-index: 10;
    width: 10px;
}
.pclient .social-media{
    text-align:center;
}
.pclient .fa-stack.close{
    display:inline-block;
    position:relative;
    margin-left:5px;
    top:0;
    font-size:.8em;
}
.pclient .fa-stack.close i{
    color:#777777;
}
header#header-flotant .pclient{
    margin-right:0px;
}
.pclient .content .logout{  
    position: absolute;
    right: 23px;
    top: 16px;
}
.pclient .content .session .form-left,.pclient .content .session .form-right, .pclient .content .conditions .form-left, .pclient .content .conditions .form-right{
    line-height:16px;
}
.pclient .logo-small img{
    display: inline-block;
    vertical-align:middle;
}
.pclient .content .logout .exit{
    color: #777777 !important;
    display: inline-block;
}
.pclient .content  .logoutic.web-ui-icon{
    background-position: -456px -12px;
    display: inline-block;
    height: 15px;
    margin-left: 4px;
    width: 15px;
    vertical-align:bottom;
}
.pclient .content{
    padding:20px;   
    font-size:0.85em;
}
.pclient .web-ui-line.buttons {
    margin-top:12px;
}
.form-left, .form-right{
    float:left;
}
label.form-left, .form-left{
    width:35%;
    text-align:right;
    line-height:34px;
}
.change-password label.form-left, .change-password .form-left{
    width:40%;
    font-weight:normal; 
}
.pclient .web-ui-line{
    margin-bottom:8px;
}
.pclient .web-ui-line.btn .form-right{
    line-height:14px;
    text-align:right;
    float: right;
}
.form-right{
    width:62%;
    text-align:left;
    margin-left:3%;
    line-height:34px;
}
.change-password .form-right{
    width:56%;
}
.form-right .web-ui-input-text{
    width:61%;
}
.change-password.pclient{
    margin-right:40px;
}
.change-password .line {
    margin-top: 30px !important;
}
.pass .form-right, .femail .form-right{
    width:62%;
    float:right;
    text-align:right;
    line-height:18px;
}
.change-password .pass .form-right, .change-password .femail .form-right{
    width:57%;
}
.pclient .pass a{
    line-height:20px;
}
.pclient .pass .form-left{
    line-height:32px;
}
.pclient  .web-ui-btn{
    line-height:18px;
    color:#ffffff;
    float: left;
}
.pclient .pass.email{
    margin-top:12px;
}
.pclient .pass .web-ui-btn-text{
    color:#ffffff;
}
.pclient.popup {
    z-index:1000;
}
.pclient.popup .conditions a{
    white-space:normal;
}
.pclient.popup .title .fa{
    padding-right:10px;   
}
/*pestañas*/
.pclient .tabs{
    margin-top:15px;
    position: relative;
    margin-left:20px;
    margin-right:20px;
    top: 1px;   
}
.pclient .tabs li a.active, .tabs li a:hover{   
    background-image: none;   
}
.pclient .tabs:after{
    display:block;
    content:"";
    clear:both;
}

.pclient .tabs .web-ui-tab.active .web-ui-border,.pclient  .tabs .web-ui-btn-offer .web-ui-border {
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.pclient .line{
    width:100%; 
    height:1px;
    margin-top:18px;
    margin-bottom:18px;
}
.title2{
    margin-top:10px;
    text-transform:uppercase;
    font-size: 0.750em;
}
.facebook {
    margin-top:10px;
}
.facebook .text{
    vertical-align:middle;
    display:inline-block;
}
.web-ui-icon.forget{
    background-position: -265px -277px;
    height: 31px;
    top: 7px !important;
    width: 39px;
}
.white-popup .content .web-ui-btn-icon-righ{
    float: right !important;
    line-height:14px;
}
.sr{
    margin-right:10px;
}
.sr, .sra{
    vertical-align:middle;
}
.sr > *, .sra > *{
    display:inline-block;
    vertical-align: middle;
}
.sr input, .sra input{
    margin-right:5px;
}
.web-ui-inline-block.sr *, .web-ui-inline-block.sra * {
    display: block;
    float: left;
    height: 16px;
    line-height: 16px;
}
.web-ui-inline-block.sr label, .web-ui-inline-block.sra label {
    margin-right:5px;
}
#pop-up-forget-password .web-ui-line.title{
    margin-bottom:12px;
}
#pop-up-forget-password .web-ui-line.web-ui-theme-a.error{
    margin-bottom:12px;
}
/*pop up session*/
#pop-up-session .content,
#pop-up-generic-message .content, .white-popup .not-accept {
     text-align: right;                                                                                             
}
#pop-up-session .content div,
#pop-up-generic-message .content div {
      text-align: left;
}
#pop-up-session button,
#pop-up-generic-message button {
       display: inline-block;
       margin-left: 20px;
       float: none !important;
}
#pop-up-session .content button,
#pop-up-generic-message .content button {
       margin-top:12px;
}

/***********tablas flechas******************/
.dates-table .check{
    width: 20px;
}
.dates-table table{   
    table-layout:fixed;
    border-collapse: collapse;
    width: 100%;
}
.dates-table table .date{  
    white-space: nowrap;
}
.dates-table table tr{
    border:1px solid #eaeaea;
}
.dates-table table .date span, .dates-table table .title span{  
    color: #ffffff;
    font-size: .8em;
    text-transform:uppercase;
    font-weight: bold;
}
.dates-table table .add{ 
    width:127px;
    padding: 0 40px;
    text-align:center;
    white-space: nowrap;
}
.dates-table table .date-in, .dates-table table .date-out{  
    padding:0 15px;
    text-align:center;
}
.dates-table table .select-number{  
    width:147px;
    text-align:center;
}
.dates-table table .nights{ 
     width: 130px;
     text-align:center;
 }
.dates-table table .delete-buttons, .dates-table table .price-total{  
    width:167px;
    text-align:right;
    padding-right:20px;
}
.dates-table table .delete-buttons .fa-spinner + .web-ui-btn{
     display:inline-block;
     vertical-align:middle;
 }
.dates-table table .total-price{  
    width:120px;
    text-align:center;
}
.dates-table .date .date-content, .dates-table .title .date-content{
    box-sizing: border-box;
    display: inline-block;
    padding: 10px;
    position: relative;
    vertical-align: middle;
    width: 100%;
    min-width:140px;
}
.dates-table .date .fa-caret-right, .dates-table .title .fa-caret-right  {
    font-size: 2em;
    padding-left: 10px;
    position: absolute;
}
.dates-table .date .triangle-small, .dates-table .title .triangle-small {
    border-style: solid;
    border-width: 8px 0 8px 10px;
    height: 0;
    position: absolute;
    right: -10px;
    top: 11px;
    width: 0;
    z-index: 11;
}
.dates-table .date .triangle-small, .dates-table .title .triangle-small{
    border-color: transparent transparent transparent #b5b5b5;
}
.summary.pnr{
    padding:0px;
}
.summary.pnr .main{
    padding:20px 30px;
}
.web-ui-theme-a.summary.pnr{
    border-top: none;
}
.summary.pnr h2 .web-ui-btn-inner{
    line-height:29px;
}
.summary.pnr .web-ui-btn-inner{
    overflow:visible;
}
.summary.pnr .web-ui-icon.summary-tic{
    top:42px;
}
.summary.pnr .store{
    top:34px;
}
.summary.pnr .store .web-ui-btn-text{
    padding-left:0px;
}
/***********carrito compra flotante******************/
.summary.pnr .module.resume {
    width: 300px;
}
.module.resume .main .text {
    margin-bottom: 0px;
    text-align: inherit;
}
/*error sistemas y error en la tarifa*/
.web-ui-theme-a.error-sist, .web-ui-theme-a.info-tax, .web-ui-theme-a.extra-info{
    padding:5px 12px;
    color:#ffffff;
    margin-bottom:12px;
    opacity: .8;
}
.web-ui-theme-a.net-price {
    color:#0e0c6d;
}

#bookings-list .web-ui-theme-a.error-sist {
    margin-top:15px;
    margin-bottom:100px;
    box-shadow:none;
}
.web-ui-theme-a.info-tax{
    opacity: 1;
    margin-top:15px;
}
.web-ui-theme-a.extra-info{
    margin-top:0px;
}
 .web-ui-theme-a.info-tax >*, .web-ui-theme-a.extra-info >*{
    display:inline-block;
    vertical-align:middle;
    max-width:95%;
}
.error-sist{
    display:table;
}
.web-ui-theme-a.error-sist >*{
    padding-left:5px;
    display:table-cell;
    vertical-align:middle;
}
.web-ui-theme-a.error-sist .span{
    width:95%;
}
.web-ui-theme-a.error-sist .web-ui-icon, .web-ui-theme-a.info-tax .web-ui-icon, .web-ui-theme-a.extra-info .web-ui-icon{
    height: 24px;
    width: 27px;
    margin-right:5px;
}
#main-popup-special-request .error-sist {
    width: 616px;
    margin-bottom: 24px;    
}

#main-popup-change-dates .error-sist {
    width: 764px;
    margin-bottom: 24px;    
}

#main-popup-change-occupation .error-sist {
    width: 694px;
    margin-bottom: 24px;    
}

.popup-manage-booking i.fa-exclamation-triangle {
    color: #ffffff !important;
    width: 24px;
}
/*modulo nodisp*/
.module.nodisp{
    margin-top:15px;
    padding-bottom:100px;
}
/*modulo empresas agencias*/
.company-travel-agency .company, .company-travel-agency .travel-agency{
    display: table;
    margin-bottom: 10px;
    width: 100%;
}
.company-travel-agency .main .company .text,.company-travel-agency .main .travel-agency .text{ 
    display: table-cell;
    vertical-align: middle;
    float: none;
    max-width:135px;
}
.company-travel-agency .main .company .text > *,.company-travel-agency .main .travel-agency .text > *{ 
    text-align:left;
    font-size:12px;
}
.company-travel-agency .company:after{
    display:block;
    content:"";
    clear: both;
}
.company-travel-agency .main .img{
    display: table-cell;
    float: none;
    max-width: 120px;
    min-height: inherit;
    text-align: right;
    vertical-align:middle;
    background-none;
}
.company-travel-agency .main .img img{
    float: right;
    max-width: 100%;
    text-align: right;
}
.company-travel-agency .company{
    margin-bottom:10px;
}
.congratulations{
    margin-bottom:35px;
}
.congratulations .congratulations-content{
    padding:20px;
}
.social-icons-module{
    margin-top:38px;
}
.social-icons-module .social-icons-text{
    text-align:center;
    margin-bottom:10px;
    font-weight: bold;
}
/*mapa como llegar*/
.how-to-arrive .directions{
    margin:20px 0;
}
.how-to-arrive .anuncio.map.v2{
    padding:0px;
    position:relative;
    margin-top:30px;
}
#directions-instructions{
    background-color: #ffffff;
    position: absolute;
    right: 12px;
    top: 51px;
    width: 347px;
}
#directions-instructions h2{
    cursor:pointer;
}
#directions-instructions .web-ui-subtitle div.mfp-close{
    z-index: 101;
}
#directions-instructions #directions-panel{
    padding: 20px;
}
#directions-instructions #directions-panel .adp{
    height: 400px;
    overflow-y: scroll;
}

#directions-instructions .arrow-display {
    position: absolute;
    right: 20px;
    top: 5px;
    z-index: 10;
}
.panel-how-to-arrive .fa-caret-right{
    display:none;
}
.panel-how-to-arrive .fa-caret-down{
    display:block;
}
.panel-how-to-arrive.right .fa-caret-right{
    display:block;
}
.panel-how-to-arrive.right .fa-caret-down{
    display:none;
}
.how-to-arrive .directions legend{
    font-weight: bold;
    margin-top: 10px;
    margin-bottom:15px;
    padding-bottom: 5px;
    width: 100%;
    border-bottom:1px solid #e2e2e2;
}
.how-to-arrive fieldset > span, .how-to-arrive  fieldset > div {
    display: inline-block;
    margin-right: 11px;
    vertical-align: middle;
}
.how-to-arrive .web-ui-input-text{
    width: 280px;
}
.how-to-arrive .span-to{
    padding-left: 100px;
}
.has-tooltip  .tooltip {
    position: absolute;
    right: 0;
    top: -50%;
}
.module.filter .has-tooltip {
    position: absolute;
    right: 12px;
    top: 15px;
}
.module.filter .web-ui-btn-inner{
    overflow:visible;
    white-space:normal;
}
.module.filter .has-tooltip .tooltip .content-tooltip {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #aaaaaa;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    color: #777777;
    display: block;
    left: 25px;
    margin-top: 0px;
    opacity: 0;
    padding: 10px 15px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(10px);
    transition: all 0.25s ease-out 0s;
    width: 230px;
    z-index: 100;
}
.module.filter .has-tooltip .tooltip {
    position: absolute;
    right: 0;
    text-align: left;
    top: -50%;
}
.module.filter .has-tooltip .tooltip .content-tooltip .title{
    padding-bottom:5px;
    border-bottom: 1px solid #cccccc;
    margin-bottom:5px;
    font-weight: bold;
}
.module.filter .has-tooltip .content-tooltip:before {
    border-bottom: 15px solid rgba(0, 0, 0, 0);
    border-right: 20px solid #aaaaaa;
    border-top: 15px solid rgba(0, 0, 0, 0);
    top: 5%;
    content: "";
    height: 0;
    left: -7px;
    margin-left: -13px;
    position: absolute;
    width: 0;
} 
.module.filter .has-tooltip .content-tooltip:after{
    border-bottom: 15px solid rgba(0, 0, 0, 0);
    border-right: 20px solid #ffffff;
    border-top: 15px solid rgba(0, 0, 0, 0);
    top: 5%;
    content: "";
    height: 0;
    left: -6px;
    margin-left: -13px;
    position: absolute;
    width: 0;
}
.module.filter .has-tooltip:hover .tooltip .content-tooltip{
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}
/*resumen superior reserva*/
#room-panel .summary-my-booking{
    text-align:center;
    padding:10px;
}
#room-panel .summary-my-booking ul li{
    display:inline-block;
    font-size:.8em;
    margin-right:10px;
}
#room-panel .summary-my-booking ul li strong{
    padding-right:3px;
}
#room-panel .summary-my-booking{
    margin-bottom:10px;
}
/*loader*/
#main-popup-loading .title{
    font-size:1.688em;
    font-weight:bold;
    text-transform:uppercase;
    text-align:center;
}
#main-popup-loading .title .line2{
    padding-top:15px;
}
#main-popup-loading .title .line2,
#main-popup-loading .title .line3{
    font-size:0.7em;
}
#fadingBarsG{   
    margin:auto;
    margin-top:40px;
}
#main-popup-loading .mfp-close{
    display:none;
}
#main-popup-loading .logo {
    margin-top: 20px;
    text-align: center;
}
#main-popup-loading .web-ui-theme-a.advertising {
    margin: auto;
    width: 50%;
    padding:5px;
    margin-top:15px;
}
#main-popup-loading  .web-ui-icon.award, #main-popup-loading  .web-ui-text{
    display: inline-block;
    vertical-align:middle;
}
#main-popup-loading  .web-ui-text{
    padding-left:10px;
}
#fadingBarsG{
    position:relative;
    width:240px;
    height:29px
}       
.fadingBarsG{
    position:absolute;
    top:0;
    background-color:#000000;
    width:29px;
    height:29px;
    -moz-animation-name:bounce_fadingBarsG;
    -moz-animation-duration:1.3s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-direction:linear;
    -moz-transform:scale(.3);
    -webkit-animation-name:bounce_fadingBarsG;
    -webkit-animation-duration:1.3s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:linear;
    -webkit-transform:scale(.3);
    -ms-animation-name:bounce_fadingBarsG;
    -ms-animation-duration:1.3s;
    -ms-animation-iteration-count:infinite;
    -ms-animation-direction:linear;
    -ms-transform:scale(.3);
    -o-animation-name:bounce_fadingBarsG;
    -o-animation-duration:1.3s;
    -o-animation-iteration-count:infinite;
    -o-animation-direction:linear;
    -o-transform:scale(.3);
    animation-name:bounce_fadingBarsG;
    animation-duration:1.3s;
    animation-iteration-count:infinite;
    animation-direction:linear;
    transform:scale(.3);
}   
#fadingBarsG_1{
    left:0;
    -moz-animation-delay:0.52s;
    -webkit-animation-delay:0.52s;
    -ms-animation-delay:0.52s;
    -o-animation-delay:0.52s;
    animation-delay:0.52s;
}       
#fadingBarsG_2{
    left:30px;
    -moz-animation-delay:0.65s;
    -webkit-animation-delay:0.65s;
    -ms-animation-delay:0.65s;
    -o-animation-delay:0.65s;
    animation-delay:0.65s;
}       
#fadingBarsG_3{
    left:60px;
    -moz-animation-delay:0.78s;
    -webkit-animation-delay:0.78s;
    -ms-animation-delay:0.78s;
    -o-animation-delay:0.78s;
    animation-delay:0.78s;
}       
#fadingBarsG_4{
    left:90px;
    -moz-animation-delay:0.91s;
    -webkit-animation-delay:0.91s;
    -ms-animation-delay:0.91s;
    -o-animation-delay:0.91s;
    animation-delay:0.91s;
}
        
#fadingBarsG_5{
    left:120px;
    -moz-animation-delay:1.04s;
    -webkit-animation-delay:1.04s;
    -ms-animation-delay:1.04s;
    -o-animation-delay:1.04s;
    animation-delay:1.04s;
}
        
#fadingBarsG_6{
    left:150px;
    -moz-animation-delay:1.17s;
    -webkit-animation-delay:1.17s;
    -ms-animation-delay:1.17s;
    -o-animation-delay:1.17s;
    animation-delay:1.17s;
}
        
#fadingBarsG_7{
    left:180px;
    -moz-animation-delay:1.3s;
    -webkit-animation-delay:1.3s;
    -ms-animation-delay:1.3s;
    -o-animation-delay:1.3s;
    animation-delay:1.3s;
}
        
#fadingBarsG_8{
    left:210px;
    -moz-animation-delay:1.43s;
    -webkit-animation-delay:1.43s;
    -ms-animation-delay:1.43s;
    -o-animation-delay:1.43s;
    animation-delay:1.43s;
}

@-moz-keyframes bounce_fadingBarsG{
0%{
-moz-transform:scale(1);
background-color:#000000;
}

100%{
-moz-transform:scale(.3);
background-color:#FFFFFF;
}

}

@-webkit-keyframes bounce_fadingBarsG{
0%{
-webkit-transform:scale(1);
background-color:#000000;
}

100%{
-webkit-transform:scale(.3);
background-color:#FFFFFF;
}

}

@-ms-keyframes bounce_fadingBarsG{
0%{
-ms-transform:scale(1);
background-color:#000000;
}

100%{
-ms-transform:scale(.3);
background-color:#FFFFFF;
}

}

@-o-keyframes bounce_fadingBarsG{
0%{
-o-transform:scale(1);
background-color:#000000;
}

100%{
-o-transform:scale(.3);
background-color:#FFFFFF;
}

}

@keyframes bounce_fadingBarsG{
0%{
transform:scale(1);
background-color:#000000;
}

100%{
transform:scale(.3);
background-color:#FFFFFF;
}

}   
ul.submenu{
    text-align:center;
    display: none;
    left: 0;
    position: absolute;
    width: 100%;
    padding:10px 0;
    z-index:10;
    min-width:100px;
}
ul.submenu li a{
    display:block;
    line-height:32px;
    padding:0 10px;
    text-decoration:none;
    font-size:14px;
    text-align:left;
    width:auto;                       
}   
ul.submenu li a:hover{
    background-color:#ffffff;
    color:#000000;
}

#searchAvailabilityLoading {
    padding-top:50px;
    padding-bottom:150px;
}
/*checkbox validation*/
.web-ui-theme-a.error-form{
    padding:10px 12px;
    color:#ffffff;
}
.checkbox-conditions{
    position:relative;
    display: inline-block;
}

.checkbox-conditions.not-checked{
    margin-top:30px;
}
.not-checked .error-form {
    display:block !important;
}
.web-ui-theme-a.error-form .arrow-down{
    bottom: 0;
    font-size: 10px;
    height: 6px;
    left: 7px;
    position: absolute;
}
.web-ui-theme-a.error-form{
    bottom: 20px;
    left: -10px;
    position: absolute;
    white-space: nowrap;
    width: auto;
}
.newsletter .web-ui-theme-a.error-form{
    bottom: 23px;
}
.no-link{
    cursor:default;
}

/* LOYALTY */
.offer .loyalty{
    font-size: 25px !important;
}
.loyalty span{
    font-weight: bold;
    margin-right: 5px;
}
.loyalty .points{
    margin-left: 5px;
}
.loyalty .symbol{
    font-size: 14px;
}
.loyalty .plus{
    font-size: 14px;
}
#shopping-cart .main .loyalty{
    font-size: 36px;
}
#shopping-cart .main .loyalty .plus{
    margin-right: 0px;
}
#shopping-cart .room .loyalty .plus{
    margin-right: 0px;
}

/* Room prerequisites */
.prerequisites {
    display: block;
    border-width:1px;
    border-style:solid;
    padding: 5px 10px 5px 30px;
    line-height: 15px;
    margin-bottom: 10px;
    position:relative;
}
.prerequisites i {
	position: absolute;
    left: 10px;
    top: 7px;
}