/* header */

* { box-sizing: border-box; }

.contenedor{
    margin: 0 auto;
    max-width: 50em;
    
    
     
}


header .contenedor{
    font-family: sans-serif;
    background-color: #99cc33;
    max-width: 50em;
    padding: 10px;
    margin: auto;
    
    display: flex;
    justify-content:space-between;
    align-items:center;
  
    
}  

div{
    display: block
}


    


header ul li{
    
    margin-left: 3px;
    width: 4em;
    height: 2em;
    background-color: #339933;
    text-align: center;
    font-size: 14px; 
    border-radius: .20em; 
    display: flex;
    
    
    
    }

li{
    display: list-item;
    
}

header ul{
    list-style: none;
    display: flex;
     flex-wrap: wrap;
        
        
        
    
 
    
        
        
        
    
}

header ul li a {
    width: 100%;
    height: 100%;
    font-size: 12px;
    background-color: #339933;
    color:black;
    display: flex;
    justify-content: center;
    align-items: center;
    
}



#logo{
    background-color: white;
    border-radius: .35em;
    margin: 10px;
    padding: .35em;
    width: 6em;
    display: block;
}
    



    
/* main */

 h1{
    text-align: center;
     font-family: sans-serif;
     font-size: 35px;
     max-width: 50em;
}
.somos{
    background-color: #ccff33;
    font-family: sans-serif;
    max-width:50em;
    margin: auto;
    padding: 10px;
    
    
    
    
}

.somos h2{
    text-align: center;
    font-size: 16;
    color: black;
}

.somos h3{
    text-align: center;
    font-size: 18;
    
    
}


.contenedora h1{ 
    text-align: center;
    font-size:24px;
}

.contenedora h3{ 
text-align: center}
.contenedora p{ 
text-align: center;
font-size: 16px;

}
.contenedora{
    background-color:white;
    max-width: 50em;
    margin: auto;
    font-family: sans-serif;
    font-size: 12px;
    padding: 10px;
    
    
        
    }

.grupo h2{
    text-align: center;
    font-size: 18px;
    
    
}
.grupo{
    background-color: #ccff33; 
    margin: 10px;
    font-family: sans-serif;
    font-size: 12px;
    margin: auto;
    padding: 10px;
    max-width: 50em;
        
    }
.grupo ol {
    
    display: flex;
    flex-wrap: wrap-reverse;
    justify-content: space-around
        
}

.grupo img {
    border: solid .8em #339933;
    border-radius: 50%; 
    
    
}
li, ul, ol{
    list-style: none;
    padding: 1em;
}     
    .video{
    padding: 1em;
         width: 100%;
         height: auto;
         
         
        }

         
         
         
.academicos h2{
    text-align: center;
    
}
.academicos{
    background-color: #999999;
    margin: 10px;
    font-family: sans-serif;
    font-size: 10px;
    padding: 10px;
    margin: auto;
    max-width: 60em;
    max-height: ;
    display:flex;
    flex-direction: column;
    
    }

.academicos img {
    background-color: white;
    border: solid .10em white;
    border-radius: 10px;
    padding: 1em;
    max-width: 100%;
}




.academicos div {
    font-size: 9px;
    margin: 20px;
    
    
    }

.academicos ul li a{
    display: flex;
    flex-direction: row;

    
    
}
compras {
    width: 100%;
    height: 100%;
    font-size: 12px;
    background-color: #339933;
    color:black;
    display: flex;
    justify-content: center;
    align-items: center;
    
}

/* footer */




.pie{
    text-align: center;
    font-family: sans-serif;
    font-size: 8px;
    max-width: 50em;
    margin: auto;
    padding: 10px;
}
    


}