﻿body
{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	color: #002A60;
	text-align: center;
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
}

* 
{
	margin: 0px;
	padding: 0px;
}

#l_pagina
{
	width: 762px;
	text-align: left;
	margin: 0px auto;
	
	display: block;
}

#contenido
{
	overflow: hidden;
	height: 1%;
}

#barra
{
	float: left;
	width: 150px;
	margin: 0px 10px 0px 0px;
	text-align: center;
}

#centro
{
	float: left;
	width: 592px;
}

p
{
	margin: 0px 0px 10px 0px;
}

table
{
	border-width: 0px;
	border-collapse: collapse;
	margin: 0px 0px 10px 0px;
}

.html table p
{
	margin: 0px;
}

.html ul
{
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
}

.html h1, h2, h3, h4, h5, h6
{
	margin: 0.5em 0em 0.5em 0em;
}

.html h4
{
	font-size: 1em;
	font-weight: bold;	
}

.html h5
{
	font-size: 1em;
	font-weight: normal;
	font-style: italic;
}

a:link, a:visited, a:hover, a:active
{
	color: #002A60;
	text-decoration: underline;
}

.menu li
{
	list-style: none;
	margin: 0px 0px 10px 0px;
}

.menu
{
	margin: 0px 0px 20px 0px;
}

#menu_principal li
{
	padding: 0px 0px 14px 0px;
	background: url("../imagenes/separador_amarillo.gif") bottom center no-repeat;
}

#menu_principal li a
{
	text-decoration: none;	
}

#menu_principal li a.activo
{
	font-size: 12px;
	font-weight: bold;
}

.contenedor_flotante
{
	overflow: hidden;
	height: 1%;
}

