.cal_cabecera{
    width: 100%;
    text-align: center;
}

.cal_cabecera_año{
    display:inline-block;
    width: 50%;
    padding: 3px 0px 3px 0px;
    
    letter-spacing:6px; 
    text-align: center; 
    font-weight:bold;
    font-size:1.1em;
    color: #ffffff;
    
        
    border: 1px solid var(--boton_menu_inactivo-hl);
    border-width: 0px 3px 0px 3px;
    
    background-image: -webkit-linear-gradient(0deg,  var(--boton_menu_inactivo-bt),  var(--boton_menu_inactivo-hl));
    background-image: -moz-linear-gradient(0deg,  var(--boton_menu_inactivo-bt),  var(--boton_menu_inactivo-hl));
    background-image: -o-linear-gradient(0deg,  var(--boton_menu_inactivo-bt),  var(--boton_menu_inactivo-hl));
    background-image: -ms-linear-gradient(0deg,  var(--boton_menu_inactivo-bt),  var(--boton_menu_inactivo-hl));
    background-image: linear-gradient(0deg,  var(--boton_menu_inactivo-bt),  var(--boton_menu_inactivo-hl));
    
}
.cal_boton_izq{
    display:inline-block;
    cursor:pointer;
    padding: 4px 20px 4px 20px;
    
    font-size:1.2em;
    text-align: center;
    color: #ffffff;
    font-weight:bold; 

    border: 0px;
    
    background-image: -webkit-linear-gradient(0deg,  var(--boton_menu_inactivo-bt),  var(--boton_menu_inactivo-hl));
    background-image: -moz-linear-gradient(0deg,  var(--boton_menu_inactivo-bt),  var(--boton_menu_inactivo-hl));
    background-image: -o-linear-gradient(0deg,  var(--boton_menu_inactivo-bt),  var(--boton_menu_inactivo-hl));
    background-image: -ms-linear-gradient(0deg,  var(--boton_menu_inactivo-bt),  var(--boton_menu_inactivo-hl));
    background-image: linear-gradient(0deg,  var(--boton_menu_inactivo-bt),  var(--boton_menu_inactivo-hl));
    
    -webkit-border-top-left-radius: 50px;
    -webkit-border-bottom-left-radius: 50px;
    -moz-border-radius-topleft: 50px;
    
    -moz-border-radius-bottomleft: 50px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px; 
     
}
.cal_boton_drc{
   display:inline-block;
    cursor:pointer;
    padding: 4px 20px 4px 20px;
    
    font-size:1.2em;
    text-align: center;
    color: #ffffff;
    font-weight:bold; 
    
    border: 0px;
    
    background-image: -webkit-linear-gradient(0deg,  var(--boton_menu_inactivo-bt),  var(--boton_menu_inactivo-hl));
    background-image: -moz-linear-gradient(0deg,  var(--boton_menu_inactivo-bt),  var(--boton_menu_inactivo-hl));
    background-image: -o-linear-gradient(0deg,  var(--boton_menu_inactivo-bt),  var(--boton_menu_inactivo-hl));
    background-image: -ms-linear-gradient(0deg,  var(--boton_menu_inactivo-bt),  var(--boton_menu_inactivo-hl));
    background-image: linear-gradient(0deg,  var(--boton_menu_inactivo-bt),  var(--boton_menu_inactivo-hl));
    
    -webkit-border-top-right-radius: 50px;
    -webkit-border-bottom-right-radius: 50px;
    -moz-border-radius-topright: 50px;
    
    -moz-border-radius-bottomright: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}
.cal_boton_izq:hover{
    background-color: #3f8cff;
    -webkit-box-shadow:inset 1px 1px 10px 1px #3cb0fd;
    -moz-box-shadow:inset 1px 1px 10px 1px #3cb0fd;
    box-shadow:inset 0px 0px 10px 1px #3cb0fd;
}
.cal_boton_drc:hover{
    background-color: #3f8cff;
    -webkit-box-shadow:inset 1px 1px 10px 1px #3cb0fd;
    -moz-box-shadow:inset 1px 1px 10px 1px #3cb0fd;
    box-shadow:inset 0px 0px 10px 1px #3cb0fd;
}


.cal_tabla_frame{
    margin-top: 20px;
    width: 100%;
    text-align: center;
    
}
.cal_tabla_meses{
    display: table;
    width: 100%
     
}
.cal_tabla_mes_bloque{
    display: table-cell;
    vertical-align: top;
    height: 180px;
    max-width: 300px;
    min-width: 180px;
    
    
    padding-right: 15px;
}

.cal_texto_mes{
    font-weight: bolder;
    font-size: 1.3em;
}
.cal_tabla_dias_semana{
    
    font-size:1.2em;
    text-align: center;
    font-weight:bold; 
    background-color: #87a4b7;
    
    width: 100%;
    border-radius: 25px 6px 25px 4px;
    
}

.cal_tabla_dias{
    height: 115px;
    margin-top: 2px;
    width: 100%;
    
    border-radius: 4px 18px 18px 18px;   
    border: 1px groove #3cb0fd;
}






.cal_celda_activa {
    padding: 0;
    margin: 0;
    width: 5px;
    height: 5px;
    
    text-align: center;
}

.cal_celda_activa:hover {
    cursor:pointer;
    border-radius: 18px;   
    -webkit-box-shadow:inset 1px 1px 10px 1px #3cb0fd;
    -moz-box-shadow:inset 1px 1px 10px 1px #3cb0fd;
    box-shadow:inset 0px 0px 10px 1px #3cb0fd;
}





.cal_celda_inactiva {
     padding: 0;
     margin: 0;
     width: 5px;
     height: 5px;
     
    font-weight: bold;
    text-align: center;
    
    background-color: var(--celda_activo-bt);
    border-radius: 18px;   
    -webkit-box-shadow:inset 1px 1px 10px 1px #3cb0fd;
    -moz-box-shadow:inset 1px 1px 10px 1px #3cb0fd;
    box-shadow:inset 0px 0px 10px 1px #3cb0fd;   
}

.cal_celda_inactiva:hover {
   
    cursor:pointer;
    border-radius: 18px;
    background-color: #ffffff;
}