#calendari_anual{
    text-align: center;
    font-size : 0.8em;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    text-decoration : none;
    border:0px;
    margin:0;
    padding:0;
    border-spacing:0px;
}
#calendari_anual table{
    width: 100%;
    border-collapse:collapse;
    font-size:1em;
}
#calendari_anual tr{
    border:none;
}
#calendari_anual td{
    text-align: right;
    vertical-align: bottom;
    width:13.5%;
    font-size: 1.3em;
    padding-right: 0.3em;
}



#calendari_anual h2{
    color: black;
    text-align: left;
    font-size:1.6em;
    font-weight:700;
}

.dia{
    text-align:center;
}

.inici{
    cursor: pointer;
    height:30px;
    background-color:rgb(65,79,22) !important;
    color:white;
}
.inici span{
    visibility:hidden;
    display: none;
}
.inici:hover{
    background-color:rgba(65,79,22,0.7) !important;
    color:black;
    z-index:1;
}
.inici:hover span{
    visibility:visible;
    position:absolute;
    display:inline;
    border:1px solid #999999;
    background-color:#EEEEEE;
    color:#000000;
    text-align: left;
}


.fi{
    cursor: pointer;
    height:30px;
    background-color:rgb(65,79,22) !important;
    color:white;
}
.fi span{
    visibility:hidden;
    display: none;
}
.fi:hover{
    background-color:rgba(65,79,22,0.7) !important;
    color:black;
    z-index:1;
}
.fi:hover span{
    visibility:visible;
    position:absolute;
    display:inline;
    border:1px solid #999999;
    background-color:#EEEEEE;
    color:#000000;
    text-align: left;
}


.fnacional{
    cursor: pointer;
    height:30px;
    background-color:rgb(130,9,104) !important;
    color:white;
}
.fnacional span{
    visibility:hidden;
    display: none;
}
.fnacional:hover{
    background-color:rgba(130,9,104,0.7) !important;
    color:black;
    z-index:1;
}
.fnacional:hover span{
    visibility:visible;
    position:absolute;
    display:inline;
    border:1px solid #999999;
    background-color:#EEEEEE;
    color:#000000;
    text-align: left;
}


.flocal{
    cursor: pointer;
    height:30px;
    background-color:rgb(159,56,136) !important;
    color:white;
}
.flocal span{
    visibility:hidden;
    display: none;
}
.flocal:hover{
    background-color:rgba(159,56,136,0.7) !important;
    color:black;
    z-index:1;
}
.flocal:hover span{
    visibility:visible;
    position:absolute;
    display:inline;
    border:1px solid #999999;
    background-color:#EEEEEE;
    color:#000000;
    text-align: left;
}


.lliure{
    cursor: pointer;
    height:30px;
    background-color:rgb(128,56,159) !important;
    color:white;
}
.lliure span{
    visibility:hidden;
    display: none;
}
.lliure:hover{
    background-color:rgba(128,56,159,0.7) !important;
    color:black;
    z-index:1;
}
.lliure:hover span{
    visibility:visible;
    position:absolute;
    display:inline;
    border:1px solid #999999;
    background-color:#EEEEEE;
    color:#000000;
    text-align: left;
}


.adaptacio{
    cursor: pointer;
    height:30px;
    background-color:rgb(103,130,22) !important;
    color:white;
}
.adaptacio span{
    visibility:hidden;
    display: none;
}
.adaptacio:hover{
    background-color:rgba(103,130,22,0.7) !important;
    color:black;
    z-index:1;
}
.adaptacio:hover span{
    visibility:visible;
    position:absolute;
    display:inline;
    border:1px solid #999999;
    background-color:#EEEEEE;
    color:#000000;
    text-align: left;
}



.no_lectiu{
    cursor: pointer;
    height:30px;
    background-color:rgb(208,208,208) !important;
    color:black;
}
.no_lectiu span{
    visibility:hidden;
    display: none;
}
.no_lectiu:hover{
    background-color:rgba(208,208,208,0.7) !important;
    color:black;
    z-index:1;
}
.no_lectiu:hover span{
    visibility:visible;
    position:absolute;
    display:inline;
    border:1px solid #999999;
    background-color:#EEEEEE;
    color:#000000;
    text-align: left;
}


.iniVacances{
    cursor: pointer;
    height:30px;
    background-color:rgb(208,208,208) !important;
    color:black;

}
.iniVacances span{
    visibility:hidden;
    display: none;
}
.iniVacances:hover{
    background-color:rgba(208,208,208,0.7) !important;
    color:black;
    z-index:1;
}
.iniVacances:hover span{
    visibility:visible;
    position:absolute;
    display:inline;
    border:1px solid #999999;
    background-color:#EEEEEE;
    color:#000000;
    text-align: left;
}


.fiVacances{
    cursor: pointer;
    height:30px;
    background-color:rgb(208,208,208) !important;
    color:black;

}
.fiVacances span{
    visibility:hidden;
    display: none;
}
.fiVacances:hover{
    background-color:rgba(208,208,208,0.7) !important;
    color:black;
    z-index:1;
}
.fiVacances:hover span{
    visibility:visible;
    position:absolute;
    display:inline;
    border:1px solid #999999;
    background-color:#EEEEEE;
    color:#000000;
    text-align: left;
}


.lectiu{
    cursor: pointer;
    height:30px;
    background-color:rgb(167,207,56) !important;
    color:black;

}
.lectiu span{
    visibility:hidden;
    display: none;
}
.lectiu:hover{
    background-color:rgba(167,207,56,0.7) !important;
    color:black;
    z-index:1;
}
.lectiu:hover span{
    visibility:visible;
    position:absolute;
    display:inline;
    border:1px solid #999999;
    background-color:#EEEEEE;
    color:#000000;
    text-align: left;
}



.capSetmana{
    cursor: pointer;
    height:30px;
    background-color:rgb(208,208,208) !important;
    color:black;

}
.capSetmana span{
    visibility:hidden;
    display: none;
}
.capSetmana:hover{
    background-color:rgba(208,208,208,0.7) !important;
    color:black;
    z-index:1;
}
.capSetmana:hover span{
    visibility:visible;
    position:absolute;
    display:inline;
    border:1px solid #999999;
    background-color:#EEEEEE;
    color:#000000;
    text-align: left;
}