/***********************************************/
/* HTML Personalbokings - Hoja de estilos      */
/***********************************************/ 



body {
font-family: 'Lucida Grande', Verdana, Sans-Serif;
font-size: 12px; /*62.5%;  Resets 1em to 10px */
line-height : 1.66; 
margin : 0; 
padding : 0; 
color : red;
TEXT-ALIGN: center;
background-color: #547EC8;
 
} 

td{
	font-family:verdana;
	font-size: 13px;
	font-weight:lighter;
	line-height :1.6;
	text-align: left;
	color:#071843;
}


h1 {margin: 12px 10px; font-size: 28px; padding: 0;	color: #071843;  }
/*h1 {margin: 12px 10px; font-size: 28px; padding: 0;	color: #071843; float: left; }*/
h3 {margin: 3px 5px; font-size: 18px; font-weight: normal; color: #000000;}

#titulo {width: 150px;  margin: 5px 0 0 0; font-size: 18px; font-weight: bold; color: #071843;}
#subtitulo {width: 60px;  margin: 12px 0 0 20px; font-size: 14px; font-weight: bold; color: #071843;}


.clear {clear: both;}

.left {float:left;}

/****************************************/
/* PERSONAL                              */
/****************************************/

#space {clear: both; HEIGHT: 20px !important;}

#main {
	WIDTH: 990px;
	MARGIN: 0px auto;
	text-align: center; 
	HEIGHT: 100%;
}
#headerImg {
	FONT-SIZE: 12px;
	PADDING-LEFT: 0px; 
	MARGIN: 0px; 
	VERTICAL-ALIGN: top; 
	PADDING-TOP: 0px; 
	FONT-FAMILY: "trebuchet ms", verdana, arial, sans-serif; 
	WIDTH: 100%;
	TEXT-ALIGN: left;
	color:#000000;
	float:left;
}

#headermenu_left {
	float: left; 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px; 
	WIDTH: 100%;
	HEIGHT: 100px! important;
	float:left;
}

	#headermenu_left ul{
		width:100%;
		height:100%;
		list-style:none;
		margin:0;padding:0;
	}
	
	#headermenu_left ul li{
		float:left;
	}
	
	#headermenu_left ul li a{
		text-decoration:none;
	}
	
	#headermenu_left ul li a.inicio{
		width:379px;
		height:101px;
		display:block;
		background-image:url('../imagenes/cabecera.jpg');
		background-position: 3px 0px;
		background-repeat:no-repeat;
	}	
	
	#headermenu_left ul li a.nada{
		width:121px;
		height:101px;
		display:block;
		background-image:url('../imagenes/cabecera.jpg');
		background-position: -388px 0px;
		background-repeat:no-repeat;
	}	
	
	#headermenu_left ul li a.nada:hover{
		background-position:-388px -100px;
	}	
	
	#headermenu_left ul li a.hotel{
		width:122px;
		height:101px;
		display:block;
		background-image:url('../imagenes/cabecera.jpg');
		background-position: -509px 0px;
		background-repeat:no-repeat;
	}
	
	#headermenu_left ul li a.hotel:hover{
		background-position:-509px -100px;
	}	
	
	#headermenu_left ul li a.bed{
		width:119px;
		height:101px;
		display:block;
		background-image:url('../imagenes/cabecera.jpg');
		background-position: -631px 0px;
		background-repeat:no-repeat;
	}
	
	#headermenu_left ul li a.bed:hover{
		background-position:-631px -100px;
	}	
	
	#headermenu_left ul li a.piso{
		width:120px;
		height:101px;
		display:block;
		background-image:url('../imagenes/cabecera.jpg');
		background-position: -750px 0px;
		background-repeat:no-repeat;
	}	
	
	#headermenu_left ul li a.piso:hover{
		background-position:-750px -100px;
	}		
	
	#headermenu_left ul li a.casa{
		width:125px;
		height:101px;
		display:block;
		background-image:url('../imagenes/cabecera.jpg');
		background-position: -870px 0px;
		background-repeat:no-repeat;
	}
	
	#headermenu_left ul li a.casa:hover{
		background-position:-870px -100px;
	}	


