﻿/*
=======================================================================================
 HOTELES RH                                                     Site produced by KOALAB        
 Copyright 2007                                                   http://www.koalab.com
=======================================================================================
*/

div#backgroundPromotions
{
    background: #F9F9F9 url(../../imgLib/promotions/bg-header-promotions.jpg) no-repeat left top;
    clear: both;
    width: 890px;
    margin-top: 40px;
    padding:0px 1px;
    overflow:auto;
    position:relative;
   /* height:auto!important;*/
}
div#backgroundPromotions h1, 
div#backgroundPromotions h2
{
    font-family:Trebuchet MS, Arial, Verdana, Sans-Serif;
    font-weight:normal;
}
div#backgroundPromotions a:hover
{
    text-decoration:none;
}
/*
============================================================================
 Hoteles RH : CABECERA INICIO
============================================================================
*/
#headerPromotions
{
    background:#EDE5DA url(../../imgLib/promotions/img-promotions.jpg) no-repeat right top;
    height:174px;
    margin-top:29px;
}
#headerPromotions h1
{
    color:#999;
    font-size:20px;
    margin:0px 0px 8px 25px;
    padding-top:20px;
}
#headerPromotions h2
{
    color:#AD8A5F;
    font-size:30px;
    margin-left:25px;
}
#headerPromotions p
{
    margin:15px 0px 0px 25px;
    font-size:14px;
    color:#666;
    width:495px;
    line-height:20px;
    font-weight:lighter;
}
a#contentRssSubscribe 
{
    display:block;
    text-align:right;
    color:#FFF;
    font-size:12px;
    text-decoration:none;
    background:#DCCDBA url(../../imgLib/promotions/ico-rss.jpg) no-repeat 265px 0px;
    padding:10px 15px 12px 55px;
    margin-bottom:30px;
    width:614px;
}
/*
============================================================================
 Hoteles RH : FORMULARIO IZQUIERDA
============================================================================
*/
#leftContentPromotions
{
    background:transparent url(../../imgLib/promotions/bg-form-filter.jpg) no-repeat left 10px;
    width:206px;
    float:left;
}
#leftContentPromotions h3
{
    margin-top:20px;
    color:#AD8A5F;
    font-size:14px;
    font-family:Arial, Sans-Serif, Times New Roman;
    font-weight:bold;
    line-height:20px;
    width:170px;
    padding-bottom:5px;
    border-bottom:1px solid #DFE8EF;
    margin-left:17px;
}
#leftContentPromotions strong
{
    color:#999;
    font-size:11px;
    width:178px;
    display:block;
    margin:10px 0px;
    line-height:15px;
    padding-left:17px;
}
#leftContentPromotions .fieldset-date-preference
{
   font-size:11px;
   color:#999;
   margin-bottom:10px;
   padding-left:17px;
}
#leftContentPromotions .fieldset-date-preference label
{
    width:40px;
    padding:3px 0px;
    display:block;
    float:left;
}
#leftContentPromotions .fieldset-date-preference input
{
    float:left;
    background:transparent url(../../imgLib/promotions/bg-input-calendar.gif) no-repeat left top;
    border:none;
    padding:3px 0px;
}
.ajax__calendar_container
{
    z-index:100!important;
}
.fieldset-checkbox
{
    color:#09C;
    font-size:11px;
    padding-left:17px;
}
.fieldset-checkbox input
{
    margin-right:10px;
}
.fieldset-checkbox tr td
{
    padding-bottom:5px;
}
.fieldset-last
{
    padding-top:20px;
    background:transparent url(../../imgLib/promotions/bg-bottom-form.jpg) repeat-x left bottom;
    padding-bottom:8px;
    height:85px;
    width:200px;
}
.fieldset-last span
{
    border-top:1px solid #DFE8EF;
    margin-left:17px;
    display:block;
    padding-top:15px;
    width:163px;
}

/*
=======================================================================================
                                    PROMOTIONS STYLES
=======================================================================================
*/

#promotionsContent
{
   background:#F9F9F9 url(../../imgLib/promotions/bg-content-promotions.gif) repeat-x left top;
   padding:6px 0px 15px 0px;
   overflow:auto;
}
#rightContentPromotions
{
    float:left;
    padding-bottom:20px;
    display:inline;
    width:684px;
}
#promotionsContent div.promotions-box
{
    position:relative;
    width:285px;
    height:182px;
    padding-left:15px;
    margin-left:25px;
    _margin-left:15px;
    margin-bottom:22px;
    float:left;
}
#promotionsContent div.exclusive-false
{
    background:transparent url(../../imgLib/members/content-offer.jpg) no-repeat left top;
}
#promotionsContent div.exclusive-true
{
    background:transparent url(../../imgLib/members/content-offer-vip.jpg) no-repeat left top;
}

