@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Poiret+One);
    

body {
        background-color: floralwhite;
  
}

/* Estilos generales del nav */
nav {
    background-color:lavenderblush;
    text-decoration: none;
    padding: 2%;
    }

/* Estilos de la lista */
nav ul li {
 display:inline-block;
 color: bisque;
 text-decoration: none;
font-family: "poiret one"; 

}

/* Estilos del anchor  */
nav ul li a{
    text-decoration:none;
}

/* Estilos del anchor cuando apoyàs el mouse encima */
nav ul li a:hover {
text-decoration: none;
color: cornsilk;
display: block;
}

/* Estilos generales de la imagen de perfil */
figure #perfil img {
    width:50%;
    height: auto;
    border-radius:5px; 
}
    

/* Estilos generales del div del NIVEL 1 */
#nivel1 {
    background-color: palegreen;
    width: 28%;
    float: left;
    border-style: dotted;
    border-color: black;
    padding: 1%;
    margin: 1%;
}

/* Estilos generales de la lista del NIVEL 1 */

#nivel1 li {
    list-style-type: none;
    text-align: left;
     list-style-type: none;
    font-family:"poiret one";
    color:black;
}

/* Modificacion del interlineado de la lista NIVEL 1 */
#nivel1 ul  {
    line-height: 30%;
}

/* Estilos generales del div del NIVEL 2 */
#nivel2 {
    background-color: palegreen;
    width: 28%;
    float: left;
    border-style:dotted;
    border-color: white;
    padding: 1%;
    margin: 1%;
}

/* Estilos generales de la lista del NIVEL 2 */
#nivel2 li {
    list-style-type: none;
    font-family:"poiret one";
    color:black;
}


/* Modificacion del interlineado de la lista NIVEL 2 */
#nivel2 ul  {
    line-height: 75%;
}

/* Estilos generales del div OPTATIVAS */
#optativas {
    background-color: limegreen;
    width: 28%;
    float: left;
    border-style:solid;
    border-color: black;
    margin: 1%;
    padding: 2%;

}

/* Estilos generales de la lista de OPTATIVAS */
#optativas li {
    list-style-type: none;
}

/* Modificacion del interlineado de la lista OPTATIVAS */
#optativas ul  {
    line-height: 100%;
}



/* Estilos de la imagen del footer (logo fadu) */
#logosfo img {
    width: 100%;
    height: auto;

}

/* Estilos generales del footer */
footer {
   background-color:lightgoldenrodyellow;
   clear: both;
}

/* Estilos del pàrrafo del footer */
footer p {
    color:skyblue;
    padding: 2%;
    font-family: "poiret one";
}


/* JQuery */
@media screen and (min-width: 40em)