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

.plantilla{
    display: grid;
    width: 95%;
    height: auto;
    max-width: 1500px;
    margin: auto;
    grid-gap:8px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr auto auto 1fr 1fr;
    grid-template-areas: "cabecera  cabecera   cabecera"
                         "post_head post_head  post_head"
                         "central   central    central"
                         "pre_ft    pre_ft     pre_ft"
                         "pie_pag   pie_pag    pie_pag"; 
}

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

.post_head{
    grid-template-columns: 25% 50% 25%;
    grid-template-rows: auto auto;
    grid-template-areas: "fig tit fig";
}

.central{
    grid-template-columns: 25% 75%;
    grid-template-rows: auto;
    grid-template-areas: "col_izq principal";
}

    .principal{
        grid-template-columns: 25% 25% 25% 25%; 
        grid-template-rows: repeat(8 1fr);
        grid-template-areas: "cel1  cel1  cel2  cel2"
                             "cel3  cel3  cel4  cel4"
                             "cel5  cel5  cel5  cel5"
                             "cel6  cel6  cel7  cel7"
                             "cel8  cel8  cel8  cel8"
                             "cel9  cel9  cel9  cel9"
                             "cel10 cel10 cel11 cel11"
                             "cel12 cel12 cel12 cel12";
    }

.pre_ft{
    display: grid;
    grid-template-columns: 75%  25%;
    grid-template-rows: auto auto;
    grid-template-areas: "cbpft cbpft"
                         "gruposm gruposm";
}

.pie_pag {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-template-areas: "ft1 ft2 ft3 menu_inf";
}