#calendar {
    font-size:1em;
}
#calendar caption {
    text-align:left;
    padding:5px 10px;
    background-color:rgba(40, 22, 111, 0.9);
    color:#fff;
    font-weight:bold;
}
#calendar th {
    color:#000000;
    width:30px;
}
#calendar td {
    text-align:right;
    padding:2px 4px;
    text-align: center;
    background-color: rgba(162, 162, 162, 0.7);
    color: black;
}

#calendar .ocupado {
    background-color: rgba(40, 22, 111, 0.7);
}

#calendar .senado {
    background-color: rgba(40, 22, 111, 0.4);
}

.mes {
    margin: auto;
    position: relative;
    display: block;
    width: auto;
    padding: 3px 5px 3px 5px;
}

.ocupado-ref {
    background: rgba(40, 22, 111, 0.7);
    width: 20px;
    height: 20px;
    position: relative;
    display: inline-block;
    margin-right: 20px;
}

.ocupado-sen {
    background: rgba(40, 22, 111, 0.4);
    width: 20px;
    height: 20px;
    position: relative;
    display: inline-block;
    margin-right: 20px;
}
.disponible-ref {
    background: rgba(162, 162, 162, 0.7);
    width: 20px;
    height: 20px;
    position: relative;
    display: inline-block;
    margin-right: 20px;
}
.texto-ref {
    position: relative;
    display: block;
    margin: auto;  
    padding: 5px;
    font-weight:700;
    font-size: 1.6;
    
}