h1{color : #FFFFFF; 
   font-family: monospace; 
   text-align: right;
    padding: 1rem ;}

h2 {; 
    font-family: monospace; 
    text-align: left;
    color:#0097C9;
    font-size: 24;
}
        

h3 {font-family: monospace; 
    font-size: 20;
    color: #D7D8DA;
}

.nivel {font-family: monospace; 
    font-size: 18;
    font-weight: bold;
    color: #D7D8DA;
    padding: 2rem 0rem 0rem 0rem;
        }



p  {font-family: monospace; 
    font-size: 16;
color:#FFFFFF
}

footer {font-size: 11; 
        font-family: monospace; 
        color: #0097C9; 
        text-align: center;
        padding: 3rem 3rem 0rem 3rem;
        margin: 1rem 0rem 0rem 0rem;
}

#listmaterias {
    float: none;
    list-style-type: none;
    text-align: left;
}

#navegacion {
    float: left;
    list-style-type: none;
    text-align: left;
    font-family: monospace;*/
    color: #FFFFFF;
    font-size: 35;
}

.materia{
    font-family: monospace;
    color: #FFFFFF;
    font-size: 15;
    
}

.link{
    font-family: monospace;
    color: #FFFFFF;
    font-size: 15;
}

.VN {
    font-family: monospace;
    color: #FFFFFF;
    font-size: x-large;
    text-align: center;
    margin: 0rem 0rem 3rem 0rem;
    display: block;
}
/*
nav{
    max-width: 40%;
	min-width: 220px;  
	padding: 0.5rem;
	
}*/
   

/*
nav ul {
    list-style-type: none;
    text-align: left;
    
 
 }

*/nav ul li a {

    text-decoration: none;
    font-family: monospace;
    color: #FFFFFF;
    font-size: 15;
    
}

html, body { height: 100%; }
    
.link{
    float:left;
    display: block;
    /*padding: 0rem 0.5rem 0rem 0.5rem;*/
    padding: 0.5rem 1rem;
    text-decoration: none;
    
}



#footer {
    position:absolute;
     }


#pantalla1 {
background-color: #423F40;
  height: 48rem;
  /*left: 20%;*/
  position: relative;
  /*overflow: hidden;*/
   /* top: 20%;*/
  width: 2rem;
  /*padding: 2rem;*/
    color: #FFFFFF;
    font-family: monospace;
    
}

#pantalla2 {
  background-color: #423F40;
  height: 48rem;
  /*left: 20%;*/
  position: relative;
  /*overflow: hidden;*/
   /* top: 20%;*/
  width: 75%;
  /*padding: 2rem;*/
    color: #FFFFFF;
    font-family: monospace;
}

#pantalla3 {
  background-color: #423F40;
  color: #FFFFFF;
  font-family: monospace;
  height: 100%;
    padding: 2rem;
}

#texto {
    padding: 2rem;
    height: 100%;
}


.imagenindex {
    padding: 2rem 0rem;
            
}

.div2 {
    background-color: #423F40
}


#general {
    background-color: cornflowerblue;
    width: 98rem;
    height: 46rem;
}

#superior1 {
    width: 80%;
    height: 3rem;
    background-color: black;
    float: right;
    
    
}

#superior2 {
    width: 20%;
    height: 3rem;
    background-color: #423F40;
    float: left;
    position: relative;
    
}
#pantallab {
    width: 20%;
    height: 100%;
    background-color: black;
    float: left;
    position: relative;
    
    
}

#pantallaa {
    width: 80%;
    height: 100%;
    background-color: #423F40;
  float: right;
    
}

#main {
    
    width: 90%; 
    margin: 0 auto 0 auto;

   }