
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

div.menu-multiclube
{
    display: table;
    width: 100%;
    margin-top: 64px;
    position: relative;
}
div.menu-multiclube div.nvl-1-on
{
    background-image: url(level-01_botao-on.png);
    width: 236px;
    height: 100px;
    background-position: center center;
    float: left;
    margin-right: 2px;
}
div.menu-multiclube div.nvl-1-off
{
    background-image: url(level-01_botao-off.png);
    width: 236px;
    height: 100px;
    background-position: center center;
    float: left;
    margin-right: 2px;
}
div.menu-multiclube div.nvl-2-on
{
    background-image: url(level-02_botao-on.png);
    width: 236px;
    height: 100px;
    background-position: center center;
    float: left;
    margin-right: 2px;
}
div.menu-multiclube div.nvl-2-off
{
    background-image: url(level-02_botao-off.png);
    width: 236px;
    height: 100px;
    background-position: center center;
    float: left;
    margin-right: 2px;
}
div.menu-multiclube div.nvl-3-on
{
    background-image: url(level-03_botao-on.png);
    width: 236px;
    height: 100px;
    background-position: center center;
    float: left;
    margin-right: 2px;
}
div.menu-multiclube div.nvl-3-off
{
    background-image: url(level-03_botao-off.png);
    width: 236px;
    height: 100px;
    background-position: center center;
    float: left;
    margin-right: 2px;
}
div.menu-multiclube div.nvl-4-on
{
    background-image: url(level-04_botao-on.png);
    width: 236px;
    height: 100px;
    background-position: center center;
    float: left;
}
div.menu-multiclube div.nvl-4-off
{
    background-image: url(level-04_botao-off.png);
    width: 236px;
    height: 100px;
    background-position: center center;
    float: left;
}


div.menu-multiclube div.menu-mobile
{
    width: 236px;
    display: none;
    left: 50%;
    top: 166px;
    position: absolute;
    transform: translateX(-50%);
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    color: #ffffff;
    text-align: center;
}
div.menu-multiclube div.menu-mobile a
{
    color: #ffffff;
}

div.menu-multiclube div.menu-mobile div.mnvl-1-on
{
    background-color:#065B82;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    float: left;
}
div.menu-multiclube div.menu-mobile div.mnvl-1-off
{
    background-color:#118FBD;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    float: left;
}
div.menu-multiclube div.menu-mobile div.mnvl-2-on
{
    background-color:#065B82;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    float: left;
}
div.menu-multiclube div.menu-mobile div.mnvl-2-off
{;
    background-color:#118FBD;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    float: left;
}
div.menu-multiclube div.menu-mobile div.mnvl-3-on
{
    background-color:#065B82;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    float: left;
}
div.menu-multiclube div.menu-mobile div.mnvl-3-off
{
    background-color:#118FBD;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    float: left;
}
div.menu-multiclube div.menu-mobile div.mnvl-4-on
{
    background-color:#065B82;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    float: left;
}
div.menu-multiclube div.menu-mobile div.mnvl-4-off
{
    background-color:#118FBD;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    float: left;
}
div.menu-multiclube div.faixa-botao
{
    background-color:#001b4a;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    float: left;
    display: none;
}

div.menu-multiclube div.botao
{
    display: table;
    background-image: url(ico-menu.png);
    width: 41px;
    height: 36px;
    background-position: center center;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    cursor: hand;
}
@media (max-width: 960px)
{
    div.menu-multiclube div.menu-mobile
    {
        display: table;
    }
    div.menu-multiclube div.faixa-botao
    {
        display: table;
    }
    div.menu-multiclube div.nvl-1-on
    {
        margin-right: 0px;
        display: table;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
    div.menu-multiclube div.nvl-2-on
    {
        margin-right: 0px;
        display: table;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
    div.menu-multiclube div.nvl-3-on
    {
        margin-right: 0px;
        display: table;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
    div.menu-multiclube div.nvl-4-on
    {
        margin-right: 0px;
        display: table;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    div.menu-multiclube div.nvl-1-off
    {
        display: none;
    }
    div.menu-multiclube div.nvl-2-off
    {
        display: none;
    }
    div.menu-multiclube div.nvl-3-off
    {
        display: none;
    }
    div.menu-multiclube div.nvl-4-off
    {
        display: none;
    }
}
