*{
    margin: 0;
    padding: 0;
    font-family: "Lora", serif;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

/*Body*/

body{
    background-color: #c7c5c5;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

main{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}


/*Header*/

header{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    background-color:#404040;
}

header ul{
    list-style: none;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

header ul li{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
        align-content: center;
    height: 3em;   
}

header ul li a{
    width: 100%;
    height: 100%;
    color:#c7c5c5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

h1{
    color:floralwhite;
    background-color:#404040;
    padding: .1em .2em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-top: solid;
    border-top-color: #c7c5c5;
}

.perfil{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #252525
}

.perfil img{
    width: 10em;
    margin: 5em;
    border-radius:  50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: solid;
    border-color: #404040;
    
}

a{
    text-decoration: none;
    font-weight: 700;
    color: black;
    padding: .2em .5em;
}

.comitente{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-top: solid;
    border-color: #c7c5c5;
    
}

.comitente h2{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #404040;
    color: white;
    padding:.3em;
}

.comitente p{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin: .5em 7em;
    font-size: .9em;
    text-align: center;
}

.aprobado{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    margin: 3em 0em 1em
}

.cursada{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;   
    -ms-flex-line-pack: center;   
        align-content: center;
    margin: 2em 6em;
    text-align: left;
}

.materias{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.cursada ul{
    list-style: none;
    margin-bottom: 1em;
}

.año1{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.año2{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.año3{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.mockup img{
    max-width: 100%;
    height: auto;
}

.pertenencia{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 1em .5em;
}

.pertenencia p{
    font-size: .8em;
    margin-top: .3em;
}

.pertenencia h3{
    font-weight: 700;
    padding: 1em 0em 0em;
    font-size: 1em;
    margin-top: .5em;
}

.bold{
    font-weight: 700;
}

/*Footer*/

footer{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    color: white;
    background-color:#404040;
    border-radius: 1em;
    font-size: .7em;
    padding: 1em 1em;
    margin: 2em 1em .5em;
    text-align: center;
}

.legales{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    margin-top: 1em;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}