/*-------------------------*/
.bt_Calendar {
 background:url(calendar.gif);
 background-position:center;
 background-repeat:no-repeat;
 width: 23px;
 height:18px;
 padding:0px;
}
/*-------------------------*/
#capaCalendar {
 background-color:#D0DEC0;

 position:absolute;
 z-index:100;
 border:2px solid #000;
 height:157px;
 width: 219px;
 visibility:hidden;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

#capaCalendar a {
 text-decoration: none;
}
/*-------------------------*/
#capaCalendar .cabecera {
 background-color:#7B9F53;
 text-align:center;
 border-top:1px solid #000;
 border-bottom:1px solid #000;

 color:FFF;
 font-size:10px;
 font-weight:bold;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

#capaCalendar .cabecera td {
 padding:2px;
}

#capaCalendar td.mesSelected {
 background-color:#FFF;
 color:000;
 width:80px;
}
#capaCalendar td.yearSelected {
 background-color:#FFF;
 color:000;
 width:31px;
}

#capaCalendar a.btAvanzar {
 background-color:#FFF;
 border:1px solid #000;
 width:16px;
 height:15px;
 display:block;
 color:000;
}
/*-------------------------*/
#capaCalendar .nombresDias {
 margin:3px;
}
#capaCalendar .nombresDias td {
 width: 30px;
}
#capaCalendar .nombresDias div {
 background-color:#7B9F53;
 
 margin-right:1px;
 color:#FFF;
 font-size:10px;
 text-align:center;
 border:1px solid #000;
}
/*-------------------------*/
#capaCalendar .numerosDias {
 position:relative;
 margin-left:3px;
}

#capaCalendar a.numeroDia {
 background-color: #FFF; 

 position:absolute;
 visibility:hidden;
 border:1px solid #999;
 width:27px;

 text-align:center;
 text-decoration: none;
 font-size:10px;
 font-weight:bold;
 color:#000;
 display: block;
}
#capaCalendar a.numeroDia:hover {
 background-color: #D5E8AC; 
}
/*-------------------------*/
#capaCalendar a.btCerrar {
 display: block;
 text-align:center;
 font-size:10px;

 text-decoration: none;
 font-weight:bold;
 color:black;
}
#capaCalendar a.btCerrar:hover {
 background-color: #EEE; 
}
/*-------------------------*/