@charset "utf-8";
/* CSS Document */
/* General */

.text-white {
    color: #FFF;
}
.text-yellow {
    color: #E5A500 !important;
}
.text-color {
    color: #FF2906;
}
/* Header */

.header {
    padding: 0px;
}
.header .top {
    margin: 15px 0px 15px 0px;
}
.header .main-logo {
    text-align: left;
}
.home h1 {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 20px;
}
.btn-header-register {
    text-align: right;
    top: 5px;
}
.header-container {
    overflow: hidden;
    padding-right: 0px;
    background-color: #004F4D;
}
.img-header {
    width: 100%;
    min-height: 100%;
}
.header-container .home-header-logo {
    margin-bottom: 30px
}
.header-container p {
    font-size: 22px;
}
.header-hero {
    text-align: center;
    position: absolute;
    top: 15%;
    width: 100%;
    z-index: 3;
    font-size: 22px;
}
.btn-home-head {
    width: 200px;
    font-size: 18px;
}
.separator {
    margin: 30px;
    border-bottom: 1px #CCC solid;
}
.spacer {
    height: 30px;
}
/* Booking page */
.booking .top-form-container {
    min-width: 150px;
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
}

.booking {
    text-align: center;
}
.booking p {
    margin-bottom: 10px;
}
.booking h3 {
    margin-bottom: 4px;
}
.booking table {
    margin-right: auto;
    margin-left: auto;
}
.booking td {
    padding: 5px;
    text-align: left;
}

.prices-table {
    width: 100%;
    max-width: 320px;
}

.all-room-prices {
    min-width: 114px;
}

.weekdays-legend, .weekends-legend, .long-weekends-legend {
    text-align:center;
    background-color:#EEE;
    color:#999;
    border-radius:2px;
    padding:0px;
    font-size:10px;
    margin-bottom:5px;
}
.weekends-legend {
    margin-bottom:12px;
}

.season-legend-small {
    text-align: center;
    background-color: #33CC65;
    color: #FFF;
    border-radius: 2px;
    padding: 1px;
    font-size: 10px;
    margin-top: 2px;
    float: left;
    position:relative;
}

.season-legend-small span {display: none;}

.season-legend-small:hover span {
   display: block;
   position: absolute;
   float:right;
   top:0px; left: 0;
   width: 90px;
   border-radius: 2px;
   padding: 1px; 
   margin: 0 0 0 15px;
   z-index: 100;
   color: #333; 
   background-color: #FFFF9D;
   text-align: center;
}

.promo-legend {
   font-size:14px;
   color:#003399;
   background-color:#FFF4F2;
   border-radius:4px;
   padding:15px 25px;
   max-width:600px;
   margin:0 auto;
}

.promo-legend img{
   max-width:18px;
   margin-top:-6px;
   margin-right:10px;
}

.discount-apply-legend {
   font-size:13px;
   color:#FF3300;
}

.discount-apply-legend img{
   max-width:15px;
   margin-top:-6px;
   margin-right:3px;
}

.season-legend {
    text-align:center;
    background-color:#33CC65;
    color:#FFF;
    border-radius:2px;
    padding:1px 8px;
    font-size:11px;
    margin-bottom:5px;
    float:left;

	transform-origin: 68% 280%;
    -ms-transform-origin:  68% 280%; /* IE 9 */
    -webkit-transform-origin:  68% 280%; /* Chrome, Safari, Opera */

    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.booking-rooms-divider {
    border-top: #FF2906 1px solid;
    margin: 20px auto;
    max-width: 88px;
}

.pricing-table {
    margin: 30px 0px;
}
    .pricing-table td {
        padding:0px 5px;
    }

    .pricing-table .value, .pricing-table .price-label, .pricing-table .discount-label {
        text-align:right;
    }

    .pricing-table .pricing-label {
        color:#333;
    }

    #bookingCost, #taxCost {
        color: #666;
    }

    #discountCost {
        color: #009933;
    }

    #totalBookingCost {
        color:#333;
        font-weight: bold;
    }


.room-name, .guests-field {
    vertical-align: top;
}

