/* ---------------------------------------------
/*  booking panel
/* -------------------------------------------*/
div.booking {
	background: url(../images/blank.gif) top left no-repeat;
  	width:100%;
}

div.booking h2 {
	background: url(../images/blank.gif) top right no-repeat;
	font-family: Trebuchet, "Trebuchet MS", helvetica, arial, verdana, sans-serif;
	font-size: 13px;
	color: #28221b;
	padding: 5px 0px 5px 18px;	
}


div.booking_J {
background:transparent url(../images/booking_topleft.gif) no-repeat scroll left top;
margin:0px 0px 4px;
width:100%;
}
div.booking_J h2 {
	background:transparent url(../images/booking_topright.gif) no-repeat scroll right top;
color:#28221B;
font-family:Trebuchet,"Trebuchet MS",helvetica,arial,verdana,sans-serif;
font-size:13px;
padding:5px 0px 5px 20px;
}
div.bookingFooter_J {
background:transparent url(../images/booking_bottomleft.gif) no-repeat scroll left bottom;
}
div.bookingFooter_J p {
background:transparent url(../images/booking_bottomright.gif) no-repeat scroll right bottom;
padding:0px 10px 0px 5px;
}




div.availabilitypanel {
	padding: 0px 0px 5px 13px;
}

div.bookingFooter {
	background: url(../images/blank.gif) bottom left no-repeat;
}

div.bookingFooter P{
	background: url(../images/blank.gif) bottom right no-repeat;
	padding:0px 10px 0px 5px;
}



div.hoteldetailsBody h4 {
	font-family: Verdana,Trebuchet, "Trebuchet MS", helvetica, arial, verdana, sans-serif;
	font-size: 13px;
	color: #473c30;
	padding: 0px 0px 0px 0px;	
	text-align: center;
}

.rating {
	position:relative; /*this is the key*/
	z-index:24;
	text-decoration:none}

.rating a:hover{z-index:25;}

.rating a span{display: none;text-decoration:none;}

.rating a:hover span{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:2em; left:2em; width:15em;
	background-color:#473c30; color:#ffffff;
	text-decoration:none;
	width: 240px;
	padding: 5px;
}



/* ---------------------------------------------
/*  subscribe panel
/* -------------------------------------------*/
#subscribepanel {
	padding: 5px 0px 0px 15px;	
}

div.subscribe {
	background: url(../images/booking_topleft.gif) top left no-repeat;
  	width:220px;
}

div.subscribe h2 {
	background: url(../images/booking_topright.gif) top right no-repeat;
	font-family: Verdana,Trebuchet, "Trebuchet MS", helvetica, arial, verdana, sans-serif;
	font-size: 13px;
	color: #28221b;
	padding: 5px 0px 5px 10px;	
}


div.subscribe h2 A {
	font-family: Verdana,Trebuchet, "Trebuchet MS", helvetica, arial, verdana, sans-serif;
	font-size: 13px;
	color: #28221b;
	padding: 0px 0px 0px 3px;
	text-decoration: none;
}

div.subscribeBody {
	padding:5px 0px 0px 5px;
}

div.subscribeBody P{
	padding: 3px 0px 5px 5px;	
	font-size: 11px;
}

div.subscribeBody A{
	font-family: Verdana,Trebuchet, "Trebuchet MS", helvetica, arial, verdana, sans-serif;
	font-size: 9px;
	padding: 3px 0px 0px 45px;
	text-decoration: underline;
	color: #28221b;
}

div.subscribeBody A:hover{
	text-decoration: underline;
	color: #28221b;
}

div.subscribeFooter {
	background: url(../images/booking_bottomleft.gif) bottom left no-repeat;
}

div.subscribeFooter P{
	background: url(../images/booking_bottomright.gif) bottom right no-repeat;
	padding:0px 10px 0px 5px;
}



/* ---------------------------------------------
/*  booking panel
/* -------------------------------------------*/
div.map {
	background: url(../images/tools_topleft.gif) top left no-repeat;
  	width:100%;
  	margin: 0px 0px 4px 0px;
}

div.map h2 {
	background: url(../images/tools_topright.gif) top right no-repeat;
	font-family: Trebuchet, "Trebuchet MS", helvetica, arial, verdana, sans-serif;
	font-size: 13px;
	color: #ffffff;
	padding: 5px 0px 5px 18px;	
}

div.mapFooter {
	background: url(../images/tools_bottomleft.gif) bottom left no-repeat;
}

div.mapFooter P{
	background: url(../images/tools_bottomright.gif) bottom right no-repeat;
	padding:0px 10px 0px 5px;
}



div.mapBody h4 {
	font-family: Verdana,Trebuchet, "Trebuchet MS", helvetica, arial, verdana, sans-serif;
	font-size: 13px;
	color: #473c30;
	padding: 0px 0px 0px 0px;	
	text-align: center;
}


/* ---------------------------------------------
/*  subscribe panel
/* -------------------------------------------*/
div.mainpanel {
	background: url(../images/booking_topleft.gif) top left;
  	width:100%;
	
	margin: 2px 0px 2px 0px;
	
}

