#calendar{
  width: 248px;
  clear: both;
}
#controles{
  width: 248px;
  height: 30px;
  clear:both;

}
#boxcalendario {
  position:relative;
  width: 246px;
  height: 220px;

}


#boxcalendario .tabla {
border-collapse:separate;
background:#000000;
margin:0px auto 0px;
border:1px solid #ccc;
border-spacing: 3px;
}

#boxcalendario a{
  text-decoration: none;
  text-align: center;
}
#boxcalendario a:hover{
  border: 0px;
}
#boxcalendario .encabezado {
color:#CECECE;
font-weight:bold;
font-size:1.3em;
text-align:center;
padding:3px;
}

#boxcalendario .celdaDiaSemana {
padding:3px;
color:#DADADA;
text-align:center;
background: #666600;
border-bottom: 2px solid #DADADA;
border-top: 2px solid #DADADA;
}

#boxcalendario .diacita {
font-weight:bold;
color:#f00;

}

#boxcalendario .hoy {
background:#DFDFDF;
padding:2px;
text-align:center;
border:1px solid #4B4B4B;
color: #4B4B4B;
}

#boxcalendario .celda {
background:transparent;
padding:2px;
text-align:center;
border:1px solid #ccc;

}

#boxcalendario .celdacita {
background:#DFDFDF;
padding:2px;
text-align:center;
border:1px solid #f00;
}