*{margin: 0; padding: 0;}
html{font-size: 100%;}
.contenedor {max-width: 960px; margin: 0 auto 0 auto; font-family: arial;}


header {background-color: #2ba7a7; width: 100%; height: 30px; padding: 2% 0%;}
h1 {font-size: 25px; color: #fff;float: left; position: relative;margin-left: 2%;}
a {text-decoration: none; color: #000; float: right; margin-right: 2%;}
.links {background-color: #fff; padding: 1%; margin-left: 0;}
.links:hover {background-color: #2ba7a7; color:#fff;}

main {background-color: #fff; width: 100%; height: 500px; margin-top: 10px;}


.datos {width: 35%; position: relative; float: left; box-sizing: border-box; min-height: 200px;} 
.fotosofi {width: 60%; margin-top: 6%; position: relative; float: right; margin-bottom: 2%;}

h2 {font-size: 15px; color:rgb(128, 134, 133); font-weight: normal; position: relative; float: right; text-align: right; font-weight: bold;width: 60%;}

.aside {width: 60%; position: relative; float: right; box-sizing: border-box;}


section ul {list-style-type: none;}
section ul li {font-size: 12px; font-style: normal; color: rgb(68, 75, 74);}


header nav ul li {display: inline; font-size: 10px;}
header nav ul li a {text-decoration: none;}


h3 {font-size: 16px; margin-top: 3.5%; color: #2ba7a7;}

h5 {font-size: 13px; margin-top: 2%; margin-bottom: 2%; color: rgb(68, 75, 74);}

.footer {font-size: 10px; text-align: center; color: rgb(68, 75, 74); margin-top: 1%;}

.materias {width: 50%;float: left;box-sizing: border-box;margin-top: 2%;}
.alumnas {width: 30%; position: relative; float: left; margin-top: 5%;}
.alumna {text-decoration: none; color: rgb(68, 75, 74); font-size: 11px; position: relative; float: left; width: 100%;margin-top: 4%;text-align: right; margin-bottom: 10%; line-height: 15px;}
.alumna:hover {background-color: #2ba7a7; padding:0 5% 0 0; color:#fff;}


.propuesta {width: 100%; box-sizing: border-box; margin-top: 10%;}
h6 {font-size: 16px; float: left;width: 100%;margin-bottom: 1%;margin-top: 6%; color: #2ba7a7;}
.texto {margin-top: 1.5%; font-size: 11px;width: 79%; color: rgb(68, 75, 74); text-align: justify;}



@media screen and (max-width:660px){
    *{transition: 0.5s;}
    h1{font-size: 20px;}
    section ul li {font-size: 11px;}

}

@media screen and (max-width:600px){
      .alumna:hover {padding:0 10% 0 0;}
        
    
}