@charset: "utf=8";

* {box-sizing: border-box;

}

body {margin: 0;
      font-family: ubuntu, sans-serif;
      
}

a {text-decoration: none;

}

ul {list-style: none;
    margin: 0;
    padding: 0;
}

header {background-color: #d9c6a5;
        padding: 1em;        
        margin-bottom: 1em;
        margin: auto;
}


#logodgpc {width: 7em;
           border-style: solid;
                      
}

header div    {display: flex;
              justify-content:space-between;
              align-items: center;
}

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


header nav ul {display: flex; 
               flex-wrap: wrap;
}

header nav ul li {display: flex;
                  height: 1.5em;
                  margin-left: 1em;
                  margin-bottom: .3em;
}

header nav ul li a {text-decoration: none;
            color: #056676;
            font-weight: bold;
            font-variant: small-caps;
            border-radius: .25em;
            background-color:#a3d2ca;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: .5em;        
            
}

header nav ul li a:hover {background-color: #f7e7bd;

} 

main {background-color: #f7e7bd;
      padding: 1em;
}


h2 {color: #056676;
    background-color: #d9c6a5;
    text-align: center;
    font-variant: small-caps;
}

h3 {color: #056676;
}   

#mifoto {max-width: 100%;
        border-style: solid;
            
}

main div p {font-style: italic;
            color: #056676;
            text-align: center
}

.contenedorayo {display: flex;
                flex-direction: column;
                align-items: center;
}

.materias {display: flex;
           align-content: center; 
            justify-content: center;
}

.materias1 {margin-right: 2em;

}


.contenedorbocetos {display: flex;
                    flex-direction: column;
                    text-align: center;

} 

.contenedorbocetosa {display: flex;               
                    justify-content:space-evenly;
                    
}
    

/*  a35d6a (purpura)
    a3d2ca (celeste viejo)
    056676 (celeste fuerte)
    f7e7bd (rosa claro)
    d9c6a5 (gris)
*/

main nav ul li a {color: #056676;
                                      
}

main div ul li a {color: #056676;
                  background-color: white;         
                  padding: .25em;
                  display: block;
}


.grupo {display: flex;
        justify-content: space-around;
        text-align: center;
} 

.grupo img {border-style: solid;

}

.companeras {width: 30%;

}


.academicos {display: flex;
            flex-wrap: wrap;
            margin: 0 0 2em;
}

.academicos img {margin: 0 2em 0 0;
                width: 12em;
}


footer {background-color: #d9c6a5;
        padding: 1em;
        margin-top: 1em;
        text-align:center;
        color: #056676;
        font-weight: 200;
        font-size: 0.8em;
}