@font-face {
    font-family: "Metropolis";
    src: url("fonts/Metropolis-Regular.otf");
}

.oic {
    width: 100%;
}

.oic>article {
    display: inline-block;
    vertical-align: top;
    text-align: justify;
    font-family: Metropolis;
}

h1 {
    color: #003765;
    font-size: 20px;
    text-align: center;
}

.boton:hover {
    width: 91%;
    /* box-shadow: 3px 8px 12px grey; */
    cursor: pointer;
}

.normativa_oic {
    width: 100%;
}

.normativa_oic>article {
    display: inline-block;
    vertical-align: top;
    text-align: justify;
    font-family: Metropolis;
    padding: 2px;
}

h2 {
    color: #003765;
    font-weight: bold;
}

.uno {
    font-weight: bold;
    text-align: center;
    font-size: 19px;
    background-color: #a7a8ac;
    color: white;
}

.dos {
    margin: 5px;
    padding-top: 10px;
    color: #003765;
}

.tres {
    margin: 5px;
    padding-top: 10px;
    background-color: #ececec;
    color: #003765;
}

ul {
    font-family: Metropolis;
    color: #003765;
    line-height: 24px;
    text-align: left;
    font-size: 13px;
}

li {
    margin-right: 8px;
    list-style: disclosure-closed;
}

li>a {
    text-decoration: none;
    color: #003765;
}

li:hover {
    margin-right: 8px;
    font-weight: bold;
    cursor: pointer;
    background-color: #e6e6e9;
}

.accordion {
    background-color: #5c7f9d;
    color: #fff;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 12px;
    transition: 0.4s;
    margin: 5px;
}

.uno>p {
    line-height: 10px;
}

.active,
.accordion:hover {
    background-color: #a7a8ac;
}

.panel {
    width: 94%;
    padding: 3px 16px;
    display: none;
    background-color: white;
    text-align: left;
    border: 1px solid #a7a8ac;
}

.enlaces {
    text-decoration: none;
    font-family: metropolis;
    font-size: 14px;
    text-align: justify;
    color: #003765;
}