.room-name div {
    margin-top: 6px;
}
.spacer {
    height: 30px;
}


/* Main Content */

.main-content {
    padding-left: 50px;
    padding-right: 20px;
    margin-bottom: 50px;
}
.secondary-content {
    padding:5px 50px;
}

.secondary-content .offer {
    font-size:16px;
}

.standard-page h1 {
    position: absolute;
    top: 25%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px 0 20px;
}
.standard-page h2 {
    color: #FF2706;
}
.standard-page p {
    margin-bottom: 10px;
}
.standard-page .header-container {
    height: 204px;
    text-align: center;
}
.standard-page .side-navigation {
    background-color: #FFFAEA;
    padding: 50px 30px 9999px 50px;
    margin-bottom: -9999px;
}
.standard-page .side-navigation a {
    color: #555;
}
.standard-page .side-navigation li {
    padding-left: 20px;
    font-size: 1.1em;
    margin-bottom: 10px;
}
.standard-page .side-navigation .active {
    background: url(/images/bullet.gif) left top no-repeat;
}
.standard-page .side-navigation .active a {
    color: #FF2806;
    font-weight: bold;
}
.standard-page .primary-content {
    padding: 45px 100px 9999px 100px;
    margin-bottom: -9999px;
}
.standard-page .container-fluid {
    min-height: 100%;
    overflow: hidden;
}
.standard-page .footer {
    margin-top: 0px;
}

.booking-price-off .text-color {
    color: #FFBAB0;
}
.booking-box-first {
    border-radius: 6px 6px 0px 0px;
}
.booking-box-inner {
    border-radius: 0px;
}
.booking-box-last {
    border-radius: 0px 0px 6px 6px;
}
.booking-box-guests {
    border-radius: 6px;
    min-width: 50px !important;
    max-width: 60px !important;
}
/* FORMS*/

.form-control {
    margin-top: -1px;
    min-width: 150px;
    max-width: 250px;
    margin-right: auto;
    margin-left: auto;
    background-color: #FFF !important;
}
.contact-form .form-control {
    margin-top: -1px;
    min-width: 150px;
    max-width: 400px;
    background-color: #FFF !important;
    margin-left: 0px;
}
.contact-form .btn-contact {
    display: block;
    padding: 6px 12px;
    width: 100%;
    min-width: 150px;
    max-width: 400px;
    margin-top: 3px;
}
.form-errors-summary {
    border-radius: 6px;
    max-width: 400px;
    margin-right: auto;
    margin-left: auto;
    padding: 20px 10px 20px 100px;
    text-align: left;
    font-size: 12px;
    background: url('/images/form-warning.png') left top no-repeat #FFFFDD;
    border: 1px #CCCC00 solid;
    margin-bottom: 30px;
}
.form-control.error {
    border-color: #FF2222;
    background-color: #FFF4F2 !important;
    z-index: 9999;
    margin-bottom: 1px;
}

