div#pagina{
    width: 60%;
  margin: auto;
     }
body{
    font-family: 'vollkornregular';
    }
      
/*HEADER*/
div#logo{
    width: 100%;
  padding-right: 0%;
    padding-left: 0%;
    background-color: #96C93C;
    padding-bottom: 6%;
    margin-bottom: 0px;
    text-align: right;
    
}

div#logo img{
    width: 4%;
    padding-right: 0%;
    padding-left: 0%;
    margin-bottom: 0px;
    display: block;
    float: right;
}
div#txtlog{
    width: 96%;
    padding-top: 1%;
    float: right;
    display: block;
    padding-right: 0%;
    padding-left: 0%;
     background-color: #96C93C;
   }
  
div#botonera{
    display: block;
    border-top-color: #6B952B;
    border-top-width: 1.8%;
    border-top-style: solid;
    margin-bottom: 0.0%;
    background-color: #000000;
    margin-top: 0px;
    padding-top: 0px;
    width: 100%;
    float: left;  
    clear: both;
}
nav ul {
    list-style: none;
    width: 100%;
    background-color: #000000;
    margin-left: 0px;
    padding-left: 0%;
    text-align: center;
    clear: both;
    }

.botonera1 li{
    width: 20%;
    height: 10%;
    display:block;
    padding-right: 0%;
    padding-left: 0%;
    padding-top: 2.85%;
    padding-bottom: 2.85%;
    float:left;
    background-color: #000000;
    margin-left: 0px;
    position: relative;
    right: 0rem;*
    }


 
nav ul a {
    color: #ffffff;
    text-decoration: none;
}
nav ul a:hover {
    color:#B5D333;
  }
                                                                                                                               /* fin HEADER*/
                                                                                                                                /*TIPOGRAFIA*/
    @font-face {
    font-family: 'fira_sansregular';
    src: url('fuentes/fira/firasans-regular-webfont.eot');
    src: url('fuentes/fira/firasans-regular-webfont.woff') format('woff'),
         url('fuentes/fira/firasans-regular-webfont.ttf') format('truetype'),
         url('fuentes/fira/firasans-regular-webfont.svg#fira_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'vollkornregular';
    src: url('fuentes/vollkorn/vollkorn-regular-webfont.eot');
    src: url('fuentes/vollkorn/vollkorn-regular-webfont.woff') format('woff'),
         url('fuentes/vollkorn/vollkorn-regular-webfont.ttf') format('truetype'),
         url('fuentes/vollkorn/vollkorn-regular-webfont.svg#vollkornregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'vollkornitalic';
    src: url('fuentes/vollkorn/vollkorn-italic-webfont.eot');
    src: url('fuentes/vollkorn/vollkorn-italic-webfont.woff') format('woff'),
         url('fuentes/vollkorn/vollkorn-italic-webfont.ttf') format('truetype'),
         url('fuentes/vollkorn/vollkorn-italic-webfont.svg#vollkornitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
                                                                                                                                /*fin TIPOGRAFIA*/
                                                                                                                             /*FOOTER*/
div#foot{
    width: 100%;
    background-color: #96C93C;
    font-size: 0.8rem;
    border-top-color: #B5D333;
    border-top-style: solid;
    border-top-width:0.5rem;
    /*margin-top: 5%;*/
    padding-bottom: 0%;
    clear:both;
    margin-bottom: 0px;
    height: auto;
}
div#footiztxt{padding-top: 1%;
    display: block;
    background-color: #2B7C95;
    width: 18%;
    float:left;
    margin-bottom: 0px;
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 0.36%;
    padding-bottom: 2%;
      }
   
div#footerizq img{
    width:6%;
    padding-right: 0%;
    padding-left: 0%;
    margin-bottom: 0px;
    display: block;
    float: left;
}
div#footerizq{
    
}
div#footerder{
    background-color: #96C93C;
    float:left;
    width: 78%;
    margin-bottom: 0px;
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 0.36%;
    padding-bottom: 2%;
}   
.linkfoot{
    text-decoration: none;
    color: #2B7C95;
    }
