@charset "urf-8";
*{box-sizing: border-box;
}
html {
    font-size: 62.5;
    font-family: arial;
    background-color: aliceblue;
}
header nav ul li a:hover {
    background-color: #66CDAA;
    font-weight: bold;
    color:black;
    
}


#nombres:link {


    color:black;
      text-decoration: none;
    
}

#nombres:hover {
 
    font-weight: bold;
    color:black;
      text-decoration: none;
    
}

#nombres:active {
 
  color:black;
      text-decoration: none;
    
}
#nombres:visited {
 
  color:black;
      text-decoration: none;
    
}



header nav ul li a {

    color:white;
    
}




img.logo{
 
display:block;
margin:auto;
}

ul.menu{
background-color: #008080;
  border: 1px solid	#2E8B57;
  list-style: none;
  margin-top: 25px;
  padding: 0;
    margin-left: 20%;
    margin-right: 20%;
    
}

ul{
 background-color: aliceblue;
    
}



#pagina {
    background-color: aliceblue;
    
}


#docentes {
     margin-left: 10%;
    margin-right: 10%;
    
}

.link { color: white;
        padding-bottom: 10px;
         padding-top: 2px;
        text-align: center;
        text-decoration: none;
        font-weight: bold;
    
 
}
.link.hover { color: #98FB98; 
            font-style: oblique;
}

#estudiantes.hover { color: #98FB98; 
            font-style: oblique;

}
       
#estudiantes { margin-left: 10%;
    margin-right: 10%;


}




header nav li a {
    text-decoration: none;
    display: block;
    text-align: center;
    font-family: sans-serif;
}
p { 
color: black;
    margin-left: 30%;
    margin-right: 30%;
    
}
nav {
   background-color: aliceblue;
}
ul {
    list-style: none;
    padding: 0;
    margin: : 0;
}
body {
    background-color: aliceblue;
    margin-left: 10%;
    margin-right: 10%;
}

#cande {
    background-color: mistyrose;
    
}




#red {
     
    margin-left: 2;
    margin-right: 60%;
    color: black;
    font-size: 110%;
    line-height: 120%;
        margin-left: 10%;
    margin-right: 10%;

}

#parrafo {
     
    margin-left: 2;
    margin-right: 60%;
    color: black;
    font-size: 110%;
    line-height: 120%;
       margin-left: 10%;
    margin-right: 10%;


}



#info {

    font-size: 90%;
    font-style: italic;
 margin-top: 2%;
    margin-left: 10%;
    margin-right: 10%;
    text-align: center;
    

}



.titulo1{
    text-decoration:none;
    color: 	rebeccapurple;
      font-size: 170%;
 margin-top: 2%;
    margin-left: 10%;
    margin-right: 10%;
     text-align: center;
  
}
.titulo2 {
     text-decoration:none;
    color: 	#2E8B57;
      font-size: 150%;
    font-style: italic;
 margin-top: 2%;
    margin-left: 10%;
    margin-right: 10%;

}
.titulo3 {
    color: 	#2E8B57;
    text-decoration: underline;
}