/* Hoja de estilo de la web de la Asociación de Hoteles */
/* Ultima actualización 9 de Diciembre de 2008 */

/* Estructura */

* {
	margin: 0;
	padding: 0;
}


body {
	color: #000;
	background-color: #fff;
	font-family: Verdana, Arial, sans-serif;
}

img {
	border: 0;
}

a {
	text-decoration: none;
	color: #ac1a2f;
}

a:visited {
	text-decoration: none;
	color: #ac1a2f;
}

a:hover {
	color: #000;
}

p {
	margin: 0.5 0;
	
}

#envoltorio {
	margin: 0 auto;
	width: 990px;
}

#contenido {
  	background: transparent url("../imagenes/fondo.jpg") repeat-y left top;
	width: 990px;
}

#contenido_mireserva {
  	background: transparent url("../imagenes/fondo.jpg") repeat-y left top;
	height: 1050px;
	width: 990px;
}


#contenidoListadoCiudad {
  	background: transparent url("../imagenes/fondo.jpg") repeat-y left top;
	width: 990px;
	height: 1220px;
}

#contenidoPagError {
  	background: transparent url("../imagenes/fondo.jpg") repeat-y left top;
	width: 990px;
	height: 500px;
}

#contenidoResultadosBusqueda {
  	background: transparent url("../imagenes/fondo.jpg") repeat-y left top;
	width: 990px;
}

#contenidoNoticias {
  	background: transparent url("../imagenes/fondo.jpg") repeat-y left top;
	width: 990px;
}


.oculto {
	display: none;
}

.aclara {
	clear: both;
}


/* Cabeza */

#cabeza {
  	background: transparent url("../imagenes/cabecera.jpg") no-repeat left top;
	width: 990px;
	height: 131px;
}

#logo {
	float: left;
	padding: 2em 0 0 4.5em;
	width: 181px;
}

#logo h1 {
	font-size: .7em;
}

#logo a {
	cursor: pointer;
}

span.logo {
	position: absolute;
	top: 0.7em;
  	background: transparent url("../imagenes/logo_asociacion.jpg") no-repeat left top;
	height: 114px;
	width: 223px;
	overflow: hidden;
}


/* Menú principal */


#menu	{
	width: 45em;
	margin: 0 0 0 35em;
	font: bold .75em Arial;
	text-transform: uppercase;
}

#menu ul {
	list-style: none;
	padding: 9.5em 0 0 0;
	height: 1em;
	}

#menu ul li {
	float: left;
	border-right: solid 2px #fff;
	padding: 0 2em;
	height: 1.2em;
	}

#menu ul li.limpio {
	border-right: none;
	}

#menu ul li a {
	height: 1.2em;
	display: block;
	color: #fff;
	}

#menu li a:hover {
	text-decoration: none;
	cursor: pointer;
	color: #000;
	}

#menu li a#actual{
	color:#fff;
	text-decoration:none;
	}

#menu li a#actual:hover{
	cursor:pointer;
	}

/* Menú secundario */


#menu2	{
	width: 55em;
	margin: 0 0 0 35em;
	font: bold .75em Arial;
	position:absolute;
	left:0;
	top:0;
}

#menu2 ul {
	list-style: none;
	padding: 0.5em 0 0 0;
	height: 1em;
	}

#menu2 ul li {
	float: right;
	border-right: solid 2px #fff;
	padding: 0 2em;
	height: 1.2em;
	}

#menu2 ul li.limpio {
	border-right: none;
	}

#menu2 ul li a {
	height: 1.2em;
	display: block;
	color: #fff;
	}

#menu2 li a:hover {
	text-decoration: none;
	cursor: pointer;
	color: #000;
	}

#menu2 li a#actual{
	color:#fff;
	text-decoration:none;
	}

#menu2 li a#actual:hover{
	cursor:pointer;
	}


/*		Contenido		*/

#izda {
	float: left;
	width: 27em;
	margin: 0 0 0 3.7em;
}

#dcha {
	margin: 0 0 0 33em;
	padding: 1.5em 0 0 0;
}

h2 {
	background: transparent url("../imagenes/estrella.gif") no-repeat 0 0;
	height: 33px;
	font: bold 1.3em Arial;
	color: #ac1a2f;
	text-transform: uppercase;
	padding: 0.2em 0 0 2em;
	margin: 0.5em 0 0 0;
}

div.ficha_hotel {
	height: 10em;
	font-size: 0.8em;
	border-bottom: solid 1px #ac1a2f;
	padding: 0.9em 0;
}

div.ficha_hotel address {
	vertical-align: bottom;
	display: block;
}

div.ficha_hotel img {
	float: left;
	margin: 0 1em 0 0;
}

div.ficha_hotel a {
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: bold;
	font-style: normal;
	margin: 0 0 0.1em 0;
	display: block;
}

div.ficha_hotel .leerMas {
	font-size: 0.9em;
	text-transform: none;
	font-weight: bold;
	font-style: normal;
	margin: 0 0 0.1em 0;
	display: block;
}

div.ficha_noticia .leerMas {
	font-size: 0.8em;
	text-transform: none;
	font-weight: bold;
	font-style: normal;
	margin: 0 0 0.1em 0;
	display: block;
}



