* { font-family: Arial, Helvetica, Verdana, sans-serif; }

html {min-height:100.1%; margin: 0; padding: 0; }

body { margin: 0 0 1em 0; padding: 1em 0; } 

.invisible { display: none; }
.resaltar { color: #336; font-weight: bold; font-size: 1.1em; }

#fondo {
					position: relative;
					margin: 0 auto;
					text-align: left;
					width: 980px;
				}

/************************************************* CABECERA *********************************************/

#cabecera {
						position: relative; float: left; clear: both;
						margin: 0; padding: 0;
						width: 100%;
					}

#cabecera a, a:hover { text-decoration: none; }
#cabecera img { float: left; border: 0; margin: 0 1em .5em 1em; }

#cabecera p.ano_cabecera { float: left; font-size: 2em; font-weight: bold; color: #E45 ; background-color: inherit; margin: .8em 0 0 0; padding: 0; }

#menu_cabecera { float: right; text-align: right; font-size: .7em; font-weight: bold; color: #336; background-color: inherit; margin: 0; margin-top: 44px; }
#menu_cabecera a { color: #336; background-color: inherit; text-decoration: none; }
#menu_cabecera a:hover { color: #599; background-color: inherit; }

#menu_cabecera ul { float: left; list-style-type: none; margin: 0; padding: 0; }
#menu_cabecera li { display: inline; margin: 0; padding: 0 .2em; }


/************************************************* MENU *********************************************/

#menu {
				position: relative; float: left; clear: both;
				margin: .4em 0 .2em 0; padding: .3em 0 .4em 0;
				text-align: left; 
				width: 980px; 
				font-size: .95em; font-weight: bold;
				color: #FFF; background-color: #933; 
			}

#menu ul { position: relative; float: left; list-style-type: none; margin: .3em 0 0 .6em; padding: 0; }
#menu li { display: inline; margin: 0; padding: 0 .2em; }
#menu a { color: #FFF; background-color: inherit; text-decoration: none; font-family: Verdana;}
#menu a:hover { border-bottom: 1px dotted #FFF; margin: 0; padding: 0; }

#menu form { position: relative; float: right; text-align: right; margin: 0 .8em 0 0; padding: .4em 0; color: #933; background-color: #FFF; }

#menu form .input_cabecera { border: 1px solid #933; font-weight: normal; font-size: .8em;  margin: 0 0 0 .8em; padding: 0 .2em; }
#menu form .boton_cabecera { border: 0; font-size: .8em; font-weight: bold; color: #933; background-color: #FFF; margin: 0 .3em; padding: 0;  cursor: pointer; width: 120px; }

/************************************************* CAPAS CONTENIDO ********************************************/

#contenedor {
							position: relative; float: left; clear: both;
							margin: .5em 0 0 0; padding: 0;
							width: 980px;
						}

#izquierda {
						position: relative; float: left;
						margin: 0; padding: 0;
						width: 210px;
					}

#contenido {
						position: relative; float: left;
						margin: .5em 0; padding: 0 10px;
						width: 750px;
					}

#contenido_alojamiento {
												position: relative; float: left; 
												margin: 0; padding: 0;
												width: 980px;
											}

/*********************************** IZQUIERDA ************************************/

#izquierda .menu_izquierda { width: 190px; margin: .5em auto 2em auto; border: 1px solid #466; text-align: center; }
#izquierda .menu_izquierda p.titulo_menu_izquierda { color: #FFF; background-color: #466; font-weight: bold; margin: 0; padding: .3em .5em; font-size: .8em; text-align: left; }
#izquierda .menu_izquierda .titulo_menu_escapadas { font-size: 1.4em; }

