@charset "utf-8";
/* CSS Document */
*{
	margin: 0;
	padding: 0;
}

.plantilla{
    width: 95%;
    max-width: 1500px;
    margin: auto;
    display: grid;
    grid-gap:5px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 25em 3em 1fr 40rem 23rem;
    grid-template-areas: "header    header    header"
                         "post_head post_head post_head"
                         "principal principal principal"
                         "penultimo penultimo penultimo"
                         "pie_pag   pie_pag   pie_pag"; 
}

.header{
    display: grid;
    grid-template-columns: 35%  65%;
    grid-template-rows: 4rem 15rem 2rem;
    grid-template-areas: "id_site    id_site"
                         "imgs_cab   imgs_cab"
                         "top_menu   top_menu";
} 

.principal{
    display: grid;
    column-gap: 1rem;
    grid-template-columns: auto 5% 30%;
    grid-template-rows: auto 1fr;
    grid-template-areas:"centro centro col_der"
                        "centro centro col_der";
}

.penultimo{
    display: grid;
    column-gap: 1rem;
    grid-template-columns: 65% 35%;
    grid-template-rows: 3rem 40rem;
    grid-template-areas: "cintillo cintillo"
                         "formulario propa";
}

.pie_pag {
    display: grid;
    grid-template-columns: 30% 40% 30%;
    grid-template-rows: 15rem 6rem;
    grid-template-areas: "derechos redes_soc  bottom_menu"
                         "derechos lista_inf lista_inf";
}