@import url('https://fonts.googleapis.com/css?family=Oswald:500,600,700');


* {box-sizing: border-box;
margin: 0;
padding:0;
font-family: sans-serif;
color: white}

body { display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: rgb(9, 9, 38);
    min-height: 100vh;
font-family: "oswald";}


/*header*/ 
header {height: 5em;
    display: flex;
    justify-content: space-between;
background-color: rgba(31, 193, 232, 0.51);
    align-items: center;
    width: auto;
}

header ul{ display: flex;
    list-style: none;
align-content: center;
align-items: center;
 flex-wrap: wrap;}

header ul li {
    width: 3.2em;
    height: 2em;
    margin-right: .5em;
    margin-bottom: .2em;
    display: flex;

}

header nav ul li a {
     width: 100%;
    height: 100%;
    background-color: rgb(9, 9, 38);
    color: white;
    text-decoration: none;
     font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
   font-family: oswald;
    font-size: .8em;

}

#logoo {display: block;
width: 5em;}

header img {margin: .3em}


/*header*/

/*main*/

#logo { align-self: center;
    height: 100%;
width: 6em;
}



main { display: flex;
    align-content: flex-start;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    flex-wrap: wrap;
    }


main div {display: flex;
justify-content: center;}


main h1{ color: white;
    align-self: center;
    font-family:"Oswald";
    text-align: center;
    font-size: 1.5em;
    font-weight: 500;
    justify-content: flex-start;
    text-align:left;
    font-weight:;
margin-left: .3em}

p { font-family: 'Oswald';  
    font-size: 1em;
    font-weight: 300;
    color: white;
    text-align: center;
    padding: .4em 2em ;}

section {display: flex;
    flex-direction:column;
}

section ul{
    display: flex;
  justify-content:space-between; }

section ul li {
    list-style: none;
  
}

section ul li a{ font-family: "oswald";
    text-align: center;
    font-size: .9em;
     background-color: rgba(31, 193, 232, 0.51);
    font-weight: 300;
    text-decoration: none;
    color: white;
    width: 100%;
    height: 100%;
     margin: .5em 1em 1em 1em;
     width:  7em;
     height: 3em;
     display: flex;
    align-items: center;
     justify-content: center}

section h2 { font-family: "oswald";
    color: white;
    display: flex;
    font-weight: 400;
 justify-content: center;
margin-top: 1em;
    font-size: 1em}



.titda {align-self:center;
    font-size: .7em}
.titda h3 {font-size: 1.3em;
margin-top: 1.1em;
    margin-bottom: .5em;
font-family: "oswald";
font-weight: 3}

.datos {font-size: 1.8em;
display: flex;
justify-content: center; list-style: none}

.datos li {list-style: none}
 datos ul li{text-decoration: none; list-style: none}
.uba {text-decoration: none;}
.uba div {  align-items: center;
    align-content: center;
    height: 2em;;
    display: flex;
    justify-content: center;
    background-color:  rgba(31, 193, 232, 0.51);
}
.uba div img { display: block; align-self: center;
    padding-left: .4em;
    width: 2.5em;
padding-right: .5em;}
.uba li {font-size: .4em;
         text-align: center;
    margin-top: .7em;}
.uba div h3 {font-size: .5em;
align-self: center;
    color: rgb(9, 9, 38);
}
.uba ul {margin-bottom: .5em;}
/*footer*/


.fadu {text-decoration: none;}
.fadu div { align-items: center;
    height: 2em;
     justify-content: center;
    background-color: rgba(31, 193, 232, 0.51);
    display: flex;
}
.fadu div img { display: block; padding-left: .4em;
    padding-right: .4em;
    width: 5em;}
