.contentButtonGruppo {
    position: relative;
}

.bgGruppi {
    background-color: #fff;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.buttonGruppo {
    height: 125px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 1rem;
    color: #fff;
    background: rgba(1, 65, 100, 0.75);
}

    .buttonGruppo:hover {
        background: rgba(205, 31, 54, 0.65);
    }

.nomeGruppo {
    font-size: 1rem;
    position: relative;
    padding: 0.5rem;
    display: block;
    line-height: 1.2rem;
    top: 35%;
    font-weight:600;
}

.listaSubComponenti {
    position: absolute;
    width: 100%;
    background: #fff;
    z-index: 10;
    margin-top: -1rem;
    padding: 1rem;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14);
}

    .listaSubComponenti ul {
        list-style: none;
        padding: 0;
        margin: 0;
        font-size: 0.8rem;
        line-height:1.2;
    }

    .listaSubComponenti li {
        margin-bottom:0.4rem;
    }

    .listaSubComponenti li a {
        color:#222;
    }

.listaSubComponenti {
    display: none;
}

.contentButtonGruppo:hover .listaSubComponenti {
    display: block
}