﻿/*
=======================================================================================
 HOTELES RH                                                     Site produced by KOALAB        
 Copyright 2007                                                   http://www.koalab.com
=======================================================================================
*/

div#backgroundAvailability
{
    background: #F9F9F9 url(../../imgLib/availability/bg-header-availability.jpg) no-repeat left top;
    clear: both;
    width: 892px;
    margin-top: 40px;
    overflow:auto;
}
div#backgroundAvailability h2
{
    font-family: Lucida Sans, Georgia, Arial, Verdana;
    font-weight: bold;
    font-size: 16px;
}
a:hover
{
    text-decoration:none;
}
/*
============================================================================
 Hoteles RH : CABECERA INICIO
============================================================================
*/

#headerAvailability
{
    background:#121851 url(../../imgLib/availability/img-header-calendar.jpg) no-repeat left top;
    margin:26px 1px 1px 1px;
}
#headerAvailability h2
{
    color:#FFFFCC;
    margin:0px 0px 10px 236px;
    padding-top:23px;
    font-size:30px!important;
    font-weight: normal!important;
}
#headerAvailability p
{
    color:#D9ECFF;
    font-family:Verdana, Arial, Sans-Serif;
    font-size:12px;
    width:567px;
    margin-left:279px;
    line-height:16px;
    padding-bottom:20px;
}
/*
============================================================================
 Hoteles RH : MENÚ HORIZONTAL 
============================================================================
*/

#menuNavHotel
{
    background-color:#CCDDEE;
    height:50px;
    margin:0px 1px;
    padding-left:5px;
    _padding-left:0px;
}
#menuNavHotel li
{
    display:inline;
}
#menuNavHotel li a
{
    color:#E8EFF7;
    font-size:12px;
    text-decoration:none;
    width:282px;
    /*width:210px;*/
    float:left;
    display:block;
    height:50px;
    margin-left:9px;
    background:transparent url(../../imgLib/availability/bg-menu.gif) no-repeat left bottom;
    /*background:transparent url(../../imgLib/availability/bg-menu2.gif) no-repeat left bottom;*/
}
#menuNavHotel li a strong
{
    display:block;
    text-align:center;
    margin-top:25px;
}
#menuNavHotel li a:hover
{
    text-decoration:underline;
}
#menuNavHotel li a.selected
{
    font-size:14px;
    color:#09F;
    background:transparent url(../../imgLib/availability/bg-menu-select.jpg) no-repeat left bottom;
    /*background:transparent url(../../imgLib/availability/bg-menu-select2.jpg) no-repeat left bottom;*/
}
/*
============================================================================
 Hoteles RH : CONTENIDO CENTRAL
============================================================================
*/