/*	Formulario de búsquedas	*/

#buscador {
	background: transparent url("../imagenes/fondo_busca.gif") repeat-y 0 0;
	width: 400px;
	color: #fff;
	padding: 2em 0 0 2em;
}

h2.blanco {
	background: transparent url("../imagenes/estrella_b.gif") no-repeat 0 0;
	height: 31px;
	font: bold 0.9em Arial;
	color: #fff;
	padding: 0.5em 0 0 2em;
	margin: 0em 0 0 0;
}

form {
	margin: 0;
}

fieldset {
	line-height: 1.8;
	border: 0;
	display: block;
}

legend {
	display: none;
}

label {
	text-align: right;
	font: normal .8em Verdana;
	padding: 0 .9em;
	width: 11em;
	}

input {
	font: normal 0.8em Verdana;
	margin: 0 0 1em 0;
	width: 20em;
	}

input.mandar {
	background: transparent url("../imagenes/lupa.gif") no-repeat 0 0;
	height: 21px;
	font-size: .9em;
	width: 7em;
	background-color: #ac1a2f;
	color: #fff;
	border: none;
	margin: 1em 0 1em 17em;
	cursor: pointer;
	}

#pie_busca {
	background: transparent url("../imagenes/pie_busca.gif") no-repeat 0 0;
	width: 400px;
	height: 13px;
	padding: 0 0 0 2em;
}


/*	Destinos	*/

#destinos h2 {
	font-size: 1em;
	padding: 0.5em 0 0 2em;
}

/*
#destinos ul {
	list-style: none;
	border: solid 1px #ac1a2f;
	width: 29.8em;
	height: 13em;
	padding: 1em 0.5em;
	font-size: 0.8em;
}

#destinos ul li {
	margin: 0.9em 0 0 2.5em;
	color: #251b00;
	float: left;
}

#destinos ul li a {
	text-transform: uppercase;
	font-size: 0.8em;
}
*/

#listado_destinos {
	border: solid 1px #ac1a2f;
	width: 28.8em;
	font-size: 0.8em;
	padding: 0 1em;
}

#listado_destinos ul {
	list-style: none;
	padding: 0.5em 0 1em 0.8em;
	float: left;
}

#listado_destinos ul li {
	margin: 0.9em 0 0 0.5em;
	color: #251b00;
}

#listado_destinos ul li a {
	text-transform: uppercase;
	font-size: 0.8em;
}

/*	Reservas	*/

#reservas {
	background-color: #ac1a2f;
	width: 18.95em;
	height: 2em;
	color: #fff;
	padding: 1em 0 0 0;
	font-size: 1.3em;
}

h2.blanco.res {
	float: left;
	margin: 0 1.7em;
	font-size: .65em;
}

a.reser, a.reser:active {
	display: block;
	background-color: #eee;
	width: 11em;
	border: solid 1px #000;
	padding: 0.5em 1.5em;
	color: #000;
	text-align: center;
}



/*	Pie	*/

#pie {
	background: transparent url("../imagenes/pie.jpg") no-repeat 0 0;
	width: 990px;
	height: 30px;
	font-size: 10px;
}

/*	Noticias	*/

#listado_noticias {
	width: 80%;
	height: 640px;	
	margin: 0 0 0 3.7em;
	padding: 2em 0 0 0;
}

#listado_noticias h2 {
	margin: 0 0 0 0.5em;
}

div.ficha_noticia {
 width: 58em;
 font-size: 0.8em;
 margin: 2em 0 2em 3em;
 padding: 0 1em;
}

h3 {
	font-size: 1.5em;
	margin: 0 0 1em 0;
	color: #ac1a2f;
	text-transform: uppercase;
}

h3 a {
	color: #ac1a2f;
	text-transform: uppercase;
	font-size: 0.8em;
}

h3 a:hover {
	color: #000;
}

#paginar a {
	color: #ac1a2f;
	font-size: 1em;
}

#paginar a:hover {
	color: #000;
}


div.ficha_noticia img {
 float: left;
 padding: 0 1.5em 1.5em 0;
}

#imagenes_noticias {
	float: left;
}

#imagenes_noticias img {
	float: none;
	display: block;
}

#volver {
	clear: left;
	margin: 0 0 1em 4em;
	font-size: 0.8em;
}



/*	Paginación	*/


#paginar {
	margin: 0 0 0 4em;
	padding: 0 0 2em 0;
	font-size: 0.8em;
}

#paginar ul {
	list-style: none;
}

#paginar ul li {
	display: inline;
}


/*	Búsquedas	*/

#busquedas {
	width: 50em;
	margin: 0 0 0 6em;
	padding: 2em 0 0 0;
	font-size: 0.9em;
}

p.resumen_b {
	display: block;
	border-bottom: solid 1px #ac1a2f;
	padding: 0.3em 0;
	margin: 0 0 1em 0;
}

#busquedas div.ficha_hotel {
	height: auto;
}

#busquedas div.ficha_hotel h2 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: none;
}

#busquedas div.ficha_hotel p {
	margin: 0 0 0 16em;
}

