﻿
*, ::after, ::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#customMenu {
    padding-left: 80px;
    margin-bottom: 20px;
}

.menu-loteria-item a:hover {
    text-decoration: none;
}

.lotteries-info-menu__list {
    background-color: #fff;
    display: table-cell;
    vertical-align: top;
    padding-top: 8px;
    text-align: center;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.25);
    box-shadow: 0 2px 2px rgba(0,0,0,.25)
}

    .lotteries-info-menu__list ul {
        font-size: 100%;
        line-height: 1.5;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        list-style: none;
        margin: 0 0 8px 0;
        padding: 0;
        border: 0;
    }

        .lotteries-info-menu__list ul:after {
            display: none
        }

.lotteries-info-menu__title {
    color: #188a74;
    display: block;
    font-size: .625rem;
    margin-bottom: 2px;
    white-space: nowrap;
    text-transform: uppercase
}

.lotteries-info-menu__subtitle {
    position: relative;
    top: 2px;
    display: block;
    font-size: .875rem;
    font-weight: 700;
    line-height: .9;
    margin-bottom: 0;
    white-space: nowrap
}

.lotteries-info-menu__view {
    position: relative;
    top: 3px;
    display: block;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: .9
}

.lotteries-info-menu__views {
    cursor: pointer;
    margin: 0 auto;
    padding: 15px 2px 5px;
    position: relative
}

    .lotteries-info-menu__views strong {
        display: block;
        font-weight: 700;
        font-size: .75rem;
        position: relative;
    }

.lotteries-info-menu__adefinir {
    font-size: .8125rem;
    font-weight: 700;
    line-height: 42px;
    white-space: nowrap
}

.lotteries-info-menu__list li {
    border-right: 1px solid #f4f4f4;
    padding: 0 4px;
    min-width: 86px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    list-style: none;
}

@media screen and (min-width:768px) and (max-width:959px) {
    .lotteries-info-menu__list li {
        padding: 0 3px
    }
}

.lotteries-info-menu__list li:last-child {
    border-right: 0;
    width: 88px
}

.lotteries-info-menu__list:last-child {
    margin-right: 0
}

.lotteries-info-menu__list .lot-diadesorte:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    border-radius: 50%;
    margin: 4px;
    height: 65px;
    width: 65px;
    margin: 0;
    background: radial-gradient(circle at 100px 100px, #B38C41, #EEE);
}

.lotteries-info-menu__list .lot-diadesorte:hover span,
.lotteries-info-menu__list .lot-diadesorte:hover strong {
    color: #b38c41
}

.lotteries-info-menu__list .lot-duplasena:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    border-radius: 50%;
    margin: 4px;
    height: 65px;
    width: 65px;
    margin: 0;
    background: radial-gradient(circle at 100px 100px, #AF1129, #EEE);
}

.lotteries-info-menu__list .lot-duplasena:hover span,
.lotteries-info-menu__list .lot-duplasena:hover strong {
    color: #af1129
}

.lotteries-info-menu__list .lot-federal:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    border-radius: 50%;
    margin: 4px;
    height: 65px;
    width: 65px;
    margin: 0;
    background: radial-gradient(circle at 100px 100px, #0D46A6, #EEE);
}

.lotteries-info-menu__list .lot-federal:hover span,
.lotteries-info-menu__list .lot-federal:hover strong {
    color: #0d46a6
}

.lotteries-info-menu__list .lot-loteca:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    border-radius: 50%;
    margin: 4px;
    height: 65px;
    width: 65px;
    margin: 0;
    background: radial-gradient(circle at 100px 100px, #EE363D, #EEE);
}

.lotteries-info-menu__list .lot-loteca:hover span,
.lotteries-info-menu__list .lot-loteca:hover strong {
    color: #ee363d
}

.lotteries-info-menu__list .lot-lotofacil:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    border-radius: 50%;
    margin: 4px;
    height: 65px;
    width: 65px;
    margin: 0;
    background: radial-gradient(circle at 100px 100px, #A4508C, #EEE);
}

