body { font-size: 16px;
        background: url(img/manchas4.png) no-repeat center 250px;
       
}

.pagina { max-width: 960px;
          margin: auto;
}

header { background: rgb(145, 198, 231);
        width: 100%;
        height: 170px;
}
 
nav { width: 100%;
      height: 50px;
}

nav li {height: 28px;
        float: left;
        margin:0 0 0 6% ;
        font-family:"Arial" ;
        font-size: 0.8rem;
        padding-top: 12px;
        text-align: center;    
        color: #000;
        list-style: none;
}

nav a li:hover { color: rgb(145, 198, 231);
                 font-size: 0.8rem;
                 font-weight: bold;
}

main {width: 100%;
     height: 725px;
} 

section {width: 100%;
        height: 708px;
       
}

article {width: 940px;
        height: 360px;
        margin-left: 10px;
        margin-top: 10px;
}

footer { background: rgba(145, 198, 231, 0.37);
         width: 100%;
         height: 50px;
         font-family: sans-serif;
         text-align: center;
         font-size: 0.60rem;
         padding: 20px 20px 0px 20px;
         
        
}

.logoroldan { width: 10%;
              padding: 33px;
                  
}

.col1 {width: 300px;
       height: 360px;
       margin-right: 12px;
       float: left;
}

.ilus1 { width: 90%;
        height: auto;
         padding: 10px 0px 0px 30px;
}

.col2 {width: 300px;
       height: 360px;
     margin-right: 12px;
    float: left;
}

.ilus2 { width: 83%;
        height: auto;
        padding: 10px 0px 0px 30px;
}    

.col3 {width: 300px;
       height: 360px;
     margin-right: 12px;
    float: left;
}

.ilus3 { width: 60%;
        height: auto;
         padding: 10px 0px 0px 30px;
}

.col4 {width: 220px;
       height: 325px;
     margin-right: 12px;
    float: left;
}

.ilus4 { width: 70%;
        height: auto;
         padding: 20px 0px 0px 30px;
}

.col5 {width: 220px;
       height: 325px;
     margin-right: 12px;
    float: left;
}

.ilus5 { width: 60%;
        height: auto;
         padding: 20px 0px 0px 30px;
}

.col6 {width: 220px;
       height: 325px;
     margin-right: 12px;
    float: left;
}

.ilus6 { width: 80%;
        height: auto;
         padding: 20px 0px 0px 30px;
}

.col7 {width: 220px;
       height: 325px;
     margin-right: 12px;
    float: left;
}

.ilus7 { width: 70%;
        height: auto;
         padding: 20px 0px 0px 30px;
}

h3 { font-size: 0.85rem;
      font-family: sans-serif;
      padding: 20px 0px 0px 30px;
      margin: 0;
        
} 

p { font-size: 0.80rem;
      font-family: sans-serif;
      margin: 0;
    padding: 5px 0px 0px 30px;
}


/* docentes.................................*/

main {width: 100%;
     height: 800px;
} 

section {width: 100%;
        height: 740px;
           
}

article {width: 940px;
        height: 245px;
        }

footer { background: rgba(145, 198, 231, 0.37);
         width: 100%;
         height: 50px;
         font-family: sans-serif;
         text-align: center;
         font-size: 0.60rem;
         padding: 20px 20px 0px 20px;
         
}

.listadocente { width: 100%;
                height: 245px;
                            
}

.doc1{ width: 20%;
       height: auto;
       margin: 10px 5px 0 25px;
       padding: 10px 10px 0 10px;
}

.doc2{ width: 20%;
       height: auto;
      margin: 10px 5px 0 25px;
       padding: 10px 10px 0 10px;
}

.doc3{ width: 20%;
       height: auto;
       margin: 10px 5px 0 25px;
       padding: 10px 10px 0 10px;
}

.doc4{ width: 15%;
       height: auto;
       margin: 10px 5px 0 25px;
       padding: 10px 10px 0 10px;
}

.perfildocente { width: 20%;
                height: 250px;
                float: left;
                margin-top: 3%;
}

 .doc5 { width: 75%;
       height: auto;
       margin-left: 30px;
       margin-top: 12px;      
}
 
.detalledocente {width: 80%;
                height: 490px;
                float: left;
    margin-top: 3%;
}

h1 {  font-family: sans-serif;
      padding: 20px 0px 0px 30px;
      margin: 0;
      font-size: 0.9rem;
} 

p {  font-size: 0.80rem;
      font-family: sans-serif;
      padding: 20px 0px 0px 30px;
      margin: 0;
}

.bio1{ width: 15%;
       height: auto;
       margin: 10px 5px 0 12px;
      padding: 10px 5px 0 10px;
            
}

.bio2{ width: 15%;
       height: auto;
     margin: 10px 5px 0 12px;
      padding: 10px 5px 0 10px;
                        
}

.bio3{ width: 15%;
       height: auto;
     margin: 10px 5px 0 12px;
      padding: 10px 5px 0 10px;
                        
}

.bio4{ width: 15%;
       height: auto;
         margin: 10px 5px 0 12px;
      padding: 10px 5px 0 10px;
                
}

h2 { font-family: sans-serif;
     font-size: 0.80rem;
      padding: 20px 0px 0px 30px;
      margin: 0;
}