section{
    position: relative;
    margin: 0 auto;
}

header {
    position: relative;
    margin: 0 auto;
}

li{
    list-style: none;
    padding: 10px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size:medium;
    font-weight: 400;
    margin-bottom: 1px;
}


.puntos{
    margin: 0.2em;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    text-align: center;
}

li:nth-child(odd){
width: 15px;
height: 15px;
border-radius: 50px;
}

li:nth-child(even){
margin-right: 65px;
}

li:nth-child(1){
background-color: rgba(218, 217, 217, 0.774);
transition: background-color 0.8s ease-in-out;
}

li:nth-child(3){
background-color: rgba(201, 7, 7, 0.793);
transition: background-color 0.8s ease-in-out;


}

li:nth-child(5){
background-color: rgb(60, 180, 26);
transition: background-color 0.8s ease-in-out;
}

.title{
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
}

.titulo {
    display: absolute;
    text-align: center;
    width: 730px;
    font-size: 21px;
    font-weight: bold;
    color: rgb(45, 39, 39);
    font-family:'Segoe UI', Tahoma, Verdana, sans-serif;
    background-color: rgb(255, 255, 255);
}


table {
    display: flex;
    justify-content: center;
    align-items: center;    
    border-spacing: 2px;
    font-family:'Segoe UI', Tahoma, Verdana, sans-serif;
}

th, td, tr {
        
    text-align: center;
    padding: 10px;
    border-radius: 10px;
}



th{
    background-color: rgb(239, 123, 51);
    font-size: 16px;
    color: #ffffff;
    transition: background-color 0.8s ease-in-out;
    
    

}


.mes{
    color: azure;
    font-size: large;
    font-weight: bold;
    background-color: rgb(50, 126, 171); transition: background-color 0.8s ease-in-out;
}

.mes:hover{
background-color: rgb(35, 96, 132);
}

tr{
    background-color: rgba(218, 217, 217, 0.408);
}

tr.cryap{
    background-color: rgba(160, 157, 157, 0.353);
}


.impartido{
    background-color: rgba(49, 145, 22);
    color:#ffffff;
}

.sincupo{
    background-color: rgba(201, 7, 7, 0.793);
    color:#ffffff;
}

th:hover{
    background-color: rgb(208, 110, 49);
    font-size: 16px;
    color: #ffffff;
}

li:nth-child(1):hover{
    background-color: rgb(186, 185, 185);
    color: #ffffff;   
}

li:nth-child(3):hover{
    background-color: rgb(165, 23, 23);
    color: #ffffff;   
}

li:nth-child(5):hover{
    background-color: rgb(49, 145, 22);
    color: #ffffff;   
}