/*div principal del calendario*/
/* #calendario {
    text-align: center;
} */
#calendario {
    margin-top: 15px;
    text-align: center;
    /* border-block-color: inherit; */
    border: 2px solid #8b8489;
    border-radius: 10px;
    padding: 4px;
    color: white;
}

/*tabla del calendario*/
#diasc {
    border: 1px solid black;
    /* border-collapse: separate; */
    /* border-spacing: 4px; */
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    border-radius: 10px; 
    overflow: hidden;
}

#diasc th,
#diasc td {
    font: normal 12px arial;
    width: 65px;
    height: 30px;
    text-align: center;
    font-weight: 700;
}

#diasc th {
    color: #990099;
    background-color: #5ecdec
}

/* 
#diasc td {
    color: #492736;
    background-color: #9bf5ff
} */


/*línea de la fecha actual*/
#fechaactual {
    font-size: 0.8em;
    padding: 0.1em
}

#fechaactual i {
    cursor: pointer;
}

#fechaactual i:hover {
    color: rgb(255, 94, 0);
    text-decoration: underline;
}

/*formulario de busqueda de fechas*/
#buscafecha {
    background-color: #663366;
    color: #9bf5ff;
    padding: 5px
}

#buscafecha select,
#buscafecha input {
    background-color: #9bf5ff;
    color: #990099;
    font: bold 10pt arial;
}

#buscafecha [type=text] {
    text-align: center;
}

#buscafecha [type=button] {
    cursor: pointer;
}

/*cabecera del calendario*/
#anterior {
    float: left;
    width: 100px;
    font-size: 1em;
    /* padding: 0.5em 0.1em; */
    cursor: pointer;
}

#posterior {
    float: right;
    width: 100px;
    font-size: 1em;
    /* padding: 0.5em 0.1em; */
    cursor: pointer;
}

#anterior:hover,
#posterior:hover {
    color: rgb(255, 166, 0);
    text-decoration: none;
    
}


#titulos {
    font-size: 1em;
    /* padding: 0.2em; */
    color: azure;
}