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

.plantilla{
    display: grid;
    grid-gap:5px;
    grid-template-columns: 100%;
    grid-template-rows: 350px 50px 1fr 700px 400px;
    grid-template-areas: "cab"
                         "post_head"
                         "principal"
                         "pre_ft"
                         "pie_pag"; 
}

.cab{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas: "id_site"
                         "mn_sp";
} 
    .id_site{
        display: grid;
        grid-template-columns: 24% 1% 75%;
        grid-template-rows: 250px;
        grid-template-areas: "logo  nada slogan";
    }


.principal{
    display: grid;
    grid-template-columns: 70% auto;
    grid-template-rows: 1fr;
    grid-template-areas:  "centro  col_der";
}


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