.lotteries-info-menu__list .lot-lotofacil:hover span,
.lotteries-info-menu__list .lot-lotofacil:hover strong {
    color: #a4508c
}

.lotteries-info-menu__list .lot-lotogol:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    border-radius: 50%;
    margin: 4px;
    height: 65px;
    width: 65px;
    margin: 0;
    background: radial-gradient(circle at 100px 100px, #1A8AB5, #EEE);
}

.lotteries-info-menu__list .lot-lotogol:hover span,
.lotteries-info-menu__list .lot-lotogol:hover strong {
    color: #1a8ab5
}

.lotteries-info-menu__list .lot-lotomania:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    border-radius: 50%;
    margin: 4px;
    height: 65px;
    width: 65px;
    margin: 0;
    background: radial-gradient(circle at 100px 100px, #FD6532, #EEE);
}

.lotteries-info-menu__list .lot-lotomania:hover span,
.lotteries-info-menu__list .lot-lotomania:hover strong {
    color: #fd6532
}

.lotteries-info-menu__list .lot-megasena:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    border-radius: 50%;
    margin: 4px;
    height: 65px;
    width: 65px;
    margin: 0;
    background: radial-gradient(circle at 100px 100px, #588202, #EEE);
}

.lotteries-info-menu__list .lot-megasena:hover span,
.lotteries-info-menu__list .lot-megasena:hover strong {
    color: #588202
}

.lotteries-info-menu__list .lot-quina:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    border-radius: 50%;
    margin: 4px;
    height: 65px;
    width: 65px;
    margin: 0;
    background: radial-gradient(circle at 100px 100px, #323369, #EEE);
}

.lotteries-info-menu__list .lot-quina:hover span,
.lotteries-info-menu__list .lot-quina:hover strong {
    color: #323369
}

.lotteries-info-menu__list .lot-timemania:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    border-radius: 50%;
    margin: 4px;
    height: 65px;
    width: 65px;
    margin: 0;
    background: radial-gradient(circle at 100px 100px, #D2A907, #EEE);
}

.lotteries-info-menu__list .lot-timemania:hover span,
.lotteries-info-menu__list .lot-timemania:hover strong {
    color: #d2a907
}

.lotteries-info-menu__list .lot-supersete:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    border-radius: 50%;
    margin: 4px;
    height: 65px;
    width: 65px;
    margin: 0;
    background: radial-gradient(circle at 100px 100px, #1BB868, #EEE);
}

.lotteries-info-menu__list .lot-supersete:hover span,
.lotteries-info-menu__list .lot-supersete:hover strong {
    color: #1bb868
}

.lotteries-info-menu__list .lot-mix:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 4px;
    background: #4c4c4c;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.lotteries-info-menu__list .lot-mix:hover span,
.lotteries-info-menu__list .lot-mix:hover strong {
    color: #4c4c4c
}

