@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,500&subset=latin,latin-ext);
@media screen and (min-width:20em) {
    
*{
    font-family: "Roboto", sans-serif;
    text-decoration: none;
    text-align: center;
    box-sizing:padding-box;
    box-sizing: border-box;
    list-style: none;
    }
    
body {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    }
    
    
    h4 {
        width: 250px;
        margin-left: 50px;
        
    }    
    
 p{
   font-weight: 300;
   font-style: italic;
     margin-top: 0.5em;
   }

header {
    display: inline-flex;
    text-align: center;
    background-color: #b7aa92;
    margin:-0.5em;
    padding-bottom: 0.5em;
    }
    
.reg{
    font-size: 0.7em;
    color: white;
    margin-top: -1.5em;
    text-align: right;
    margin-right: 1.5em;
    }
    
#logo{
        justify-content: flex-start;
        padding-right: 0.5em;
        padding-left: 0.5em;
        }

.registro {
    display: flex;  
    justify-content: flex-end;
    padding-right: 1em;
    padding-left: 2em;
    color:white;
    font-size: 1em;
}

nav {
    margin-left: -0.5em;
    padding: 0.3em;
    margin-right: -0.5em;
    padding-right: 1em;
    background-color: black;
    display: inline-flex;
    justify-content:space-between;
}
    
H1{
   font-size: 2em;     
    Color:rgb(217, 97, 82);
    text-align: left;
    }
    
.fecha{
    display: flex;  
    justify-content: flex-start;
    background-color:  #dd4b4b;
    border-radius: 0.5em;
    padding-left: 1em;
    
    }
    
.fechapa{
    display: flex;  
    justify-content: flex-start;
    background-color:#78797e;
    border-radius: 0.5em;
    padding-left: 1em;
    }
   
.numgrande{
    font-size: 5em;
    text-align: center;
    margin-top: -0.1em;
    color:white; 
    }  
    

    
.dia{
    margin-top: -8.5em;
    font-size: 0.7em;
    color: white;
    } 
    
.entrega{
        margin-left: 2em;
        text-align: left;
        color: white;
         }
   
.entregasrec{
    font-size: 1.5em;
    margin-top: 0.3em;
    font-variant: small-caps;
    text-align: left;
    }  
    
 .catedrasrec{
   text-align: left;
   margin-top: -2.2em;
    }
    
.tp{
    font-size: 0.7em;
    text-align: left;
    margin-top: -1.8em;
    }
    
.numero{
    display: flex;
    font-size: 5em;
    text-align: center;
    margin-top: -1.3em;
    color:white;
    margin-left: -0.2em;
    }
    
.prof{
    font-size: 0.6em;
    text-align: left;
    margin-top: -1.1em;
    font-style: normal;
    }
    
.doble{
    text-align: left;
    margin-left: -0.1em;
    }
    
.parcial{
      text-align: left;
       color: white; 
    }
    
    
.dias{
    margin-left:-1em;
    margin-top: -10em;
    font-size: 0.7em;
    color: white;
    }
    
.logo{
     justify-content: center;
     display: inline-flex;
     justify-content:space-between;
     align-items: center;
     margin-top: -1em;
      }
    
.total25{
    color:#b7aa92; 
    text-align: left;
    justify-content: left;
    font-size: 1em;
    margin-left: 1.5em;
    }
    
    
.termometro{
    margin-top: -0.1em;
    color:#454545;
    text-align: left;
    font-size: 1.5em;
     }
    
 .porcentajefadu{
        margin-left: 0.5em;
        color: rgb(217, 97, 82);
        font-size: 1.5em;
        margin-right: em;
        }
    
.niveles{
    margin-left: -0.5em;
    padding: 0.3em;
    margin-right: -0.5em;
    margin-top: -3em;
    padding-right: 1em;
    display: inline-flex;
    justify-content:space-between;
    align-items: center;
        }
    
.linea{
        background-color: #b7aa92;
        padding: 10px;
        padding-left: 5em;
        padding-right: 5em;
        margin-left: -1em;
        margin-right: -1em;
    }
    
.linea1{
        background-color: rgb(217, 97, 82);
        padding: 10px;
        padding-left: 5em;
        padding-right: 5em;
        margin-left: -1em;
        margin-right: -2em;
    }
    
.uno{
        background-color: rgb(217, 97, 82);
        color: white;
        padding:8 15 8 15;
        border-radius: 90%;
        font-size: 1em;
         font-style: normal;
        font-weight: 800;
        }
    
.dos{
        background-color: #b7aa92;
        color: white;
        padding: 8 15 8 15;
        border-radius: 90%;
        font-size: 1.5em;
        font-style: normal;
        font-weight: 800;
    }
    
 .tres{
        background-color: #b7aa92;
        color: white;
        padding: 8 15 8 15;
        border-radius: 90%;
        font-size: 2em;
        font-style: normal;
        font-weight: 800;
    }
    
.separacion{
    padding-right: 1em;
    display: inline-flex;
    justify-content:space-between;
    align-items: center;
    align-content: left;
    margin-top: -1em;
    }
    
.cuatro{
    display: inline-flex;
    justify-content:space-between;
    align-items: center;
    align-content: flex-start;
    margin-right: 2em;
    }
    
.materias{
    justify-content: left;
    font-size: 1em;
    color: rgb(217, 97, 82);
    }
    
.ver{
        background-color: black;
        padding: 0.5em;
        color: white;
        border-radius: 0.5em;
    }
    
.o{
    font-size: 0.8em;
    margin-bottom: 0.1em;
    margin-top: 2em;
    }
    