div.mainpanel h2 {
	background: url(../images/booking_topright.gif) top right no-repeat;
	font-family: Trebuchet, "Trebuchet MS", helvetica, arial, verdana, sans-serif;
	font-size: 18px;
	color: #28221b;
	padding: 8px 0px 4px 10px;	
}


div.mainpanel h2 A {
	font-family: Verdana,Trebuchet, "Trebuchet MS", helvetica, arial, verdana, sans-serif;
	font-size: 13px;
	color: #28221b;
	padding: 0px 0px 0px 3px;
	text-decoration: none;
}

div.mainpanelBody {
	font-family: Trebuchet, "Trebuchet MS", helvetica, arial, verdana, sans-serif;
	/*background-color:#C0B4A6;*/
	/*background: url(../images/booking_topleft.gif) top left;*/
	/*padding: 2px 6px 6px 6px;
	left:2px;*/
}

div.mainpanelBody P{
	font-family: Trebuchet, "Trebuchet MS", helvetica, arial, verdana, sans-serif;
	padding: 0px 0px 5px 15px;	
	/*padding: 0px 10px 0px 2px;*/
	font-size: 12px;
	line-height: 17px;
}

div.mainpanelBody P.etiqueta{
	font-family: Trebuchet, "Trebuchet MS", helvetica, arial, verdana, sans-serif;
	padding: 0px 0px 0px 5px;	
	/*padding: 0px 10px 0px 2px;*/
	font-size: 12px;
	line-height: 14px;
}
div.mainpanelBody P.etiquetaCVV{
	font-family: Trebuchet, "Trebuchet MS", helvetica, arial, verdana, sans-serif;
	width:110px;
	padding: 0px 0px 0px 0px;	
	margin: 0px 0px 0px 10px;	
	/*padding: 0px 10px 0px 2px;*/
	font-size: 11px;
	line-height: 14px;
}
div.mainpanelBody h1{
	font-family: Trebuchet, "Trebuchet MS", helvetica, arial, verdana, sans-serif;
	padding: 0px 10px 2px 10px;		
	font-size: 23px;
	line-height: 26px;
	font-weight:bold;
}

div.mainpanelBody h3{
	font-family: Trebuchet, "Trebuchet MS", helvetica, arial, verdana, sans-serif;
	padding: 0px 10px 0px 10px;		
	font-size: 14px;
	line-height: 17px;
}

div.mainpanelBody h4{
	font-family: Verdana,Trebuchet, "Trebuchet MS", helvetica, arial, verdana, sans-serif;
	padding: 0px 10px 0px 10px;		
	font-size: 12px;
	color: #73614f;
}

div.mainpanel .rating {
	padding: 0px 10px 0px 10px;	
	margin: -10px 0px 0px 0px;	
}

div.mainpanel A{
	color: #28221b;
	font-weight: bold;
}

div.mainpanelBody TD{
	font-family: Trebuchet, "Trebuchet MS", helvetica, arial, verdana, sans-serif;
	
	/*font-size: 12px;*/
	/*line-height: 17px;*/
}

div.mainpanelBody ul{
	font-family: Verdana,Trebuchet, "Trebuchet MS", helvetica, arial, verdana, sans-serif;
	padding: 0px 10px 0px 10px;		
	margin: 0px;
	font-size: 11px;
	list-style:none;
}
div.mainpanelBody A.active{
	font-family: Trebuchet, "Trebuchet MS", helvetica, arial, verdana, sans-serif;
	font-size: 11px;
	color: #28221b;
	padding: 0px 10px 0px 10px;
	background-image: url(../images/opened.gif);
	background-repeat: no-repeat;
	background-position: right;
	
}


div.mainpanelBody A.deactive{
	font-family: Trebuchet, "Trebuchet MS", helvetica, arial, verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #28221b;
	padding: 0px 10px 0px 10px;
	background-image: url(../images/closed.gif);
	background-repeat: no-repeat;
	background-position: right !important;
/*	background-position: left 4px;*/
}


div.mainpanelBody A.activeCVV{
	font-family: Trebuchet, "Trebuchet MS", helvetica, arial, verdana, sans-serif;
	font-size: 11px;
	color: #28221b;
	padding: 0px 10px 0px 10px;
	background-image: url(../images/opened.gif);
	background-repeat: no-repeat;
	background-position: right;
	
}


div.mainpanelBody A.deactiveCVV{
	font-family: Trebuchet, "Trebuchet MS", helvetica, arial, verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #28221b;
	padding: 0px 10px 0px 10px;
	background-image: url(../images/closed.gif);
	background-repeat: no-repeat;
	background-position: right !important;
/*	background-position: left 4px;*/
}


div.mainpanelBody A.prate,div.mainpanelBody A.prate:hover{
	
	padding: 0px 10px 0px 0px;
	
	
}

div.mainpanelFooter {
	background: url(../images/booking_bottomleft.gif) bottom left no-repeat;
}

div.mainpanelFooter P{
	background: url(../images/booking_bottomright.gif) bottom right no-repeat;
	padding:0px 10px 0px 5px;
}