#contenido {
	/*MARGIN: 0px;*/
	FONT-SIZE: 12px;
	PADDING-LEFT: 0px; 
	/*margin: 0 0 0 0; */
	VERTICAL-ALIGN: top;
	PADDING-TOP: 0px; 
	FONT-FAMILY: "trebuchet ms", verdana, arial, sans-serif; 
	WIDTH: 980px;
	MARGIN: 0px auto;
	margin-left:4px;
	TEXT-ALIGN: center;
	color:#000000;
	/*background: url(../imagenes/back_contenido.jpg) transparent 0px 0px;*/
	background-color:#3D6AC5;
	border:1px solid #000B26;
	border-bottom:0 none;
	float:left;
}

#content {
	border: 2px solid #FFFFFF;
	FONT-SIZE: 12px;
	PADDING-LEFT: 0px; 
	MARGIN: 0px auto;
	margin-top:20px; 
	VERTICAL-ALIGN: top; 
	PADDING-TOP: 0px; 
	WIDTH: 940px;
	TEXT-ALIGN: left;
	color:#000000;
	/*height: 100%;*/
	background-color: #dce3eb;
	display: table-cell; 
	height: 100%;
	padding-bottom: 10px;
}
/*
.caja {
	width: 768px;
	margin: 0 0px 10px 0px;
	font-size: 12px;
	border: 1px solid #cdcdcd;
	padding-bottom: 10px;
	display: table-cell; 
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	
}*/
 .caja_azul {
 background-color: #ffffff;
 width: 97.5%; 
 border: 1px solid #3c6cc1; 
 float: left; 
 margin: 0px 10px 0px 10px;
 /*MARGIN: 0px auto; */
 padding-bottom: 5px;
}

.booked{
	background:url('../imagenes/bookedBand.png') #fff no-repeat 757px 26px;	
}
 
#novedad {
float: right;
MARGIN: 0px;
PADDING-RIGHT: 10px; 
margin: 0 0 0 0; 
VERTICAL-ALIGN: top; 
PADDING-TOP: 0px; 
WIDTH: 750px;
HEIGHT: 170px !important; 
TEXT-ALIGN: right;
color:#000000;
/*background-image: url(../imagenes/cabecera.jpg);
background-repeat: no-repeat;
background-position: center;*/
}


/***********************************************/
/* Busqueda                                    */
/***********************************************/ 

#search_ini {
	float: left;
	width: 480px;
	margin: 0px 0 0 10px;
	background-color: #dce3eb;
	border: 2px solid #ecf1f7;
	text-align: left;
}

#search_form {
	margin: 10px;
}

#search_left {
	float: left;
	width: 350px;
	margin: 10px 0 0 0;
	padding: 0 0 10px 0;
}

#search_left .search_title {
	float: left;
	width: 150px;
	margin: 5px 0 0 0;
	color: #071843;
	font-size: 18px;
	font-weight: bold;
}

#search_left .search_subtitle {
	float: left;
	width: 80px;
	margin: 5px 3px 0 0;
	color: #071843;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
}

#search_left .search_select {
	float: left;
	width: 200px;
	margin: 5px 0 0 0;
}

#search_left .search_dispo {
	float: left;
	width: 260px;
	margin: 5px 0 0 0;
}

#search_left select.selsearch {
	width: 180px;
	background-color: #fff;
	border: 1px solid #7f9db9;
}

#search_right {
	float: right;
	width: 100px;	
	margin: 10px 0 0 0;
}

.search {
	width: 100px;
	height: 75px;
	border: 0px none;
	background: url('../imagenes/go.jpg') no-repeat top;
	cursor: pointer
}

#right_ad {
	float: left;
	width: 200px;
	margin: 10px 0 0 0;
}

/*.calendar {
	position: absolute;
	visibility: hidden;
	background-color: #fff;
	layer-background-color: #fff;
}*/

.msg_result, 
.msg_result a {
	margin: 50px 10px;
	font-size: 18px;
	font-weight: normal;
}

