/* 
    Document   : booking
    Created on : Aug 14, 2009, 10:08:31 AM
    Author     : alejandro
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
root { 
    display: block;
}
.reservations {
    list-style:none;
    padding:0;
    margin:0;
	background-color:#B44D00;

}
.reservations #first {
    width:167px;
    
    height:50px !important; /*moz width*/
	height:60px; /*IE width*/

    padding-top:10px;
    
    float:left;
    background-color:#B44D00;
}
.reservations #ava {
    width:102px;
    
    height:25px !important; /*moz width*/
	height:30px; /*IE width*/
    
    padding-top:5px;
    
    float:left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    background-color:#B44D00;  
}
.reservations #fig {
    width:55px;
    float:left;

    height:25px !important; /*moz width*/
	height:30px; /*IE width*/

    padding-top:5px;

    background-color:#B44D00;
    color:white;
}

.reservations li {
    width:100px;
    height:25px;
    float:left;
     font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    color:white;
	background-color:#F8FFCC;
}

.reservations #pic{
    width:205px !important; /*moz width*/
	width:215px; /*IE width*/

    height:155px !important; /*moz width*/
	height:165px; /*IE width*/
    
    float:left;
    padding-left:10px;
    padding-top:10px;
    background-color:#FFFFFF;
}
.reservations #text {
    width:470px;

    height:155px !important; /*moz width*/
	height:165px; /*IE width*/

    float:left;
    background-color:#FFFFFF;
    padding-top:10px;
}

.reservations #text p{
   /* color:#87846C;*/
    color:#27292B;

}
.reservations #text h1 {
  	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:20px;
	color:#4088B8;
}

.reservations #roomtype_title{
    width:300px !important; /*moz width*/
	width:320px; /*IE width*/

    height:21px !important; /*moz width*/
	height:25px; /*IE width*/

    padding-top:4px;
    
    float:left;
    color:black;
     padding-left:20px;
    background-color:#B44D00;
}
.reservations #rates_title {
    width:180px;

    height:21px !important; /*moz width*/
	height:25px; /*IE width*/

    padding-top:4px;
    float:left;
    color:black;

    background-color:#B44D00;
}
.reservations #booknow_title {
    width:185px;
    
    height:21px !important; /*moz width*/
	height:25px; /*IE width*/

    padding-top:4px;
    float:left;
    text-align:center;
    color:black;

    background-color:#B44D00;
}
.reservations #roomtype_gray {
    width:300px !important; /*moz width*/
	width:320px; /*IE width*/

    height:21px !important; /*moz width*/
	height:27px; /*IE width*/

    padding-top:4px;

    float:left;
    background-color:#EDCEB1;
    padding-left:20px;
    color:gray;
}
.reservations #rates_gray {
    width:180px;
    
    height:21px !important; /*moz width*/
	height:27px; /*IE width*/

    padding-top:4px;
    float:left;
    background-color:#EDCEB1;
    color:black;
}
.reservations #booknow_gray {
    width:185px;
    height:25px;
    float:left;
    text-align:center;
    background-color:#EDCEB1;
    color:gray;
}
.reservations #roomtype_black {
    width:300px !important; /*moz width*/
	width:320px; /*IE width*/
    
    height:21px !important; /*moz width*/
	height:32px; /*IE width*/

    padding-top:4px;
    float:left;
    background-color:#EDCEB1;
    padding-left:20px;
    color:gray;
}
.reservations #rates_black {
    width:180px;
    height:21px !important; /*moz width*/
	height:32px; /*IE width*/

    padding-top:4px;
    float:left;
    background-color:#EDCEB1;
    color:black;
}
.reservations #booknow_black {
    width:185px;
    height:25px;
    float:left;
    text-align:center;
    background-color:#EDCEB1;
    color:gray;
}

/** Class daily rates **/
.ul_rates {
    width:680px;
    height:auto;
    float:left;
    list-style:none;
    padding:0;
    margin:0;
	background-color:#EDCEB1;
}

.ul_rates_clear {
    width:650px !important; /*moz width*/
    width:660px; /*IE width*/
    height:auto;
    float:left;
    list-style:none;
    padding:0;
    margin:0;
	
}
.ul_rates_dark {
    width:675px !important; /*moz width*/
    width:660px; /*IE width*/
    height:auto;
    float:left;
    list-style:none;
    padding:0;
    margin:0;
	background-color:#EDCEB1;
}

.ul_rates #roomtype_title {
    width:180px !important; /*moz width*/
    width:180px; /*IE width*/
    height:28px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:12px;
    float:left;
    padding-left:5px;
    /*background-color:#CECBA1;*/
	background-color:#B44D00;
}
.ul_rates #days_title {
    width:35px !important; /*moz width*/
	width:35px; /*IE width*/
    height:25px;
    float:left;
     font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:11px;
    text-align:center;
    background-color:#B44D00;
	
}
.ul_rates #days_title {
    width:45px!important; /*moz width*/
	width:45px; /*IE width*/
    height:25px;
    float:left;
     font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:11px;
    text-align:center;
    background-color:#B44D00;
}
.ul_rates #avg_rate_title {
    width:134px!important; /*moz width*/
	width:138px; /*IE width*/
    height:25px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:12px;
    float:left;
    text-align:center;
    background-color:#B44D00;
}
.ul_rates #roomtype_clear{
    width:180px !important; /*moz width*/
    width:180px; /*IE width*/
    height:45px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:12px;
    float:left;
    padding-left:5px;
    border-bottom:1px solid #EBEFCA;
    padding-top:3px;
	background-color:#EDCEB1;
}
.ul_rates #days_clear {
    width:45px!important; /*moz width*/
    width:45px; /*IE width*/
    height:45px;
    float:left;
     font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:9px;
    text-align:center;
    border-bottom:1px solid #EBEFCA;
    padding-top:3px;
	background-color:#EDCEB1;
}
.ul_rates #avg_rate_clear {
    width:130px!important; /*moz width*/
    width:138px; /*IE width*/
    height:45px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:12px;
    float:left;
    text-align:center;
    border-bottom:1px solid #EBEFCA;
    padding-top:3px;
	background-color:#EDCEB1;
}

/* cambio de color del background */
.ul_rates #roomtype_dark {
    width:180px !important; /*moz width*/
    width:180px; /*IE width*/
    height:45px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:12px;
    float:left;
    padding-left:5px;
    border-bottom:1px solid #EBEFCA;
    padding-top:3px;
	background-color:#EDCEB1;
}
.ul_rates #days_dark {
    width:45px!important; /*moz width*/
    width:45px; /*IE width*/
    height:45px;
    float:left;
     font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:9px;
    text-align:center;
    border-bottom:1px solid #EBEFCA;
    padding-top:3px;
	background-color:#EDCEB1;
}
.ul_rates #avg_rate_dark {
    width:134px!important; /*moz width*/
    width:138px; /*IE width*/
    height:45px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:12px;
    float:left;
    text-align:center;
    border-bottom:1px solid #EBEFCA;
    padding-top:3px;
	background-color:#EDCEB1;
}


/*********************************/
.ul_rates #reg_rate {
    text-decoration:line-through;
    color:#000000;
}
.ul_rates #disc_rate {
    color:#FF0000;
    font-size:11px;
}