/* ESTILOS GENERALES */

* {
    margin:0;
    padding: 0;
}

body{
    font-family: 'Noto Serif', serif;
    background: #ECEADC;
    max-width: 80rem;
    margin:auto;
}


/* ESTILO ENCABEZADO */

header {
    background: url(img/portada.jpg);
    padding: 1rem;
    text-align: center;
    background-size: cover;
    height: 22rem;
}

h1 {
    color:#000000;
    text-align: center;
    font-size: 4.2rem;
    padding: 5rem 0rem 8rem 0rem;
}

nav li{
    list-style: none;
    align-content: center;
    display: inline-block;
}

nav a{
    color:#000000;
    font-size: 1.2rem;
    text-decoration: none;
    padding: 1rem 3rem;
    font-family: 'Noto Sans', sans-serif;
}

nav :hover {
    color:#454444;
}


/* ESTILOS MAIN */

main {
    width: 100%;
    text-align: center;
}


/* ESTILO SECCIONES */

.encurso {
    width:90%;
    margin: 3rem 1.4rem;
    padding: 2rem;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.imgencurso {
    background: url(img/encurso.jpg);
    background-size: cover;
    width: 50%;
    height: 25rem;
}

.matencurso {
    width: 49%;
    text-align: center;
    font-size: 1.3rem;
    font-family: 'Noto Sans', sans-serif;
}

.finalizadas {
    width: 90%;
    margin: 3rem 1.4rem;
    padding: 2rem;
    background: #fff;
    font-family: 'Noto Sans', sans-serif;
}

.imgfinalizadas {
    background: url(img/finalizadas.jpg);7
    width: 50%;
    height: 18rem;
    background-size: cover;
}

.matfinalizadas {
    margin: 2rem 0rem;
    display: flex;
    justify-content: space-between;
}

.materias {
    padding: 0rem 3rem;
}


h3 {
    font-size: 1.3;
    margin: 1.3rem 0rem 0.5rem;
}

/* Estilo footer */

footer{
    justify-content: center;
    align-items: center;
    height: 10rem;
    color:#000000;
    padding: 6rem 2rem;
    text-align: center;
    font-size: 0.8rem;
    background: url(img/footer.jpg);
    background-size: cover;
    font-family: 'Noto Sans', sans-serif;
}