* {
    padding: 0em;
    margin: 0em;
    box-sizing: 0em;
    background-color: #efefef;
    font-family: sans-serif;
    text-decoration: none;


}

h1 {
    color: white;
    font-weight: lighter
}


header {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 10%
}

header div {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    padding-top: 1.5em;
    padding-bottom: 1.4em;
    width: 100%;
    background-color: #4c99cf
}

header div h1 {
    padding-right: 0.1em
}

header div h1,
header div img {
    background-color: #4c99cf
}

header nav {
    display: flex;
    width: 100%;
}


header nav ul {
    display: flex;
    justify-content: space-around;
    width: 100%;
}

header nav ul li {
    display: flex;
    margin: 0.2em 0.1em 0.1em 0.1em;
    flex-wrap: wrap;
    justify-content: center;
    width: 25%;
    height: 20%
}

header nav ul li a {
    display: flex;
    width: 100%;
    height: 100%;
    padding-top: 1em;
    padding-bottom: 1em;
    background-color: beige;
    justify-content: center;
    align-items: center;
}

header nav ul li h3 {
    display: flex;
    background-color: beige;
    justify-content: center;
    width: 100%;
    font-size: 80%;

}


h3 {
    margin: 1em;
    color: #4c99cf
}

h5 {
    color: #4c99cf
}

h4 {
    background-color: #42cac8;
    color: white;
    font-weight: lighter;
    padding: 0.5em
}

main {
    margin-bottom: 2em
}

section article {
    display: flex;
    flex-wrap: wrap;
}

footer p {
    color: violet
}


footer {
    display: flex;
    margin: 1em;
    padding-top: 0.5em;
    height: 10%;
    font-size: 0.8em;
    border-top: 2px;
    border-top-style: solid;
    border-top-color: pink
}

main section,
main section ul,
main section ul li,
    {
    background-color: #efefef
}

.login {
    margin: 1em
}

.login h4 {
    width: 50%;
    padding: 0.5em;
}

.login > p {
    margin-top: 0.5em;
    font-size: 90%;
    font-weight: bold
}

.arbolgeneral {
    margin: 1em
}

.arbolgeneral ul {
    margin: 1em
}

.arbolgeneral ul li {
    margin: 0.5em
}

.arbolgeneral ul li ul {
    font-size: 90%;
}

.arbolgeneral h4 {
    width: 50%
}

.arbolgeneral div p {
    margin-top: 0.5em;
    font-size: 80%
}

.arbolinscripciones {
    margin: 1em;
    margin-top: 1em
}

.flujo {
    color: black;
    margin-top: 0.5em;
    font-size: 90%;
    font-weight: bold
}

.arbolinscripciones ul {
    margin: 1em
}

.arbolinscripciones ul li ul {
    font-size: 80%
}

.arbolinscripciones ul li ul li ul {
    font-size: 100%
}


.arbolmaterias ul li div {
    display: flex;
    align-items: center
}

.arbolmaterias ul li div p {
    margin-left: 1em
}


.arbolexamenes ul li div {
    display: flex;
    align-items: center
}


.arbolexamenes ul li ul li div ul li {
    padding-right: 1em
}

.cursada {
    margin: 1em
}

.cursada ul li {
    font-size: 90%;
    margin: 1em;
}

.segundocuatri {
    margin: 1em
}

.segundocuatri ul li {
    font-size: 90%;
    margin: 1em;
}

.segundocuatri ul li div p {
    margin-left: 1em
}

.amigos {
    margin: 1em
}

.amigos ul li {
    font-size: 90%;
    margin: 1em;
}

.amigos ul li ul li ul li {
    font-size: 100%
}

.amigos ul li div p {
    margin-left: 1em;
    margin-top: 0.5em
}



.historialac {
    margin: 1em;
    margin-top: 1em
}

.historialac ul {
    margin: 1em
}

.historialac ul li ul {
    font-size: 80%
}

.historialac ul li ul li ul {
    font-size: 100%
}


.amigos {
    margin: 1em;
    margin-top: 1em
}

.tramites {
    margin: 1em;
    margin-top: 1em
}

.tramites ul {
    margin: 1em
}


a :hover {
    color: deeppink;
}

a:hover {
    color: deeppink;
}

:visited {
    color: #4c99cf
}

:link {
    color: darkturquoise
}