.linkfoot:hover{
    background-color: #2B7C95;
    color: #3DA5C5;
}
.fira_footer1{
    color: #96C93C;
    font-family: 'fira_sansregular';
}
.fira_footer2{
    color:#2B7C95;
    font-family: 'fira_sansregular';
}                                                                                                                                   /*finFOOTER*/

div#contenido{
    width: 100%;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    float: left;
}
article{
    /*width:100%;*/
    /*margin-bottom: 10%;*/
        /*padding-bottom: 1%;*/
    }  
div#artic{
    background-color: #3DA5C5;
}
                                                                                                                                    /*Article*/
.títuloweb{
    display: block;
    margin-bottom: 0px;
    margin-top: 10rem;
    font-size: 3rem;
    background-color: #000000;
    position: relative;
    left: 0px;
    top: 0px;
}
.h1a{ 
    color:#000000;
    font-family: 'fira_sansregular';
    margin-bottom: 0px;
    margin-top: 0%;
    display:block;
     position: relative;
    padding-top: 0.5%;
    left:0rem;
    margin-left: 0px;
    padding-left: 1%;
}
.columna1{
    width: 22%;
    background-color: #ffffff;
    padding-left: 1%;
    padding-right: 1%;
    border-left-color: #3DA5C5;
    border-left-width: 0.15rem;
    border-left-style: solid;
    float: left;
    margin-right: 0px;
}
.columna2{
    width: 23%;
    background-color: #ffffff;
    float:left;
    padding-left: 1%;
    padding-right: 1%;
    border-left-color: #3DA5C5;
    border-left-width: 0.15rem;
    border-left-style: solid;
    padding-bottom: 6.5%;
        }
article h2{
    font-family: 'fira_sansregular';
    color: #2B7C95;
}
article img{
    width:100%;}
.desc{
    font-family: 'vollkornitalic';
    text-align: center;
    font-size: 0.8rem;
}
.desc2{
    font-family: 'vollkornitalic';
    text-align: center;
    font-size: 0.8rem;
    margin-left: 25%;
    margin-right: 25%;
    border-bottom-color: #000000;
    border-bottom-width: 0.1rem;
    border-bottom-style: solid;
    
    }
article div h2 {text-align: center;}

.columna3{
    background-color: #96C93C;
    width: 21.9%;
    padding-left: 1.5%;
    padding-right: 1%;
    float: left;
    
    margin-bottom: 1%;
}
aside img{
    width:100%;
}
   


                                                                                                            /*indice*/

div#contenidoind {
    background-color: #ffffff;
margin-top: 0%;
    text-align: center;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
h1 {
    margin-top:0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top:0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
}
h2 {
    margin-top:0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top:0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
}
h3 {
    margin-top:0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top:0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
}
.tit1 {
   font-family: 'fira_sansregular';
    color: #3DA5C5;
    font-size: 2rem;
    margin-bottom: 0xp;
    padding-bottom: 0px;
    margin-top: 2%; 
    padding-bottom: -3%;
}
.tit2 {
    background-color: #96C93C;
    color: #000000;
    display: inline-block;
    margin-top: 0px;
       }
    
.tp{
    margin-top: 2%;
    background-color: #f4f4f4;
    clear: both;
    margin-bottom: 2%;
    padding-bottom: 13%;
}
.tpalt{
    margin-top: 2%;
    background-color: #ffffff;
    clear: both;
    margin-bottom: 2%;
    padding-bottom: 13%;
}
.tp1
{float: left;
 display: block;
 margin-right: 2%;
}
.tp1 img {
    width: 8rem;    
}
.tp2 {width: 60%;
    float:left;
}
.tp2 span {
    font-size: 0.8rem;
    text-align: left;
    margin-right: 10%;
}
.pag{
    float: left;
    display: block;
    padding-bottom: 2%;
    margin-left: 3%;
    padding-top: 2%;
    margin-bottom: 2%;
    margin-top: 4%;
    background-color: #B5D333;
    width: 15%;
    text-decoration: none;
    color: #000000;
}
.pag:hover{
    background-color: #2B7C95;
    color: #96C93C;
}
.edit{
    margin-top: 2%;
}
.titulotp {
    font-family: 'fira_sansregular';
    color: #3DA5C5;
    font-size: 1rem;
    margin-bottom: 0xp;
    padding-bottom: 0px;
    margin-top: 1%; 
    text-align: left;    
}                                                                               /*editorial*/
.fotoedit{
    margin-left: 20%;
    margin-right: 1%;
    float: left;
}
    
