/* Minification failed. Returning unminified contents.
(123,30): run-time error CSS1038: Expected hex color, found '#cc99335'
 */
body, html 
{
    width: 100% !important; height: 100% !important;  font-family: 'Roboto', sans-serif;
    background: #F1F1F2 !important; min-height: 100% !important; max-height: 350% !important;
}
.mainContainer {
    background-color: rgba(18, 20, 20, 0.68);
    margin-top: 35px;
}
.navbar-right {
    float: left!important;
    margin-right: 37px;
}
.navbar-wrapper2 {
    height: 121px;
    background: rgb82, 183, 218;
    border: 0px solid #000;
}
.roboto { font-family: 'Roboto', 'Arial Narrow', Arial, sans-serif !important; }
.caps { text-transform: uppercase; }
.hideElement { display: none!important; }
.mainContainer { background: #F1F1F2; position: relative; width: 100%; height: auto; }
.infoContainer
{
    background: #F1F1F2; max-width: 1024px; position: relative; padding: 0 0 10px 0px; 
    margin: auto; display: flex; width: 100%; height: auto;
}
.searchFormContainer {min-height: 530px; padding: 0; height:100%;  
    top: 46px;   margin: 8px 0 0 0;/*margin-bottom: 10px;*/ }
.resultContainer {padding: 0; height: 100%;background:#fff; }
.text-bold { font-weight: 600 !important; }
.text-thin { font-weight: 300 !important; }
.text-normal { font-weight: 400 !important; }
.center-content{ text-align: center; }
.hidden { visibility: hidden; }
.clear{ clear:both!important; float:none!important; border:none!important;}
.floatRight{ float: right; }
.floatLeft{ float: left; }
.halfLeft{ width: 49%; float: left; position:relative; }
.halfRight{ width: 49%; float: right; position:relative; }
.fullLeft { width: 100%; float: left; position:relative;}
.fullRight { width: 100%; float: right; position:relative; }
.fullWidth { width: 100%; position:relative;}

  
img.logo {
    width: 210px;
    height: auto;
    margin: 0px 0 -7px 4px;
}


.navbar-wrapper2 { background: #cc9933; border: 0px solid #000; }

.footercontainer { position: relative; z-index: 65; }
.footercontainer .container {margin-bottom:0;}
.footerbg { width: 100%; background: #cc9933; padding: 30px 0px; overflow: hidden; background-color:#cc9933; }
a#gotop2 { top: 30px !important; margin-top: -1em; margin-bottom: 1em; }
a.gotop { width: 37px; height: 37px; display: block; text-align: center; margin: 0px auto; }
.gotop { position: relative; top: 100px; }
a.gotop img { width: 37px; height: 37px; background: url('../images/icons/sprite.png') 0px -72px; }
a:hover.gotop img { width: 37px; height: 37px; background: url('../images/icons/sprite.png') 0px -109px; }
a.blue { color: #428bca !important;}
.footer { text-align: center; color: #999; font-size: 14px; }
.footer a { color: #FFF; font-size: 14px; font-weight: normal; transition: all 0.3s ease 0s; }

.footer-followus { font-size: 30px; }
.footer-followus, .footer-title, .footer-subtitle { text-align: left; color: #FFF; }
.socialmedia { padding-bottom: 10px; }
p.footer-navbar { font-size: 16px; text-transform: uppercase; color: #000; text-align: center; }
a.webdesign:hover { text-transform: none; color: #75d5ef; }
.generalButton {
    text-transform: uppercase; text-decoration: none; text-align: center; line-height: 34px; font-weight: 600; 
    border: 0px none; min-width: 100px; cursor: pointer; font-size: 12px !important; height: 35px; width: 120px; color: #FFF;
}
.blueButton { background-color: #4DC1DF;   }
.blueButton:hover { background-color:#cc9933; color: #6D6E70; }
.blackButton {    background-color: #cc9933!important; border: 1px solid #000000; color: #fff; }
.blackButton:hover { background-color: #FFF !important; color: #000!important; border:solid 1px #000!important;}
.whiteButton { border: 1px solid black; color: #000!important; background-color: #FFF !important; }
.whiteButton:hover { border: 1px solid #000; background-color: #fff !important; color: #000 !important; }
.whiteButton > a { color: #fff !important; }
.a-button { display: block; height: 100% !important; width: 100% !important; text-decoration: none !important; }
.a-button:hover{ text-decoration: none !important; }
.a-button > a:hover { color: #6D6E70; }
.whiteButton > a.a-button:hover { color: #FFF !important; }
.backButton > a { color: #fff; text-decoration: none; font-weight: 400; }
.backButton { background: url('images/icons/back-blanca.png') no-repeat; background-position: 5% 50%; padding-left: 22px;  font-size: 0.7em !important;}
.backButton:hover { background: url('images/icons/back.png') no-repeat; background-position: 5% 50%; padding-left: 22px; color: #000 !important; }
.backButton > a:hover { color:#6D6E70 !important; }
.disabledButton { background-color: gray !important; cursor: not-allowed !important; }

.emphasis-btn-1{
    box-shadow: 0 0.25em 0.15em -0.25em #000;
    font-size: 1.1em !important;
    height: auto !important;
    letter-spacing: 0.08em;
    line-height: 100%;
    padding: 1em;
    text-shadow: 0.02em 0.01em #000;
    width: auto !important;
    word-spacing: 0.25em;
}

.lineCtrl {margin-top: 0.35em;  }
.lineBtns {margin-top: 1em;  }

.loading-ctrl-line { 
    background-image: url("../images/gif/loading_bar.gif"); background-position: center center; 
    background-repeat: repeat-x; background-size: auto auto; 
}
.popUpContent{ padding-left: 15px; width: 100%; }
.popUpTitle { border: solid thin; font-size: 21px; min-height: 47px; float: left; width: 100%; padding: 10px 5px; }
.popUpHotelInfo { width: 74%; float: left; font-size: 21px; }
.popUpHotelName {color:#243855; padding-left: 10px; font-weight: 600; float: left; }
.popUpHotelPlace { color:#243855;padding-left: 10px; font-weight: 200; float: left; }
.popUpStars { width: 25%; }
.destinationLabel { background: url('../images/icons/edificio.png') no-repeat; background-position: 5px; }
.addressLabel { background: url('../images/icons/direccin.png') no-repeat; background-position: 5px; }
.phoneLabel { background: url('../images/icons/telfono.png') no-repeat; background-position: 5px; }

.sdTitleDiv { 
    border-bottom: 2px solid #cc99335; text-align: center; padding: 10px 0px; font-weight: 400; font-size: 28px; 
    margin:0 auto 15px;  text-transform: uppercase;     
}
.rsvGrayBox {
    /* background-color: #243855; */
    margin: 20px 0px;
    padding: 20px;
    width: 100%;
    /* border: saddlebrown; */
    height: auto;
    /* color: #fff; */
   
    box-shadow: 0 0 3px;
}
.rsvGrayBox > div > label > sup { color: red; }
.rsvGrayBox > div > textarea { resize: none; }

.inner-ligth-formbox {
    margin-top: 2.20em;
    background-color: #fff;
    padding: 0.40em;
}

.rsvContainer { background: #FFF; padding: 30px 50px 10px; width: 100%; height: auto; margin: auto; }
.ctrContainer { background: #FFF; padding: 7em 3.30em 0.80em; width: 100%!important; height: auto; margin: auto; clear: both!important; float: none!important }
.mrg-top-e1 { margin-top: 1em!important; }
.mrg-top-e15 { margin-top: 1.5em!important; }
.mrg-top-e20 { margin-top: 2em!important; }
.no-padding { padding:0!important; }
.padd-top-e15 { padding-top: 1.50em!important; }
.padd-top-e20 { padding-top: 2em!important; }
.padd-left-e15 { padding-left: 1.50em!important; }
.padd-left-e20 { padding-left: 2em!important; }
.padd-bottom-e15 { padding-bottom: 1.50em!important; }
.padd-bottom-e20 { padding-bottom: 2em!important; }

.processingDialog { background-color: #D1D2D1; width: 100%; min-height:530px; height: 100%; float: left; }
.processingDialog > div > div { height: 60px; width: 380px; margin: auto; text-transform: uppercase; font-size: 29px; font-weight: 200; }
.processingDialog > div > div > img { background-color: transparent; width: 60px; float: left; }
.processingDialog > div > div > span { padding-left: 5px; height: 60px; line-height: 60px; }

.htlSrchTrans {background:#fff;  width: 100%; height: 100%; float: left; }
.htlSrchTrans > div > div { margin: auto; height: 10%; min-height: 86px; width: 80%; padding: 10px; border: solid #000; display: flex; align-items:center; }
.htlSrchTrans > div > div > div { float: left; height: auto; text-align: center; }
.htlSrchTrans > div > div > div#htlSrchTransImg { width: 0px; }
.htlSrchTrans > div > div > div#htlSrchTransLbl { /*width: 100%;*/ padding-left: 65px; }
.htlSrchTrans > div > div > div > img { background-color: transparent; width: 60px; height: 60px; }
.htlSrchTrans > div > div > div > label { font-size: 19px; font-weight: 400; /*height: 60px;*/ text-align: center; }

.hotelGeneralInfo { padding: 10px 0px; width: 100%; float: none; }
.hotelGeneralInfo > div > img { margin-right: 5px; }
.hotelGeneralInfo > div > img#rsvDirectionPng { margin-right: 12px; }
.hotelGeneralInfo > div > label { font-weight: 400; font-size: 15px; margin-bottom: 0px !important }
.error { color: red !important; font-weight: 400 !important; }
.sucess { color: #4dc1df; font-weight: 700 !important; letter-spacing: 0.05em;  }
.halfTop { height: 45%; min-height: 250px; width: 100%; float: left; }
.halfBottom { height: 55%; min-height:280px; width: 100%; float: left; }
.generalDialog > div > div > button {  
    text-transform: uppercase; text-decoration: none; text-align: center; line-height: 35px; font-weight: 600; 
    border: 0px none; min-width: 100px; cursor: pointer; font-size: 12px !important; height: 35px; width: 120px; color: #FFF;
    background-color: #4DC1DF !important;
}
.generalDialog > div > div > button:hover {border: 1px solid #4DC1DF !important; background-color: #FFF !important; color: #6D6E70;}
.paddingLeft70 { padding-left: 70px; }
.partialSpanWidth { width: 77% !important; }
.fontTo15 { font-size: 15px !important; }

/**
    >>>>> section main loading pane
*/
.courtain {
    display: none;
    width: 100%!important;
    height: 100%!important;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 109999;
}
.courtain.dark {
    background-color: rgba(0,0,0,0.50);
}
.courtain.ligth {
    /*background-color: rgba(255,255,255,0.50); */
    background-color: rgba(221,221,221,0.50);
}

.courtain div.indicator {
    display: block;
    width: 40%;
    /*height: 25%; */
    min-height: 25%;
    height: auto;
    position: absolute;
    top: 40%;
    left: 30%;
    padding-top: 41px;
    background-color: rgba(240, 240, 240, 0.65);
}

 .courtain.dark div.indicator {
    background-color: rgba(240, 240, 240, 0.65);
 }

.courtain.ligth div.indicator 
{
    background: rgba(255, 255, 255, 1.0);
    box-shadow: 0 0 0.4em 0.10em #dfdfdf; /*0 0 0.1em #dfdfdf; */
}

div.indicator .waiting-img {
    display: block;
    width: 100%;
    position: relative;
    text-align: center;
}

div.indicator .promptMessage {
    display: block;
    width: 100%;
    min-width: 2em;
    position: relative;
    text-align: center;
    text-transform: uppercase; 
    font-size: 1.80em; 
    font-weight: 300;
    text-shadow: 0.05em 0.05em #FFF;
}

div.indicator .additionalMessage {
    display: block;
    height: auto;
    width: 80%;
    margin: 0 auto 5%;
    min-width: 2em;
    padding: 2% 0 0;
    position: relative;

    box-shadow: 0 0.1em 0.2em -0.2em #CDCDCD;
    font-size: 1.1em;
    font-weight: 300;
    
    text-align: left;
    text-shadow: 0.05em 0.05em #ffffff;
    text-transform: capitalize;
}

.courtain.dark div.indicator .promptMessage {
    font-weight: 400;
    text-shadow: 0.50px 0.50px #4dc1df;
}
/**
    <<<<< end-section main loading pane
*/

/** MustacheJS */
.mstch-tmpl { display:none;}

.bg_pague.fullLeft {
    background: #D7D7D7;
    padding: 10px 14px 0 14px;
}
.bg_pagueColor {
background-color: rgba(18, 20, 20, 0.68);
}

@media (max-width: 767px)
 {
.processingDialog > div > div {
    height: 60px;
    width: 300px;
    margin: auto;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 200;
}
}

.container {
    position: relative;
    margin-bottom: 60px;
}
.footerbg {
    width: 100%;
    background: #cc9933;
    padding: 7px 0px 18px;
    overflow: hidden;
    background-color: #cc9933;
}
.navbar-wrapper2.headerbg {
    height: 82px;

    border: 0px solid #000;
}
.mainContainer .navbar-brand {
display:none;
}
.mainContainer .menuTop{
display:none;
}




.bg_pague {
    background-image: url('/Content/images/home.jpg');
    background-size:cover;
}

.navbar-brand {
    float: left;
    padding: 27px 15px 0 15px;
    font-size: 18px;
    line-height: 20px;
}
#RsvResultPagerTop{
display:none!important; 	
}

.socialmedia {
    float: right;
    margin: 0 0 0 11px;
    padding-bottom: 10px;
    display: inline-block;
    text-align: center;
}
.footer .container {
float:left;
}

.logo1{
background-image: url('/Content/images/logos/logo1.png');
background-repeat: no-repeat;
background-position: center center;
background-size: cover;	
display:inline-block;
  width: 70px;
    height: 43px;
}.navbar-wrapper2 {
    height: 81px;
  
    border: 0px solid #000;
}
.navbar-toggle {
display:none;
}
.logo2{
background-image: url('/Content/images/logos/logo2.png');
background-repeat: no-repeat;
background-position: center center;
background-size: cover;	
display:inline-block;
    width: 100px;
    height: 38px;
}.logo3{
background-image: url('/Content/images/logos/logo3.png');
background-repeat: no-repeat;
background-position: center center;
background-size: cover;	
display:inline-block;
    width: 100px;
    height: 43px;
}
.logo4{
background-image: url('/Content/images/logos/logo4.png');
background-repeat: no-repeat;
background-position: center center;
background-size: cover;	
display:inline-block;
width:98px;
height:42px;
}

.logo5{
background-image: url('/Content/images/logos/logo5.png');
background-repeat: no-repeat;
background-position: center center;
background-size: cover;	
display:inline-block;
width:125px;
height:38px;
}

div#logoContent {
    padding: 25px 0 0 0;
}
div#logoContent div {
    margin: 0px 0 0 30px;
}
.footerbg.color {
 
    bottom: 0;
	color:#000;
    background: #FFF;
}


@media screen and (max-width:1345px) and (min-width:320px)
{

    .socialmedia {
    float:none;
    }

}
.footer-followus {
    font-size: 14px;
    font-weight: 300;
    color: #808080;
    text-align: center;
}

.socialmedia img {
    width: 24px;
    margin: 0 5px 0 2px;
}

@media (max-width: 700px) {
    .hotelDesc > label { font-size: 2vw; }
    .searchFormLbl { font-size: 12px; }
    .rsvCnxFeeSection > div { font-size: 1.2vw; }
}
@media (max-width: 900px) {
    .searchFormLbl { font-size: 11px; }
}
  .navbar-nav > li { float: left; margin-left:18px; }
@media (max-width: 1330px) {

  div#container-header { max-width: 1400px !important; padding-right: 0px !important; margin:0 auto; }
  .navbar-nav { margin: 0; }
  .navbar-nav > li {  margin-left:2px; }
  .navbar-nav > li > a {  }
}
.mainContainer {
}
@media (max-width: 1024px) {
    .nav > li {
        text-align: center;
    }

    .navbar-nav {
        margin: 7.5px -15px;
        padding: 7px 12px 0 9px !important;
    }

    .container {
        padding-right: 0 !important;
        padding-left: 0 !important;
        margin-right: auto;
        margin-left: auto;
    }

    .mainContainer {
        padding: 0 15px 0 15px;
    }

    .contentResult .destination {
    height: 160px;
    width: 33%!important;
    margin: 0 10px 0 0px;
}




}
    @media screen and (max-width: 1024px) {
        #ui-datepicker-div {
            width: 15em !important;
            font-size: 1.1em !important;
        }

        .ui-widget-header {
            height: 40px !important;
        }

        .invoiceTotalAmount {
            font-size: 1.5vw !important;
        }
    }

    @media only screen and (min-width: 1400px) {

       .bg_pagueColor.mainContainer {
    background-color: rgba(18, 20, 20, 0.68);
    margin-top: 0;
}
.mainContainer .container .nav-tabs {
    margin: 20px auto 10px;
    background-color: transparent;
    height: 75px;
    text-transform: uppercase;
    padding: 0px 0px 0 50px;
    display: table;
    width: 100%;
}
   .mainContainer .navbar-brand {
display:block;
}
.mainContainer .menuTop{
display:block;
}
        .headerbg {
display:none;
}
        .container .nav-tabs {
    margin: 20px 0 10px 0;
    background-color: transparent;
    height: 75px;
    text-transform: uppercase;
    padding: 0;
    display: table;
}
    
        .socialmedia {
    float: right;
    margin: 0 38px 0 11px;
    padding-bottom: 10px;
    display: inline-block;
    text-align: center;
}
        .uname {
color:#fff;
    text-align: center;

}

        .menuTop {
    margin-top: 0.4em;
    position: absolute;
    right: 0;
    top: 9px;
    z-index: 500;
    color: #ED1C24;
}
        .sectionVoucher {
            font-size: 14px !important;
        }

        .hotelDesc > label {
            font-size: 17px !important;
        }

        .roomTypesBtn {
            font-size: 14px !important;
        }

        .moreInfoBtn {
            font-size: 14px !important;
        }
    }

    @media (max-width: 850px) {
        .roomTypesBtn {
            font-size: 2vw;
        }

        .moreInfoBtn {
            font-size: 2vw;
        }

        .viewMoreLink {
            font-size: 1.8em;
        }
    }

    @media (max-width: 992px) and (min-width: 768px) {
        .searchFormLbl {
            font-size: 1.3vw;
        }
    }