.usuariaapp{
        color: #ea3514;
        font-size: 0.9em;
        text-align: left;
        margin-bottom: 0.1em;
    }
   
#submit{
        background-color: #d91010;
        color: white;
        font-size: 1em;
        padding-left: 5em;
        padding-right: 5em;
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        margin-top: 1.8em;
        border-radius: 0.5em;
         }
    
.completar{
        background-color: #b7aa92;
        color:white;
        text-align: center;
        font-size: 1em;
        border-radius: 0.5em;
        padding-left: 5em;
         } 
   
    
.face{
        width: 1em;
        height: 1.5em;
        background-color: black;
        margin-left: 1em;
    }
    
.usuario{
   
     width: 15em;
     margin-left: 3.3em;
     }
    
.blanco{
        background-color: black;
    }
    
.login{
        justify-content:center;
        background-color: #050505;
        border-radius: 0.5em;
        color: white;
        display: flex;
        margin-left:5em;
        margin-right: 5em;
        align-items: center;
    }
    
.separacion20{
    padding-right: 1em;
    display: inline-flex;
    justify-content:flex-start;
    align-items: center;
    margin-top: -1em;
    }
    
.ver20{
   background-color: black;
   padding: 0.4em;
   color: white;
   border-radius: 0.5em;
   font-size: 0.8em;
   margin-left: 0.5em;
    margin-bottom: 2em;
    }
    
.julio{
    font-size: 2em;
    color: rgb(217, 97, 82);
    margin-bottom:0.5em;
    align-items:baseline;
     margin-top: 0.3em;
    }
    
.logo1{
     justify-content: center;
     display: inline-flex;
     justify-content:space-between;
     align-items:center;
     margin-bottom: -1em;
   
    }
   
    
    
.sem1{
    color: black;
    padding-right: 1em;
    display: inline-flex;
    justify-content:flex-end;
    align-items: center;
    margin-top: -1em; 
    background-color: #b7aa92;
    color:black;
    }
    
.num{
    color: black;
    display:flex;
    flex-grow: 2;
    padding-left: 0.5em;
    margin-bottom: -0.3em;
    font-weight: 200;
    
    }
    
.numva{
    display:flex;
    flex-grow: 2;
    padding-left: 0.5em;
    color:#b7aa92; 
    }
    
.numcol{
    background-color:#d6774d;
    display:flex;
    flex-grow: 2;
    padding-left: 0.5em;
    color: white
    }
    

    
.numcolor{
    background-color:#dd4b4b;
    display:flex;
    flex-grow: 2;
    padding-left: 0.5em;
    color:white;
    }
    
 .sem{
    padding-right: 2em;
    display: inline-flex;
    justify-content:flex-end;
    align-items: center;
    background-color: #b7aa92; 
    color: white;
    font-size: 0.8em; 
   }

    
.fechapatria{
    display: flex;  
    justify-content:center;
    background-color: #b7aa92;
    border-radius: 0.5em;
    padding-bottom: 1em;  
    margin: 0 20 0 20;
    }
    
.numero14{
   font-size: 5em;
    text-align: c;
    margin-top: -0.1em;
    color:white;
    }
    
.diajueves{
    margin-top: -8.5em;
    font-size: 0.7em;
    color: white;
    font-style: normal;
    text-align: center;
    } 

.categoriafecha{
       margin-left: 0.5em;
        text-align: c;
        font-size: 1.2em;
       }
    
.catedrafecha{
   text-align: c;    
  margin-top: 0.5em;
    }

.formu{
        margin-top: -1.5em;
        text-align: center;
    }
    
.alarma{
    display: flex;  
   align-items: center;        
    margin-top: -1em;
  }

    
.verboton{
        background-color: black;
        padding: 0.5em;
        color: white;
        border-radius: 0.5em;
        }
    
.mas{
        margin:  20  20;
        padding: 0.2em;
        color: white;
        border-radius: 0.5em;
        }
    
.agregar{
         display: flex;  
         align-items: center; 
         justify-content:center;
        }
.masfecha{
        background-color: #454545;
        margin:  20  20;
        padding: 0.2em;
        color: white;
        border-radius: 0.5em;
        }
    
.entregasrec1{
    font-size: 1em;
    margin-top: -1em;
    text-align: left;
    margin-bottom: 1.8em;
    color: #b7aa92;
    }
    
.catedrasrec1{
    text-align: left;
   margin-top: -2em;
   color: #b7aa92;
font-weight: 50;
    } 
    
.fechacampana{
     display: flex;
    flex-wrap: wrap;
   }
    
.fechainteriorcampana{
    display: block;  
    justify-content: center;
    text-align: center;
    background-color:  #dd4b4b;
    border-radius: 0.5em;
    padding-left: 1.5em;
    padding-bottom: 0.1em;
    padding-right: 1em;
    margin-right: 1em;
    }

    
.diascampana{
        text-align: le;
        margin-top: -6.8em;
    color: white;
    margin-bottom: -0.5em;
    }
    
   
.entregascampana1{
    font-size: 1.2em;
    margin-top: 0.3em;
    font-variant: small-caps;
    text-align: center;
    }  
    
 .catedrasreccampana{
   text-align: center;
   margin-top: -2.2em;
    }
     
.doble{
    text-align: center;
    margin-left: 0em;
    }
    
.parcialcampana{
      text-align: left;
       color: white; 
    }
    
.fechainteriorcampana1{
    display: block;  
    justify-content: center;
    text-align: center;
    background-color: #777777;
    border-radius: 0.5em;
    padding-left: 1.5em;
    padding-bottom: 0.1em;
    padding-right: 1em;
    margin-right: 1em;
    margin-top: 1em;
    }