/*
=======================================================================================
 HOTELES RH                                                     Site produced by KOALAB        
 Copyright 2007                                                   http://www.koalab.com
=======================================================================================
*/
div#backgroundSpa
{
    background: #F9F9F9 url(../../imgLib/spa/bg-header-termal.jpg) no-repeat left top;
    clear: both;
    width: 890px;
    margin-top: 40px;
    overflow:auto;
    padding:0px 1px 0px 1px;
}
div#backgroundSpa h1, 
div#backgroundSpa h2, 
div#backgroundSpa h3
{
    font-family:Trebuchet MS, Arial, Verdana, Sans-Serif;
    font-weight:normal;
}
div#backgroundSpa a:hover
{
    text-decoration:none;
}
/*
============================================================================
 Hoteles RH : CABECERA SPA
============================================================================
*/
#leftHotels
{
    width: 300px;
    float:left;
    padding-left:27px;
}
/*
============================================================================
 Hoteles RH : COLUMNA LATERAL : LOGO Y DATOS DEL HOTEL
============================================================================
*/

#data
{
    padding-bottom: 20px;
    background:#FFF url(../../imgLib/spa/logo-termal.jpg) no-repeat left top;
    margin-top:47px;
    text-align:left;
    padding-left:85px;
}
#data h1
{
    background:transparent url(../../imgLib/spa/letter-termal.gif) no-repeat left top;
    width:204px;
    height:41px;
    display:block;
    text-indent:-1000em;
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px solid #FFE9D5;
}
#data p
{
    margin: 0 0 3px 0;
    color: #999;
}
#bookingTermal
{
    background:#FFF url(../../imgLib/spa/bg-booking-termal.jpg) no-repeat left bottom;
    border-bottom:1px solid #DFE8EF;
    height:102px;
}
#bookingTermal p
{
    margin:0px 10px;
    padding-top:15px;
    border-top:1px solid #D4E6F6;
    font-family:Trebuchet MS, Arial, Sans-Serif;
    font-size:13px;
    color:#0A78AE;
}
#bookingTermal p span
{
    background:transparent url(../../imgLib/spa/ico-logo-rh.gif) no-repeat 5px top;
    padding-left:30px;
    width:182px;
    display:block;
}
#bookingTermal p span a
{
    display:block;
    font-weight:bold;
    color:#0A78AE;
}
#bookingTermal .link-booking-termal
{
    display:block;
    width:167px;
    height:30px;
    margin-top:10px;
    text-indent:-1000em;
}
.target-info
{
    background:transparent url(../../imgLib/spa/bg-booking-target.jpg) repeat-x left bottom;
    border-bottom:1px solid #003366;
}
.target-info p
{
    background:transparent url(../../imgLib/spa/img-target.jpg) no-repeat left bottom;
    height:50px;
    text-align:center;
    padding-left:80px;
    width:200px;
    padding-top:16px;
    color:#FFFFB3;
}
.target-info p a
{
    color:#EAF6FC;
}
/*
============================================================================
 Hoteles RH : CONTENIDO CENTRAL
============================================================================
*/
#rightSpa
{
    width:563px;
    float:left;
    margin-top:38px;
    margin-bottom:40px;
}
.img-header
{
    display:block;
    margin-bottom:1px;
}
.list-nav-header
{
    background-color:#EDE8E4;
    font-family:Arial, Sans-Serif, Times New Roman;
    font-size:12px;
    height:50px;
    padding-left:14px;
    margin-left:1px;
}
.list-nav-header li
{
    display:inline;
}
.list-nav-header li a
{
    color:#FFF;
    text-decoration:none;
    width:132px;
    float:left;
    display:block;
    height:50px;
    margin-right:3px;
    background:transparent url(../../imgLib/spa/bg-menuTermal.gif) no-repeat left bottom;
}
.list-nav-header li a:hover
{
    text-decoration:underline;
}
.list-nav-header li a.selected
{
    color:#CE5C8F;
    background :transparent url(../../imgLib/spa/bg-menuTermal-selected.gif) no-repeat left bottom;
}
.list-nav-header li a strong
{
    display:block;
    text-align:center;
    margin-top:25px;
}
#contentTextSpa
{
    margin:15px 15px 50px 23px;
}
#contentTextSpa h1,
#contentTextSpa h2, 
#contentTextSpa h3, 
#contentTextSpa h4
{
    font-family:Trebuchet MS, Sans-Serif, Arial;
    font-weight:normal;
    color:#CE5C8F;
    padding:20px 7px 10px 7px;
}
#contentTextSpa p
{
    margin:15px 0px;
    padding:0px 7px;
    font-size:12px;
    color:#333;
}
#contentTextSpa h2
{
    clear:both;
    text-align:right;
    font-size:20px;
    padding-right:10px;
}
#contentTextSpa h3
{
    font-size:18px;
}
#contentTextSpa h4
{
    font-size:16px;
}
#contentTextSpa ul
{
    padding:0px 7px 0px 27px;
    font-size:12px;
}
#contentTextSpa ul li
{
    margin-bottom:5px;
    background:transparent url(../../imgLib/hotels/ico-ul.gif) no-repeat left 3px;
    padding-left:15px;
    line-height:15px;
}
#contentTextSpa em
{
    font-style:italic;
}
#contentTextSpa .price-spa
{
    background:transparent url(../../imgLib/spa/ico-price.gif) no-repeat 7px 5px;
    padding-left:60px;
    color:#932790;
}
#contentTextSpa .price-spa a
{
    font-weight:bold;
    color:#651B63;
}
#contentTextSpa .price-spa img
{
    margin:0px 3px 0px 5px;
}
ul.images-pictures
{
    margin:0px;
    padding:0px!important;
}
ul.images-pictures li
{
    float:left;
    background:transparent url(../../imgLib/hotels/bg-footer-img.jpg) no-repeat 2px bottom!important;
    padding:0px 0px 0px 0px!important;
    margin:0px 0px 21px 5px!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!important;
}
div#photosUsers
{
    background:transparent url(../../imgLib/hotels/ico-see.jpg) no-repeat 7px 4px;
    padding-left:50px;
}
div#photosUsers a
{
    color:#CE5C8F;
}
/*
============================================================================
 Hoteles RH : CONTENIDO CENTRAL - ACTIVIDADES Y SERVICIOS
============================================================================
*/
#detailedTermalPrograms
{
    border:3px solid #CE5C8F;
    width:510px;
    padding:1px 1px 0px 1px;
    position:relative;
    margin-top:30px;
    margin-left:5px;
    margin-bottom:50px;
}
#detailedTermalPrograms h4 
{
    text-decoration:underline;
    width:169px;
    height:62px;
    padding:0px;
    margin:0px;
    margin-bottom:20px;
    background:transparent url(../../imgLib/spa/bg-menu-detailprogram.jpg) no-repeat 0px -62px;
}
#detailedTermalPrograms h4 a
{
   display:block;
   padding:23px 0px 23px 65px;
   width:104px;
   line-height:15px;
   font-family:Verdana, Sans-Serif, Arial;
   font-size:11px;
   font-weight:bold;
   color:#CE5C8F;
}
#detailedTermalPrograms h4#health 
{
    background-position:0px 0px;
}
#detailedTermalPrograms h4#health.selected 
{
    background-position:0px -64px;
}
#detailedTermalPrograms h4#aesthetics
{
    position:absolute;
    top:1px;
    left:173px;
    background-position:-170px 0px;
}
#detailedTermalPrograms h4#aesthetics.selected
{
    background-position:-170px -64px;
}
#detailedTermalPrograms h4#relax
{
    position:absolute;
    top:1px;
    left:345px;
    background-position:-345px 0px;
}
#detailedTermalPrograms h4#relax.selected
{
    background-position:-345px -64px;
}
#detailedTermalPrograms h4#health a,
#detailedTermalPrograms h4#aesthetics a
{
    padding:15px 0px 16px 65px;
}
#aestheticsContent, #relaxContent
{
    display:none;
}
#detailedTermalPrograms .selected a
{
    color:#333;
}
#detailedTermalPrograms p
{
    color:#932790;
}
#detailedTermalPrograms ul
{
    margin-bottom:20px;
    width:280px;
    float:left;
}
#detailedTermalPrograms .img-detailed-termal
{
    float:left;
    margin-bottom:10px;
}
#detailedTermalPrograms p.footer-detailedTermal
{
    clear:both;
    background:transparent url(../../imgLib/spa/bg-footer-detailprogram.jpg) repeat-x left top;
    margin:0px;
    padding:15px 0px;
}
#detailedTermalPrograms p.footer-detailedTermal strong
{
    background:transparent url(../../imgLib/spa/ico-phone.gif) no-repeat 25px 0px;
    padding-left:50px;
    display:block;
    font-family:Georgia, Verdana, Arial;
    font-size:16px;
    letter-spacing:-1px;
}
/*
============================================================================
 Hoteles RH : PIE
============================================================================
*/
p.footer
{
    display:block;
    clear:both;
    background-color:#EDE8E4;
    margin:0px;
    padding:0px;
    height:32px;
    margin-bottom:30px;
    width:892px;
}
p.footer a
{
    float:right;
    display:block;
    margin-top:10px;
    padding-right:25px;
}