/* 
    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:#DFDACA;
}
.reservations #first {
    width:167px;
    
    height:50px !important; /*moz width*/
	height:60px; /*IE width*/

    padding-top:10px;
    
    float:left;
    background-color:#636059;
}
.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:#636059;  
}
.reservations #fig {
    width:55px;
    float:left;

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

    padding-top:5px;

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

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

.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:#DFDACA;
}
.reservations #text {
    width:470px;

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

    float:left;
    background-color:#DFDACA;
    padding-top:10px;
	
	/*color:#4088B8;
	font-size:16px;*/
}

.reservations #rollover {
	width:300px !important; /*moz width*/
	width:310px; /*IE width*/

	height:155px !important; /*moz width*/
	height:165px; /*IE width*/
    
    float:left;
    padding-left:10px;
    padding-top:10px;
    background-color:#DFDACA;
}

.reservations #botones {
    width:685px;
    float:left;
    background-color:#DFDACA;
	
	/*color:#4088B8;
	font-size:16px;*/
}
.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:#bcbab3;
}
.reservations #rates_title {
    width:180px;

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

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

    background-color:#bcbab3;
}
.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:#bcbab3;
}
.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:#dfdaca;
    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:#dfdaca;
    color:black;
}
.reservations #booknow_gray {
    width:185px;
    height:25px;
    float:left;
    text-align:center;
    background-color:#dfdaca;
    color:gray;
}
.reservations #roomtype_black {
    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:#bcbab3;
    padding-left:20px;
    color:gray;
}
.reservations #rates_black {
    width:180px;
    height:21px !important; /*moz width*/
	height:27px; /*IE width*/

    padding-top:4px;
    float:left;
    background-color:#bcbab3;
    color:black;
}
.reservations #booknow_black {
    width:185px;
    height:25px !important; /*moz width*/
	height:27px; /*IE width*/
    float:left;
    text-align:center;
    background-color:#bcbab3;
    color:black;
}

.reservations #link_view_maps {
	width:66px;
	height:20px;
	display: block;
	float:left;
	background-image:url(images/view_maps_gray.jpg);
}
.reservations #link_view_maps:hover {
	background-position: 0 23px;
}
.reservations #link_reviews {
	width:54px;
	height:20px;
	display: block;
	float:left;
	background-image:url(images/reviews_gray.jpg);
}
.reservations #link_reviews:hover {
	background-position: 0 23px;
}
.reservations #link_moreinfo {
	width:76px;
	height:20px;
	display: block;
	float:left;
	background-image:url(images/moreinfo_gray.jpg);
}
.reservations #link_moreinfo:hover {
	background-position: 0 23px;
}
.reservations #link_inthearea {
	width:75px;
	height:20px;
	display: block;
	float:left;
	background-image:url(images/inthearea_gray.jpg);
}
.reservations #link_inthearea:hover {
	background-position: 0 23px;
}
.reservations #link_photos {
	width:58px;
	height:20px;
	display: block;
	float:left;
	background-image:url(images/photos_gray.jpg);
}
.reservations #link_photos:hover {
	background-position:0 23px;
}
/********************************************-*/

/* Reservas para HP */

.reservations2 {
    list-style:none;
    padding:0;
    margin:0;
    overflow:hidden;
}

.reservations2 #first {
    width:115px;

    height:50px !important; /*moz width*/
	height:60px; /*IE width*/

    padding-top:10px;

    float:left;
    background-color:#636059;
}
.reservations2 #ava {
    width:75px;

    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:#636059;
}
.reservations2 #ava2 {
    width:50px;

    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:#636059;
}
.reservations2 #ava3 {
    width:100px !important;
	//width:93px;
    
	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:#636059;
}
.reservations2 #fig {
    width:100px;
    float:left;

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

    padding-top:5px;

    background-color:#636059;
    color:white;
}
.reservations2 #checks{
    width:80px;
    float:left;

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


    background-color:#636059;
    color:white;
}
.reservations2 #boton{
    width:175px !important;
	//width:175px;
	
    height:25px !important; /*moz width*/
	//height:0px; /*IE width*/

    padding-top:5px;
    float:left;
    background-color:#636059;
    color:white;
}
.reservations2 #check_availability {
    background-image:url(images/check.jpg);
    width:127px;
    height:22px;
    border:0;
    display:block;
    border: 0px solid #fff;
	background-repeat:no-repeat;
}

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

