/*AGENDA---------------------------*/
/*Calendario*/
div#calendario {
    width:200px;
    margin:0px;
    padding:0px;
    overflow-x:hidden;
    overflow-y:hidden;
    float:left;
}
ul.calender{
    display:block;
    margin: 0px;
    width: 200px;
    clear: both;
    float: left;
    font-size: 12px;
    text-transform: uppercase;
    list-style-type: none;
    padding: 0px;
}
ul.calender li {
    background-color:#68DFF4;
    margin: 0px !important;
    width:200px;
    height:15px;
    padding: 2px 0px 5px 0px;
}
ul.calender li.weekdays {
    background-color:#eaeaea !important;
    margin:0px;
}
ul.calender li span {
    display:block;
    float:left;
    width:28px;
    color:#333;
    text-align:center;
    font-weight:bold;
}
ul.calender li span.mes {
    color:#fff;
 }
ul.calender li span.pie {
    display:block;
    float:left;
    width:100%;
    color:#fff;
    text-align:center;
    font-weight:bold;
    font-size:9px;
}
ul.calender li span a, ul.calender li span a:visited, ul.calender li span a:hover {
    font-weight:bold;
    text-decoration:none;
	color:#fff;
}
ul.calender2{
    background-color: #FFFFFF;
    margin: 0px;
    display:block;
    width: 198px;
    _width:199px;
    clear: both;
    float: left;
    list-style-type: none;
    padding: 0px;
    border:1px solid #eee;
	overflow:hidden;
}
ul.calender2 li{
    display:block;
    float:left;
    margin: 0px;
    padding: 1px 0px 1px 1px;
    _padding: 1px 0px 1px 0px;
	white-space:no-wrap;
}
ul.calender2 li span {
    display:inline;
    width:25px;
    margin-left:1px;
    height:16px;
    line-height:15px;
    border:1px solid #eee;
    padding:0px;
}
ul.calender2 li span.vacio {
	width:25px;
	_width:27px;
} 
ul.calender2 li span a, ul.calender2 li span a:visited, ul.calender2 li span a:active {
	display:block;
    width:25px;
    height:16px;
    text-decoration:none;
    font-size:11px;
    font-weight:bold;
    text-align:center;
    padding:0px;
    margin:0px;
    color:#808080;
}
ul.calender2 li span em {
	display:block;
	width:5px;
	height:5px;
	text-align:right;
	color:#333;
	padding:0px;
	font-weight:bold;
	font-style:normal !important;
	line-height:15px;
	float:left;
}  
ul.calender2 li span.activa {
	background:#68dff4 !important;
}
ul.calender2 li span.activa a {
	color: #f00 !important;
}
ul.calender2 li span.evento {
	background:#B3FFC7;
}
ul.calender2 li span.evento a {
    color:#333 !important;
}
ul.calender2 li span.evento2 {
	background:#7A7A7A;
}
ul.calender2 li span.evento2 a {
    color:#fff;
}
.mover {
    display: block;
    width: 20px !important;
    float: left;
    text-align: center;
    font-size:0.9em;
}
.mes {
    display: block;
    width: 158px !important;
    float: left;
    text-align: center;
    font-size:0.9em;
}
.nav1{
    display: block;
    width: 70px;
    float: left;
    text-align: center;
}
.nav2{
    display: block;
    width: 100px;
    float: left;
    text-align: center;
}

/*EVENTOS*/
div.evento-entrada {
	width:168px;
	background-color:#fff;
	margin:5px 0 10px 0;
}
div.evento-entrada h5 {
	display:inline-block;
    width:88px;
    float:left;
    margin: 0 0 5px 30px;
    _margin: 0 0 5px 13px;
    font-size:1em;
    line-height:1em;
    color:#044C65 !important;
}
div.evento-entrada em {
	display:inline-block;
	width:20px;
	float:left;
	margin-right:5px;
	font-size:0.9em;
}
div.evento1 {
	background:#fff url('../../panel/img/eventos/evento1.gif') 5px 0px no-repeat;
	color:#009900:
}

div.evento2 {
	background:#fff url('../../panel/img/eventos/evento2.gif') 5px 0px no-repeat;
	color:#009900:
}

div.evento3 {
	background:#fff url('../../panel/img/eventos/evento3.gif') 5px 0px no-repeat;
	color:#009900:
}

/*AGENDA*/
div.caja-agenda {
	display:block;
	width:450px;
	background-color:#fff;
}
div.caja-agenda h2 { /*Para encabezados y titulo del evento*/
	margin:0px;
	display:block;
	width:100%;
	padding:2px 0 2px 0;
	background-color:#888;
	color:#fff;
	font-size:14px;
	text-align:center;
}
div.caja-agenda div.titulo {
	background-color:#fff;
	border-bottom:1px dotted #aaa;
	padding-bottom:10px;
}
div.caja-agenda div.pasado {
    background-color:#eee;   
}
div.caja-agenda div.titulo h3.titular { /*Para titulos de los eventos en listado*/
    display:block;
    height:20px;
	font-size:12px !important;
	padding:10px 0 5px 25px;
	margin-left:5px;
    background:url('../../interfaz/img/icono_agenda.gif') left center no-repeat;
}
div.caja-agenda div.titulo em.fecha { /*Para la fecha*/
	display:inline-block;
	font-size:12px !important;
	font-style:italic;
	padding:5px 0 5px 10px;
	margin:0;
}
div.caja-agenda div.texto {
	padding:10px;
}
div.caja-agenda div.texto p { 
    font-size:13px !important;
}
div.caja-agenda div.titulo a.link-mas { /*Para ver el texto de el evento (mas informacion)*/
	font-size:13px !important;
	font-style:italic;
	/*background-color:#eee;*/
	padding:5px 0 5px 0px;
    height:20px;
	margin:0;
}
div.caja-agenda a.link-agenda, div.caja-agenda a.link-agenda:hover, div.caja-agenda a.link-agenda:visited  { /*Para los links de eventos puntuales (icono reloj)*/
	display:block;
	width:180px;
	background:url("../../interfaz/img/clock.gif") left top no-repeat;
	padding:0 0 6px 22px;
	margin:5px 0 5px 4px;
    color:#444;
    text-decoration:none;
}
a.titulo-evento, a.titulo-evento:visited {
	display:block;
	color:#000;
	font-weight:bold;
	text-decoration:none;
	margin-left:10px;
}
a.titulo-evento:active, a.titulo-evento:hover {
	text-decoration:underline;
}
div#calendario div.titulo em.fecha {
	display:block;
	margin:5px 0 0 10px;
}