@charset "utf-8"; /*css document*/
*{margin: 0;}*

a{ text-decoration: none }


header1 { padding-top: 2em;} 

.botonera-nav-header li a {
color:white;
text-decoration: none;
 text-align: center;
} 

nav ul {overflow: auto; list-style-type: none; padding-top: 2em;}

li.home a { color: coral;}



nav ul li {float:left;
width:auto;
border-radius: 5px;
border:2px solid white;
  background:black;
margin:5px;
text-align:center;
padding:3px 15px 3px 15px;
}

nav ul li:hover   {
background-color:grey;
    font-size: 1.3rem;
    color: black;
}

nav ul li:active   {
background-color:gainsboro;
}



body {background-color:brown;}

#contenedor { margin: 3em; overflow: auto; }


main { background-color: black; float: left;
    width: 55%;
    height: 45%;
    padding: 1em;
}

#datos {margin-top: 1.5em; border: white solid 2px; float: left; margin-left: 1.5em;
    padding: 0.5em;
}

li#logowallkin  {float: left; padding-left: 1.5em; padding-top: 1em;} 
li#logowallkin h3 {text-align: left; list-style: none; text-decoration: none; color: white; font-family: fantasy; font-size: 1.5em; font-weight: 300;
}
li#logowallkin img { margin-left: 32%; float: left; }


li#logowallkin h3:hover {color:crimson;}


img{
float: left; padding: 1em;
}


aside {background-color:#58B470;
   float: left;
    width:30%;
    margin-left: 2em;
  
    
}

#materias, #materiascurso, #materias2 p {color:black;  font-family: "helvetica", sans-serif; font-weight: 100; }

#materias h3, #materiascurso h3, #materias2 h3 {color:white; }

#materias, #materiascurso, #materias2 {padding:1em; padding-top: 1.5em} 

#materias2 {background-color:#82C284;}
#materiascurso {background-color:#A1CD93}





h1 {color:#ffffff;font-family:fantasy; font-size: 3rem; 
    margin-top:14%; }

h2 {color:black; background-color: #3AAD65; padding: 0.5em; font-size: 1.6rem; font-family: "helvetica",sans-serif; font-weight: 600;}

    
h3 {font-family: sans-serif; color: crimson;}


footer 
{background-color: darkgrey; position:relative;
    float: left;
text-align:left;
padding: 0.5em;
margin-top: 4em;}