.fotoedit img{
    width: 10rem;
    
}
.edit2{
    float: left;
    display: block;
    width: 40%;
    background-color: #ffffff; 
    background-image:url(img/foto.jpg);
    padding-left: 1%;
    padding-right: 1%;
    margin-bottom: 10%;
}
.edit3{
   display:block;
    background-color: #B5D333;
    margin-right: 40%;
    margin-top: 10%;
    margin-bottom: 15%;
    width:100%;
    padding-top: 0px;
    padding-bottom: 0px;;
        text-decoration: none;
    color: #000000;
        }
.edit3:hover{
    background-color: #2B7C95;
    color: #96C93C;
}
.edit3 img{
    width:3rem;
    margin-right: 0%;
}
.edit3 span{
    float: right;
    margin-right: 6%;
    margin-top: 6%;
}
                                                                             /*editorial*/
.contalt{
    background-color: #96C93C;
    padding-bottom:50%;
}
.introstaff{
    text-align: left;
    padding-left: 1%;    
    
}
.introstaff h1{
    font-family: 'fira_sansregular';
    color: #ffffff;
    font-size: 2rem;
    margin-top:0px;
    margin-bottom: -1%;
    margin-left: 0px;
    margin-right: 0px;
    padding-top:2%;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
}
.introstaff h2{
   font-family: 'vollkornregular';
    color:#000000;
    margin-top:0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top:0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    text-align: left;
}
.introstaff p{
    width:50%;
    text-align: left;
    margin-bottom: 3%;
}
div#docentes{
    width: 100%;
    padding-bottom: 35%;
    margin-bottom: 1%;
}

div#staff1{
width: 25%;
float:left;
margin-left: 1%;
        border-right-color: #6B952B;
    border-right-width: 0.3rem;
    border-RIGHT-style: solid;
    
    
    
}
div#staff1 p{
margin-bottom: 10%;
    margin-top: 0px;
}

.staff2{
width: 25%;
float:left;
margin-left: 1%;
 border-right-color: #6B952B;
    border-right-width: 0.3rem;
    border-RIGHT-style: solid;
    padding-right: 1%;
    padding-bottom: 1.8%;
         }

.staff2 ul{
    list-style: none;
    margin-left: 0px;
    padding-left: 0px;

}
                                                                    /*GLOSARIO*/
div#introglos{
    text-align: center;
}

div#links{
    background-color: #B5D333;
    padding-left: 1%;
    padding-bottom: 1%;
    margin-top: 2%;
}

div#links img{
    width:4rem;
    margin-right: 4.5%;
        margin-left: 5%;
}
.links2{
    margin-top: 2%;
    padding-left: 1%;
    padding-top: 0px;
    margin-left: 0px;
    width: 24%;
    float: left;
    margin-bottom: 2%;
    
}
.links2 ul{
    list-style: none;
    padding-top: 0px;
    margin-top: 0px;
    margin-left: 0px;
    padding-left: 0px;
}

.links2 ul a{
    text-decoration: none;
    color: #000000;
    display: block;
    width: 30%;
    padding-left: 3%;
    font-size: 0.6rem;
}

.links2 ul a:hover{
    background-color: #2B7C95;
    color: #96C93C;
}
    
                                                            /*alumno*/
    
div#alumno{
    text-align: center;


}

.titu1oalumno{
    font-family: 'fira_sansregular';
    color:#96C93C;
    text-align: left;
    font-size: 1.5rem;    
}
    
.textalumno2 {
        display: block;
    color: #000000;
        margin-top: 0px;
    margin-left: 0px;
    padding-left: 1%;
               }
