body { width: 100%;
height: auto;
}



header{ width: 75%;
    height:auto;
    margin-left: 15%;
border: 5 5 5 5 ;
padding: 5 15 5 5;
    background-color: rgb(255, 255, 255);
}

.imagen2{ margin: 2% 0 1% 45%}
.imagen1{ margin: 2% 0 2% 15%}




nav { width:101%;
    height: 50px;
   background-color:#ede6e6;
   
    
    }


/*nav ul{
     list-style:none; }*/

nav ul li { 
    float:right;
    font-family: Helvetica;
    font-size:1em;
    font-weight:bold;
    margin-right:18%;
    text-align:center;
    padding-top: 15px;
 margin-bottom: 15px;}
 
nav ul li a {
    color:#458789;
    display:block;
    text-decoration:none;
   }
nav ul li a :hover{opacity:0,5;}


aside{width: 25%;
    height: 60%;
   float: left;

margin-left: 15%}



.fotomia{altura:10%;
position: absolute;
  margin-left:100px;
  margin-top: 80px;
  Ancho: 210px;
  border-radius: 80%;
}

.nombre{position: absolute;
    margin-left: 100px;
    margin-top: 200px;
    width: 10%;
    height: auto;
    }


section{ width:51%;
    background-color: white;
    height: auto;
    overflow: hidden;
    float:left;
    }


#informacion{ 
    text-align:left;
    font-family:helvetica;
    font-size:1em;
    line-height: 27px;
margin-left: 7%;
    padding-top: 55px;
   }

#niveluno {float:left; 
         font-size:1em;}

#niveldos {
    float:left; 
    padding-left:150px;
    font-size: 1em;
height: 42%;}




footer {
    background-color: antiquewhite;
      text-align: center;
    font-family: helvetica;
       width: 76%;
    height: 180px;
     padding-top: 35px;
line-height: 25px;
    float: left;
    margin-left: 15%;
    font-size: 0,7em;
 }
p.textito{font-family: helvetica;
font-size: 1em;
padding-top: 90%;
text-align: center;}

p.uba{font-size: 1em;
    font-family: sans-serif;
   
    height: 50%
}



.botones-redes img {
width: 35px;
padding: 5px;
border: 0;
box-shadow: 0;
display: inline;
float: right;
margin-top:300px;
margin-bottom: 5px;
}