/* ======================================================================================================================== */
/*                            Menu - obecne                                                                                 */
/* ======================================================================================================================== */
#menuToggle {
    display: none;
}

#menuZahlavi {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 800px;
    margin: 0 0 1px 0;
    padding: 0;
    /*
    background-image: url(/img/ms51/menu_levaCast.png);
    background-position: left top;
    background-repeat: no-repeat;
     */
    background: linear-gradient(to bottom, #CC0D0B, #E0201B);
    border-radius: 10px 10px 0 0;
}

#menuZahlavi #obalMenu {
    /* background-image: url(/img/ms51/menu_pravaCast.png);
    background-position: right top;
    background-repeat: no-repeat;
     */
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    padding: 0 10px;
    align-items: baseline;
}

#menuZahlavi #obalMenu #menuList {
    display: flex;
    width: 100%;
    justify-content: space-between;
    max-width: 780px;
    margin: 0;
    list-style: none;
    background: linear-gradient(to bottom, #CC0D0B, #E0201B);
    /*
    background-color: #ed2d26;
    background-image: url(/img/ms51/menu_1px.gif);
    background-position: left top;
    background-repeat: repeat-x;
     */
}

#menuZahlavi #obalMenu #menuList LI A {
    display: inline-block;
    height: 35px;
    margin: 0;
    align-content: center;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 19px;
    text-decoration: none;
    transition: font-weight 0.2s, border-color 0.2s;
}

#menuZahlavi #obalMenu #menuList LI A:hover,
#menuZahlavi #obalMenu #menuList LI.aktivni A {
    font-weight: bold;
    background: linear-gradient(to top, #CC0D0B, #E0201B);
    width: 100%;
    align-items: center;
    align-content: center;
    align-self: center;
    text-align: center;
    /*
    background-color: #cc0d0b;
    background-image: url(/img/ms51/menuZahlavi_li_hover_1px.gif);
    background-position: left top;
    background-repeat: repeat-x;
    */
}

/* ======================================================================================================================== */
/*                            Desktop menu min. 1000px                                                                      */
/* ======================================================================================================================== */

@media (min-width: 1000px) {
    .mobile-submenu > ul {
        display: none !important;
    }

    /* Fixni sirky polozek vuci delce slov v horizontalnim menu */
    #menuZahlavi #obalMenu #menuList LI {
        display: inline-block;
        width: 96px;
        margin: 0;
        text-align: center;
        transition: font-weight 0.2s, border-color 0.2s;
    }

    #menuZahlavi #obalMenu #menuList LI:nth-child(1),
    #menuZahlavi #obalMenu #menuList LI:nth-child(3) {
        width: 70px;
    }
    #menuZahlavi #obalMenu #menuList LI:nth-child(4),
    #menuZahlavi #obalMenu #menuList LI:nth-child(7){
        width: 115px;
    }
    #menuZahlavi #obalMenu #menuList LI:nth-child(6) {
        width: 45px;
    }
    #menuZahlavi #obalMenu #menuList LI:nth-child(8) {
        width: 80px;
    }
}

/* ======================================================================================================================== */
/*                            BURGER MENU POD 1000px                                                                        */
/* ======================================================================================================================== */

@media (max-width: 1000px) {
    #menuToggle {
        display: block;
        cursor: pointer;
        padding: 15px;
        font-size: 24px;
        color: #fff;
        border-radius: 20px 20px 0 0;
        margin: 0 0 0 auto;

    }

    #menuZahlavi.active {
        display: block;
    }

    #menuZahlavi #obalMenu #menuList {
        display: none;
        width: 100%;
        flex-direction: column;
        background-color: #ed2d26;
        border-radius: 0 0 20px 20px;
    }

    #menuZahlavi.active #obalMenu #menuList {
        display: flex;
    }

    /* Mobilní menu by default skryté */
    #menuZahlavi #obalMenu #menuList {
        display: none;
        flex-direction: column;
    }

    #menuZahlavi #obalMenu #menuList.active {
        display: flex !important;
    }

    #menuZahlavi #obalMenu #menuList .toggle-submenu .mobile-submenu {
        display: none;
    }

    #menuZahlavi #obalMenu #menuList .toggle-submenu.open .mobile-submenu {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    /* Podmenu v mobilu */
    #menuZahlavi #obalMenu #menuList .toggle-submenu .mobile-submenu ul {
        display: flex !important;
        flex-direction: column;
        position: relative;
    }

    /* vsechny urovne vertikalniho menu */
    #menuZahlavi #obalMenu #menuList LI {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        border-top: 1px solid #b6110f;
        margin: auto;
        padding-top: 0;
        padding-bottom: 0;
        text-align: center;
    }

    #menuZahlavi #obalMenu #menuList > LI.open {
        flex-direction: column;
        background-color: #a4130d;
    }

    #menuZahlavi #obalMenu #menuList LI A {
        display: inline-block;
        height: 35px;
        align-content: center;
        margin: 0;
        padding: 15px 6px 16px 6px;
        color: #FFFFFF;
        font-size: 16px;
        line-height: 19px;
        text-decoration: none;
    }

    #menuZahlavi #obalMenu #menuList LI A:hover,
    #menuZahlavi #obalMenu #menuList LI.aktivni A {
        background: none;
        font-weight: bolder;
    }

    /* druha uroven vertikalniho menu */
    #menuZahlavi #obalMenu #menuList LI LI A {
        color: #fcf2c2;
    }
}

/* ======================================================================================================================== */
/*                            Desktop podmenu - umistene mimo horizontalni menu                                             */
/* ======================================================================================================================== */
#podmenu {
    width: 155px;
    margin: 0;
    padding: 0 0 1px 0;
    background-color: #fcf2c2;
}

#podmenu UL {
    margin: 0;
    padding: 0;
    list-style: none;
}

#podmenu UL LI {
    margin: 0;
    padding: 0;
}

#podmenu UL LI A {
    display: block;
    margin: 0;
    padding: 8px 7px 6px 20px;
    line-height: 18px;
    text-decoration: none;
    font-size: 16px;
    border-bottom: 1px #fae8a6 solid;
    color: #89bf1d;
}

#podmenu UL LI A:hover, #podmenu UL LI.aktivni A {
    background-color: #89bf1d;
    border-bottom-color: #89bf1d;
    color: #ebebeb;
}