#busquedas div.ficha_hotel address {
	margin: 2em 0 0 16em;
}

#busquedas #paginar {
	margin: 2em 0 0 0;
}

#busquedas fieldset {
	display: inline;
}

#busquedas select {
	width: 13em;
}

#busquedas input.filtros {
	margin: 0 0.5em;
	width: 7em;
	position: relative;
	top: -1.3em;
}

#busquedas input.btnBuscar {
	width: 7em;
	top: 0.5em;
	background: transparent url("../imagenes/lupa.gif") no-repeat 0 0;
	height: 21px;
	font-size: .9em;
	width: 7em;
	background-color: #ac1a2f;
	color: #fff;
	border: none;
	cursor: pointer;
}

#filtro {
	height: 3em;
	border-bottom: solid 1px #ac1a2f;
}

#separador {
	height: 2em;
	border-bottom: solid 1px #ac1a2f;
}

#separador2 {
	height: 2em;
}



/*	Hoteles	*/

#hoteles {
	width: 60em;
	margin: 0 0 0 6em;
	padding: 2em 0 0 0;
	font-size: 0.8em;
}

#hoteles h2 {
	background: none;
	padding: 0.2em 0 0 0;
}

#hoteles address {
	margin: 1.5em 0;
}

#imagenes_hoteles {
	margin: 1.5em 0 0 0;
	padding: 0 0 1.5em 2.3em;
}

/*	Quienes somos	*/


#quienes {
	width: 50em;
	height: 640px;	
	margin: 0 0 0 3.7em;
	padding: 2em 0 0 0;
}

#quienes p {
	font-size: 0.8em;
	margin: 1em 0 0 3em;
	padding: 0 0 1em 0;
}


/*	Mi reserva	*/


#mireserva {
	margin: 0 0 0 3.7em;
	padding: 0 0 1em 0;
	font-size: 0.8em;
}

#mireserva strong {
	padding: 1em 0;
	display: block;
}

#mireserva strong.anular {
	padding: 4em 0 1em 0;
}

#mireserva h3 {
	font-size: 0.9em;
	margin: 1.8em 0 0.7em 0;
}

#mireserva ul {
	list-style: none;
	line-height: 1.6;
}

#mireserva ul li span {
	font-weight: bold;
}

#formulario {
	margin: 2em auto;
	width: 35em;
	padding: 3em;
	background-color: #fae7a3;
}

#formulario form.anular {
	margin: 0;
	padding: 0;
	background-color: #fff;
	width: 18em;
}

#formulario fieldset {
	background-color: #f8d86b;
	border: solid 1px #000;
	padding: 0.8em 0;
	margin: 1em 0;
}

#formulario label {
	float: left;
	text-align: right;
	font: normal .9em Verdana;
	padding: 0 .9em;
	width: 11em;
	margin: 0.5em 0;
}

#formulario label.larga {
	width: 16em;
}

#formulario fieldset.corta label {
	width: 7em;
}

#formulario input {
	font-size: 0.9em;
	padding: 0.2em;
}

#formulario select {
	margin: 0.5em 0;
}

#formulario select option {
	padding: 0 0.5em;
}

#formulario input.reservas {
	width: 8em;
	margin: 1em 0 0 15em;
}

#formulario input.reserva_1 {
	width: 18em;
	margin: 2em 0 0 20.8em;
	text-transform: uppercase;
	border: solid 1px #000;
	background-color: #eee;
	padding: 0.6em 0;
	cursor: pointer;
}

#formulario form.anular input {
	width: 20em;
	margin: 0 0 0 0;
	border: solid 1px #000;
	background-color: #eee;
	padding: 0.6em 0;
	cursor: pointer;
	font-size: 0.9em;
}

#formulario input.aceptar {
	width: 3em;
	margin: 2em 0 0 0;
}

#formulario textarea {
	width: 20em;
}

#formulario p {
	margin: 1em auto;
}

#mireserva div.datos_r {
	background-color: #F8D86B;
	border: solid 1px #000;
	width: 29.8em;
	padding: 1em 2.5em;
	margin: 1em 0 0 0em;
	font-size: 1em;
}

#mireserva div.datos_r strong {
	display: inline;
}

#mireserva div.datos_r p, #mireserva p {
	font-size: 0.9em;
}

#mireserva div.datos_r a {
	display: block;
	margin: 2em 0 0 18em;
	padding: 0.6em 1em;
}

#agencias {
	margin: 4em 0 0 0;
	border: solid 1px #000;
	padding: 1em;
	background-color: #fdf4d7;
}

/* Avisos	*/

a.aviso {
	margin: 2em 0 0 2.8em;
	font-size: 0.8em;
}

#formulario_aviso_legal {
	margin: 2em auto;
	width: 50em;
	padding: 3em;
	background-color: #fae7a3;
}

#contenido_aviso_legal {
  	background: transparent url("../imagenes/fondo.jpg") repeat-y left top;
	width: 990px;
	height: 3975px;
	
}

.titu_aviso_legal{
	font: bold 1.3em Arial;
	color: #ac1a2f;
	text-transform: uppercase;
}