
/* ---------------------------------------------
/*  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: Verdana, "Verdana", Arial, Helvetica, 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: Verdana, "Verdana", Arial, Helvetica, 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, "Verdana", Arial, Helvetica, 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, "Verdana", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #28221b;
	padding: 5px 0px 5px 10px;	
}


div.subscribe h2 A {
	font-family: Verdana, "Verdana", Arial, Helvetica, 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, "Verdana", Arial, Helvetica, 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: Verdana, "Verdana", Arial, Helvetica, 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, "Verdana", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #473c30;
	padding: 0px 0px 0px 0px;	
	text-align: center;
}


/* ---------------------------------------------
/*  subscribe panel (Antiguo contenido de la Ficha)
/* -------------------------------------------*/
div.mainpanel {
	/*background: url(../images/booking_topleft.gif) top left;*/
  	width:100%;
	background-color:#FFFFFF;
	margin: 2px 0px 2px 0px;
	
}

div.mainpanel h2 {
	/*background: url(../images/booking_topright.gif) top right no-repeat;*/
	font-family: Verdana, "Verdana", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #787878;
	padding: 8px 0px 4px 10px;	
}


div.mainpanel h2 A {
	font-family: Verdana, "Verdana", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #787878;
	padding: 0px 0px 0px 3px;
	text-decoration: none;
}

div.mainpanelBody {
	font-family: Verdana, "Verdana", Arial, Helvetica, 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: Verdana, "Verdana", Arial, Helvetica, sans-serif;
	padding: 0px 10px 15px 10px;	
	font-size: 11px;
	line-height: 17px;
	color:#787878;
     
}

div.mainpanelBody h1{
	font-family: Verdana, "Verdana", Arial, Helvetica, sans-serif;
	padding: 0px 10px 2px 10px;		
	font-size: 23px;
	line-height: 26px;
	font-weight:bold;
	color:#787878;
}

div.mainpanelBody h3{
	font-family: Verdana, "Verdana", Arial, Helvetica, sans-serif;
	padding: 0px 10px 0px 10px;		
	font-size: 14px;
	line-height: 17px;
	color:#787878;
}

div.mainpanelBody h4{
	font-family: Verdana, "Verdana", Arial, Helvetica, sans-serif;
	padding: 0px 10px 0px 10px;		
	font-size: 11px;
	color: #73614f;
}

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

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

div.mainpanelBody TD{
	font-family: Verdana, "Verdana", Arial, Helvetica, sans-serif;
	
	/*font-size: 12px;*/
	/*line-height: 17px;*/
}

div.mainpanelBody ul{
	font-family: Verdana, "Verdana", Arial, Helvetica, sans-serif;
	padding: 0px 10px 0px 10px;		
	margin: 0px;
	font-size: 11px;
	list-style:none;
}


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;
}

/* ---------------------------------------------
/*  Contenido Ficha
/* -------------------------------------------*/


div.fichapanel {
	width:100%;
	margin: 2px 0px 2px 0px;
	float:left;
	
}

div.fichapanel h2 {
	font-family: Verdana, "Verdana", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #C42E3C;
	padding: 8px 0px 4px 10px;	
}


div.fichapanel h2 A {
	font-family: Verdana, "Verdana", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #C42E3C;
	padding: 0px 0px 0px 3px;
	text-decoration: none;
}

div.fichapanelCuerpo {
	font-family: Verdana, "Verdana", Arial, Helvetica, sans-serif;
}

div.fichapanelCuerpo P{
	font-family: Verdana, "Verdana", Arial, Helvetica, sans-serif;
	padding: 0px 10px 10px 10px;	
	font-size: 11px;
	line-height: 17px;
	color:#787878;
}

div.fichapanelCuerpo h1{
	font-family: Verdana, "Verdana", Arial, Helvetica, sans-serif;
	padding: 0px 10px 2px 10px;		
	font-size: 23px;
	line-height: 26px;
	font-weight:bold;
}

div.fichapanelCuerpo h3{
	font-family: Verdana, "Verdana", Arial, Helvetica, sans-serif;
	padding: 0px 10px 0px 10px;		
	font-size: 14px;
	line-height: 17px;
}

div.fichapanelCuerpo h4{
	font-family: Verdana, "Verdana", Arial, Helvetica, sans-serif;
	padding: 0px 10px 0px 10px;		
	font-size: 11px;
	color: #C42E3C;
}

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

div.fichapanel A{
	color: #C42E3C;
	font-weight: bold;
}