.processing-button {
    background-position: center;
    background-image: url(/images/fancybox-images/fancybox_loading.gif);
    background-size: contain;
    background-repeat: no-repeat;
    min-width:180px;

    background-color: #00CC33 !important;
    border-color:#33CC00 !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/* FOOTER */

.footer {
    background-color: #004F4D;
    color: #fff;
    font-size: 13px;
    padding: 50px 20px 40px 20px;
    text-align: center;
}
.footer img {
    max-width: 145px;
}
.footer .hotmark-logo {
    margin-top: 20px;
}
.footer a {
    color: #FFF;
}
.footer li {
    display: inline;
    border-right: 1px #FFF solid;
    padding: 0px 10px 0px 6px;
}
.footer .last {
    border-right: none;
}
/*Home Summary Styles */

.hotel-summary-container {
    margin-top: 50px;
}
.hotel-summary {
    border: 1px solid #FFEFC4;
    max-width: 310px;
    min-height: 483px;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    position: relative;
}
.hotel-summary:hover {
    border: 1px solid #EAA700;
}
.hotels a:hover {
    text-decoration: none;
}
.hotel-summary:hover p {
    text-decoration: none;
}
.home-hotel-logo {
    margin-top: -57px;
    text-align: center;
}
.home-hotel-logo img {
    max-height: 114px;
    max-width: 114px;
}
.hotel-main-details {
    display: block;
}
.hotel-name-and-city {
    width: 50%;
    position: relative;
    float: left;
}
.hotel-price {
    width: 50%;
    position: relative;
    float: left;
    text-align: right;
    font-weight: bold;
    height: 100%;
    vertical-align: middle;
    color: #333;
}
.hotel-description {
    display: block;
}
.hotel-summary-content {
    padding: 10px;
    width: 100%;
}
.hotel-summary-content h3 {
    margin: 0 0 4px 0;
    font-size: 16px;
}
.hotel-summary-content h6 {
    margin: 0 0 20px 0;
    color: #333;
}
.hotel-summary-content p {
    margin-bottom: 25px;
    color: #333;
}
.hotel-summary-content .btn-primary {
    width: 120px;
    font-size: 14px;
    padding: 2px 0px 2px 0px;
    height: 26px;
    position: absolute;
    color: #FF2906 !important;
    background-color: #FFF !important;
    bottom: 13px;
    left: 94px;
}
.hotel-summary-content:hover .btn-primary {
    background-color: #FF2906 !important;
    color: #FFF !important;
}
.header-hero a,
.header-hero a:hover,
.header-hero a:active,
.header-hero a:visited {
    color: #FFF;
}
@media (max-width: 767px) {
    .main-content {
        padding-left: 20px;
        padding-right: 20px;
    }
    .secondary-content {
        padding:5px 20px;
    }
    .header-hero {
        top: 10%;
        max-width: 96%;
    }
    .home h1 {
        font-size: 14px;
    }
    .btn-header-register {
        display: none;
    }
    .standard-page .header-container {
        height: 180px;
    }
    .header-container {
        height: 470px;
    }
    .header-container .home-header-logo {
        margin-bottom: 30px;
        max-width: 220px;
    }
    .header-container p {
        font-size: 14px;
        margin-bottom: 20px;
    }
    .btn-home-head {
        width: 140px;
        font-size: 14px;
    }
    .standard-page .side-navigation {
        display: none;
    }
    .standard-page .primary-content {
        padding-left: 50px;
        padding-right: 50px;
    }
    .ayudaventas .red-arrow-right {
        display: none;
    }
    .ayudaventas .vert-spacer {
        display: none;
    }
    .ayudaventas .parallax-container {
        height: 430px;
    }
    .ayudaventas .btn-register {
        min-width: 150px;
    }
    .ayudaventas .parallax {
        background: url('/images/city-bg-mb.jpg');
        background-size: 120% auto;
    }
    .form-errors-summary {
        padding: 20px 20px 20px 20px;
        background-image: none;
    }
    /* FOOTER */
    
    .footer {
        margin-top: 50px;
        padding-top: 10px;
        padding-bottom: 30px;
    }
    .footer img {
        margin-top: 20px;
    }
    .footer li {
        display: block;
        border-right: none;
        border-bottom: 1px solid #999;
        padding: 10px 0px 10px 0px;
    }
    .footer .last {
        border-bottom: none;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .header-container {
        height: 570px;
    }
    .header-container p {
        font-size: 18px;
        margin-bottom: 30px;
    }
    .btn-home-head {
        width: 180px;
        font-size: 16px;
    }
    .standard-page .side-navigation {
        padding-left: 20px;
        padding-right: 20px;
    }
    .ayudaventas .vert-spacer {
        display: none;
    }
    .ayudaventas .first-arrow {
        left: 2%;
    }
    .ayudaventas .second-arrow {
        right: 2%;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .header-container {
        height: 710px;
    }
    .btn-home-head {
        width: 180px;
        font-size: 16px;
    }
    .hotels {
        margin: 0 80px 0 80px;
    }
}
@media (min-width: 1200px) {
    .img-header {
        margin-top: -25%;
    }
    .header-container {
        height: 710px;
    }
    .hotels {
        margin: 0 80px 0 80px;
    }
}