/* -------------------------------------------------------------------------------------------------------------*/
/* ------->>> MODULE BIENVENIDA <<<----------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------*/

.introduction { float: left; margin: 0 0 20px; }

.location { float: left; width: 390px; margin: 0 39px 0 0; }
#contents .location p { margin: 5px 0 0; line-height: 10px; }
#contents .location p strong { color: #e1a746; }

.featured { float: left; width: 100%; clear: both; margin: 20px 0 0; }

.featured img { border: 1px solid #ad8b4e; padding: 1px; }

.featured div { float: left; }
.featured .featured01 { width: 272px; margin: 0 15px 0 0; }
.featured .featured02 { width: 191px; margin: 0 15px 0 0; }
.featured .featured03 { width: 192px; }

#contents h2 { color: #fff; border-bottom: 1px solid #ae8744; padding: 0 0 2px; }

/* -------------------------------------------------------------------------------------------------------------*/
/* ------->>> LASTEST NEWS <<<------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/

.news { float: left; width: 257px; }

#lastest_news .new_header { padding: 0 0 6px; }
#lastest_news .new_introduction { font-size: 10px; }
#lastest_news .new_introduction p { line-height: 12px; }
#lastest_news h3 { margin: 0 0 2px; font-size: 13px; text-decoration: underline; color: #dda840; font-family: Verdana, Arial, Helvetica, sans-serif; }
#lastest_news span.date { width: 200px; margin: 0 0 5px; font-weight: normal; clear: both; font-size: 8pt;color: #efd5ba; }
#lastest_news div.new { clear: both; float: left; width: 100%; }
#lastest_news div.new_picture { float: left; display: none; }
#contents #lastest_news img { padding: 2px; border: 1px solid #e9e9e9; }

#lastest_news .first { padding: 0 0 7px; }
#lastest_news .first .new_body {  }

/* Search */

#contents #hotel_search { float: left; margin: 0 0 20px; padding: 0 0 20px; background: #692a19; }

#contents #hotel_search button.calendar { position: relative; top: 1px; width: 32px; height: 20px; background: url(../images/bot_calendar.gif); }

#contents #hotel_search fieldset { float: left; width: 478px; margin: 0 0 0 40px; }
#contents #hotel_search legend { display: none; }
#contents #hotel_search fieldset span { display: none; }

#contents #hotel_search label { margin: 0 0 0 40px; }
#contents #hotel_search label input { margin: 0 5px 0 0; }

#contents #hotel_search .button { width: 75px; float: left; }

#contents #hotel_search h2 {
	width: 663px;
	height: 24px;
	margin: 0 0 18px;
	padding: 6px 0 0 20px;
	border: none;
	border-bottom: 2px solid #6f2814;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #dcb574;
	background: url(../images/h2_search.jpg);
}

/* -------------------------------------------------------------------------------------------------------------*/
/* ------->>> CALENDAR <<<-------------------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------*/

/*///////////////////////////////////////////////////////////////////
Calendario de selección de fecha en el formulario de disponibilidad
de los hoteles
///////////////////////////////////////////////////////////////////*/

/* Contenedor del calendario */

#calendar { z-index: 99; width: 240px; margin: 5px 0 0; border: 1px solid #deb783; background-color: #f3ebda; }

/* Título del calendario */

#calendar_date { height: 16px; text-align: center; font-weight: bold; color: #561a0b; background-color: #e0c9a5; }

/* Control de meses del calendario */

a#calendar_prev, a#calendar_next { width: 18px;	height: 16px; }
a#calendar_prev { position: absolute; left: 0; top: 0; background: url(../images/calendar_prev.gif) no-repeat; }
a#calendar_next { position: absolute; right: 0;	top: 0;	background: url(../images/calendar_next.gif) no-repeat; }

/* Botón para cerrar el calendario */

#calendar #l_button { padding: 2px 0; text-align: center; }
#calendar button {
	height: 22px;
	width: 63px;
	margin: 0 0 10px;
	border: none;
	color: #6f2814;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
	background: url(../images/button.gif) no-repeat 0 0;
}
#calendar button:hover { background: url(../images/button_hover.gif) no-repeat 0 0; }

/* Tabla del calendario */

#calendar table.calendar { width: 90%; margin: 10px auto; border-collapse: collapse; color: #561a0b; }

#calendar table.calendar th, #calendar table.calendar td { padding: 5px; }

#calendar table.calendar td { width: 20px; padding: 1px; text-align: right;	}

/* Día seleccionado para la reserva */

#calendar table.calendar td.selected a { font-weight: bold; text-decoration: underline; color: #561a0b;	}
#calendar table.calendar td.selected a:hover { text-decoration: none; }

/* Día actual */

#calendar table.calendar td.today a { padding: 2px; font-weight: bold; text-decoration: underline; color: #fff; background: #561a0b; }
#calendar table.calendar td.today a:hover { text-decoration: none; }

/* Enlace de cada uno de los días */

#calendar table.calendar a { text-decoration: none;	color: #666; }
#calendar table.calendar a:hover { color: #561a0b; }
