@charset="utf-8"; box-sizing: 
* {box-sizing: border-box;}

img {
    max-width: 100%; height: auto;
}

header {
    background-color: #408db5;
    padding: 20
}

.barrasuperior {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items:center;     
}

.jt02 { display:flex;
        flex-direction: row;
        justify-content: space-between;    
}

.logos {
        display: flex;
        max-width: 30%;
        align-items: center;
}

header ul {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
}

header ul li {
        padding: 20;
        text-decoration: none;
        list-style: none;
}

header ul li a {
       font-family: sans-serif;
       text-decoration: none;
       background-color: aliceblue;
       padding: 10;
       border-radius: 15px;
       font-weight: 600;
       color: darkblue
}

body {
    display: block;
    background-color: lightblue;
    font-family: sans-serif;
    margin: 0;
}

#integrantes {
    display: flex;
    flex-direction: row;
    text-align:center;
    justify-content: center;
    margin-top: 1em;
    padding-left: 6em;
    font-weight: 800
}

main nav ul {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: row;
    list-style-image: none;
}

main nav ul li {
    list-style: none;
    text-decoration: none;
}

main nav ul li a {
    text-decoration: none;
    color: darkslategray;
    font-size: 1.5em;
    font-weight: bold;
}

main #rocio {
    display: flex;
    flex-direction: column;
    text-align: center;
    width:22%;
}

main #rocio img {
    border-radius: 15px;
    width: 86%;
}

main #martina {
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 22%;
    
}

main #martina img {
    border-radius: 15px;
    width: 90%;
}


main #belen{
    display: flex;
    flex-direction:column;
    text-align: center;
    width:22%;
    
}

main #belen img {
    border-radius: 15px;
    width: 90%;
}

main #jessica {
    display: flex;
    flex-direction:column;
    text-align: center;
    width:22%;
    
}

main #jessica img {
    border-radius: 15px;
    width: 90%;
}

h1 {
    padding: 10;
    text-align: center;
    color: darkblue;
    font-size: 2.4em;
}

h2 {
    padding: 20 20 20 30 ;
    font-size: 1.5em;
    color: midnightblue
}

.equipo {
    padding: 10 10 50 10;
}

.acumar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background-color: #bebebe;
    height: auto;
    background-color: white;
    padding: 100 60 100 60;
}


.comitente{  
   text-align: center;
    margin-bottom: 40;
}

body main .comitente p {
    font-size: 1.3em;
    
}

.autoridades {
    display: flex;
    flex-direction: row;
    text-align: center;
    align-items: flex-start;
    justify-content: space-between;
    padding: 50 20 50;
}

.uba {
    width: 30%
    
}

.uba p {margin-top: 30;
padding: 0 20 0 20
}

.fadu {
    width: 30%}

.fadu p {margin-top: 30;
padding: 0 20 0 20;
}

.dgpc{
    width: 30%
}
.dgpc p {margin-top: 30;
padding: 0 20 0 20;
}

ul li {
    list-style: none;
}

footer {
    padding: 50 20 50 20;
    background-color: 408db5;
    text-align: center;
    height: 3em;
}

.mapaarq {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        padding; 20 20 20;
        margin 20 40 40 40;
        height: 100%
}

.mapaarq img {
            margin-top: 3em
            width: auto}

.plan {
            font-size: 1.3em;
            padding: 0 30 0 30
}

.proto img {align-content: center;
            align-items: center;
            width: 50%;
            padding: 0 30 0 30 }

.planbibliotecas {margin-bottom: 4em}

video {
            border-radius: 15px
}

.imgpropuesta img { 
            padding: 0 30 0 30;
            width: 80%;
}

#propuesta {
    width:50%;
    align-content: center;
    align-items: center;
    justify-content: center;
}