#izquierda .menu_izquierda p.texto_boletin { margin: 0; padding: .3em .5em; font-size: .7em; text-align: justify; }
#izquierda form { margin: 1em; padding: 0; font-size: .7em; text-align: center; }
.input_boletin { border: 1px solid #336; font-weight: normal; font-size: 1.1em; color: #336; background-color: inherit; margin: 0; padding: 0; }
.boton_boletin { border: 1px solid #336;; font-size: 1em; font-weight: bold; color: #FFF; background-color: #336; margin: 0; padding: 0 .5em;  cursor: pointer; }
.boton_boletin:hover { color: #336; background-color: #FFF; }
#izquierda .rojo { color: #F00; background-color: inherit; }


#izquierda .menu_izquierda ul { margin: .7em 0; padding: 0; text-align: left; font-size: .8em; font-weight: bold; }
#izquierda .menu_izquierda ul li { margin: 1em .5em 1em .6em; padding: 0 0 0 1.6em; list-style-type: none; background: #FFF url(oferta.png) top left no-repeat; color: inherit; }
.toferta_pequeno { font-size: .85em; }

#izquierda a { text-decoration: none; color: #336; background-color: inherit; margin: 0; padding: 0; }
#izquierda a:hover { color: #599; background-color: inherit; }
#izquierda img.banner { border: 0; margin: .5em 0; }
#izquierda img.icono_circuito { border: 0; margin: 0 .5em; vertical-align: bottom; }

/*********************************** INDEX **********************************************/

.fila_ofertas_index { float: left; width: 100%; clear: both; margin: 0 0 1em 0; }
	
.una_oferta_index { float: left; margin: 0 5px; padding: .2em .4em; width: 165px; border: 1px solid #999; text-align: center; font-size: .7em; overflow: hidden; }

.una_oferta_index img { margin: .2em 0; padding: 0; }
.una_oferta_index p { color: #000; background-color: inherit; margin: 0; padding: 0; text-align: left; }
.una_oferta_index p.titulo_oferta_index { font-size: 1.2em; font-weight: bold; color: #900; background-color: inherit; margin: 0; padding: 0; text-align: center; }
.una_oferta_index p .apartado_oferta_index { color: #466; background-color: inherit; font-weight: bold; }
.una_oferta_index p.enlace_oferta_index { font-weight: bold; margin: .2em 0 0 0; padding: 0; text-align: right; }

#index_sin_datos { text-align: center; }
#index_sin_datos img { margin: 3em 0 1em 0; }
#index_sin_datos p { font-size: .8em;  }

/*********************************** CONTENIDO ******************************************/

#contenido h1 { font-family: Verdana; font-size: 1.2em; color: #336; background-color: inherit; border-bottom: 1px solid #336; margin-top: 0; padding-top: 0; }
#contenido h1 img.icono_circuito { border: 0; margin: 0; vertical-align: bottom; }
#contenido h1 .amarillo { color: #FEB10D; background-color: inherit; }
#contenido h1 .verde { color: #388245; background-color: inherit; }
#contenido h1 .pequeno { font-size: .8em; }
#contenido h2.condiciones { text-align: center; font-size: 1em; color: #336; background-color: #E3EBF6; padding: .3em 0; }
#contenido h3.condiciones { font-size: .9em; color: #336; background-color: inherit; }
#contenido .texto { font-size: .8em; text-align: justify; }
#contenido .texto .rojo { color: #F00; background-color: inherit; }
#contenido .texto li { margin-top: .5em; margin-bottom: .5em; }
#contenido .texto_somos { font-size: .8em; text-align: justify; line-height: 1.6em; font-family: Verdana; margin-bottom: 2em; }

p.sin_datos { text-align: center; font-size: .9em; margin: 2em 0; }
p.numero_registros { font-size: .8em; font-weight: bold; margin: 1em 0; color: #336; background-color: inherit; }

table.lista_ofertas { font-size: .7em; text-align: left; vertical-align: top; width: 98%; margin: 1em auto; border-collapse: collapse; table-layout: fixed; empty-cells: show; }
table.lista_ofertas caption { display: none; }
table.lista_ofertas th { font-size: 1.2em; padding: .5em; border-bottom: 1px solid #336; vertical-align: top; color: #336; background-color: inherit; }
table.lista_ofertas tr.sombreado { color: inherit; background-color: #E9F0EA; }
table.lista_ofertas td { margin: 0; padding: 1em .5em; vertical-align: top; }
table.lista_ofertas td.zona { margin: 0; padding: .5em; vertical-align: top; text-align: center; font-size: 1.1em; font-weight: bold; color: #FFF; background-color: #4A6B80; } /* #7890A0 */
table.lista_ofertas td.centrado { text-align: center; }
table.lista_ofertas td a { color: #000; background-color: inherit; text-decoration: none; border-bottom: 1px dotted #33C; margin: 0; padding: 0; }
table.lista_ofertas td a:hover { color: #33C; background-color: inherit; }

table.lista_ofertas td a.enlace_imagen { border: 0; padding: 0; margin: 0; }
table.lista_ofertas td img { border: 0; margin: 0; padding: 0; }

.volver { text-align: right; font-size: .8em; font-weight: bold; }

/**************************************************** CONDICIONES **************************************/

.condiciones { font-size: .8em; margin: 1em 0; font-weight: bold; }
.condiciones li { list-style-type: none; padding: 1em; }
.condiciones img { vertical-align: bottom; }
.condiciones a { color: #000; background-color: inherit; text-decoration: none; border-bottom: 1px dotted #33C; margin: 0 .3em; padding: 0; }
.condiciones a:hover { color: #33C; background-color: inherit; }
.condiciones .amarillo { color: #FEB10D; background-color: inherit; }
.condiciones .verde { color: #388245; background-color: inherit; }

/*********************************** BUSCADORES ALOJAMIENTOS ******************************************/

#buscador { position: relative; float: left; width: 100%; text-align: center; margin: 1em 0; padding: 0; }
#buscador img { border: 0; }
#buscador p { font-weight: bold; font-size: .9em; color: #336; background-color: inherit; }

#buscador_izquierda { position: relative; float: left; width: 58%; margin: 0; padding: 0; text-align: center; }
#buscador_derecha { position: relative; float: right; width: 40%; margin: 0; padding: 0; text-align: center; }
#buscador_derecha form {border: 1px solid #336; padding: .5em 1em; text-align: left; margin: 3em 0 0 0; }
#buscador_derecha dt { font-weight: bold; font-size: .8em; }
#buscador_derecha dd { margin: .5em 0 .5em 2em; font-size: 1.1em; }
#buscador_derecha input { font-size: .7em; }
#buscador_derecha .acciones { margin: 2em 0 .5em 0; text-align: center; }
#buscador_derecha .botones { border: 1px solid #336; color: #336; background-color: #D7E4EE; cursor: pointer; font-size: .7em; font-weight: bold; margin: 0; padding: 0; }
#buscador_derecha .botones:hover { color: #FFF; background-color: #336; margin: 0; padding: 0; }

/*********************************** ALOJAMIENTOS ******************************************/

#izquierda_alojamiento {
													position: relative; float: left;
													margin: 0; padding: 0;
													width: 800px;
												}

#tabla_alojamientos { float: left; width: 100%; text-align: center; }

#enlace_leyenda { text-align: right; margin-bottom: 0; }

#leyenda { position: absolute; color: #336; background-color: #EDF7FE; margin: 2px 0 0 0; padding: .7em 1em; border: 1px solid #336; visibility: hidden; right: 10px; z-index: 10; }
#leyenda p { font-size: .7em; text-align: left; }

p.titulo_resultados { font-size: .9em; color: #336; background-color: inherit; }

.criterio { position: relative; width: 100%; font-size: .8em; color: #336; background-color: #EDF7FE; margin-bottom: 2em; padding: .5em 0; }
.criterio p { margin: .5em 3em; }
.criterio p.error { color: #F00; background-color: inherit; text-align: center; }
.criterio .titulo_criterio { font-size: 1.1em; font-weight: bold; margin-left: 1em; }

.criterio a { color: #000; background-color: inherit; text-decoration: none; border-bottom: 1px dotted #33C; margin: 0; padding: 0; }
.criterio a:hover { color: #33C; background-color: inherit; }

.volver_buscador { float: right; margin: 2em 0 1em 0; text-align: right; font-size: .8em; font-weight: bold; }
.volver_buscador .amarillo { color: #FEB10D; background-color: inherit; }
.volver_buscador .verde { color: #388245; background-color: inherit; }

#encabezado_alojamiento { position: relative; width: 100%; font-size: 1em; color: #363; background-color: #FFC; margin: 0; padding: .5em 0; }
#encabezado_alojamiento p { margin: .5em 0 .5em 1.1em; padding: 0; font-weight: bold; }
#encabezado_alojamiento p.nombre_alojamiento { font-size: 1.55em; margin-left: .7em; }
#encabezado_alojamiento .localidad { color: #F60; background-color: inherit; }
#encabezado_alojamiento .metro { color: #000; background-color: inherit; font-size: .7em; }

img.clasificacion { margin: 0 0 0 .3em; padding: 0; vertical-align: middle; }

#localizacion_alojamiento { float: right; text-align: right; padding: 0; margin: 0 1em 0 0; }

#plano_localizacion { position: absolute; color: #336; background-color: #EDF7FE; margin: 0; padding: .5em; border: 1px solid #336; visibility: hidden; right: 16px; z-index: 10; }
#plano_localizacion img { border: 0; }

#enlace_alojamiento { position: relative; clear: both; width: 100%; font-size: .8em; margin: 1em  0 0 0; padding: 2em 0 .5em 0; text-align: right; font-weight: bold; }
#enlace_alojamiento a { color: #000; background-color: inherit; text-decoration: none; border-bottom: 1px dotted #33C; margin: 0 2em 0 0; padding: 0; font-size: .9em; }
#enlace_alojamiento a:hover { color: #33C; background-color: inherit; }
#enlace_alojamiento .amarillo { color: #FEB10D; background-color: inherit; }
#enlace_alojamiento .verde { color: #388245; background-color: inherit; }

#datos_alojamiento { position: relative; width: 100%; font-size: .7em; margin: .5em 0; padding: .5em 0; }
#datos_alojamiento dl { margin: 0; padding: .5em 0; }
#datos_alojamiento dt { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
#datos_alojamiento dd { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 .5em 0; }

#ofertas_alojamiento { position: relative; width: 100%; margin: 1em 0; padding: .5em 0; font-size: .75em; color: inherit; background: #FDE9D9 url(ofertas.gif) .5em .5em no-repeat; }
#ofertas_alojamiento p { margin: .5em 0 .5em 4em; padding: 0; }
#ofertas_alojamiento p.titulo_ofertas_alojamiento { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #DF4100; background-color: inherit; margin: 0 0 0 4em; padding: 0; }
#ofertas_alojamiento a { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; background-color: inherit; text-decoration: none; border-bottom: 1px dotted #33C; margin: 0; padding: 0; font-size: .9em; }
#ofertas_alojamiento a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; color: #33C; background-color: inherit; }

#ventajas_alojamiento { position: relative; width: 100%; margin: .5em 0; padding: .5em 0; }
#ventajas_alojamiento p.titulo_ventajas { font-weight: bold; font-size: .8em; color: #363; background-color: inherit; margin: 0; padding: .5em 0 .5em 3em; background: #D6E3BC url(ventajas.gif) .5em 0 no-repeat; }
#ventajas_alojamiento p.notas_ventajas { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: .7em; margin: 0; text-align: justify; color: #363; background-color: inherit; }
#ventajas_alojamiento table.tabla_tarifas { font-size: .65em; text-align: left; vertical-align: top; margin: 1em 1em .5em 1em; border-collapse: collapse; empty-cells: show; border: 1px solid #336; color: #363; background-color: #E4F6DB; }
#ventajas_alojamiento table.tabla_tarifas td { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: .5em; border: 1px solid #363; vertical-align: top; }
#ventajas_alojamiento .amarillo { color: #FEB10D; background-color: inherit; }
#ventajas_alojamiento .verde { color: #388245; background-color: inherit; }

#salud_alojamiento { position: relative; width: 100%; margin: .5em 0; padding: .5em 0; font-size: .75em; color: inherit; background: #DBE5F1 url(salud.gif) .5em .5em no-repeat; }
#salud_alojamiento p { margin: .5em 0 .5em 4em; padding: 0; }
#salud_alojamiento p.titulo_salud_alojamiento { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #39C; background-color: inherit; margin: 0 0 0 4em; padding: 0; }
#salud_alojamiento a { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; background-color: inherit; text-decoration: none; border-bottom: 1px dotted #33C; margin: 0; padding: 0; font-size: .9em; }
#salud_alojamiento a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; color: #33C; background-color: inherit; }

#tarifas_alojamiento { position: relative; float: left; clear: both; width: 100%; margin: .5em 0; padding: .5em 0; }
#tarifas_alojamiento p { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: .8em; color: #336; background-color: inherit; margin: 0 0 .5em 0; padding: 0; }
#tarifas_alojamiento table.tabla_tarifas { font-size: .6em; text-align: left; vertical-align: top; margin: 1em 1em 0 1em; border-collapse: collapse; empty-cells: show; border: 1px solid #336; color: #336; background-color: #EDF7FE; }
#tarifas_alojamiento table.tabla_tarifas td { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: .5em; border: 1px solid #336; vertical-align: top; }

#oferta_alojamiento { position: relative; float: left; clear: both; width: 100%; margin: 0; padding: 0; }
#oferta_alojamiento p { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; background-color: inherit; font-size: .7em; margin: 0 0 .5em 0; }
#oferta_alojamiento .notas { font-style: italic; text-align: justify; color: #336; background-color: inherit; }
#oferta_alojamiento .titulo_oferta { font-weight: bold; color: #F00; background-color: inherit; }


/*********************************** RESERVA ******************************************/

#reserva { text-align: center; font-size: .75em; }

#reserva p.titulo_reserva { font-size: 1.5em; padding: .5em 0; font-weight: bold; text-align: center; color: #363; background-color: #FFC; }
#reserva p.texto_reserva { font-size: 1.1em; text-align: center; color: #336; background-color: #FFF; }

#reserva .rojo { color: #F00; background-color: inherit; vertical-align: top; }

#reserva table { text-align: left; margin: 1em auto; empty-cells: show; width: 85%; }
#reserva table caption { display: none; }
#reserva table thead { display: none; }
#reserva table tr { vertical-align: top; }
#reserva table td { margin: 0; padding: .5em; }
#reserva label { color: #336; background-color: inherit; font-weight: bold; vertical-align: top; }
#reserva input { font-size: .9em; }
#reserva .reserva_nota { font-size: .9em; font-weight: normal; }
#reserva .aviso_confirmacion { font-size: .9em; font-weight: normal; }
#reserva .botones { border: 1px solid #336; color: #336; background-color: #D7E4EE; cursor: pointer;  font-weight: bold; margin: 0; padding: 0 .5em; }
#reserva .botones:hover { color: #FFF; background-color: #336; margin: 0; padding: 0 .5em; }

#errores { text-align: left; width: 85%; padding: 0; margin: .5em auto; border: 1px solid #336; }
#errores p { text-align: left; margin: 0 1em; padding: .5em 0; background-color: inherit; color: #F00; font-weight: bold; }
#errores ol { text-align: left; margin-top: 0; }
#errores ol li { margin-left: 2em; }

/**************************************** RESULTADOS ***************************************/

#resultados { position: relative; float: left; width: 100%; text-align: center; margin: 0 0 1em 0; padding: 0; }

#resultados_izquierda { position: relative; float: left; width: 63%; margin: 0; padding: 0; text-align: center; }
#resultados_izquierda p { text-align: center; color: #336; background-color: inherit; font-size: .8em; margin: 2em 0; }

#resultados_izquierda form { margin: 0; padding: 0; font-size: .8em; }
#resultados_izquierda .input_resultados { border: 1px solid #336; font-weight: normal; color: #336; background-color: inherit; margin: 0; padding: 0; }
#resultados_izquierda .boton_resultados { border: 0; font-weight: bold; color: #336; background-color: #FFF; margin: 0; padding: 0;  cursor: pointer; }
#resultados_izquierda .boton_resultados:hover { color: #599; background-color: inherit; }


#resultados_derecha { position: relative; float: right; width: 35%; margin: 0; padding: 0; text-align: center; }
#resultados_derecha form { padding: .5em 1em; text-align: left; margin: 0; padding: 0; }
#resultados_derecha fieldset { border: 1px solid #336; padding: 0 .5em; }
#resultados_derecha legend { color: #336; background-color: inherit; font-weight: bold; font-size: .8em; }
#resultados_derecha ul, li { list-style-type: none; margin: .5em 0 0 0; padding: 0; }
#resultados_derecha label { font-weight: bold; font-size: .7em;}
#resultados_derecha input, select { font-size: .7em; }
#resultados_derecha .acciones { margin: .8em 0 .5em 0; text-align: center; }
#resultados_derecha .botones { border: 1px solid #336; color: #336; background-color: #D7E4EE; cursor: pointer; font-size: .65em; font-weight: bold; margin: 0; padding: 0; }
#resultados_derecha .botones:hover { color: #FFF; background-color: #336; margin: 0; padding: 0; }

#lista_resultados { position: relative; float: left; width: 100%; text-align: center; margin: 0; padding: 0; }
#tabla_resultados { position: relative; float: left; width: 100%; text-align: center; margin: 0; padding: 0; }

/**************************************** LEGAL ***************************************/

#legal p { font-size: .8em; text-align: justify; }
#legal p.titulo_legal { font-size: .9em; font-weight: bold; color: #336; background-color: inherit; }
#legal ul { font-size: .8em; text-align: justify; }
#legal li { margin-top: 1em; }
#legal li p { font-size: 1em;  }
#legal ul ul { font-size: 1em; list-style-type: disc; }
#legal a { color: #000; background-color: inherit; text-decoration: none; border-bottom: 1px dotted #33C; margin: 0; padding: 0; font-weight: bold; }
#legal a:hover { color: #33C; background-color: inherit; }

/**************************************** CONTACTO ***************************************/

#contacto img { float: left; margin: 0 1em 2em 0; }
#contacto dl { float: left; margin: 0 1em; padding: 0; font-size: .8em; width: 65%; font-weight: bold; }
#contacto dt { color: #336; background-color: #FFC; padding: .3em .5em; }
#contacto dd { margin: 1.5em 2em; }
#contacto p.texto { font-size: .8em; text-align: justify; }
#contacto a { color: #000; background-color: inherit; text-decoration: none; border-bottom: 1px dotted #33C; margin: 0; padding: 0; font-size: .9em; }
#contacto a:hover { color: #33C; background-color: inherit; }

/**************************************** PIE ***************************************/

#pie { 
				position: relative; float: left; clear: both;
				margin: 1em 0 0 0; padding: .5em 0;
				width: 100%; 
				text-align: left; font-size: .7em; font-weight: normal; 
				border-top: 1px solid #336; 
				color: #336; background-color: inherit; 
			}


#pie p { margin: 0 1em; display: inline; }
#pie ul { float: right; list-style-type: none; margin: 0 1em; padding: 0; }
#pie li { display: inline; margin: 0; padding: 0 .1em; }
#pie a { color: #336; background-color: inherit; text-decoration: none; font-weight: bold; }
#pie a:hover { color: #599; background-color: inherit; }


#pie .nombre_pie { font-size: 1.4em; font-weight: bold; line-height: 1.2em; }