/* MÓODULOS */

	/* titulo subtítulo */
	.titulo_subtitulo
	{
		margin: 0px 0px 10px 0px;
	}

	.titulo_subtitulo h1
	{
		font-size: 18px;
		font-weight: bold;
	}

	.titulo_subtitulo h2
	{
		font-size: 12px;
		font-weight: bold;
	}
	
	/* cabecera */	
	.cabecera
	{
		margin: 0px 0px 20px 0px;
	}
	
	.cabecera img
	{
		border: none;	
	}
	
	/* html_libre */
	
	.html_libre
	{
		margin: 0px 0px 20px 0px;
	}
	
	/* idiomas */	
	.menu_idioma li
	{
		display: inline;
		padding: 0px 5px 0px 5px;
		border-right: 1px solid #0189B5;
	}
	
	.menu_idioma li.ultimo
	{
		border: none;		
	}
	
	.menu_idioma a
	{
		color: #0189B5 !important;
		text-decoration: none !important;
	}
	
	.menu_idioma a.activo
	{
		color: #FFCC33 !important;
	}
	
	/* reservass */
	
	.reservas div#paso1, .reservas div#paso2, .reservas div#paso3
	{
		background-color: #DAE6F6;
		margin: 0px 0px 10px 0px;
		padding: 10px;
	}
	
	.reservas h2
	{
		font-size: 12px;
		font-weight: bold;
		margin: 0px 0px 10px 0px;
		
		text-align: left;
	}
	
	.reservas .hoteles
	{
		overflow: hidden;
		height: 1%;
	}
	
	.reservas .hotel
	{
		width: 113px;
		height: 138px;
		
		padding: 6px;
		margin: 5px 10px 5px 0px;
		font-size: 10px;
		
		color: #000000;
		background-color: #FFFFFF;
		
		float: left;
		
		cursor: pointer;
	}
	
	.reservas .nombre
	{
		font-size: 10px;
		font-weight: bold;
	}
	
	.reservas .hotel p
	{
		margin: 6px;
	}
	
	.reservas #paso2 div
	{
		margin: 0px 0px 10px 0px;
	}
	
	.reservas #nodispo
	{
		font-size: 12px;
		font-weight: bold;
		color: #FF0000;		
	}	
	
	.reservas #paso2 #conf_fechas, .reservas #paso2 #detalle_hotel
	{
		float: left;
	}
	
	.reservas #paso2 #conf_fechas
	{
		width: 290px;
		margin: 0px 10px 0px 0px;
	}
	
	.reservas #paso2 #conf_fechas span
	{
		display: block;
		width: 130px;		
	}
	
	.reservas #paso2 #conf_fechas select
	{
		width: 40px;
	}
	
	.reservas #paso2 #conf_fechas #categoria_habitacion, .reservas #paso2 #conf_fechas #regimen
	{
		width: 150px;
	}
	
	.reservas #paso2 #conf_fechas *, .reservas #paso2 #detalle_hotel *
	{
		float: none;
	}	

	.reservas #paso2 div span
	{
		width: auto;
		margin: 0px 10px 0px 0px;
		padding: 0.3em 0px 0px;
		float: left !important;
		display: block;
		
		font-weight: bold;
		color: #000000;
	}
	
	.reservas #paso2 input, .reservas #paso2 select
	{
		font-size: 11px;
		background-color: #FFFFFF;
		border: solid 1px #0189B5;
		padding: 2px;
	}
	
	.reservas #paso2 #fecha_entrada, .reservas #paso2 #fecha_salida
	{
		margin: 0px 15px 0px 0px;
	}
	
	.reservas #paso2 #detalle_hotel
	{
		width: 270px;
		color: #000000;
	}
	
	.reservas #paso2 #detalle_hotel a
	{
		color: #0189B5;
		padding: 0px 15px 0px 0px;
		background: url('../imagenes/flecha.gif') no-repeat right bottom;
	}
	
	.reservas #paso2 #detalle_hotel h4
	{
		font-size: 10px;
		margin: 0px 0px 10px 0px;
		
		color: #000000;
		font-weight: bold;
	}
	
	.reservas #detalle_hotel #datos_hotel, .reservas #detalle_hotel #imagen_hotel, .reservas #detalle_hotel #dvPrecios_desde
	{
		float: left;
	}
	
	
	.reservas #detalle_hotel #datos_hotel
	{
		width: 150px;
		margin: 0px 7px 0px 0px;	
	}
	
	.reservas #detalle_hotel #imagen_hotel
	{
		width: 113px;
		margin: 0px 0px 0px 0px;	
	}
	
	.reservas #conf_habitaciones
	{
		overflow: hidden;
		height: 1%;
	}
	
	.reservas #conf_habitaciones .habitacion
	{
		float: left;
		width: 180px;
		margin: 0px 10px 0px 0px;
		
	}
	
	.reservas #campo_noches_n
	{
		width: 34px;		
	}
	
	.reservas #paso2 #conf_habitaciones select
	{
		width: 40px;
	}
	
	.reservas #conf_habitaciones .habitacion h4
	{
		font-size: 10px;
		color: #000000;
		margin: 0px 0px 10px 0px;
	}
	
	.reservas #conf_habitaciones .habitacion *
	{
		float: none;
	}
	
	.reservas #conf_habitaciones .habitacion span
	{
		width: 90px;
	}
	
	.reservas #paso3
	{
		text-align: right;
	}
	
	/*.reservas #paso3 #boton_reservar
	{
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		
		width: 160px;
		padding: 5px;
		
		color: #002A60;
		border: solid 1px #002A60;
		background-color: #F1F1F1;
	}*/

	.reservas #paso3 input {
		background-color:#F1F1F1;
		background-position:center center;
		cursor: pointer;
		background-repeat:no-repeat;
		border:0 solid #002A60;
		color:#002A60;
		height:24px;
		width:162px;
		}
	

	
		.reservas #paso3 #boton_reservar1 {
		background-image:url("../imagenes/reservar1.jpg");
		}
		
	.reservas #paso3 #boton_reservar2 {
		background-image:url("../imagenes/reservar2.jpg");
		}
		
	.reservas #paso3 #boton_reservar3 {
		background-image:url("../imagenes/reservar3.jpg");
		}
	
		.reservas #paso3 #boton_reservar4 {
		background-image:url("../imagenes/reservar4.jpg");
		}

	/* paquete */
	
	.paquete div#paso1, .paquete div#paso2, .paquete div#paso3
	{
		background-color: #DAE6F6;
		margin: 0px 0px 10px 0px;
		padding: 10px;
	}
	
	.paquete .html
	{
		background-color: #FFFFFF;
		padding: 10px;
		margin: 0px 0px 10px 0px;
	}
	
	.paquete h2
	{
		font-size: 12px;
		font-weight: bold;
		margin: 0px 0px 10px 0px;
		
		text-align: left;
	}
	
	.paquete #paso3
	{
		text-align: right;
	}
	
	.paquete .hoteles
	{
		overflow: hidden;
		height: 1%;
	}
	
	.paquete .hotel
	{
		width: 113px;
		height: 138px;
		
		padding: 6px;
		margin: 5px 10px 5px 0px;
		font-size: 10px;
		
		color: #000000;
		background-color: #FFFFFF;
		
		float: left;
		
		cursor: pointer;
	}
	
	.paquete .nombre
	{
		font-size: 10px;
		font-weight: bold;
	}
	
	.paquete .hotel p
	{
		margin: 6px;
	}
	
	.paquete #paso2 div
	{
		margin: 0px 0px 10px 0px;
	}
	
	.paquete #paso2 #conf_fechas, .paquete #paso2 #detalle_hotel
	{
		float: left;
	}
	
	.paquete #paso2 #conf_fechas
	{
		width: 290px;
		margin: 0px 10px 0px 0px;
	}
	
	.paquete #paso2 #conf_fechas span
	{
		display: block;
		width: 130px;		
	}
	
	.paquete #paso2 #conf_fechas select
	{
		width: 40px;
	}
	
	.paquete #paso2 #conf_fechas #categoria_habitacion, .paquete #paso2 #conf_fechas #regimen
	{
		width: 150px;
	}
	
	.paquete #paso2 #conf_fechas *, .paquete #paso2 #detalle_hotel *
	{
		float: none;
	}
	
	.paquete #paso2 div span
	{
		width: auto;
		margin: 0px 10px 0px 0px;
		padding: 0.3em 0px 0px;
		float: left !important;
		display: block;
		
		font-weight: bold;
		color: #000000;
	}
	
	.paquete #paso2 input, .paquete #paso2 select
	{
		font-size: 11px;
		background-color: #FFFFFF;
		border: solid 1px #0189B5;
		padding: 2px;
	}
	
	.paquete #paso2 #fecha_entrada, .paquete #paso2 #fecha_salida
	{
		margin: 0px 15px 0px 0px;
	}
	
	.paquete #paso2 #detalle_hotel
	{
		width: 270px;
		color: #000000;
	}
	
	.paquete #campo_noches_n
	{
		width: 34px;		
	}
	
	.paquete #paso2 #detalle_hotel a
	{
		color: #0189B5;
		padding: 0px 15px 0px 0px;
		background: url('../imagenes/flecha.gif') no-repeat right bottom;
	}
	
	.paquete #paso2 #detalle_hotel h4
	{
		font-size: 10px;
		margin: 0px 0px 10px 0px;
		
		color: #000000;
		font-weight: bold;
	}
	
	.paquete #detalle_hotel #datos_hotel, .paquete #detalle_hotel #imagen_hotel
	{
		float: left;
	}
	
	.paquete #detalle_hotel #datos_hotel
	{
		width: 150px;
		margin: 0px 7px 0px 0px;	
	}
	
	.paquete #detalle_hotel #imagen_hotel
	{
		width: 113px;
		margin: 0px 0px 0px 0px;	
	}
	
	.paquete #conf_habitaciones
	{
		overflow: hidden;
		height: 1%;
	}
	
	.paquete #conf_habitaciones .habitacion
	{
		float: left;
		width: 180px;
		margin: 0px 10px 0px 0px;
		
	}
	 
	.paquete #paso2 #conf_habitaciones select
	{
		width: 40px;
	}
	
	.paquete #conf_habitaciones .habitacion span
	{
		width: 90px;
	}
	
	.paquete #conf_habitaciones .habitacion h4
	{
		font-size: 10px;
		color: #000000;
		margin: 0px 0px 10px 0px;
	}
	
	.paquete #conf_habitaciones .habitacion *
	{
		float: none;
	}
	
	/*.paquete #paso3 #boton_reservar
	{
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		
		width: 160px;
		padding: 5px;
		
		color: #002A60;
		border: solid 1px #002A60;
		background-color: #F1F1F1;
	}
	*/

	.paquete #paso3 #boton_reservar1 {
		background-image:url("../imagenes/reservar1.jpg");
		}
		
	.paquete #paso3 #boton_reservar2 {
		background-image:url("../imagenes/reservar2.jpg");
		}
		
	.paquete #paso3 #boton_reservar3 {
		background-image:url("../imagenes/reservar3.jpg");
		}
	
		.paquete #paso3 #boton_reservar4 {
		background-image:url("../imagenes/reservar4.jpg");
		}

	.paquete #paso3 input {
		background-color:#F1F1F1;
		background-position:center center;
		cursor: pointer;
		background-repeat:no-repeat;
		border:0 solid #002A60;
		color:#002A60;
		height:24px;
		width:162px;
		}

	/* calendario */	
	.calendario
	{
		background-color: #94C3E7;
	}
	
	.calendario table
	{
		border-collapse: collapse;
		margin: 0px;
		padding: 0px;
	}

	.calendario tr
	{
		border: none;	
	}
	
	.calendario td
	{
		padding: 0px;	
	}

	.calendario td td
	{
		padding: 1px;
	}
	
	/* menu_horizontal */
	.menu_horizontal
	{
		margin: 0px 0px 10px 0px;
		background-color: #DAE6F6;
		padding: 3px;
		text-align: center;
	}
	
	.menu_horizontal ul li
	{
		display: inline;
		line-height: 1.5em;
		height: 1em;
	}
	
	.menu_horizontal li a
	{
		padding: 0px 10px;
	}
	
	.menu_horizontal a
	{
		color: #0189B5 !important;
		text-decoration: none !important;
		font-weight: normal;
	}
	
	.menu_horizontal a.activo
	{
		color: #002A60 !important;
		font-weight: bold;
	}
	
	/* selector_hotel */	
	.selector_hotel
	{
		margin: 20px 0px 20px 0px;
		height: 1%;
		overflow: hidden;
	}
		
	.selector_hotel #selector_pais, .selector_hotel #selector_zona, .selector_hotel #selector_hotel
	{
		width: 156px;
		/*float: left;*/
		margin: 0px 10px 10px 0px;
		display: block;
	}
	
	/* * html .selector_hotel #selector_pais, * html .selector_hotel #selector_zona, * html .selector_hotel #selector_hotel
	{
		float: none;
	}*/
	
	.selector_hotel span
	{
		display: block;
		width: auto;
		margin: 0px 10px 10px 0px;
	}
	
	.selector_hotel select
	{
		font-size: 11px !important;	
		padding: 1px;
		width: 200px;
		overflow: hidden;
		display: inherit;
		border: solid 1px #002A60;
	}
	
	.selector_hotel #boton_seleccionar
	{
		font-size: 10px;
		font-weight: bold;
		text-align: center;
		
		width: 90px;
		padding: 3px;
		margin: 17px 0px 0px 0px;
		
		color: #002A60;
		border: solid 1px #002A60;
		background-color: #F1F1F1;
	}
	
	/* formulario_contacto */
	.formulario_contacto
	{
		margin: 0px 0px 20px 0px;	
	}
	
	.formulario_contacto span
	{
		display: block;
		float: left;
		width: 100px;
		margin: 0px 10px 0px 0px;	
	}
	
	.formulario_contacto div
	{
		margin: 0px 0px 10px 0px;
		width: 410px;
		padding: 0px;
	}
	
	.formulario_contacto input, .formulario_contacto textarea
	{
		border: 1px solid #002A60;
		padding: 2px;
		width: 294px;
		font-size: 11px;
		margin: 0px;
		font-family: Verdana,Arial,Helvetica,sans-serif;
	}
	
	* html .formulario_contacto input, * html .formulario_contacto textarea
	{
		width: 280px;
	}
	
	* html .formulario_contacto #boton_enviar
	{
		width: 400px;
	}
	
	.formulario_contacto textarea
	{
		height: 100px;
	}
	
	.formulario_contacto #boton_enviar
	{
		text-align: right;
	}
	
	.formulario_contacto #boton_enviar input
	{
		font-size: 10px;
		font-weight: bold;
		text-align: center;
		
		width: 100px;
		padding: 3px;
		margin: 17px 0px 0px 0px;
		
		color: #002A60;
		border: solid 1px #002A60;
		background-color: #F1F1F1;
	}
	
	/* enviar_amigo */
	.enviar_amigo
	{
		margin: 0px 0px 20px 0px;	
	}
	
	.enviar_amigo span
	{
		display: block;
		float: left;
		width: 150px;
		margin: 0px 10px 0px 0px;
	}
	
	* .enviar_amigo span
	{
		width: 137px;
	}
	
	.enviar_amigo div
	{
		margin: 0px 0px 10px 0px;
		width: 410px;
		padding: 0px;
	}
	
	.enviar_amigo input
	{
		border: 1px solid #002A60;
		padding: 2px;
		width: 244px;
		font-size: 11px;
		margin: 0px;
		font-family: Verdana,Arial,Helvetica,sans-serif;
	}
	
	* html .enviar_amigo input
	{
		width: 244px;
	}
	
	* html .enviar_amigo #boton_enviar
	{
		width: 400px;
	}
	
	.enviar_amigo textarea
	{
		height: 100px;
		border:1px solid #002A60;
		font-family:Verdana,Arial,Helvetica,sans-serif;
		font-size:11px;
		margin:0;
		padding:2px;
		width:244px;
	}
	
	.enviar_amigo #boton_enviar
	{
		text-align: right;
	}
	
	.enviar_amigo #boton_enviar input
	{
		font-size: 10px;
		font-weight: bold;
		text-align: center;
		
		width: 100px;
		padding: 3px;
		margin: 17px 0px 0px 0px;
		
		color: #002A60;
		border: solid 1px #002A60;
		background-color: #F1F1F1;
	}
	
	/* selector_paquete */
	.selector_paquete
	{
		text-align: center;
		height: 1%;
		overflow: hidden;
	}
	
	.selector_paquete div
	{
		float: left;
		width: 187px;
		overflow: hidden;
		margin: 0px 10px 10px 0px;
	}	
	
	.selector_paquete img
	{
		border: none;
		margin: 0px 0px 5px 0px;
	}
	
	.selector_paquete a
	{
		color: #002A60;
		text-decoration: none;
		font-weight: bold;
	}
	
	.selector_paquete p
	{
		padding: 20px 0px 0px 0px;
		background: url("../imagenes/separador_amarillo.gif") no-repeat top center;
	}
	
	.selector_paquete a p
	{
		margin: 0px 0px 0px 0px;
		padding: 0px;
		background: none;
	}

/* EMAIL */
	.email.amigo div.contenido
	{
		text-align: center;
		width: 762px;
		margin: 0px auto;
	}
	
	.email.amigo div
	{
		margin: 0px 0px 20px 0px;
	}
	
	.email.amigo div.cuerpo
	{
		text-align: left;
	}
	
	.email.amigo div.link a
	{
		font-size: 12px;
		font-family: Verdana,Arial,Helvetica,sans-serif;
		color: #002A60;
		text-align: center;
		font-weight: bold;
		text-decoration: none;
	}
			
	.email.amigo div.contacto
	{
		font-size: 14px;
		font-family: Verdana,Arial,Helvetica,sans-serif;
		color: #002A60;
		text-align: center;
	}
	
	.email.contacto div.contenido
	{
		text-align: center;
		width: 600px;
		margin: 0px auto;
	}
	
	.email.contacto div.cabecera
	{
		height: 60px;
		overflow: hidden;
		border-bottom: 1px solid #CCCCCC;
	}
	
	.email.contacto div.cabecera div.logo
	{
		float: left;
	}
	
	.email.contacto div.cabecera div.nota
	{
		float: right;
	}
	
	.email.contacto div.cuerpo
	{
		text-align: left;
	}