.reservations2 #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:#DFDACA;
}
.reservations2 #text {
    width:470px;

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

    float:left;
    background-color:#DFDACA;
    padding-top:10px;
}
.reservations2 #botones {
    width:685px;
    float:left;
    background-color:#DFDACA;
	
	/*color:#4088B8;
	font-size:16px;*/
}
.reservations2 #text p{
   /* color:#87846C;*/
    color:#27292B;
}
.reservations2 #text h1 {
  	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:20px;
	color:#4088B8;
}

.reservations2 #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:#bcbab3;
}
.reservations2 #rates_title {
    width:180px;

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

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

    background-color:#bcbab3;
}
.reservations2 #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:#bcbab3;
}
.reservations2 #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:#dfdaca;
    padding-left:20px;
    color:gray;
}
.reservations2 #rates_gray {
    width:180px;
    
    height:21px !important; /*moz width*/
	height:27px; /*IE width*/

    padding-top:4px;
    float:left;
    background-color:#dfdaca;
    color:black;
}
.reservations2 #booknow_gray {
    width:185px;
    height:25px;
    float:left;
    text-align:center;
    background-color:#dfdaca;
    color:gray;
}
.reservations2 #roomtype_black {
    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:#bcbab3;
    padding-left:20px;
    color:gray;
}
.reservations2 #rates_black {
    width:180px;
    height:21px !important; /*moz width*/
	height:27px; /*IE width*/

    padding-top:4px;
    float:left;
    background-color:#bcbab3;
    color:black;
}
.reservations2 #booknow_black {
    width:185px;
    height:25px;
    float:left;
    text-align:center;
    background-color:#bcbab3;
    color:gray;
}
.reservations2 #link_view_maps {
	width:66px;
	height:20px;
	display: block;
	float:left;
	background-image:url(images/view_maps_gray.jpg);
}
.reservations2 #link_view_maps:hover {
	background-position: 0 23px;
}
.reservations2 #link_reviews {
	width:54px;
	height:20px;
	display: block;
	float:left;
	background-image:url(images/reviews_gray.jpg);
}
.reservations2 #link_reviews:hover {
	background-position: 0 23px;
}
.reservations2 #link_moreinfo {
	width:76px;
	height:20px;
	display: block;
	float:left;
	background-image:url(images/moreinfo_gray.jpg);
}
.reservations2 #link_moreinfo:hover {
	background-position: 0 23px;
}
.reservations2 #link_inthearea {
	width:75px;
	height:20px;
	display: block;
	float:left;
	background-image:url(images/inthearea_gray.jpg);
}
.reservations2 #link_inthearea:hover {
	background-position: 0 23px;
}
.reservations2 #link_photos {
	width:58px;
	height:20px;
	display: block;
	float:left;
	background-image:url(images/photos_gray.jpg);
}
.reservations2 #link_photos:hover {
	background-position:0 23px;
}

/********************************************/


.children_box{
	position:relative;
	border:hidden;
	display:;
	width: 230px;
	float:left;
	left:-125px;
	padding-top:-16px;
	/*margin-top: 0px;
	margin-left: 0px;*/
  }
  
  /** Class daily rates **/
.ul_rates {
    width:680px;
    height:auto;
    float:left;
    list-style:none;
    padding:0;
    margin:0;
	background-color:#dfdaca;
}

.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:#C4C48A;
}

.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:#636059;
}
.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:#636059;
	
}
.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:#636059;
}
.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:#636059;
}
.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:#dfdaca;
}
.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:#dfdaca;
}
.ul_rates #avg_rate_clear {
    width:130px!important; /*moz width*/
    width:138px; /*IE width*/
    height:45px!important; /*moz width*/
	height:35px; 
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:10px;
    float:left;
    text-align:center;
    border-bottom:1px solid #EBEFCA;
    padding-top:3px;
	background-color:#dfdaca;
}

/* 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:#bcbab3;
}
.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:#bcbab3;
}
.ul_rates #avg_rate_dark {
    width:134px!important; /*moz width*/
    width:138px; /*IE width*/
    height:45px!important; /*moz width*/
	height:35px; 
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:10px;
    float:left;
    text-align:center;
    border-bottom:1px solid #EBEFCA;
    padding-top:3px;
	background-color:#bcbab3;
}


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