/* ONDRA, 19.5.2022, nové MENU */

.eshopLeftMenuFrame {width: 100%; float: left;}
.eshopLeftMenuFrame .catsFrame {width: 100%; float: left;}
.eshopLeftMenuFrame .catsFrame .linkCont {width: 100%; display: flex; padding: 0 0 0 10px;}
.eshopLeftMenuFrame .catsFrame .linkCont:hover {background-color: #f2e589; color: #373636;}
.eshopLeftMenuFrame .catsFrame .linkCont.on {background-color: #999;}
.eshopLeftMenuFrame .catsFrame .link {width: calc(100% - 40px); height: auto; padding: 6px 0; display: flex; align-items: center; flex-grow: 1; font-size: 12px; font-weight: 600; position: relative;}
.eshopLeftMenuFrame .catsFrame .link:hover {/*color: #f1e78c;*/}
.eshopLeftMenuFrame .catsFrame .linkCont.active {background-color: #f2e589; color: #373636;}
.eshopLeftMenuFrame .catsFrame .linkCont .arrow {width: 20px; display: flex; position: relative; cursor: pointer;}
.eshopLeftMenuFrame .catsFrame .linkCont .arrow:before {content: ""; display: block; position: absolute; width: 10px; height: 2px; background-color: #fff; top: calc(50% - 1px); right: 10px; transform: rotate(180deg);}
.eshopLeftMenuFrame .catsFrame .linkCont .arrow:after {content: ""; display: block; position: absolute; width: 10px; height: 2px; background-color: #fff; top: calc(50% - 1px); right: 10px; transform: rotate(90deg);}
.eshopLeftMenuFrame .catsFrame .linkCont .arrow:hover:before {/*background-color: #f1e78c;*/}
.eshopLeftMenuFrame .catsFrame .linkCont .arrow:hover:after {/*background-color: #f1e78c;*/}

.eshopLeftMenuFrame .catsFrame .linkCont:hover .arrow:before {background-color: #373636;}
.eshopLeftMenuFrame .catsFrame .linkCont.active .arrow:before {background-color: #373636;}

.eshopLeftMenuFrame .catsFrame .linkCont:hover .arrow:after {background-color: #373636;}
.eshopLeftMenuFrame .catsFrame .linkCont.active .arrow:after {background-color: #373636;}

.eshopLeftMenuFrame .catsFrame .linkCont .arrow.active:before {*transform: rotate(45deg);}
.eshopLeftMenuFrame .catsFrame .linkCont .arrow.active:after {display: none; *transform: rotate(135deg);}
.eshopLeftMenuFrame .catsFrame .u1Cont {width: 100%; border-bottom: 1px #494949 solid;}
.eshopLeftMenuFrame .catsFrame .u2Cont {width: 100%; display: none; color: #fff;}
.eshopLeftMenuFrame .catsFrame .u2Cont .link {}
.eshopLeftMenuFrame .catsFrame .u2Cont.active {display: block;}
.eshopLeftMenuFrame .catsFrame .u3Cont {width: 100%; display: none;}
.eshopLeftMenuFrame .catsFrame .u3Cont.active {display: block;}
.eshopLeftMenuFrame .catsFrame .u4Cont {width: 100%; display: none; }
.eshopLeftMenuFrame .catsFrame .u4Cont.active {display: block;}

.eshopLeftMenuFrame .catsFrame .u2Cont .linkCont .arrow {padding-left: 20px;}
.eshopLeftMenuFrame .catsFrame .u2Cont .linkCont .blank {padding-left: 20px;}

.eshopLeftMenuFrame .catsFrame .u3Cont .linkCont .arrow {padding-left: 40px;}
.eshopLeftMenuFrame .catsFrame .u3Cont .linkCont .blank {padding-left: 40px;}

.eshopLeftMenuFrame .catsFrame .u4Cont .linkCont .arrow {padding-left: 60px;}
.eshopLeftMenuFrame .catsFrame .u4Cont .linkCont .blank {padding-left: 60px;}







/*
.eshopLeftMenuFrame .catsFrame.akce {background-color: #9ac93d; color: #FFF;}
.eshopLeftMenuFrame .catsFrame.akce H2 {background-color: #9ac93d; color: #FFF;}
.eshopLeftMenuFrame .catsFrame.akce .u2Cont {border-bottom: 1px rgba(255,255,255,0.15) solid;}
.eshopLeftMenuFrame .catsFrame.akce .linkCont:HOVER {background-color: #d67fc4; color: #FFF;}
.eshopLeftMenuFrame .catsFrame.akce .linkCont.active {background-color: #d67fc4; color: #FFF;}
.eshopLeftMenuFrame .catsFrame.akce .linkCont .arrow:before {background-color: #FFF;}
.eshopLeftMenuFrame .catsFrame.akce .linkCont .arrow:after {background-color: #FFF;}
.eshopLeftMenuFrame .catsFrame.akce .linkCont .arrow:HOVER:before {background-color: #FFF;}
.eshopLeftMenuFrame .catsFrame.akce .linkCont .arrow:HOVER:after {background-color: #FFF;}
.eshopLeftMenuFrame .catsFrame.akce .link:HOVER {background-color: #d67fc4; color: #FFF;}
.eshopLeftMenuFrame .catsFrame.akce .u3Cont {border-top: 1px rgba(255,255,255,0.15) solid;}
.eshopLeftMenuFrame .catsFrame.pink {background-color: #fb92c2; color: #FFF;}
.eshopLeftMenuFrame .catsFrame.pink H2 {background-color: #f72585; color: #FFF;}
.eshopLeftMenuFrame .catsFrame.pink .u2Cont {border-bottom: 1px rgba(255,255,255,0.15) solid;}
.eshopLeftMenuFrame .catsFrame.pink .linkCont:HOVER {background-color: #f382b5; color: #FFF;}
.eshopLeftMenuFrame .catsFrame.pink .linkCont.active {background-color: #f382b5; color: #FFF;}
.eshopLeftMenuFrame .catsFrame.pink .linkCont .arrow:before {background-color: #FFF;}
.eshopLeftMenuFrame .catsFrame.pink .linkCont .arrow:after {background-color: #FFF;}
.eshopLeftMenuFrame .catsFrame.pink .linkCont .arrow:HOVER:before {background-color: #FFF;}
.eshopLeftMenuFrame .catsFrame.pink .linkCont .arrow:HOVER:after {background-color: #FFF;}
.eshopLeftMenuFrame .catsFrame.pink .link:HOVER {background-color: #f382b5; color: #FFF;}
.eshopLeftMenuFrame .catsFrame.pink .u3Cont {border-top: 1px rgba(255,255,255,0.15) solid;}
*/