/* -------------------------------------------------------------------------------------------------------------*/
/* ------->>> 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; }