#promotionsContent div.promotion-pack
{
    background:transparent url(../../imgLib/members/content-offer-pack.jpg) no-repeat left top!important;
}
#promotionsContent div.promotions-box h2 a
{
    display:block;
    padding:17px 0px 0px 0px;
    margin:0px;
    line-height:20px;
    width:276px;
    font-size:18px;
    color:#00AEE8;
    text-decoration:none;
}
#promotionsContent div.promotions-box h2 a:hover
{
text-decoration:underline;
}
#promotionsContent div.promotions-box p
{
    width:280px;
    font-size:11px;
    margin-top:10px;
    color:#666;
}
#promotionsContent div.promotions-box div.link-offer
{
    display:none;
}
#promotionsContent div.promotions-box p.date-box
{
    position:absolute;
    bottom:32px;
    font-size:12px;
    color:#FF6600;
    font-weight:bold;
}
#promotionsContent div.promotions-box p.promo-info-link
{
    position:absolute;
    bottom:25px;
    left:195px;
    width: 88px;
    height: 28px;
    display: block;
    text-indent:-1000em;
}
#promotionsContent div.promotions-box p.promo-info-link a
{
    display:block;
    width: 88px;
    height: 28px;
}
#promotionsContent div#subscription-offers
{
   background:transparent url(../../imgLib/members/bg-banner-inferior.jpg) no-repeat left top;
   width:635px;
   height:141px;
   display:block;
   clear:both;
   padding-left:20px;
   
}
#promotionsContent div#subscription-offers h3
{
    font-family:Trebuchet MS, Arial, Sans-Serif, Verdana;
    font-size:18px;
    color:#71DCFF;
    padding:17px 0px 0px 0px;
    font-weight:normal;
}
#promotionsContent div#subscription-offers p
{
    color:#FFF;
    font-size:11px;
    width:472px;
}
#promotionsContent div#subscription-offers p a
{
    color:#FFFF99;
    font-size:12px;
    font-weight:bold;
    text-decoration:underline;
}
#promotionsContent div#subscription-offers p a:hover
{
    color:#FFF;
}
/*
=======================================================================================
                                   MODAL WINDOW STYLES
=======================================================================================
*/

#promotionModalWindow 
{
    display:none; 
    width:800px; 
    position: fixed;
    top:50%;
    left:50%;
    margin-left:-400px;
    /*margin-top:-200px;*/
    z-index:200;
}
.pack-photo
{
    display:block;
    margin:20px;
    float:right;
}
* html #promotionModalWindow  { /* ie6 hack */
    position: absolute;
    margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#promoWinClose a
{
    display:block;
    background:transparent url(../../imgLib/members/promo-win-close.gif) no-repeat right bottom;
    padding: 3px 35px 0px 0px;
    text-align:right;
    height:19px;
    text-decoration:none;
    font-weight:bold;
}
#promoWinClose a span
{
    color:#FFF;
    visibility:hidden;
}
#promoWinClose a:hover span
{
    visibility:visible;
}
#promoWinWrapper
{
    background:white;
    padding:20px;
}
#promoWinContent
{
    background:#DCEFFE url(../../imgLib/members/promo-win-bg.jpg) repeat-x left bottom;
}
#promoWinContent h3,
#promoWinContent h2,
#promoWinInfoBoxes div h4
{
    font-family:Trebuchet MS, Arial, Sans-Serif, Verdana;
}
#promoWinContent h3
{
    text-align:right;
    padding:15px;
    font-size:18px;
    color:#666;
}
#promoWinContent h2
{
    padding:15px;
    font-size:24px;
    color:#00AEE8;
}
#promoWinDetailedContent
{
    margin:0px 20px 0px 20px;
    font-size:12px;
}
#promoWinInfoBoxes
{
    clear:both;
    margin-top:30px;
    height:82px;
}
#promoWinInfoBoxes div
{
    display:block;
    float:left;
    width:245px;
    height:76px;
    background:#00AEE8;
    margin:0px 0px 6px 6px!important;
}
#promoWinInfoBoxes div h4
{
    color:#FFF;
    font-size:16px;
    margin:10px;
    font-weight:bold;
}
#promoWinInfoBoxes div p
{
    margin-left:12px;
}
#promoWinInfoBoxes div p a
{
    color:#FFF;
}
#promotionOverLayer {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}
#promoWinInfoBoxes .launchBookingForm
{
    display:block;
    width:150px;
    height:29px;
    margin:23px 0px 0px 35px;
    text-align:center;
    text-indent:-1000em;
    background:transparent url(../../imgLib/promotions/btn-bookings.gif) no-repeat left top;
}
.promotionOverLayerMacFFBGHack { background: url(macFFBgHack.png) repeat; }
.promotionOverLayerBG {
	background-color:#006D8F;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #promotionOverLayer { /* ie6 hack */
     position: absolute;
     left:0;
     width:expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

/*
============================================================================
 Hoteles RH : PIE
============================================================================
*/

p.footer
{
    display:block;
    clear:both;
    background-color:#EDE5DA;
    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 : DETALLE DE OFERTAS
============================================================================
*/

#promoDetail { padding:0 20px; }
#promoDetail h2 { font-family:Trebuchet MS,Arial,Verdana,Sans-Serif; font-size:24px; color:#00AEE8; line-height:24px; }
#promoDetail p.calendar-ico { margin:10px 0; font-weight:bold; color:#999; }

#promoDetail #promoDetailBody h2 { font-size:20px; }
#promoDetail #promoDetailBody h3 { font-size:18px; }
#promoDetail #promoDetailBody p { font-size:14px; line-height:14px; margin:15px 0 0 0;}

.btn-booking a
{
    margin-top:20px;
    display:block;
    background:transparent url(/imgLib/index/btn-booking.jpg) no-repeat scroll left top;
    border:medium none;
    color:#474684;
    font-size:11px;
    font-weight:bold;
    height:36px;
    line-height:36px;
    text-align:center;
    width:138px;
}