#jMonthCalendar { position:relative; }
.MonthlyCalendar .MonthNavigation
{
	clear:both; height:20px; padding:5px 10px 0 10px; color:#fff;
	background: url(../../imagenes/bckTitulos.jpg) repeat-x left top;
}
.MonthlyCalendar .MonthNavigation a { color:#fff; font-weight:bold;}
.MonthlyCalendar .MonthNavPrev, .MonthlyCalendar .MonthNavNext, .MonthlyCalendar .TodayLink { width:10%; float:left; }
.MonthlyCalendar .YearNavNext, .MonthlyCalendar .YearNavPrev { width:10%; float:right; }
.MonthlyCalendar .MonthName { width:40%; text-align:center; font-weight:bold; float:left; }


.MonthlyCalendar { height:100%; width:100%; border:solid 1px #ddd; border-collapse:collapse; }
.MonthlyCalendar #CalendarHead { width:100%; background:#F7F7F7 none repeat scroll 0 0; }
.MonthlyCalendar #CalendarHead .DateHeader { width:14%; text-align:center; background: url(../img/calpad.jpg); }

.MonthlyCalendar #CalendarBody { }
.DateBox, #CalendarBody .Weekend 
{
	vertical-align:middle; 
	width: 20px;
	height: 30px;
	text-align: center;
	background: url(../img/cells.png);
	color: #222;
	position: relative;
}

.DateBox:hover, #CalendarBody .Weekend:hover  {
	background-position: 0px -81px;
	color: #222;
}
.DateLabel 
{
	height:16px; 
	width:100%; 
	text-align:center; 
}
.DateLabel a 
{
	cursor:pointer; padding:20px 20px 2px 20px; 
	text-decoration:none; 
	line-height:16px; 
	font-weight:bold;
	font-size: 18px;
	color:#222;
}

#CalendarBody .Inactive
{
	background: url(../img/calpad.jpg);
}
.Today { background:#A9DFFF none repeat scroll 0 0; }

#jMonthCalendar .Event { font-size:12px; padding:4px; background-color:#C0D0FF; margin-bottom:1px; -moz-border-radius:0 8px 8px 8px; border:solid 1px #000; cursor:pointer; display:block; }
.Event a { text-decoration:none; color:#000; }
.Event a:hover { text-decoration:underline; }

#content #mes1, #content #mes2, #content #mes3, #content #mes4, #content #mes5, #content #mes6, 
#content #mes7, #content #mes8, #content #mes9, #content #mes10, #content #mes11, #content #mes12
{
	display: none;
}