html, body { overflow: hidden; }

body
{
	background: transparent url( ../img/form/cerrar_calendario.gif ) right top no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0;
}

.cierre { height: 30; }
.cierre a
{
	display: block;
	float: right;
	text-decoration: none;
	width: 20px;
}

.invalido, .valido, .dia_actual, .libre, .ocupado
, .ocupadoentrada, .ocupadosalida, .ocupadoentradasalida
, .dia_actualentrada, .dia_actualsalida, .dia_actualentradasalida
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 16px;
	text-align: center;
	vertical-align: middle;
	width: 19px;
}

.invalido /* cuando el dia NO esta en el mes actual */
{
	/*color: #ddd;
	background-color: #eee;*/
	color: #fff;
	background-color: #fff;
}

.valido /* cuando el dia SI esta en el mes actual */
{
	color: blue;
	background-color: white;
}		

.dia_actual, .dia_actualentrada, .dia_actualsalida, .dia_actualentradasalida /* este es el dia actual */
{
	color: red;
	font-size: 11px;
	font-weight:bold;
}

.dia_actualentrada { background: url( ../img/calendario/dia_actualentrada.gif ); }
.dia_actualsalida { background: url( ../img/calendario/dia_actualsalida.gif ); }

.libre, .libre a
{ 
	color: #fff;
	cursor: pointer;
	background-color: #c03;
	/*font-weight: bold;*/
	text-decoration: none;
}

.libre a:hover { text-decoration: underline; }

.ocupado, .ocupadoentrada, .ocupadosalida, .ocupadoentradasalida
{ 
	color: #c03;
	background-color: #c0c0c0;
	font-weight: bold;
}

.ocupadoentrada { background: url( ../img/calendario/ocupadoentrada.gif ); }
.ocupadosalida { background: url( ../img/calendario/ocupadosalida.gif ); }

.leyenda p div
{
	display: inline;
	float: left;
}