@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700,900');
@import url('https://fonts.googleapis.com/css?family=Saira+Condensed:700,900');


*{  
    margin: 0; 
    font-size: 100%     
}


a {
 text-decoration: none;
 list-style-type: none;
}

body {
    background:#f1f2f2;
    font-family: 'Roboto', sans-serif;
    color:#6d6e71;
    
    }

.encabezado {
    font-size: 250%;
    text-align: left;
    background-color: #04002c;
        }

.menu {    
    
    background-color: #04002c;
    margin-right: 3rem;
    margin-left: 3rem;
    float: none;
    clear: both;

}
nav ul {

    font-size: 90%; 
    list-style-type: none;
    padding: 0;
    display: inline-block;
 
}


nav ul li {
    list-style-type: none;
    display: inline;
    
}

nav ul li a {
    color: #385ffd;
    font-weight: 600;
    text-decoration:none;
    text-align: center;
    display:inline-block;
    padding: 1rem;
    }

nav ul li a:hover {
    background:#013979;
    color:#ffffff;
    
}

/*botón dropdown*/

/* contenedor del botón */
.dropdown {
  float: right;
  overflow: hidden;
}

/* boton en cuestión */
.dropdown .dropbtn {
  font-weight: 600;
  border: none;
  outline: none;
  color: #385ffd;
  padding: 1rem;
  background-color: inherit; /*para que tome el del padre*/
  font-family: inherit;/*para que tome el del padre*/
  margin: 0;
}

/* hover del boton*/ 
a:hover, .dropdown:hover .dropbtn {
  background-color: #385ffd;
    color: #e9e8ea;
}


.dropdown-content {
  display: none;
  position: absolute;
  background-color: #e9e8ea;
  min-width: 160px;
  z-index: 1;
}

/* Links del botón */
.dropdown-content a {
  float: none;
  color: #04002c;
  padding: 1rem;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* hover del menú*/
.dropdown-content a:hover {
  background-color: #385ffd;
}

.dropdown:hover .dropdown-content {
  display: block;
}

/*acá termina mi botón dropdown*/
   
section { 
    font-size: 95%;
    margin-bottom: o; margin-left: 3rem; margin-right: 3rem; margin-top: o; 
    padding: 3rem;
    display: block;
    border-bottom: solid;
    border-width: thin;
}

.titular {
    font-size: 120%; color: #04002c;    
    margin-bottom: 1rem;
   
}

.imagen_perfil {
        float: left;
    
    padding-right: 1rem;
}
.datospersonales {
   
    margin-bottom: 3rem; margin-left: 3rem; margin-right: 3rem; margin-top: 3rem; 
    padding: 3rem;
    display: block;
}
.materias { 
    margin-bottom: o; margin-left: 3rem; margin-right: 3rem; margin-top: o; 
    padding: 3rem;
    display: block;
    border-bottom: none;
    
}
.sobremi { 
    margin-bottom: o; margin-left: 3rem; margin-right: 3rem; margin-top: o; 
    padding: 3rem;
    display: block;
    
}
.nivel1 {float: left;
margin: 1rem;
padding-bottom: 2rem;}
.nivel2 {float: left;
margin: 1rem;
padding-bottom: 2rem;}
.nivel3 {float: left;
margin: 1rem;
padding-bottom: 2rem;
}

.footer {
    margin: 3rem;
    font-size: 70%;
    background-color: #04002c;
    color: #e9e8ea;
    display: inline-block;
    float: inherit;
    clear: both;
    border-top: solid;
    border-width: thin;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
    margin-bottom: 0;
}