@charset "utf-8";
/* CSS Document */

.container {
    display              : grid;
    grid-gap             : 1px;
    padding              : 1px;
    grid-template-columns: auto auto auto;
    grid-template-rows   : auto auto auto;
    grid-template-areas  :
        "n n n n n n n n n n"
        "c c c c c c d d d d"
        "f f f f f f f f f f";
}

.caja_botones {
    grid-area: n;
}

ul {
    display        : flex;
    justify-content: space-around;
    list-style-type: none;
    text-align     : center;
    margin         : 2px;
    padding        : 2px;
}

li:hover {
    background-color: rgb(169, 194, 169);
}

li {
    border       : 1px solid lightslategray;
    margin       : 1px;
    width        : 25%;
    padding      : 10px;
    border-radius: 2px;
}

.botones,a {
    text-decoration: none;
    font-family    : "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
        "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
    font-size  : 20px;
    color      : lightslategray;
    font-weight: bold;
}

.contenicen {
    grid-area            : c;
    display              : grid;
    grid-template-columns: auto, auto, auto;
    grid-template-rows   : auto;
    grid-template-areas  : "x x y y z z";
    display: flex;
    justify-content: flex-start;
    background-color     : lightgrey;
    border               : 3px solid lightgray;
    border-radius        : 5px;
}

.contenicen div {
    width : 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    align-content: space-around;
    align-items: stretch;
    background-color: rgb(191, 245, 191);
}

.contenicen .columx {

    grid-area       : x;
 
}

.contenicen .columy {
   
    grid-area       : y;
}

.contenicen .columz {
   
    grid-area       : z;
}

.contenider {
    grid-area            : d;
    grid-template-columns: auto;
    grid-template-rows   : auto auto auto;
    display              : grid;
    background-color     : whitesmoke;
    border               : 1px solid whitesmoke;
    /*justify-self       : stretch;
align-self               : stretch;*/
}

.contenider .espacio {
    margin : 1px;
    padding: 2px;
}

.footer {
    grid-area: f;
    border   : 1px solid lightgreen;
}