#contentAvailability
{
    padding:22px 14px 10px 13px;
    _padding:22px 10px 10px 12px;
}
.content-availability-hotel
{
    border:1px solid #BFD1DF;
    background-color:#FFF;
   /* height:415px;*/
    margin-bottom:30px;
    overflow:auto;
    _float:left;
    _width:865px;
}
.content-availability-hotel .header-hotel
{
    background-color:#F4F2EC;
    margin:1px 1px 20px 1px;
    overflow:auto;
    height:55px;
}
.header-hotel a
{
    border:1px solid #BFD1DF;
    text-align:center;
    background-color:#FFF;
    display:block;
    float:left;
    margin-top:5px;
    margin-left:5px;
}
.header-hotel a.border-logo
{
    width:280px;
    padding:10px 0px;
    height:23px;
}
.header-hotel a.border-sellos-princesa,
.header-hotel a.border-sellos-coronadelmar,
.header-hotel a.border-sellos-riviera,
.header-hotel a.border-sellos-casablanca
{
        padding:4px 0px;
}
.header-hotel a.border-sellos-princesa
{
    width:115px;
}
.header-hotel a.border-logo-coronadelmar
{
    width:280px;
    padding:13px 0px;
}
.header-hotel a.border-sellos-coronadelmar
{
    width:195px;
}
.header-hotel a.border-sellos-riviera
{
    width:68px;
}
.header-hotel a.border-logo-riviera
{
    width:280px;
    padding:8px 0px 9px 0px;
}
.header-hotel h2
{
    color:#3871A9;
    float:right;
    padding-top:20px;
    padding-right:20px;
}
.left-availability
{
    width:345px;
    padding-left:20px;
    float:left;
}
.left-availability p
{
    font-size:12px;
    color:#999;
    width:328px;
}
.left-availability .img-sensations
{
    display:block;
    
    width:68px;
    height:68px;
    background:#FFC;
    padding:5px;
    border:1px solid #CCC;
    float:left;
    margin-right:15px;
    display:block;
}
/*.left-availability .hotel-intro { font-size:14px!important; line-height:20px; }*/
.left-availability .btn-booking
{
    background:url(../../imgLib/availability/btn-availability-orange.gif) no-repeat left top;
    width:200px;
    height:27px;
    text-align:center;
    font-size:14px;
    font-weight:bold;
    color:#FFF;
    display:block;
    padding-top:9px;
    text-decoration:none;
    margin-top:15px;
}
.left-availability .card-client
{
    background:url(../../imgLib/availability/ico-offers-black.jpg) no-repeat 0px 5px;
    padding:10px 0px 15px 48px;
    font-size:11px;
    color:#000;
    width:251px;
}
.left-availability .card-client a { color:#000; }

.left-availability ul.hotel-direct-links { clear:both; margin:0px 0 20px; overflow:auto; height:40px; }
.left-availability ul.hotel-direct-links li { display:block; margin:20px 15px 0 0; float:left;  }

.left-availability li a
{
    color:#06C;
    font-size:11px;
    padding-left:18px;
}
.left-availability li a.booking
{
    background:transparent url(../../imgLib/availability/ico-visa.gif) no-repeat left 3px;
}
.left-availability li a.info
{
    background:transparent url(../../imgLib/availability/ico-informacion.gif) no-repeat left 2px;
}
.left-availability li a.facilities
{
    background:transparent url(../../imgLib/availability/ico-instalaciones.gif) no-repeat left 2px;
}
.left-availability li a.photos
{
    background:transparent url(../../imgLib/availability/ico-fotografias.gif) no-repeat left 2px;
}
.left-availability li a.maps
{
    background:transparent url(../../imgLib/availability/ico-comollegar.gif) no-repeat left 2px;
}
.left-availability li a.wellness
{
    background:transparent url(../../imgLib/availability/ico-spa.gif) no-repeat left 2px;
}
.left-availability li a.comments
{
    background:transparent url(../../imgLib/destinations/ico-comentarios.gif) no-repeat left 2px;
}

.left-availability .hotel-form h3
{
    font-family:Arial, Verdana, Sans-Serif;
    font-size:12px!important;
    font-weight:bold;
    color:#666;
    border-top:1px solid #CCC;
    padding:10px 0;
}

.left-availability .row
{
    overflow:auto;
    padding:5px 0;
}
.left-availability .row label { float:left; color:#666; margin-right:10px; }
.left-availability .row label input, .left-availability .row label select
{
    display:block;
    margin-top:5px;
}

.left-availability .row .date-pick
{
    background:transparent url(/imgLib/index/bg-input-calendar.gif) no-repeat left center;
    border:1px solid #A4B97F;
    width:98px;
    padding:5px 0 5px 3px;
}

.left-availability .occupation p { font-size:11px; font-weight:bold; margin-top:0; }
.left-availability .occupation select { font-size:11px; color:#999; }
.right-availability
{
    width:476px;
    float:left;
    margin-bottom:20px;
}
.calendar-availability
{
    height:256px;
    width:474px;
    
}
.right-availability fieldset
{
    float:left;
    margin-top:15px;
}
.right-availability fieldset span
{
    font-family:Trebuchet MS, Arial, Sans-Serif;
    font-size:11px;
    color:#000;
    padding:4px 0px 13px 40px;
    display:block;
}
.right-availability fieldset .availability
{
    background:transparent url(../../imgLib/availability/color-disponibilidad.gif) no-repeat left top;
}
.right-availability fieldset .availability-2nites
{
    background:transparent url(../../imgLib/availability/color-disponibilidad2noches.gif) no-repeat left top;
}
.right-availability fieldset .availability-4nites
{
    background:transparent url(../../imgLib/availability/color-disponibilidad4noches.gif) no-repeat left top;
}
.right-availability fieldset .without-availability
{
    background:transparent url(../../imgLib/availability/color-sindisponibilidad.gif) no-repeat left top;
}
.right-availability .price-availability
{
    text-align:right;
    width:200px;
    float:right;
}
.right-availability .price-availability span
{
    padding:0px 0px 8px 0px;
}
.right-availability .price-availability select
{
    font-size:11px;
}
.right-availability fieldset p
{
    color:#06C;
    font-size:9px;
    margin-top:7px;
    line-height:12px;
    margin-left:20px;
}
.right-availability .price-room-text-gandia
{
    color:#06C;
}
/*
============================================================================
 Hoteles RH : PIE
============================================================================
*/

p.footer
{
    display:block;
    clear:both;
    background-color:#B9DCFF;
    margin:0px;
    padding:0px;
    height:32px;
    margin-bottom:30px;
    width:892px;
}
p.footer a
{
    float:right;
    display:block;
    margin-top:10px;
    padding-right:25px;
}

/*
============================================================================
 Hoteles RH : CALENDARIOS
============================================================================
*/
.calendar-availability
{
    position:relative;
    text-align:right;
}
.calendar-availability .availability-loader
{
    display:block;
    position:absolute;
    top:50px;
    width:280px;
    left:50%;
    margin-left:-140px;
    padding:20px 0px 60px 0px;
    background:#FFF url(/imgLib/availability/availability-loader.gif) no-repeat 77px 80px;
    border:6px solid #CCC;
    color:#666;
    text-align:center;
}
.calendar-availability .availability-loader strong
{
    display:block;
    margin-bottom:12px;
    font-size:12px;
    color:#000;
}
.outCalendar
{
    border:3px solid #EFECE0!important;
    display:block;
    float:left;
    background:#FAF9F5;
}
.rightCalendar
{
    margin-left:25px!important;
}
.rightCalendar .rightCalendar,
.outCalendar .outCalendar
{
        margin-left:0px!important;
}
.outCalendar .outCalendar
{
    background:#F4F2EC!important;
    font-family:Trebuchet MS, Arial, Verdana;
    font-size:11px;
    font-weight:bold!important;
    color:#999;
    border:none!important;
    float:none;
}
.outCalendar .outCalendar td
{
    font-weight:bold!important;
    padding:6px;
    text-align:left!important;
}
.outCalendar th,
.outCalendar td
{
    font-family:Trebuchet MS, Arial, Verdana;
    font-size:11px;
    text-align:center;
}
.outCalendar th
{
    font-weight:bold!important;
    color:#CCC;
    padding:2px!important;
}
.day-month,
.day-other-month
{
    border-right:1px solid #F4F2EC;
    border-top:1px solid #F4F2EC;
    padding-top:3px!important;
    width:30px!important;
}
.day-month
{
    background:#FFF;
    color:#999;
}
.day-other-month
{
    color:#F4F2EC;
}
td span.OpenAvailability, 
td span.Minimum2StageRequired, 
td span.Minimum4StageRequired, 
td span.not-available,
td span.not-compute
{
    display:block!important;
    text-align:center;
    line-height:17px;
    margin-top:3px;
}
td span.OpenAvailability
{
    background:#DFFFE0;
    color:#000;
}
td span.Minimum2StageRequired
{
    /*background:#C9F1CA;*/
    background:#EFFFAF;
    color:#000;
}
td span.Minimum4StageRequired
{
    background:#85E4FC;
    color:#000;
}
td span.not-available
{
    background:#FFD7D7;
    color:#FFD7D7;
}
.price-availability div
{
    float:left!important;
    text-align:right;
}
a.global-edit-button
{
    display:block;
    text-decoration:none;
    border: 1px solid #CCC;
    text-align: center;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight:bold;
    background: transparent url(../../imgLib/management/bg-input.jpg) repeat-x;
    height: 18px;
    padding: 4px 15px 0px 15px;
    color: #06C;
}
a.global-edit-button:hover
{
    color:#333;
}

.grand-opening { display:block; font-size:14px!important; color:#EF7777!important; padding-top:10px; }
