#stickyLeft { position: fixed; padding: 0 0 0; width: 260px; z-index: 100;}
#stickyLeft ul {padding-left: 0px;margin:0px;border: 1px solid #cecece;/* border-radius: 5px; */margin-left: 5px;margin-right: 5px;}

/*#stickyLeft ul .last, #stickyLeft ul .last a {border-radius: 0px 0px 5px 5px; border: none;}
*/
#stickyLeft nav ul { box-sizing: content-box; list-style-type: none; background: white; font-size: 15px; border: none; border-radius: 0 !important; }

#stickyLeft nav .categories {/* border-radius: 5px !important; *//* border: 1px solid #cecece !important; */border-bottom: 1px solid #cecece !important;margin-top: 5px;/* border-top: 1px solid #cecece; */}

#stickyLeft nav li {margin: 0;position: relative;padding: 0px;/* background: black; *//* color: white; */}


#stickyLeft nav li a {display: block;padding: 10px 10px 10px 15px;color: black;text-decoration: none;/* background: black; *//* color: white; */font-weight: bold;}

#stickyLeft nav li.head span {display: block; padding: 10px 10px 10px 15px; color: #BBBBBB; margin-top: 15px; font-size: 12px; text-transform: uppercase;}


#stickyLeft nav li+li a {border-top: 1px solid #cecece;}

#stickyLeft nav small { float: right; margin-top: 1px;min-width: 33px;padding: 3px 0px 2px;line-height: 1;text-align: center;font-size: 11px;
                        font-weight: bold; color: white; background: #ea2727; border-radius: 2px; }

#stickyLeft nav li:hover>a,
#stickyLeft nav .active>a {background: #ea2727;color: white;cursor: pointer;user-select: none;}

#stickyLeft nav>ul>li:hover>a>small,
#stickyLeft nav>ul>.active>a>small { background: white; color: #ea2727; }

#stickyLeft .submenu a {padding: 0px 10px 6px 30px;font-size: 14px;border: 0;font-weight: normal;}
#stickyLeft li.active+li.submenu {border-top: 1px solid white !important;padding-top: 6px;}

#stickyLeft nav li.submenu>a,
#stickyLeft nav .submenu>a {background: white;color: black;}

#stickyLeft nav li.submenu:hover>a span,
#stickyLeft nav .submenu.active2>a span { text-decoration: underline;}

#stickyLeft nav>ul>li.submenu>a>small,
#stickyLeft nav>ul>.submenu>a>small { background: white; color: #ea2727; float:none;}

@media (max-width: 1220px)
{
    #stickyLeft nav .categories {margin-top: 37px;}
}

@media (max-width: 962px)
{
    #stickyLeft {display:none;}
}

@media (min-width: 1220px)
{
    #stickyLeft nav .areas li:hover ul
    {
        right: calc((-80% * 4) - 4px);
        width: calc(80% * 4);
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
    }
}

@media all and (max-width: 640px) {
    /* maximální šířka, do které se ještě NEvejdou 2 kartičky vedle sebe */
    #stickyLeft {
        width: 310px;
    }
}

@media all and (min-width: 963px) {
    #stickyLeft { margin-left: -450px; left: 50%; }
    #stickyLeft ul { margin-left: auto; margin-right: auto; }
}

@media all and (min-width: 1256px){
    #stickyLeft {margin-left: -610px;margin-top: 20px;}
}

@media all and (min-width: 1600px){
    #stickyLeft { margin-left: -770px; }
    #stickyLeft { margin-left: -610px; }
}

@media all and (min-width: 1900px){
    #stickyLeft { margin-left: -930px; }
    #stickyLeft { margin-left: -610px; }
}