.fadu li {font-size: .4em;
text-align: center;
margin-top: .7em}
.fadu div h3 {font-size: .5em;
align-self: center;
color: rgb(9, 9, 38);}
.fadu ul {margin-bottom: .5em;}
.dgpc {text-decoration: none;
justify-content: center;}
.dgpc div { 
    align-items: center;
    display: flex;
    background-color: rgba(31, 193, 232, 0.51);
}
.dgpc div img { display: block; padding-left: .4em;
    width: 5em;
padding-right: .5em;}
.dgpc li {font-size: .4em;
         text-align: center;
    text-decoration: none;
margin: }
.dgpc div h3 {font-size: .5em;
align-self: center;
    margin: 0;
    color: rgb(9, 9, 38);}
.dgpc ul {text-decoration: none;
    margin-bottom: .5em;}
.dgpc h4 {font-size: .5em;
text-align: center;
margin-top: .5em}

.dgpc ul li {text-decoration: none; 
    margin: .7em;}
footer {font-style: italic;
    display: flex;
    flex-direction: row;
    justify-content: flex-end ;
    font-size: .8em;
padding: 1em;   
        background-color: black
}
/**
.divplan {display: flex;
          flex-direction: row;
        
}

**/

.plan {display: flex;
    flex-direction: column;
   justify-content: space-between;
    padding-top: 1em;
    }

.plan p {text-align: left;}

   
.plan h3 {justify-content: center;
          jus: space-between; 
          text-decoration-line: underline;
          padding-top:  0.5em;
         }


.sectionplan {display: flex;
                flex-direction: column;
                align-items: flex-start;
                align-content:center;
}

.listado {display: flex;
          flex-direction: column;
          justify-content: space-between;
          margin: 1em;
            
}
    


#fotodeusuario {width: 30%;
                height: 30%;
                border-radius: 100%;
                margin: 0.5em; 
                padding: 0.5em;
}


    
 <div class="datos"> 
               <ul>
                
                <li  class="uba">
                <h3>
                    <a href="http://www.uba.ar/" target="_blank">
                    <img src="imagenes/logo_uba.gif"alt="UBA- Universidad de Buenos Aires"></a>
                    UBA - Universidad de Buenos Aires</h3>
                <ul class="listuba" >
                        <li >Rector: Prof. Dr. Alberto Edgardo Barbieri</li>
                        <li>Secretario General: Dr. Juan Pablo Más Vélez</li>
                    </ul>
                 </li>
            <li class="fadu">
                  <h3>
                    <a href="http://www.fadu.uba.ar/" target="_blank">
                        <img  src="imagenes/logofadu.svg" alt="FADU - Facultad de Arquitectura, Diseño y Urbanismo"></a>
                    FADU - Facultad de Arquitectura, Diseño y Urbanismo</h3>
                    <ul class="list">
                        <li>Decano: Arq. Guillermo Cabrera</li>
                        <li >Vicedecano: DG Carlos Venancio</li>
                    </ul>
                </li>

                <li class="dgpc">
                  <h3>
                    <a  class="ubas" href="http://diazcortez.com.ar" target="_blank">
                        <img  src="imagenes/dgpc.svg" alt="DGPC - Diseño Gráfico por Computación"></a>
                    DGPC - Diseño Gráfico por Computación</h3>
                    
                  <h4>Cátedra: DG Martín Díaz Cortez</h4>
                  <p>1º cuatrimestre 2019</p>
                  
                  <ul>
                      <li class= "jtp">JTP:
                          <ul>
                              <li>DG Adrián Mauas</li>
                              <li>DG Anibal Guebel</li>
                          </ul></li>
                      <li>Docente: DG Anibal Guebel</li>
            
                    </ul>
                </li>
            </ul>
            </div>



/*****************mapa********************/
.mapamain {}
.mapamain  {margin-top: 1.2em;text-decoration: none;}
.mapamain ul li {text-decoration: none; list-style: none; font-size: 1em; font-family: "oswald"; }
.principalese {text-decoration: none;  list-style: none;}
.principalese a {font-family: "oswald";font-size: 1.4em; text-decoration: none; color: #00ff6c}