﻿/*
=======================================================================================
 HOTELES RH                                                     Site produced by KOALAB        
 Copyright 2007                                                   http://www.koalab.com
=======================================================================================
*/

div#backgroundHotels
{
    position:relative;
    background: #F9F9F9 url(../../imgLib/hotels/bg-header-hotels.jpg) no-repeat left top;
    clear: both;
    width: 892px;
    margin-top: 40px;
    overflow:auto;
}
.top-award { position:absolute; top:6px; right:15px;  }
.corona-quality-awards { background:#DFE8AF; border:1px solid #FFF; }
.corona-quality-awards ul { overflow:auto; }
.corona-quality-awards ul li { float:left; width:280px; height:65px; }
.corona-quality-awards ul li.column1 a { display:block; line-height:18px; width:160px; margin:13px 0 0 15px; background:url(/imgLib/hotels/corona-recycle.jpg) no-repeat; padding-left:50px; font-weight:bold; font-size:12px; color:#4B6D1E; }
.corona-quality-awards ul li.column2 a { display:block; margin-top:8px; padding-left:255px; line-height:15px; height:50px; background:url(/imgLib/hotels/corona-q.png) no-repeat; color:#7C964E; }

.novogolf-notice { background:#EDF1CF; border:1px solid #E1E9B6; color:#333; font-weight:bold; width:220px!important; padding:5px; margin:15px auto!important; }
/*
============================================================================
 Hoteles RH : COLUMNA LATERAL
============================================================================
*/
#leftHotels
{
    width: 300px;
    float:left;
    padding-left:27px;
}
#leftHotels a:hover
{
    text-decoration: none;
}
#paperless 
{
    clear:both;
    background:url(../../imgLib/hotels/bg-paperless.jpg) no-repeat left top;
    width:300px;
    height:127px;
    margin:10px 0px 30px 0px;
}
#paperless p
{
    font-size:11px;
    color:#85A433;
    width:170px;
    text-align:right;
    margin-left:120px;
    padding-top:15px;
}
/*
============================================================================
 Hoteles RH : COLUMNA LATERAL : LOGO Y DATOS DEL HOTEL
============================================================================
*/

#data
{
    padding-bottom: 27px;
    /*border-bottom: 1px solid #DFE8EF;*/
    background:#FFF url(../../imgLib/hotels/bg-data.jpg) no-repeat left top;
    margin-top:55px;
    margin-left:1px;
    text-align: center;
}

#data p
{
    margin: 0 0 3px 0;
    color: #999;
/*    padding-right: 94px;*/
}
.skype {
    height:32px;
    clear:both;
    background:#FFF url(../../imgLib/hotels/bg-skype.jpg) no-repeat;
    margin-top:0px;
}
.skype a {
    display:block;
    line-height:32px;
    font-size:14px;
    font-weight:bold;
    color:#FFF;
    padding-right:10px;
    text-decoration:none;
    text-align:right;
}
.skype a:hover { color:#FFFF33; }
#data img.img-logo,
#data img.star-logo
{
    margin:-20px 0px 10px 0px;
    /* IE 6 */
    _margin-top:0px;
}
#data a
{
    color: #666;
}
#data a:hover
{
    color: #000;
}
#data .environmental-declaration img
{
   margin:18px auto 20px auto;
   display:block;
}
.environmental-declaration a.info-environmental
{
    background:transparent url(../../imgLib/hotels/ico-info.gif) no-repeat left top;
    padding-left:20px;
    color:#6289B8!important;
    margin-left:5px;
}
.environmental-declaration a.declaration
{
    background:transparent url(../../imgLib/hotels/ico-medioambiente.gif) no-repeat left top;
    padding-left:23px;
    color:#009900!important;
    margin-left:10px;
    padding-bottom:5px;
}
/*
============================================================================
 Hoteles RH : COLUMNA LATERAL : BANNER CLUB TERMAL
============================================================================
*/
div#clubTermalBanner
{
    margin-top:20px;
    padding:45px 125px 2px 22px;
    text-align:left;
    background:transparent url(/imgLib/hotels/bg-club-termal-banner.jpg) no-repeat;
}
div#clubTermalBanner h3
{
    display:none;
}
/*
============================================================================
 Hoteles RH : COLUMNA LATERAL : RESERVAS DEL HOTEL
============================================================================
*/
#bookings
{
    clear:both;
    background: #006699 url(../../imgLib/hotels/bg-booking.jpg) repeat-x left top;
    border-top: 1px solid #F2F5F9;
    padding-top: 14px;
    border-bottom: 1px solid #000;
}
#bookings h2
{
    color: #FFF;
}
#bookings p
{
    color: #9FE0FF;
    width: 282px;
    text-align: right;
}
#bookings p span
{
    color: #DDF4FF;
}
#bookings fieldset
{
    margin-top: 20px;
    width:120px;
    float:left;
    margin-right: 5px;
}
#bookings fieldset label
{
    color: #FFF;
    display: block;
    margin:0px 0px 10px 20px;
}
#bookings .input-calendar input
{
    background:transparent url(../../imgLib/index/bg-input-calendar.gif) no-repeat left top;
    border:1px solid #A4B97F;
    width:98px;
    padding:3px 0px;
    margin:7px 15px 0px 0px;
}
#bookings .dropDownList-hidden
{
    display:none;
}
#bookings .fieldset-first
{
    clear:both;
    width:90%;
    float:none;
    padding-top:15px;
}
#bookings .fieldset-first label
{
    float:left;
    _margin-left:10px;
}
#bookings .fieldset-first select
{
    float:left;
    margin-left:10px;
    border:2px solid #FFF;
}
#bookings .fieldset-occupation
{
    width:90%;
    margin-left:20px;
    _margin-left:10px;
}
#bookings .fieldset-occupation label
{
    margin-left:0px;
}
#bookings .fieldset-occupation fieldset
{
    float:none;
    margin:0px 15px 0px 0px;
    _margin-right:10px;
    width:auto;
}
#bookings .fieldset-occupation fieldset select
{
    font-size:11px;
    border:2px solid #FFF;
}
#bookings .fieldset-occupation .float-left
{
    float:left!important;
    padding-bottom:15px!important;
}
#bookings #paragraphChildren
{
    clear:both;
    text-align:left;
    margin-left:20px;
    width:250px;
}
#bookings .span-safe
{
    clear: both;
    width:269px;
    margin: 0px 15px 0px 15px;
    padding-top: 20px;
    padding-bottom:15px;
    text-align: left;
    background:transparent url(../../imgLib/hotels/bg-border-target.gif) repeat-x left bottom;
}
#bookings .span-safe span
{
        background: transparent url(../../imgLib/hotels/img-safe.jpg) no-repeat left 0px;
        padding-top:5px;
        padding-left:35px;
        display:block;
        height:29px;
        float:left;
}
#bookings .span-safe input
{
    background: transparent url(../../imgLib/hotels/bg-input-prices.jpg) no-repeat left top;
    border: none;
    width: 138px;
    height: 37px;
    color: #474684;
    font-size: 11px;
    margin-left: 20px;
    font-family: Arial, Verdana, Sans-Serif;
    font-weight: bold;
}
#bookings .target-info
{
    clear:both;
    background:transparent url(../../imgLib/hotels/bg-bookings-target.jpg) repeat-x left bottom;
}
#bookings .target-info p
{
    background:transparent url(../../imgLib/hotels/img-target.jpg) no-repeat left bottom;
    height:50px;
    text-align:center;
    padding-left:80px;
    width:200px;
    padding-top:16px;
    margin-left:6px;
    color:#FFFFB3;
}
#bookings .target-info p a
{
    color:#EAF6FC;
}
/*
============================================================================
 Hoteles RH : COLUMNA LATERAL : CALENDARIO DEL HOTEL
============================================================================
*/

#calendar
{
    border-top: 1px solid #EAF7FF;
    border-bottom: 1px solid #036;
    background: #09F url(../../imgLib/hotels/bg-calendar.jpg) repeat-x left top;
    width:300px;
    height:102px;
}
#calendar h2
{
    color: #069;
    margin-top: 10px;
}
#calendar h2 a
{
    color:#069;
    text-decoration:none;
}
#calendar p.info-calendar-availability
{
    margin-right:10px;
    padding-left:15px;
    color: #000;
    text-align:right;
    width:184px;
    float:left;
}
#calendar p.info-calendar-availability a
{
    color:#000;
    text-decoration:none;
}
#calendar p a.link-availability
{
    color: #FFF;
    text-decoration: underline;
}
#calendar .link-img-calendar
{
    display:block;
    float:left;
    width:81px;
    height:62px;
}
/*
============================================================================
 Hoteles RH : CONTENIDO CENTRAL
============================================================================
*/
#rightHotels
{
    width:563px;
    float:left;
    margin-left:1px;
    margin-top:36px;
    _width:561px;
}
ul.list-nav-header
{
    background:#EDF1CF;
}
ul.list-nav-header li a
{
    font-family:Arial, Verdana, Sans-Serif, Times New Roman;
    font-size:12px;
    display:block;
    color:#666;
    text-decoration:none;
    height:50px;
    width:105px;
    margin-right:3px;
    background:#EDF1CF url(../../imgLib/hotels/bg-main-navHotels2.jpg) no-repeat;
}
ul.list-nav-header li a.selected
{
    background-position:0px -50px;
    color:#86992B;
}
ul.list-nav-header
{
    height:50px;
    width:562px;
}
ul.list-nav-header li
{
    display:block;
    float:left;
}
ul.list-nav-header li a strong
{
    display:block;
    padding:22px 0px 0px 0px;
    text-align:center;
}
ul.list-nav-header li a:hover strong
{
    text-decoration:underline!important;
}
ul.list-nav-header li#aboutTab a { margin-left:14px;}

#rightHotels #contentTextHotel
{
    margin:30px 25px 30px 20px;
}
#rightHotels h1,
#rightHotels h2
{
    font-family:Trebuchet MS, Arial, Verdana, Sans-Serif;
    text-align:right;
    font-weight:normal;
    clear:both;
    font-size:20px;
    color:#0976AC;
}
#rightHotels h3
{
    font-size:18px;
    color:#999;
    text-align:right;
    font-weight:normal;
}
#rightHotels h4
{
    font-size:16px;
    color:#1089B1;
    text-align:right;
}
.title-situation,
.title-pictures
{
    clear:both;
}
.title-pictures
{
    padding-top:15px;
}
#rightHotels p
{
    clear:both;
    overflow:hidden; /* corrige bug IE7 antes auto*/
    font-size:12px;
    color:#333;
    margin:20px 0px;
}
div.border-map
{
    border:1px solid #EDF1CF;
    margin:20px 0px;
    padding:7px 7px 7px 8px;
    background-color:#FFF;
}
p.how-to-get
{
    background:transparent url(../../imgLib/hotels/ico-clock.jpg) no-repeat 7px 4px;
    padding-left:50px;
}
p.how-to-get a
{
    color:#06C;
}
p.how-to-get a:hover,
div#photosUsers a:hover
{
    text-decoration:none;
}
p.how-to-get input.input-situation
{
    margin:27px 0px 20px 0px;
    width:455px;
    padding:6px 0px 6px 10px;
    color:#06C;
    background:#FFF url(../../imgLib/hotels/bg-input-text.jpg) repeat-x left top;
    border:1px solid #999;
}
p.how-to-get input.input-get
{
    font-family:Lucida Sans, Georgia, Arial;
    font-size:12px;
    font-weight:bold;
    color:#06C;
    text-align:center;
    width:129px;
    height:29px;
    margin-bottom:20px;
}
ul.images-pictures
{
    padding:0px!important;
}
ul.images-pictures li
{
    float:left;
    background:transparent url(../../imgLib/hotels/bg-footer-img.jpg) no-repeat 2px bottom!important;
    padding-bottom:2px;
    .padding-bottom:0px;
    margin-right:5px;
    margin-bottom:21px!important;
    padding-left:0px!important;
}
ul.images-pictures li a img
{
    padding:6px 5px 27px 5px;
    border:1px solid #EDF1CF;
    background-color:#FFF;
}
ul.images-pictures li.last-row
{
    margin-right:0px;
}
div#photosUsers
{
    background:transparent url(../../imgLib/hotels/ico-see.jpg) no-repeat 7px 4px;
    padding-left:50px;
}
div#photosUsers a
{
    color:#09C;
}
.content-service
{
    width:518px;
    height:62px;
    margin-bottom:5px;
}
.content-service img
{
    border:1px solid #FFF;
    margin-top:8px;
    margin-left:10px;
    margin-right:12px;
    float:left;
}
.content-service a
{
    padding-top:10px;
    margin-bottom:10px;
    display:block;
    font-size:12px;
}
.content-service a:hover
{
    text-decoration:none;
}
.content-service p
{
    margin:0px!important;
    padding:0px!important;
    font-size:11px!important;
    clear:none!important;
}
#rightHotels #bannerGolf
{
    margin-top:20px;
    background:transparent url(../../imgLib/hotels/bg-banner-golf.jpg) no-repeat left top;
}
#rightHotels #bannerGolf a
{
    color:#093;
    background:transparent url(../../imgLib/hotels/ico-link.gif) no-repeat 200px 10px;
}
#rightHotels #bannerSpa
{
    background:transparent url(../../imgLib/hotels/bg-banner-spa.jpg) no-repeat left top;
}
#rightHotels #bannerSpa a
{
    color:#06C;
    background:transparent url(../../imgLib/hotels/ico-link.gif) no-repeat 360px 10px;
}
#rightHotels #bannerWeddings
{
    background:transparent url(../../imgLib/hotels/bg-banner-weddings.jpg) no-repeat left top;
}
#rightHotels #bannerWeddings a
{
    color:#C39;
    background:transparent url(../../imgLib/hotels/ico-link.gif) no-repeat 290px 10px;
}
#rightHotels #bannerEvents
{
    background:transparent url(../../imgLib/hotels/bg-banner-events.jpg) no-repeat left top;
}
#rightHotels #bannerEvents a
{
    color:#999;
    background:transparent url(../../imgLib/hotels/ico-link.gif) no-repeat 330px 10px;
}
/*
============================================================================
 Hoteles RH :  CONTROL DE MAPA DE GOOGLE
============================================================================

*/
div#map
{
    width: 500px; 
    height: 300px; 
    position: relative; 
    background-color: rgb(229, 227, 223);
}

/*
============================================================================
 Hoteles RH :  CONTENIDO DE LA PÁGINA EDITABLE
============================================================================
*/


ul.list-text 
{
    overflow:auto;
    margin:0px!important;
    padding:10px 0px 10px 10px!important;
}
ul.list-text li
{
    width:200px;
    float:left;
    margin-left:20px;
}
/*#contentTextHotel h3
{
    clear:both;
    text-align:left;
    margin-bottom:10px;
    padding-top:10px;
    color:#999;
}*/
#contentTextHotel h2.titular-comollegar
{
    text-align:right;
    font-size:20px;
    color:#0976AC;
}
#contentTextHotel p#wifi
{
    clear: both; 
    padding-left:70px; 
    line-height:30px; 
    font-size: 11px; 
    color: #999; 
    font-weight:bold; 
    background:url(../../imgLib/hotels/wifi.gif) no-repeat 0px 0px;
}
#contentTextHotel h2.title-facilities
{
    margin:35px 0px 15px 0px;
    text-align:right;
}
#contentTextHotel ul
{
    padding:10px 7px 0px 27px;
    font-size:12px;
}
#contentTextHotel ul li
{
    margin-bottom:5px;
    background:transparent url(../../imgLib/hotels/ico-ul.gif) no-repeat left 3px;
    padding-left:15px;
    line-height:15px;
}
#contentTextHotel ul li li
{
    list-style-type:circle;
    background:none;
    padding:0px;
}
#contentTextHotel em
{
    font-style:italic;
}
strong.more-list
{
    clear:both;
    display:block;
    margin-bottom:20px;
    font-size:12px;
}
#contentTextHotel table
{
    font-size:11px;
    font-family:Arial, Sans-Serif, Times New Roman;
    border-top:1px solid #A2A273;
    border-left:1px solid #A2A273;
    border-right:1px solid #A2A273;
    margin:10px 15px 20px 0px;
    color:#666;
    width:500px;
}
#contentTextHotel table tr th
{
    color:#A2A273;
    background-color:#EFEFE7;
    font-weight:bold;
    padding:5px 0px 5px 5px;
    border-bottom:1px solid #26481D;
    width:150px;
}
#contentTextHotel table tr td
{
    border-bottom:1px solid #A2A273;
    padding:5px 0px 5px 5px;
}


/*
============================================================================
 Hoteles RH : VALORACIÓN HOTEL
============================================================================
*/

.comments-banner-valuation-bis
{
    border-radius: 5px;  
-ms-border-radius: 5px;  
-moz-border-radius: 5px;  
-webkit-border-radius: 5px;  
-khtml-border-radius: 5px; 
    border:1px solid #CCD876;
    background-color:#EAEFC7;
    width:510px;    
    margin:-15px 0 30px 0!important;
    padding:10px;
    overflow:auto;
}
.comments-banner-valuation-bis h2
{
    font-size:11px!important;
    color:#7E8B27!important;
    text-shadow: #FFF 1px 2px 2px;
    font-family:Lucida Sans Unicode, Arial, Sans-Serif, Times New Roman!important;
    font-weight:normal!important;
    text-align:left!important;
    float:left;
    margin-top:0!important;
}
.comments-banner-valuation-bis h2 a { color:#516424!important; }
.comments-banner-valuation-bis h2 a:hover { color:#333!important; text-decoration:none; }
.comments-banner-valuation-bis img.navBarImg
{
    display:block;
    float:right;
    _float:none;
    _margin-left:25px;
    background:#FFF url(../../imgLib/hotels/bg-color-valuation.jpg) no-repeat left top;
    width:100px;
    margin-right:0px;
}

.comments-banner-valuation
{
    border:1px solid #CCC;
    background-color:#FFF;
    width:515px;    
    margin-top:30px!important;
}
.comments-banner-valuation .header-valuation
{
    background-color:#F3F3F3;
    padding-left:10px;
    padding-top:15px;
    padding-bottom:25px;
}
.comments-banner-valuation .header-valuation h2
{
    font-size:12px!important;
    color:#666!important;
    font-family:Arial, Sans-Serif, Times New Roman!important;
    font-weight:bold!important;
    text-align:left!important;
    float:left;
}
.comments-banner-valuation .header-valuation span
{
    float:right;
    _float:none;
    _margin-left:25px;
    color:#039;
    font-size:14px!important;
    font-family:Arial, Sans-Serif, Times New Roman!important;
    font-weight:bold;
    margin-right:10px;
}
.comments-banner-valuation .header-valuation span img.navBarImg
{
    background:#FFF url(../../imgLib/hotels/bg-color-valuation.jpg) no-repeat left top;
    width:100px;
    margin-right:10px;
}
.comments-banner-valuation .content-valuation
{
    clear:both;
    overflow:auto;
    background:transparent url(../../imgLib/hotels/comillas-top.gif) no-repeat left top;
}
.comments-banner-valuation .content-valuation p
{
    color:#0081D7!important;
    font-size:12px!important;
    background:transparent url(../../imgLib/hotels/comillas-bottom.gif) no-repeat right bottom;
    margin:0px!important;
    padding:20px 20px 5px 80px!important;
}

.comments-banner-valuation .content-valuation ul
{
    margin-left:60px;
    padding:0px;
    margin-bottom:20px!important;
}

.comments-banner-valuation ul li
{
    font-family:Georgia, 'Times New Roman', Arial, Sans-Serif;
    font-size:18px;
    font-weight:bold;
    padding-left:24px!important;
    padding-bottom:5px!important;
    background:transparent url(../../imgLib/ajax-loader2.gif) no-repeat!important;
}

.comments-banner-valuation .content-valuation ul strong
{
    color:#900;
}

.comments-banner-valuation .more-comments-valuation,
.comments-banner-valuation .comments-help-valuation 
{
    background-color:#B3E0FF;
    margin:0px!important;
    padding:10px 0px!important;
}
.comments-banner-valuation .more-comments-valuation
{
    border-bottom:1px solid #CCC;
    margin-bottom:1px!important;
}
.comments-banner-valuation .more-comments-valuation a
{
    background:transparent url(../../imgLib/hotels/read-comment.gif) no-repeat 10px 0px;
}
.comments-banner-valuation .comments-help-valuation a
{
    background:transparent url(../../imgLib/hotels/help-comment.gif) no-repeat 10px 0px;
}
.comments-banner-valuation .more-comments-valuation a,
.comments-banner-valuation .comments-help-valuation a
{
    color:#069;
    font-weight:bold;
    font-size:10px;
    padding-left:25px;
    text-decoration:none;
    display: block;
}
.comments-banner-valuation .more-comments-valuation a:hover,
.comments-banner-valuation .comments-help-valuation a:hover
{
    text-decoration:underline;
}

/*
============================================================================
 Hoteles RH : PIE
============================================================================
*/
p.footer
{
    display:block;
    clear:both;
    background-color:#EDF1CF;
    margin:0px;
    padding:0px;
    height:32px;
    margin-bottom:30px;
    width:892px;
}
p.footer a
{
    float:right;
    display:block;
    margin-top:10px;
    padding-right:25px;
}