@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: 300px 500px 750px 1fr auto;
    grid-template-areas: "cabecera cabecera  cabecera"
                        "post_head post_head post_head"
                        "central   central   col_der"
                        "central   central   col_der"
                        "pre_foot  pre_foot  pre_foot"
                        "pie_pag   pie_pag   pie_pag"; 
}

.cabecera{
    display: grid;
    grid-template-columns: 50% 20% auto;
    grid-template-rows: 200px 40px;
    grid-template-areas: "id_site  id_site  logo"
                         "menu_prin menu_prin menu_prin";
} 


.central{
    display: grid;
    grid-template-columns: 2fr, 1fr;
    grid-template-rows: auto;
    grid-template-areas: "principal col_centro"
                         "principal col_centro";
}


.pie_pag {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    column-gap: 10px;
    grid-template-areas: "col1_ft col2_ft col3_ft col4_ft";
}