.alumnocont{
    float: left;
    display: block;
    width: 20%;
    background-color: #ffffff; 
    padding-left: 1%;
    padding-right: 1%;
    margin-bottom: 0%;
}
.datos{
    margin-top: 5%;
    text-align: left;
    background-color: #96C93C;    
    
}
.datos ul{
    list-style: none;
}
div#vertp{
    clear: both;
    background-color: #B5D333;
    color: #96C93C;
    width: 60%;
    margin-left: 20%;
    margin-top: 5%;
    margin-bottom: 2%;
    padding-top: 2%;
    padding-bottom: 2%;
    color: #000000;
    
}
.tplinkind{
    text-decoration: none;
    display: block;
}

div#contenidoal{
    width: 100%;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}



@media all and (min-width:0px) and (max-width:699px){
    body{
        background-color: #6B952B;
    }
    div#pagina{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }
        div#botonera{
        text-align: center;
        padding-bottom: 2%;
    }
    div#botonera ul{
        width: 100%;
    }

    .botonera1 li{
        left: 0px;
        clear: both;
               width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }

         div#footiztxt{
             width: 100%;
            text-align: center;
            padding-top: 0.5%;
            padding-bottom: 0.5%;
            padding-left: 0px;
            padding-right: 0px;
            
    }
     div#footerder{
             width: 100%;
            text-align: center;
          padding-top: 0.5%;
            padding-bottom: 0.5%;
            padding-left: 0px;
            padding-right: 0px;
     }
         div#foot{
             background-color: #96C93C;
         }
.columna1{
    width: 97%;
    text-align: left;
    align-content: center;
    clear: both;
    border-bottom-color: #96C93C;
    border-bottom-width: 1.8%;
    border-bottom-style: solid;
    margin-bottom: 5%;
}
.columna2{
    width:97%;
    text-align: left;
    align-content: center;
    clear: both;
    border-bottom-color: #96C93C;
    border-bottom-width: 1.8%;
    border-bottom-style: solid;
    margin-bottom: 5%;
}
.columna3{
    width: 97%;
    clear: both;
        padding-top: 1%;
    text-align: left;
}
.columna1 img{
    align-content: center;
}
    .columna2 img{
    align-content: center;
}
    .columna3 img{
    align-content: center;
}
    
.tp2 span{
    text-align: right;
}
.pag{
        width: 68%;
        float: right;
        clear: both;
    margin-top: 5%;
    margin-bottom: 10%;
    
           }
    .desc2{
        width: 80%;
        margin-left: 5%;
        padding-left: 5%;
        
    }
    .tpalt a{
        text-align: center;
        
        text-decoration: none;
    }
    .tp a{
        text-align: center;
        text-decoration: none;
    }
    div#contenidoind{
        text-align: left;
    }
    div#contenidoind h1{
        text-align: center;
    }
     div#contenidoind h2{
        text-align: center;
    }
    .tit2{
        width: 60%;
        margin-left: 20%;
    }
    
    div#tps{
        padding-bottom: 40%;
        margin-bottom: 5%;
    }
    .fotoedit{
        margin-left: 0px;
        margin-left: 0px;
        padding-right: 0px;
        
    }
    .edit2{
        float: right;
        width: 58%;
        
    }
    .edit3{
        width: 100%;
        
    }
    
    .introstaff p{
        width: 80%;
        }
    
    .introstaff{
        padding-bottom: 0%;
        margin-bottom: 0%;
    }
    div#docentes{
        padding-bottom: 100%;
        width: 100%;
    }
    div#staff1{
        width:30%;
        margin-left: 2%;
        }
    .staff2{
        width: 30%;
    }
    .fondoglos{
        background-color: #ffffff;
        padding-bottom: 55%;
        margin-bottom: 5%;
    }
    
}
    
    @media all and (min-width:700px) and (max-width:1000px){
    
    div#pagina{
        width: 80%;
        margin-left:10%;
        margin-right: 0px;
    }
        div#footiztxt{
             width: 100%;
            text-align: center;
            padding-top: 0.5%;
            padding-bottom: 0.5%;
            padding-left: 0px;
            padding-right: 0px;
            
    }
     div#footerder{
             width: 100%;
            text-align: center;
          padding-top: 0.5%;
            padding-bottom: 0.5%;
            padding-left: 0px;
            padding-right: 0px;
     }
         div#foot{
             background-color: #96C93C;
         }
        .edit3{
        width: 100%;}
                      
    }