div.fichapanelCuerpo TD{
	font-family: Verdana, "Verdana", Arial, Helvetica, sans-serif;
}

div.fichapanelCuerpo ul{
	font-family: Verdana, "Verdana", Arial, Helvetica, sans-serif;
	padding: 0px 10px 0px 10px;		
	margin: 0px;
	font-size: 11px;
	list-style:none;
}


div.fichapanelPie {
	
	}

div.fichapanelPie P{
	padding:0px 10px 0px 5px;
}


/* ---------------------------------------------
/*  nube restaurante
/* -------------------------------------------*/

.nube{
   /*border: solid 1px #aaaacc;
   background-color: #ddddff;
   color: #666666;*/
   width: 814px;
   text-align: center;
}

.nube div.etiquetas a{text-decoration:none;}

.nube div.etiquetas{
   font-family: Verdana, "Verdana", Arial, Helvetica, sans-serif;
   font-size:8pt;
   padding:2px;
}
.nube div.etiquetas span{
   float: inherit;
   margin: 0 18px 0 18px;
   /*padding:16px 0 16px 0;*/
   height: 15pt;
   white-space: nowrap;
}

.nube div.etiquetas span.etiquetatam0 A{
   font-size: 80%; 
   color: #FFFFFF;  
  
}
.nube div.etiquetas span.etiquetatam1 A{
   font-size: 80%;  
   color: #FFFFFF; 
   
}
.nube div.etiquetas span.etiquetatam2 A{
   font-size: 80%; 
   color: #FFFFFF;  
}
.nube div.etiquetas span.etiquetatam3 A{
   font-size: 95%; 
   color: #FFFFFF;  
   
}
.nube div.etiquetas span.etiquetatam4 A{
   font-size: 105%;  
   color: #FFFFFF; 
   
}
.nube div.etiquetas span.etiquetatam5 A{
   font-size: 120%;
   color: #FFFFFF;   
   
}
.nube div.etiquetas span.etiquetatam6 A{
   font-size: 140%;  
   color: #FFFFFF; 
}
.nube div.etiquetas span.etiquetatam7 A{
   font-size: 150%; 
   color: #FFFFFF;  
}
.nube div.etiquetas span.etiquetatam8 A{
   font-size: 160%; 
   color: #FFFFFF;
   font-weight: bold;  
}
.nube div.etiquetas span.etiquetatam9 A{
   font-size: 170%;  
   color: #FFFFFF; 
}
.nube div.etiquetas span.etiquetatam10 A{
   font-size: 185%;   
   color: #FFFFFF; 
}
.nube div.etiquetas span.etiquetatam11{
   font-size: 170%;   
}
.nube div.etiquetas span.etiquetatam12{
   font-size: 175%;   
}
.nube div.etiquetas span.etiquetatam13{
   font-size: 185%;   
}
.nube div.etiquetas span.etiquetatam14{
   font-size: 200%;   
}
.nube div.etiquetas span.etiquetatam15{
   font-size: 205%;   
}

/* ---------------------------------------------
/*  nube panel
/* -------------------------------------------*/
div.mainpanel {
	/*-------- background: url(../images/fondo_nube.gif) top left; --FONDO EMPRESA----*/
  	width:100%;
}

div.mainpanelBody {
/*background-color:#C0B4A6;*/
/*background: url(../images/fondo_nube.gif) top left;*/
padding: 'padding-top' 'padding-right' 'padding-bottom' 'padding-left' 0px 0px 0px 0px;

}
/*COLUMNA DER MAINIMG*/
.colum-der{
	float:left;
	margin-left: 10px;
	width:220px;
}
.colum-der ul{
	margin-left: -16px;
}
.colum-der ul li{
	display:block;
	margin-left: 0px;
}
.colum-der ul li ul li{
	margin-left: 0px;
	margin-bottom:4px;
}
.colum-der H4{
	font-family: Verdana, "Verdana", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #C42E3C;
}
.colum-der P{
	font-family: Verdana, "Verdana", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color:#787878;
}
.colum-der span{
	font-family: Verdana, "Verdana", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 17px;
	font-weight:bold;
	color:#787878;
}
.colum-der A.resonline , .colum-der A.resonline:hover{
	font-family: Verdana, "Verdana", Arial, Helvetica, sans-serif;
	background-color:#dadada;
	border-style: solid;
	border-width:1px;
	border-color:#787878;
	font-size: 11px;
	font-weight:bold;
	color:#C42E3C;
	text-decoration:none;
	padding:4px;
	line-height: 22px;
	
}
