/* Start of CMSMS style sheet 'Calendario' */
/*
Example stylesheet for Calendar module

For using this "big"-class insert something like this in your page
or template;

{cms_module module='Calendar' table_id='big'}

*/



/* make all links red */
.calendar tr td a
{
  color: blue;
}

/* highlight "today" for the small calendar */
.calendar-today
{
  font-weight: bold;
}

/* display the "upcominglist" as one line per entry (assuming table_id='cal-upcominglist') */



.fecha .mes {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: center;
	padding-top: 3px;
	display: block;
	width: 45px;
	
}
.fecha {
	background-image: url(/images/cms/Icalfondom101.gif);
	background-repeat: no-repeat;
	height: 50px;
	background-position: left;
}

.fecha .dia {
	font-size: 200%;
	color: #da001f;
        margin-top: 5px;
	font-weight: bold;
	text-align: center;
	display: inline;
	width: 45px;
	float: left;
	position: relative;
}

.fecha .sindia {
	font-size: 200%;
	color: #ccc;
	font-weight: bold;
	text-align: center;
	display: inline;
	width: 45px;
	float: left;
	position: relative;
}

.fecha .nodia {
	font-size: 200%;
	color: #333333;
	font-weight: bold;
	text-align: center;
	display: inline;
	width: 45px;
	float: left;
	position: relative;
}
.fecha .hora {
	position: relative;
	display: inline;
	margin-top: 5px;
       margin-left: 7px;
	float: left;
}
.fecha .titulo {
	font-size: 120%;
	display: inline;
font-weight: bold;
	position: relative;
	float: left;
	margin-top: 5px;
margin-left: 7px;
}

.fecha .titulo2 {
	font-size: 140%;
	display: inline;
font-weight: bold;
	position: relative;
	float: left;
	margin-top: 7px;
margin-left: 7px;
}




/** large calendar rules (assuming table_id='grande') **/
/* border on for #big */
#grande{
  border-collapse:    collapse;
  border: 0px solid black;
width: 620px;
}

/* nice squares for the #big table */
#grande th
{
  border: 0px;
  padding: 3px;
  width: 82px;
 text-align: center;
}

#grande td {
  border: 0px solid black;
  vertical-align: top;
  padding: 3px;
  height: 80px;
  width: 83px;
font-size: 250%;
}

/* format summaries nicely in #big */
#grande ul
{
  margin: 0px;
  padding: 0px;
}

#grande li
{
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

/* background colours for #big */
#grande td
{

vertical-align: middle;
text-align: center;
}


#grande .calendar-prev a{
text-indent: -999em;
padding-right: 40px;
text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
background: url(images/cms/izq.png) no-repeat 10px;
color: #fff;
}


#grande .calendar-next a{
text-indent: -999em;
padding-left: 40px;
text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
background: url(images/cms/der.png) no-repeat 1px;
color: #fff;
}


#grande .calendar-month {
font-size: 25px;
padding-bottom: 20px;
}


#grande td a
{
text-decoration:none;
vertical-align: middle;
text-align: center;
color: #da001f;
padding: 25px 23px 25px 23px; 
/* background: url(images/cms/eventog.png) no-repeat center; */
} 



#grande .calendar-day
{

}



#grande .calendar-today a
{
  font-weight: bold;
background: url(images/cms/hoyg.png) no-repeat center; 
text-decoration:none;
vertical-align: middle;
text-align: center;
color: #333;
padding: 25px 23px 25px 23px; 
/* color: #f2ffa8 */

}



#grande .calendar-event .calendar-date-title,
#grande .calendar-event .calendar-summary-title,
#grande .calendar-event .calendar-details-title
{
  dusplay: none;
}




/** large calendar rules (assuming table_id='mini') **/
/* border on for #mini*/
#mini{
  margin: 0px;
  border-collapse:    collapse;
  border: 0px;
}

/* nice squares for the #minitable */
#mini th
{
  border: 0px;
  width: 20px;
}

#mini td {
  border: px;
  vertical-align: middle;
text-align: center;
  padding: 0px;
  height: 22px;
  width: 28px;

}



/* format summaries nicely in #mini*/
#mini ul
{
  margin: 0px;
  padding: 0px;
  padding-left: 0px;
}

#mini li
{
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

/* background colours for #mini*/
#mini td a
{
text-decoration: none;
color: #fff;
padding: 7px 7px 7px 7px; 
background: url(images/cms/evento.png) no-repeat center;

}


#mini .calendar-day
{

}



#mini .calendar-today 
{


background: url(images/cms/hoy.png) no-repeat -1px;

}


#mini .calendar-today a
{
  font-weight: bold;
text-decoration: none;
color: #333;
padding: 7px 7px 7px 7px; 
background: url(images/cms/hoy.png) no-repeat center;
}

.calendar-event .calendar-date-title,
.calendar-event .calendar-summary-title,
.calendar-event .calendar-details-title
{
  display: none;
}
/* End of 'Calendario' */