* {

    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    list-style: none;
    

}

/*----------INDEX-------*/

body {
    background-color:antiquewhite;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100vh;
}

img {
    max-width: 100%;
}

header {
    background-color:darksalmon;
    margin: 0em;
    padding: .3em;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-content: flex-end;
    text-align: right;
}

header ul li {
    list-style: none;
    padding: .6em;
    margin: .3em 1em 1em 1em;
    margin-bottom: 0em;
    font-size: 0.9em;
    color: #425657;
    justify-content: flex-end;
    text-align:center;
}


a {
    color:white
}


header a:hover {
    background-color: white;
    color:brown;
    padding: .85em;
}

.menu {
    display: flex;
    flex-direction: row;
    align-content: center;
    margin: 0 1em 0 1em;
}

.encabezado {
    list-style: none;
    padding: 1em 1em 0 1em; 
    margin: 0em 0em 0em 0em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    align-content: center;
    text-align: center;
 }


#avatar {
    width: 80%;
    border-radius: 100em;
    border: 0.2em;
    border-color:darksalmon;
    border-style: solid;
    margin: 0em 0em 0em 0em;

}

#perfil {
    background-color:darksalmon;
    font-size: 1.4em;
    color: white;
    margin: .5em 0em .5em 0em;
    padding: .5em 1em .5em 1em;
    font-family: 'Roboto', sans-serif;
    font-weight: lighter;
    font-stretch: condensed;
    line-height: 1.2em;
}

.links {
    list-style: none;
    filter: grayscale();
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    margin: .5em 0 .5em 0; 
    padding: 0;
   
}


.links img {
    width: 2em;
    margin: 0 1em 0 1em;
}


.milink {
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    }

.milink li {
    background-color:darksalmon;
    margin: .5em .5em 0 .5em;
    padding: .5em 1em .5em 1em;


}

milink li a:hover {
    background-color: white;
    color: darksalmon;
    padding: .7em .7em .7em .7em;


}


h4 {
    list-style: none;
    font-size: 1.2em;
    padding: 0em 0em .3em 0em;
    margin: 1.5em 1em 1em 1em;
    color: darksalmon;
    text-align: left;
    font-weight: 100;
    border-bottom: .07em;
    border-bottom-color: darksalmon;
    border-style: solid;
}

h3 {

    font-size: 1em;
    color: white;
    text-align: left;
    margin: 0em 0em .5em 0em;
    border-bottom: .07em;
    border-bottom-color: white;
    border-style: solid;
}

.materias {
    list-style: none;
    display: flex;
    flex-direction: column;
    font-size: 1em;

}

h6 {
    list-style: none;
    font-size: 1em;
    margin: .8em 0em 0em 0em;
    font-weight: 100;
    text-align: left;

}

.niveluno {
    background-color:darksalmon;
    margin: 0em 1em 1em 1em;
    padding: 1em;
    width: 18em;
}


.niveldos {
    background-color:darksalmon;
    margin: 0em 1em 1em 1em;
    padding: 1em;
    width: 18em;
}


#equipo {
    background-color: darksalmon;
    padding: 1em;
    margin: 0em 1em 1em 1em;
    list-style: none;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    font-size: 1em;
    text-align: center;
}


.fotoequipo {
    filter: grayscale();
    border-radius: 100em;
    border: .2em;
    border-style: solid;
    border-color:antiquewhite;
    height: 9em;
    margin: .5em 1em 0em 1em;
}

.pequipo {
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: .9em;
    font-weight: lighter;
    margin-bottom: .7em;

}


#datosacademicos {
    list-style: none;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: space-evenly;
    flex-wrap: wrap;
    font-size: 1em;
    margin: 1em;
  text-align: center;
}


h5 {
    list-style: none;
    font-size: .8em;
    font-weight: bold;
    text-align: left;
    margin: 0em 0em .5em 1.2em;
    text-align: left;
}

.pacademica {
    list-style: none;
    text-align: center;
    font-size: .8em;
    text-align: left;
    margin: 0em 0em 0em 1.2em;
}

#imgacademica {
    max-width: 100%;
max-height: 2.6em;

}


#uba {
    list-style: none;
    border: .08em;
    border-style: solid;
    border-color: darksalmon;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin: 0em 0em 0em 0em;
    padding: 1em;
}


#fadu {
    list-style: none;
    border: .08em;
    border-style: solid;
    border-color: darksalmon;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin: 1em 0 0em 0;
    padding: 1em;
}


#dgpc {
    list-style: none;
    border: .08em;
    border-style: solid;
    border-color: darksalmon;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
     margin: 1em 0em 2em 0em;
    padding: 1em;
}

footer {
    background-color: darksalmon;
    padding: 2.5em;
    font-size: 0.7em;
    margin: 0em 0em 0em 0em;
}



footer{
    align-self: flex-end;
    
}




/*----------PLAN-------*/




.miplan {
    list-style: none;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-content: space-evenly;

}


#h1plan {
    border: .08em;
    border-bottom-style: solid;
    border-bottom-color: darksalmon;
    font-size: 1.6em;
    color: #649b9d;
    margin: 0em 1em 1em 1em;
    font-family: opensans, sans-serif;
    font-weight: lighter;
    font-size: 1.4em;

}

.planmain {
    background-color: #deebea;
    margin: 0em 1em 1em 1em;
    padding: 1em;
    list-style: none;
    font-size: 1em;
    margin: .8em 1em 1em 1em;
    box-sizing: border-box;
}



.cuerpoplan {
    list-style: none;
    display: flex;
    flex-direction: column;
    font-size: 1em;
    margin: 0em;
    padding: 0em;

}

h7 {
    list-style: none;
    font-size: 1;
    padding: 1em;
    color: #649b9d;
    text-align: left;
    font-weight: bold;
    align-self: flex-start;
}

.funcionesprincipales {
    list-style: none;
    background-color: #bbe0dc;
    margin: 0em 0 1em 0;
    padding: .6em 1em .6em 1em;
    max-width: 100%
}

.usuario {
    list-style: none;
    background-color: #9bd9d3;
    margin: 0em 0 1em 0;
    padding: .6em 1em .6em 1em;
    max-width: 100%
}


#pplan {
    margin: .5em .5em 1em 1em;
    padding: 1em 1em 1em 0m;
    font-size: .9em;
    font-family: open sans, sans-serif;
    line-height: 1.3em;
    text-align: left;


}

.listado {
    list-style: circle;
    padding: 0em 0em .7em 1em;
    font-size: .9em;
    margin: .8em 0em .5em 0em;
    font-weight: 100;
    text-align: left;

}

.cuerpoplan ul li {
    list-style: circle;
}


/*----------MAPA-------*/

#mapa {
    margin: o;
    padding: 0;
}

h8 {
    font-size: 1em;
    color: #649b9d;
    text-align: left;
    margin: 1em;
    font-weight: bold;
    }



}