.next_result {
	margin: 10px 10px 0 10px;
	font-size: 18px;
	font-weight: normal;
}



/***********************************************/
/* HTML central                                */
/***********************************************/ 


#section_res {
	margin: 10px 20px;
	background-color: White;
	border: 1px solid #3c6cc1;
	text-align: left;
	padding: 10px;
}
.validar {
	border-right: red 1px solid; 
	border-top: red 1px solid; 
	border-left: red 1px solid; 
	border-bottom: red 1px solid;
	color: red; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	background-color: #ffffff
}
.destacados {
	margin: 0 12px;
	color: #d8010c;
	font-size: 18px;
	font-weight: bold;
	text-align: right;
	border-bottom: 1px dashed #d8010c;
}

.condiciones {
	width: 720px;
	margin: 0 0px 10px 10px;
	font-size: 13px;
	line-height : 18px; 
	padding-bottom: 10px;
}

.direccion {
	margin: 0 0 0 5px; 
}

.img {
 	float: left;
 	width: 230px;
 }

.foto {
 	float: left;
	width: 200px;
	height: 150px;
	border: 1px solid #3c6cc1;
	margin: 10px 0 10px 10px; 
 }
 

 .titulo_relleno_azul {
	padding: 3px;
	font-size: 13px;
	background-color: #3c6cc1;
	color: #fff;
}
 .datos {
	padding: 4px;
	font-size: 13px;
	
}
.datosDetalle {
 	float: left;
 	width: 670px;
	font-size: 13px;
 }
 
 .nuevaDisponiblidad{
 	position:absolute;
 	margin-left:555px;
 	margin-top:20px;
 }


.caja_azul_grande {
	width: 698px;
	margin: 5px 0 10px 10px;
	border: 1px solid #3c6cc1;
}
.caja_azul_buscador {
	/*width: 97.5%;*/ 
	height:170px;
	margin: 0 10px 10px 10px;
	padding-bottom: 10px;
	background-color: #ffffff;
}

.caja_azul_buscador form{
	background:url('../imagenes/degradadoFondoFiltroBuscar.jpg') #fff repeat-x top left;
	/*height:152px;*/
	text-align:center;
	border: 1px solid #3c6cc1;
}

.caja_azul_buscador form input.boton{
	border:1px solid #3C6CC1;
	clear:both;
	color:#3C6CC1;
	font-weight:700;
	height:25px;
	margin:10px 10px 10px 20px;
	width:100px;
	background-color:#F0F0F0;
}

/* Seccion 1 de filtros
 * */
fieldset.seccion{
	width:260px;
	height:90px;
	border:1px solid #a0b8e2;
	float:left;
	margin:5px 15px;
	/*padding-bottom:15px;*/
}

fieldset.seccion legend{
	padding:0px 5px;
}

fieldset.seccion div{
	width:100%;
	float:left;
	clear:both;
	height:25px;
}

fieldset.seccion div label{
	display:block;
	width:85px;
	padding-right:10px;
	color:#010e2f;
	float:left;
	text-align:right;
}

fieldset.seccion div select{
	display:block;
	width:115px;
	float:left;
}

/* Seccion 2 de filtros
 * */

fieldset.seccion2{
	width:260px;
	height:90px;
	border:1px solid #a0b8e2;
	float:left;
	margin:5px 15px;
	/*padding-bottom:15px;*/
}

fieldset.seccion2 legend{
	padding:0px 5px;
}

fieldset.seccion2 div{
	width:100%;
	float:left;
	clear:both;
	height:25px;
/*	padding-bottom:7px;*/
}

fieldset.seccion2 div label{
	display:block;
	width:125px;
	padding-right:10px;
	color:#010e2f;
	float:left;
	text-align:right;
}

fieldset.seccion2 div select{
	display:block;
	width:115px;
	float:left;
}

/* Seccion 3 de filtros
 * */

fieldset.seccion3{
	width:260px;
	height:90px;
	border:1px solid #a0b8e2;
	float:left;
	margin:5px 15px;
	/*padding-bottom:15px;*/
}

