#boxcalendario {
  position:relative;   /*colocación del calendario*/
  top:  0px;         /*colocación del calendario*/
  left: -3px;         /*colocación del calendario*/
  font-family: Arial, Helvetica, sans-serif;
}

#boxcalendario .tabla {
border-spacing:0px;
background:#ffffff;
margin:0px auto 0px;
border:0px solid #bebfc1;
width: 128px;
background-color:transparent;
}

#boxcalendario .encabezado a {
color:#666666;
font-weight:bold;
font-size:11px;
text-align:center;
text-decoration:none;
padding:0px;
cursor: hand;
cursor: pointer;
}

#boxcalendario .celdaDiaSemana {
color:#ba122b;
font-weight:normal;
font-size:11px;
background:#ffffff;
padding:0px;
text-align:center;
}

#boxcalendario .celda {
	color:#666666;
	font-weight:normal;
	font-size:11px;
	background:#ffffff;
	padding:1px;
	text-align:center;
	border:0px solid #ffffff;
}

#boxcalendario .celdaDom {
	color:#ba122b;
	font-weight:normal;
	font-size:11px;
	background:#ffffff;
	padding:1px;
	text-align:center;
	border:0px solid #ffffff;
}

#boxcalendario .hoy {
    position:relative; 
	z-index:3; 
	color:#666666;
	font-weight:normal;
	font-size:11px;
	text-align:center;
	border:1px solid #ba122b;
}

#boxcalendario .hoyDom {
    position:relative; 
	z-index:3; 
	color:#ba122b;
	font-weight:normal;
	font-size:11px;
	text-align:center;
	border:1px solid #ba122b;
}

#boxcalendario .celdacita {
    position:relative; 
	z-index:0; 
	font-weight:normal;
	font-size:11px;
	padding:1px;
	text-align:center;
	border:0px solid #ffffff;
}

#boxcalendario .celdacitaDom {
    position:relative; 
	z-index:0; 
	font-weight:normal;
	font-size:11px;
	padding:1px;
	text-align:center;
	border:0px solid #ffffff;
}

#boxcalendario .celdacitaHoy {
    position:relative; 
	z-index:0; 
	font-weight:normal;
	font-size:11px;
	padding:1px;
	text-align:center;
	border:1px solid #ba122b;
}

#boxcalendario .celdacitaHoyDom {
    position:relative; 
	z-index:0; 
	font-weight:normal;
	font-size:11px;
	padding:1px;
	text-align:center;
	border:1px solid #ba122b;
}

#boxcalendario .diacita {
    position:relative; /*this is the key*/
	z-index:3; 
	font-weight:normal;
	text-decoration:none;
	color:#666666;
}

#boxcalendario .diacitaDom {
    position:relative; /*this is the key*/
	z-index:3; 
	font-weight:normal;
	text-decoration:none;
	color:#ba122b;
}

#boxcalendario .diacitaHoy {
    position:relative; /*this is the key*/
	z-index:3; 
	font-weight:normal;
	text-decoration:none;
	color:#666666;
}

#boxcalendario .diacitaHoyDom {
    position:relative; /*this is the key*/
	z-index:3; 
	font-weight:normal;
	text-decoration:none;
	color:#ba122b;
}

#boxcalendario a.diacita span{display: none}

#boxcalendario a.diacitaDom span{display: none}

#boxcalendario a.diacitaHoy span{display: none}

#boxcalendario a.diacitaHoyDom span{display: none}

#boxcalendario a.diacita:hover span{
    position:relative; 
	z-index:3; 
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; 
	color:#000;
    text-align: center
}

#boxcalendario a.diacitaDom:hover span{
    position:relative; 
	z-index:3; 
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; 
	color:#000;
    text-align: center
}

#boxcalendario a.diacitaHoy:hover span{
    position:relative; 
	z-index:3; 
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; 
	color:#000;
    text-align: center
}

#boxcalendario a.diacitaHoyDom:hover span{
    position:relative; 
	z-index:3; 
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; 
	color:#000;
    text-align: center
}



.capa_fondo {
    position:relative;
    z-index:1; 
	width:138px; 
	height:160px; 
	top:-5px; 
	left:-0px;
	text-align: center;
	background-image:url('imagenes/fnd_calendar.jpg');
background-repeat:no-repeat;
background-position:right top;
}

.capa {
    position:absolute;
    z-index:5; 
	overflow: visible; 
	left: -350px;  /*colocación de la capa de eventos respecto del calendario*/
	top: 0px;     /*colocación de la capa de eventos respecto del calendario*/
	width: 350px;  /* ancho de la capa de eventos, el alto es automático*/
	background-color:#eeeeee;
	border:1px solid #bebfc1;
    color:#000000;
    text-decoration:none
}

.btncerrarcapa {
	position:absolute; 
	left:334px; 
	top:1px; 
	cursor:hand; 
	cursor: pointer;
}

.textoenlacecapa {
	position:absolute; 
	left:2px; 
	top:17px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
}
.textoenlacecapa a {
	text-decoration: none;
	color: #666666;
}
.textoenlacecapa a:hover {
	color: #ba122b;
}