.lotteries-info-menu__list li.active {
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.95)),to(rgba(205,204,205,.95)));
    background: linear-gradient(to bottom,rgba(255,255,255,.95) 0,rgba(205,204,205,.95) 100%)
}

    .lotteries-info-menu__list li.active .lot-diadesorte {
        background-color: #b38c41;
        border-bottom: 0
    }

        .lotteries-info-menu__list li.active .lot-diadesorte:before {
            background: 0 0;
            width: calc(100% - 20px)
        }

        .lotteries-info-menu__list li.active .lot-diadesorte:after {
            top: 100%;
            border-top: 12px solid #b38c41
        }

    .lotteries-info-menu__list li.active .lot-duplasena {
        background-color: #af1129;
        border-bottom: 0
    }

        .lotteries-info-menu__list li.active .lot-duplasena:before {
            background: 0 0;
            width: calc(100% - 20px)
        }

        .lotteries-info-menu__list li.active .lot-duplasena:after {
            top: 100%;
            border-top: 12px solid #af1129
        }

    .lotteries-info-menu__list li.active .lot-federal {
        background-color: #0d46a6;
        border-bottom: 0
    }

        .lotteries-info-menu__list li.active .lot-federal:before {
            background: 0 0;
            width: calc(100% - 20px)
        }

        .lotteries-info-menu__list li.active .lot-federal:after {
            top: 100%;
            border-top: 12px solid #0d46a6
        }

    .lotteries-info-menu__list li.active .lot-loteca {
        background-color: #ee363d;
        border-bottom: 0
    }

        .lotteries-info-menu__list li.active .lot-loteca:before {
            background: 0 0;
            width: calc(100% - 20px)
        }

        .lotteries-info-menu__list li.active .lot-loteca:after {
            top: 100%;
            border-top: 12px solid #ee363d
        }

    .lotteries-info-menu__list li.active .lot-lotofacil {
        background-color: #a4508c;
        border-bottom: 0
    }

        .lotteries-info-menu__list li.active .lot-lotofacil:before {
            background: 0 0;
            width: calc(100% - 20px)
        }

        .lotteries-info-menu__list li.active .lot-lotofacil:after {
            top: 100%;
            border-top: 12px solid #a4508c
        }

    .lotteries-info-menu__list li.active .lot-lotogol {
        background-color: #1a8ab5;
        border-bottom: 0
    }

        .lotteries-info-menu__list li.active .lot-lotogol:before {
            background: 0 0;
            width: calc(100% - 20px)
        }

        .lotteries-info-menu__list li.active .lot-lotogol:after {
            top: 100%;
            border-top: 12px solid #1a8ab5
        }

    .lotteries-info-menu__list li.active .lot-lotomania {
        background-color: #fd6532;
        border-bottom: 0
    }

        .lotteries-info-menu__list li.active .lot-lotomania:before {
            background: 0 0;
            width: calc(100% - 20px)
        }

        .lotteries-info-menu__list li.active .lot-lotomania:after {
            top: 100%;
            border-top: 12px solid #fd6532
        }

    .lotteries-info-menu__list li.active .lot-megasena {
        background-color: #588202;
        border-bottom: 0
    }

        .lotteries-info-menu__list li.active .lot-megasena:before {
            background: 0 0;
            width: calc(100% - 20px)
        }

        .lotteries-info-menu__list li.active .lot-megasena:after {
            top: 100%;
            border-top: 12px solid #588202
        }

    .lotteries-info-menu__list li.active .lot-quina {
        background-color: #323369;
        border-bottom: 0
    }

        .lotteries-info-menu__list li.active .lot-quina:before {
            background: 0 0;
            width: calc(100% - 20px)
        }

        .lotteries-info-menu__list li.active .lot-quina:after {
            top: 100%;
            border-top: 12px solid #323369
        }

    .lotteries-info-menu__list li.active .lot-timemania {
        background-color: #d2a907;
        border-bottom: 0
    }

        .lotteries-info-menu__list li.active .lot-timemania:before {
            background: 0 0;
            width: calc(100% - 20px)
        }

        .lotteries-info-menu__list li.active .lot-timemania:after {
            top: 100%;
            border-top: 12px solid #d2a907
        }

    .lotteries-info-menu__list li.active .lot-supersete {
        background-color: #1bb868;
        border-bottom: 0
    }

        .lotteries-info-menu__list li.active .lot-supersete:before {
            background: 0 0;
            width: calc(100% - 20px)
        }

        .lotteries-info-menu__list li.active .lot-supersete:after {
            top: 100%;
            border-top: 12px solid #1bb868
        }

    .lotteries-info-menu__list li.active .lot-mix {
        background-color: #4c4c4c;
        border-bottom: 0
    }

        .lotteries-info-menu__list li.active .lot-mix:before {
            background: 0 0;
            width: calc(100% - 20px)
        }

        .lotteries-info-menu__list li.active .lot-mix:after {
            top: 100%;
            border-top: 12px solid #4c4c4c
        }

    .lotteries-info-menu__list li.active .lotteries-info-menu__views {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.2)));
        background-image: linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.2) 100%)
    }

    .lotteries-info-menu__list li.active .lotteries-info-menu__subtitle,
    .lotteries-info-menu__list li.active .lotteries-info-menu__view,
    .lotteries-info-menu__list li.active span,
    .lotteries-info-menu__list li.active strong {
        color: #fff !important
    }
