/*GENERAL-----------------------------------------------------------------------------------------*/


body { 
      font-family:"Lato" "Arial" sans-serif; 
      background: #fff; 
}
header {
  background: #ffffff;
  margin-top: 5%;
  width: 100%;
}
nav{
  border-style: solid;
  border-bottom-width:0px ;
  border-bottom-color: #2a3c58;
  width: 100%;    
}
#pagina{
    width: 960px;
    margin: 0 auto;
}
.estilo-menu {
    float: right;
    
}

#numero-alumno{
    background: #2a3c58;
    border-radius: 2px auto; 
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    float: left;
    padding: 5px;
    margin: 5px 0;
}
            
            



header nav ul { 
             list-style-type:none;     
}
header nav ul li { 
             display: inline; 
}

header nav ul li a {   
        color: #05B2BC;
        text-decoration: none;
        padding: 10px;
}


header nav ul li a:hover {
    background:#05B2BC;
    color: #fff;
    transition: 0.8s ;
        
    
}
.perfil{
        float: left;
        
            

}
.materias{
  position: relative;
  float: right;
  margin-left: 29px;
  width: 43%;
}

.font-size{
    font-size:20px;    

}
.color {
    background: #a4fae3;
                 
}
.borde {
    padding: 10px;   
    border: 2px solid #feffff;
    margin: 10px;
    position: relative;
    float:right;
}


.titulo-articulo{
    font-size:24px;
    font-weight: 400;
    color: #435b81;
     
}

.personal-articulo{
    float: left;
    width: 22%;
    padding-top: 0px;
    padding-left: 30px;
}
.info-parrafo{
    font-size: 17px;
    font-weight: 300;
    color:#71757c;
    
}


.grupo{
     font-size: 33px;
     color: #05B2BC;
     position: relative;
     margin: 0;
     width: 247px;
            

}
.nombre{
            font-family: 'Lato', sans-serif;
            font-size: 30px;
}


.grupo-tipografia {
            font-family: 'Lato', sans-serif;
            font-size: 12px;
            
}
.nivel-titulo{
    font-size: 20px;
    font-weight: 400;
    color:#05B2BC;
    border-bottom: 1px solid; 
}

.clearfix{
        clear: both;
            
}



.materias-posicion {
    float: left;
    margin-left: 10px;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash-situacion-curso {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
0%, 50%, 100% {
    opacity: 1;
  } 
25%, 75% {
    opacity: 0;
  }    
}

.flash-situacion-curso {
    font-size: 14px;
    font-weight: 500;
    color:#05B2BC;
    animation-name: flash-situacion-curso;
    animation-duration: 10s;
    
  
}

/*FOOTER--------------------------------------------------------------------------------------------*/
footer {
    background: #393939;
    width: 100%;
    font-size: 10px; 
    color: #a5a6a8;
    line-height:20px;
    position: relative;
    float: left;
    margin-top: 120px;
    
}
footer a{
    margin: 5px auto;
    padding-left:17px; 
}
.contenedor-footer{
    width:960px;
    height: 60px;
    margin: 10px auto;
}

footer p{
    width: 660px;
    float: left;
    
}
.redes{
    width: 300px;
    height: 100px;
    float: left;
    margin-top: 15px;
}