/*********************************************************************

	Tabla: calTable
	Navegador: calPrev y calNext
	Título del navegador (mes / año): calTitle
	Celdas de la cabecera (dias):	calCab
	Celdas sin datos: calEmpty
	Celdas con datos: calData
	Celdas con datos en fin de semana: calWeekend
	Celda día actual: calToday
	link celda de datos:	linkData
	link celda dia actual:	linkToday
	link navegador:			linkNavNext y linkNavPrev


	|-------------------------------------
	|	Div absoluto -> calAbsoluteDiv
    | |-------------------------------------
	| |	  Div relativo -> calInternalDiv
 	| | |--------------------------------------------------------------|
 	| | |  calPrev  |               calTitle               |  calNext  |  <--- Navegador
	| | |--------------------------------------------------------------|
	| | | calCab | calCab | calCab | calCab | calCab | calCab | calCab |	 <--- Cabecera
	| | |--------------------------------------------------------------|
	    |calEmpty|calEmpty|calEmpty|    1   |    2   |    3   |    4   |  <-- dias
	    |--------------------------------------------------------------|
	    |    5   |    6   |calData |calData |calData |calWeekend|calWeekend |  <-- dias
	    |--------------------------------------------------------------|
	    |calData |calData |calToday|calData |calData |calData |calData |  <-- dias
	    |--------------------------------------------------------------|
	    |        |        |        |        |        |        |        |  <-- dias
	    |--------------------------------------------------------------|
	    |        |        |   29   |   30   |   31   |calEmpty|calEmpty|  <-- dias
	    |--------------------------------------------------------------|
*********************************************************************/

/* div absoluto que contiene toda la capa*/
div.calAbsoluteDiv
{
	position:absolute;
	display:none;
}

/* div relativo interno al absoluto, para poder posicionarlo dinamicamente */
div.calInternalDiv
{
	position:relative
}

/* Clase general de la tabla del calendario */
table.calTable
{
	border:1px solid #245BA7;
	background-color:#DDDDDD;
	font-family:Verdana, Tahoma, helvetica;
	font:10px;
	width:150px;
	padding:1px;
}

/* Clase del td que contiene el boton de previo */
td.calPrev
{
	color:#245BA7;
	background-color:#E9EEF6;
	text-align:center;
	font:12px;
}

/* Clase del td que contiene el boton de siguiente */
td.calNext
{
	color:#245BA7;
	background-color:#E9EEF6;
	text-align:center;
	font:12px;
}

/* Clase del td que contiene el título de la tabla (mes / año) */
td.calTitle
{
	color:#245BA7;
	background-color:#E9EEF6;
	text-align:center;
	font-weight:bold;
	font-family:Tahoma, Verdana;
	font:10px;	
}

/* TD de la cabecera (días */
td.calCab
{
	background-color:#245BA7;
	color:White;
	font-weight:bold;
	text-align:center;
}

/* TD de fecha vacio */
td.calEmpty
{
	background-color:#E9EEF6;
	font-size:10px;
}

/* TD de fecha con datos, que no es hoy */
td.calData
{
	background-color:#E9EEF6;
	text-align:center;
	font-size:10px;
}

/* TD de fecha con datos, que no es hoy, en fin de semana */
td.calWeekend
{
	background-color:#D8DDF0;
	text-align:center;
	font-size:10px;
}

/* TD para el día actual */
td.calToday
{
	background-color:#AB2A42;
	text-align:center;
	font-size:10px;
}

/* Clase del link de fecha normal, con su hover */
a.linkData
{
	color:#7F7F7F;
	text-decoration:none;
	font-family:Tahoma, Verdana;
	font-size:10px;
}
a.linkData:hover
{
	color:#000000;
	text-decoration:none;
	font-family:Tahoma, Verdana;
	font-size:10px;
}

/* clase del link del día actual, con su hover */
a.linkToday
{
	color:#FFFFFF;
	text-decoration:none;
	font-family:Tahoma, Verdana;
	font-size:10px;
	font-weight:bold;
}
a.linkToday:hover
{
	color:#FFCCCC;
	text-decoration:none;
	font-family:Tahoma, Verdana;
	font-size:10px;
	font-weight:bold;
}

/* clase del link de mes anterior, con su hover */
a.linkPrev
{
	color:#245BA7;
	text-decoration:none;
	font-family:Tahoma, Verdana;
	font-size:11px;
	font-weight:bold;
}
a.linkPrev:hover
{
	color:#AB2A42;
	text-decoration:none;
	font-family:Tahoma, Verdana;
	font-size:11px;
	font-weight:bold;
}
/* clase del link de mes anterior, con su hover */
a.linkNext
{
	color:#245BA7;
	text-decoration:none;
	font-family:Tahoma, Verdana;
	font-size:11px;
	font-weight:bold;
}
a.linkNext:hover
{
	color:#AB2A42;
	text-decoration:none;
	font-family:Tahoma, Verdana;
	font-size:11px;
	font-weight:bold;
}