body { margin: 0 10em 0 10em; }
header { background-color: none; }
#logos { background-color: #00A0C6; display: inline-flex; flex-direction: row; width: 100%; margin: auto; flex-wrap: wrap; justify-content: space-between; }

#logofadu { width: 30%; border-color: white; border-width: thick; }
#logodgpc { width: 30% }
img { width: 100% }

#lista { text-align: center; justify-content: center; align-content: center; margin: 0 0 0 -2.5em; }
nav ul li a { text-decoration: none; color: white; display: block; background-color: #4C4C4C; padding: 1em; margin: 0 0 1em 0; border-radius: 1em; flex-direction: column; flex-wrap: wrap; }
header nav ul li a:hover { background-color: #00A0C6; color: #4C4C4C; }
nav ul li { list-style: none; width: auto; }

#fotoavatar { width: 20%; margin: auto; flex-wrap: wrap; padding: 1em; }

#logoacumar { width: 50%; background-color: none; flex-direction: row; flex-wrap: wrap; margin: auto;}

footer { background-color: #00A0C6; display: inline-flex; flex-direction: row; width: 100%; margin: auto; flex-wrap: wrap; }
footer p { margin: 1em; }

#Comitente { background-color: #00A0C6; color: white; padding: 0.5em; flex-direction: column; flex-wrap: wrap; margin: auto; text-align: center; }
#logoacumar { background-color: none; flex-direction: column; flex-wrap: wrap; padding: 1em; align-items: flex-start; width: 50%; margin-right: auto; }
h1 { font-size: 2em; }
h2 { font-size: 2em; }
h3 { font-size: 1em; }
h4 { font-size: 1em; text-align: center; }

#trabajospracticos { background-color: #00A0C6; padding: 1em; color: white; text-align: center; }

.tp { width: 50%; margin: auto; flex-direction: column; }
.tpmorfo { width: 50%; margin: auto; }
.tptipo { width: 50%; margin: auto; }

#facultad { text-align: center; }
#alumno { text-align: center; }

#alumnotitulo { background-color: #00A0C6; color: white; padding: 0.5em; flex-direction: column; flex-wrap: wrap; margin: auto; text-align: center;}