fieldset.seccion3 legend{
	padding:0px 5px;
}

fieldset.seccion3 div{
	width:100%;
	float:left;
	clear:both;
	height:25px;
/*	padding-bottom:7px;*/
}

fieldset.seccion3 div label{
	display:block;
	width:85px;
	padding-right:10px;
	color:#010e2f;
	float:left;
	text-align:right;
}

fieldset.seccion3 div select{
	display:block;
	width:115px;
	float:left;
}

/* Seccion 4 de filtros
 * */

fieldset.seccion4{
	width:93%;
	height:auto;
	
	border:1px solid #a0b8e2;
	float:left;
	margin:5px 15px;
	padding-bottom:15px;
	clear:both;
}
/*
fieldset.seccion3 legend{
	padding:0px 5px;
}

fieldset.seccion3 div{
	width:100%;
	float:left;
	clear:both;
	margin-bottom:12px;
}

fieldset.seccion3 div label{
	display:block;
	width:85px;
	padding-right:10px;
	color:#010e2f;
	float:left;
	text-align:right;
}

fieldset.seccion3 div select{
	display:block;
	width:115px;
	float:left;
}*/

a.mas_info:link{color : #cc0000; text-decoration : none;}
a.mas_info:hover{color : #cc0000; text-decoration : underline;}
a.mas_info:visited{color : #cc0000;text-decoration : underline;}
a.mas_info:active{color : #cc0000; text-decoration : underline;}

.paginator {FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #000000; TEXT-DECORATION: none}
A.paginator:link {FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #cc0000; TEXT-DECORATION: none}
A.paginator:visited {FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #cc0000; TEXT-DECORATION: none}
A.paginator:active {FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #cc0000; TEXT-DECORATION: none}
A.paginator:hover {FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #000000; TEXT-DECORATION: underline}

A.white:link {FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #FFFFFF; TEXT-DECORATION: none}
A.white:visited {FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #FFFFFF; TEXT-DECORATION: none}
A.white:active {FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #FFFFFF; TEXT-DECORATION: none}
A.white:hover {FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #FFFFFF; TEXT-DECORATION: none}

.subrallado{font-weight: bold;text-decoration : underline;}

.PAR {font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; text-decoration: none;}

/***********************************************/
/* HTML Top                                    */
/***********************************************/ 

#banderas{
float: left; padding-right:0; padding-top:0px; padding-bottom:0px;
}
.foto_bandera {
 	float: left;
	width: 16px;
	height: 11px;
	border: 0px;
	margin: 0 0 0 0; 
}


#menu_top {
	float:right;
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	width:90px;
	text-align: center;
	padding-left:0; padding-right:0; padding-top:0px; padding-bottom:5px;

	
}

#menu_top a {
font-family : Verdana, Arial, Helvetica, sans-serif; 
display : block; 
padding : 2px 0 2px 0; 
color: #000000;
background-color : #e7f4f5; 
text-decoration : none;
line-height:normal;

} 
#menu_top a:hover {
background-color : #ffffff; 
text-decoration : none;


} 


/***********************************************/
/* HTML Pie                                    */
/***********************************************/ 

#pie {
	/*float: left;*/
	width: 100%;
	background: url('../imagenes/pie.jpg') no-repeat bottom; padding-left:0; padding-right:0; padding-top:5px; padding-bottom:0
}
#pie_info {
	/*float: left;*/
	background: url('../imagenes/pie.jpg') no-repeat center top;
	width: 100%;
	height: 54px;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	padding-left:0; padding-right:0; padding-top:18px; padding-bottom:0
}




#pie_info_der {float: right; padding: 0 25px 0px 0px;}
#pie_info_izq {float: left;	text-align: left; padding: 0 0 0 25px;}


#pie_info a {color: #ffffff; font-weight: bold;text-decoration: none;}
#pie_info a:visited {color: #fff;}
#pie_info a:active {color: #fff; text-decoration: none;}
#pie_info a:hover {color: #fff; text-decoration: underline;}


/*
*/

table.piePainaTable{
float:left;
text-align:center;
border-collapse:collapse;
}

/* ESTRUCTURA CAPAS DETALLE.php
 * 16/03/2010 joan
 * */

div.especificaciones{
	float: left; 
	width: 350px; 
	height: 410px;
}

div.calendario{
	float: left; 
	width: 303px; 
	height: 425px;
	padding:10px 0 0 10px;	
}

/**
 * FORM DE RSERVA DETALLE.PHP
 * 16/03/2010 joan
 */

 form.formularioReserva{
 	width:100%;
	height:85%;
 }

 fieldset.fieldsetReserva{
 	border:1px solid #062155;
	height:100%;
	margin:0;
	padding:10px 20px 10px 20px;
 }
 
 legend.legendReserva{
 	color:#062155;
	font-size:18px;
	padding:0 10px;	
 }
 
 div.zona{
 	width:100%;
	padding:6px;
	height:50px;
 }
 
 div.icono{
 	width:17%;
	height:100%;
	float:left;
 }
 
 div.informacion{
 	width:78%;	
	float:left;
	padding-left:10px;
 }

 div.informacion span{
 	display:block;
	width:100%;
	float:left;
	color:#062155;
 }
 
 div.informacion span input.cajaTexto{
 	border:0 none;
	padding-left:10px;
	padding-top:2px;
 }
 
  div.informacion span .selectGuest{
 	border:0 none;
	padding-left:10px;
	padding-top:2px;
 }
 
 /* caendario disponiblidad
  * 18/03/2010 joan
  * 
  */
 
 span.cabeceraDias{
 	display:block;
	width:35px;
	height:20px;
	text-align:center;
	float:left;
 }
 
 span.cabeceraFormulario{
 	display:block;
	float:left;
	width:100%;
	height:25px;
	text-align:center;
	font-weight:700;
 }
 
 	span.cabeceraFormulario a{
 		text-decoration:none;
		color: #062155;
 	}
 
 span.recuadroDiaCalendario{
 	display:block;
	width:27px;
	height:20px;
	text-align:center;
	float:left;
	/*-moz-border-radius:5px 5px 5px 5px;*/
	border:1px solid black;
	margin:3px;
 }
 
 	span.recuadroDiaCalendario a{
 		text-decoration:none;
		display:block;
		width:100%;
		height:100%;
		color:#333;
	}
	
 	span.recuadroDiaCalendario a:visited{
 		color:#333;	
	}
 
 span.diaLibre{
 	/*background:url(../imagenes/fondos_ocupacion.gif) #77FF6F -1px -57px;*/
	background-color:#77FF6F;
 }
 
 span.diaOcupado{
 	/*background:url(../imagenes/fondos_ocupacion.gif) #FF5F5F -1px -86px;*/
	background-color:#FF5F5F;
 }
 
 span.checkIn{
 	background:url(../imagenes/fondos_ocupacion.gif) #FF5F5F -1px -1px;
 }
 
 span.checkOut{
 	background:url(../imagenes/fondos_ocupacion.gif) #77FF6F -1px -29px;
 }
 
 div.cuadroNoResultados{
	border:1px dashed;
	margin:35px auto;
	padding:30px 0;
	width:450px;
 }
 
 div.capaBotonReservar{
 	height:35px;
 	padding-top:10px;
	color:#fff;
	font-size:14pt;
	text-align:center;
	background:url('../imagenes/iconosReserva/btnReserva.jpg') no-repeat 0px 0px;
 }
 
 a.botonReservar{
 	text-decoration:none;
	color:#eee;
	display:block;
	width:100%;
 }
 
 a.linkBorrarFechas{
	clear:both;float:right;display:block;font-size:9px;
 }
 
 input.botonReservar{
	background:url("../imagenes/iconosReserva/btnReserva.jpg") no-repeat scroll 0 0 transparent;
	border:0 none;
	color:#eee;
	height:51px;
	text-align:center;
	width:264px;
 }
 
 a.linkOferta{
 	color:#333;
	text-decoration:none;
	display:block;
	width:121px;
	padding:5px 0px;
	color:#fff;
	text-align:center;
 }

 div.filaOferta{
 	padding:10px 20px;
	background-color: #F1F4FB;
	margin-bottom:10px;
 }
 
 div.filaOferta div.filaOfertaTitulo{
 	font-weight:700;
 }
 
 div.filaOferta div.filaOfertaDescripcion{
 	padding-top:10px;
 }
 
 div.filaOferta div.filaOfertaDescripcion table{
 	width:100%;
 }
 
 div.filaOferta div.filaOfertaDescripcion table span{
 	color:#4786c9;
	font-size:16pt;
 }
 
 /*
  * Nuevo estilo de listado ofertas
  * 
  */
 div.contenedorFilaOferta{
 	background:url('../imagenes/degradadoFondoFiltroBuscar.jpg') repeat-x scroll left top #f1f4fb;
	width:715px;
	float:left;
	margin-top:8px;
 }

 div.contenedorFilaOferta div.tituloOferta{
 	width:144px;
	float:left;
 }
 
 div.contenedorFilaOferta div.tituloOferta span.titulo{
 	display:block;
	float:left;
	clear:both;
	font-weight:700;
	padding-top:12px;
	padding-left:12px;
 }
 
 div.contenedorFilaOferta div.tituloOferta span.fecha{
 	display:block;
	width:100%;
	float:left;
	clear:both;
	padding-left:12px;
	padding-bottom:12px;
 }

 div.contenedorFilaOferta div.descripcionOferta{
 	width:256px;
	float:left;
 }
 
  div.contenedorFilaOferta div.descripcionOferta div.descripcion{
  	padding-top:12px;
	padding-left:12px;
	padding-right:12px;
	font-size:9pt;
  }
  
  div.contenedorFilaOferta div.descripcionOferta span.ahorro{
  	padding-left:12px;
	padding-bottom:12px;
  }
 
 div.contenedorFilaOferta div.totalOferta{
	width:192px;
	float:left;
 }
 
  div.contenedorFilaOferta div.totalOferta span{
  	display:block;
	float:left;
	clear:both;
	padding-left:12px;
	color:#3c6cc1;
	font-weight:700;
	text-align:Center;
  }
  
   div.contenedorFilaOferta div.totalOferta span.precioOferta{
   	padding-top:12px;
	font-size:11pt;
   }
   
   div.contenedorFilaOferta div.totalOferta span.precioSin{
   	padding-bottom:12px;
	text-decoration:line-through;
	font-size:8pt;
   }
 
 div.contenedorFilaOferta div.reservarOferta{
	width:120px;
	float:left;
 }
 
  div.contenedorFilaOferta div.reservarOferta div{
  	padding-top:12px;
	color:red;
	font-size:14pt;
	font-weight:700;
	text-align:Center;
  }
  
  div.contenedorFilaOferta div.reservarOferta div a.botonReservar{
  	background:url("http://192.168.1.100/ebooking/imagenes/iconosReserva/btnReservaMini.jpg") no-repeat scroll 0 0 transparent;
	color:#FFFFFF;
	display:block;
	padding:5px 0;
	text-align:center;
	text-decoration:none;
	width:121px;
	font-size:10pt;
  }
 
 div.contenedorFilaOferta div.reservarOferta div.masInfo{
 	padding-top:0px;	
	text-align:center;
 }
 
 div.contenedorFilaOferta div.reservarOferta div.masInfo a{
   		color:red;
		text-decoration:none;
		font-size:10pt;
 }
 
 a.botonRegistrarse{
 	display:block;
	width:500px;
	padding:20px 20px;
	text-align:center;
	font-size:14pt;
	color:#fff;
	text-decoration:none;
	border:3px solid #fff;
	background-color:#990000;
	margin:auto;
 }

 div.nombreCategoriaServicio{
float:left;width:100%;border-bottom:1px solid #0d3680;clear:both;text-align:left;color:#0d3680;margin-top:20px;
 }

 span.tipoServicio{
display:block;float:left;width:130px;text-align:left;
 }