.menuTopoItens {
    width: 33.33%;
    line-break: anywhere;
    float: left;
    text-align: center;
    font-family: Poppins-bold, sans-serif;
}

    .menuTopoItens:hover {
        cursor: pointer;
        background: #ededed;
    }

.menuTopoItensAct {
    background: #FDC727;
    color: #296742;
}

    .menuTopoItensAct:hover {
        background: #FDC727;
    }

.dvProds {
    float: left;
    width: 100%;
}

.dvItemPro {
    vertical-align: top;
    display: inline-table;
    margin: 2% 1%;
    background: #fff;
    padding: 10px;
}

    .dvItemPro:hover {
        cursor: pointer;
        background-image: linear-gradient( 45deg, #296742, #FDC727);
        padding: 10px;
        color: #fff !important;
    }

        .dvItemPro:hover .inDescricoes a {
            color: #000;
            color: #fff !important;
        }

    .dvItemPro .inDescricoes a {
        font-family: 'Poppins-bold';
        width: 100%;
        margin: 8px 0 6px;
        float: left;
        font-size: 18px;
    }

.descPro {
    font-family: 'Poppins-ExtraLight';
    font-size: 16px;
    line-height: 18px;
}
/*tablet*/
@media (min-width: 768px) {
    .menuTopoItens {
        font-size: 20px;
        padding: 20px 10px;
    }
}
/*smartphone*/
@media (max-width: 767px) {
    .menuTopoItens {
        font-size: 16px;
        padding: 10px 10px;
        line-height: 17px;
    }
}
/*computador*/
@media (min-width: 1200px) {
    .menuTopoItens {
        font-size: 20px;
        padding: 20px 10px;
    }
}