@import 'https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i,700';

body { 
    font-family: 'Open Sans Condensed', sans-serif;
    background-color: #d6d6d6;  
} 
        header { background-color: white;
                }
            
        header h1 { font-weight: 700;
                font-size: 36px; 
                margin: 30px;}
        header h2 { font-weight: 300;
                 margin: 30px;
                font-size: 24px; }

.fondo { width: 100%;}
.portada { width: 100%;}
        
.rotulo { display: flex;
            width: 100%;
        
}
.alumno { justify-content: space-between;
        padding: 1%;
        width: 25%;
        background-color: black;
        text-align: center;
}      

.alumno a { text-decoration: none;
            color: white;
        
    
    }   
    
.alumno:hover {background-color: #a7a7a7}  

.fotito{ width: 100%}

.contenedor {
  display: flex;
}

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

.propuesta {
  text-align:justify;
  width: 100%;
  padding-left: 8em;
  padding-right: 8em;
  padding-top: 2em;
  padding-bottom: 2em;
  list-style: none;
  text-decoration: none;
}

.info-rotulo {
  text-align: center;
  padding: 4em;
  border-left: 1px solid #fff;
  margin-left: 1em;
  margin-right: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
  width: 40em;
  list-style: none;    
  }

footer {
  text-align:center;
  background: #a7a7a7;
  padding-left: 8em;
  padding-right: 8em;
  padding-top: 2em;
  padding-bottom: 2em;
  list-style: none;
  text-decoration: none;
  
}