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

.plantilla{
    width: 95%;
    height: auto;
    margin: auto;
    display: grid;
    grid-gap:8px;
    grid-template-columns: 100%;
    grid-template-rows: 20em 35em auto auto 68em 25em auto;
    grid-template-areas: "cab"
                         "post_head"
                         "principal"
                         "vestidos"
                         "musicales"
                         "pre_ft"
                         "pie_pag"; 
}

.cab{
    display: grid;
    grid-template-columns: 50% 20% auto;
    grid-template-rows: auto auto;
    grid-template-areas: "id_site  id_site  logo"
                         "mn_prin  mn_prin  mn_prin";
} 

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

    .col_central{
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 40em auto;
        grid-template-areas: "prin_sup"
                             "prin_inf";
    }

.vestidos{
    display: grid;
    grid-template-columns: 40% 1% 59%; 
    gap: 10px;
    grid-template-areas: "vest_izq divisor vest_der";
}

.musicales{
    display: grid;
    grid-template-columns: 65%  30%;
    grid-template-rows: 38em 20em;
    gap: 30px;
    grid-template-areas: "cbgrupos cbgrupos"
                         "grupos   promogrup";
}

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