#sortiment {
    zoom: 1;
}

#sortiment:before, #sortiment:after {
    content: "";
    display: table;
}

#sortiment:after {
    clear: both;
}

#sortiment div.panelLeft {
    flex:0 0 255px;
    margin-top: 30px;
}

#sortiment div.panelLeft a.catalog {
    background: #0594d6 url('/media/images/odrazka_obrazkovy_katlog.svg') no-repeat right 30px center;
    display: block;
    height: 100px;
    padding-left: 30px;
    line-height: 100px;
    text-decoration: none;
    text-transform: uppercase;
    color: white;
    font-weight: bold;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#sortiment div.panelLeft a.catalog:hover {
    background-color: #5dbe33;
}

#sortiment div.panelLeft ul.categories {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#sortiment div.panelLeft ul.categories > li {
    border-bottom: 1px solid #d7d7d7;
    padding: 15px 0px;
}

#sortiment div.panelLeft ul.categories > li:first-child {
    border-top: 1px solid #d7d7d7;
}

#sortiment div.panelLeft ul.categories > li > a {
    background: url('/media/images/odrazky_kategorie.svg') no-repeat 0px center;
    display: block;
    padding-left: 20px;
    color: #1b1b1b;
    font-family: 'open_sans_light', 'Arial';
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

#sortiment div.panelLeft ul.categories > li > a:hover, #sortiment div.panelLeft ul.categories > li > a.act {
    color: #5dbe33;
    text-decoration: none;
}

#sortiment div.panelLeft ul.categories > li > a:hover {
    background-position: -255px center;
}

#sortiment div.panelLeft ul.categories > li > a.act {
    background-position: -510px center;
}

#sortiment div.panelLeft ul.categories > li ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    margin-top: 5px;
    padding-left: 15px;
}

#sortiment div.panelLeft ul.categories > li ul > li {
    padding: 2px 0px;
}

#sortiment div.panelLeft ul.categories > li ul > li > a {
    background: url('/media/images/odrazky_kategorie.svg') no-repeat -765px center;
    display: block;
    padding-left: 20px;
    color: #636363;
}

#sortiment div.panelLeft ul.categories > li ul > li > a:hover, #sortiment div.panelLeft ul.categories > li ul > li > a.act {
    background-position: -255px center;
    color: #5dbe33;
    text-decoration: none;
}

#sortiment div.panelLeft ul.categories > li ul > li > a.act {
    font-weight: bold;
}

#sortiment div.panelLeft .categories-trigger {
    display: none;
}

#sortiment ul.subcategories {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    zoom: 1;
    /*width: 712px;*/
    /*float: right;*/
    margin: 0px 0px 25px 0px;
}

#sortiment ul.subcategories:before, #sortiment ul.subcategories:after {
    content: "";
    display: table;
}

#sortiment ul.subcategories:after {
    clear: both;
}

#sortiment ul.subcategories li {
    float: left;
}

#sortiment ul.subcategories li a {
    border: 1px solid #d7d7d7;
    background: no-repeat 7px center;
    display: block;
    width: 231px;
    height: 45px;
    padding: 0px 5px;
    margin: 3px 3px;
    line-height: 45px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#sortiment ul.subcategories li a.with_image {
    padding-left: 54px;
}

#sortiment ul.subcategories li a span.title {
    display: inline-block;
    width: 100%;
    line-height: normal;
    font-size: 13px;
}

#sortiment ul.subcategories li a:hover {
    background-color: #edebec;
}

#sortiment div.filter {
    /*width: 709px;*/
    /*float: right;*/
    margin-bottom: 15px;
}

#sortiment div.filter div.search {
    border: 1px solid #5dbe33;
    display: inline-block;
    padding: 8px 10px;
    margin: 0px 0px 5px 0px;
    color: #636363;
}

#sortiment div.filter div.search a {
    background: url('/media/images/krizek_hledani.png') no-repeat 0px 0px;
    display: block;
    width: 15px;
    height: 15px;
    float: right;
    margin: 2px 5px 2px 10px;
}

#sortiment div.filter div.search a:hover {
    background-position: 0px -15px;
}

#sortiment div.filter div.search span {
    color: #5dbe33;
}

#sortiment div.filter select {
    outline: none;
    border: none;
    background: none;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #0594d6;
    padding: 8px 10px;
    margin-right: 4px;
    color: #0594d6;
    font-family: 'open_sans', 'Arial';
    font-size: 14px;
}

#sortiment div.filter select:focus, #sortiment div.filter select:active {
    outline: none;
}

#sortiment div.openCategory {
    width: 709px;
    float: right;
    margin-bottom: 15px;
}

#sortiment div.openCategory h3 {
    margin-top: 0;
    color: #0594d6;
    text-transform: uppercase;
}

#sortiment div.openCategory p.detail {
    display: none;
}

#sortiment div.product_list {
    /*width: 720px;*/
    margin-right: -14px;
    /*float: right;*/
}

#sortiment div.product_list > div.item {
    margin: 0px 10px 14px 0px;
}

#sortiment p.suffix_text {
    /*width: 709px;*/
    /*float: right;*/
    margin-bottom: 15px;
    text-align: center;
}

#sortiment div.pager {
    text-align: center;
    zoom: 1;
}

#sortiment div.pager:before, #sortiment div.pager:after {
    content: "";
    display: table;
}

#sortiment div.pager:after {
    clear: both;
}

#sortiment div.pager a {
    border: 1px solid #d7d7d7;
    display: inline-block;
    min-width: 40px;
    height: 40px;
    line-height: 40px;
    margin-left: -1px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*float: left;*/
    text-align: center;
    text-decoration: none;
    color: #636363;
}

#sortiment div.pager a:hover {
    background: #edebec;
}

#sortiment div.pager a.act {
    background: #f7f7f7;
}

@media screen and (max-width: 1030px) {
    #sortiment {
        margin: 0;
    }

    #sortiment ul.subcategories, #sortiment div.product_list, #sortiment div.pager, #sortiment div.panelLeft {
        width: 720px;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    #sortiment ul.subcategories li a {
        margin: 0 6px 6px 0;
        width: 233px;
    }

    #sortiment div.panelLeft {
        display: flex;
        margin-bottom: 25px;
        justify-content: space-between;
        padding-right: 5px;
    }

    #sortiment div.panelLeft a.catalog {
        height: 50px;
        width: 49%;
        line-height: 50px;
        text-align: center;
        padding: 0;
        background-image: none;
        font-weight: normal;
    }

    #sortiment div.panelLeft .categories-menu {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.9);
        z-index: 5;
        overflow-y: auto;
    }

    #sortiment div.panelLeft .categories-menu.open {
        display: block;
    }

    #sortiment div.panelLeft .categories-menu .categories {
        width: 255px;
        background: #fff;
        padding: 30px;
        min-height: 100vh;
    }

    #sortiment div.panelLeft .categories-menu-close {
        position: fixed;
        right: 40px;
        top: 40px;
        background: url(/media/images/zaviraci-krizek-resp.svg);
        width: 37px;
        height: 37px;
        display: block;
        cursor: pointer;
    }

    #sortiment div.panelLeft .categories-trigger {
        width: 49%;
        line-height: 48px;
        text-align: center;
        border: solid 1px #000;
        text-transform: uppercase;
        cursor: pointer;
        box-sizing: border-box;
        color: #000;
        display: block;
    }

    #sortiment div.panelLeft .categories-trigger:hover {
        text-decoration: none;
    }

    #sortiment div.catalog {
        margin-left: 30px;
        margin-right: 30px;
    }
}

@media screen and (max-width: 780px) {
    #sortiment div.product_list, #sortiment ul.subcategories, #sortiment div.pager, #sortiment div.panelLeft {
        width: 540px;
    }

    #sortiment ul.subcategories li a {
        width: 262px;
    }
}

@media screen and (max-width: 700px) {
    #sortiment div.panelLeft .categories-menu-close {
        right: 20px;
        top: 20px;
        background-size: contain;
        width: 20px;
        height: 20px;
    }
}

@media screen and (max-width: 605px) {
    #sortiment div.product_list, #sortiment ul.subcategories, #sortiment div.pager, #sortiment div.panelLeft {
        width: 360px;
    }

    #sortiment div.panelLeft {
        flex-direction: column;
        padding-right: 0;
    }

    #sortiment div.panelLeft .categories-trigger {
        width: auto;
        margin-bottom: 5px;
    }

    #sortiment div.panelLeft a.catalog {
        width: auto;
    }

    #sortiment ul.subcategories li {
        float: none;
    }

    #sortiment ul.subcategories li a {
        width: auto;
        margin-right: 0;
    }

    #sortiment div.product_list > div.item {
        width: 175px;
    }

    #sortiment div.product_list > div.item:nth-child(2n) {
        margin-right: 0;
    }
}

@media screen and (max-width: 420px) {
    #sortiment div.product_list, #sortiment ul.subcategories, #sortiment div.pager, #sortiment div.panelLeft {
        width: auto;
        /*margin-right: 30px;*/
        /*margin-left: 30px;*/
    }

    #sortiment div.product_list > div.item {
        width: 47%;
    }

    #sortiment div.product_list > div.item > span.image {
        background-size: contain;
        background-position: center;
    }
}

#sortiment div.catalog {
    margin: 15px 0px 0px 0px;
    text-align: right;
}

#sortiment div.catalog div.category {
    border: 1px solid #d7d7d7;
    padding: 15px 10px;
    margin-top: 15px;
    text-align: left;
}

#sortiment div.catalog div.category h3 {
    margin: 0px;
    font-size: 14px;
}

#sortiment div.catalog div.category h3 span {
    color: #0594d6;
    text-transform: uppercase;
}

#sortiment div.catalog div.category div.products {
    zoom: 1;
    /*width: 968px;*/
    margin: 15px 0px -11px 0px;
}

#sortiment div.catalog div.category div.products:before, #sortiment div.catalog div.category div.products:after {
    content: "";
    display: table;
}

#sortiment div.catalog div.category div.products:after {
    clear: both;
}

#sortiment div.catalog div.category div.products a.product {
    display: block;
    width: 110px;
    height: 160px;
    float: left;
    margin: 0px 11px 11px 0px;
    text-decoration: none;
}

#sortiment div.catalog div.category div.products a.product span.image {
    border: 1px solid #d7d7d7;
    background: white url('/media/images/preloader.gif') no-repeat center center;
    display: block;
    height: 130px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#sortiment div.catalog div.category div.products a.product span.serie {
    display: block;
    text-align: center;
    font-size: 13px;
}

#sortiment div.catalog div.category div.products a.product:hover span.image {
    border-color: #0594d6;
}

#sortiment div.catalog div.category:nth-child(2n + 1) {
    background: #f7f7f7;
}

@media screen and (max-width: 1030px) {
    #sortiment div.catalog a.buttonWithArrow {
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        width: 100%;
        height: 50px;
        z-index: 1;
        background: #0594d6;
        color: #fff;
        text-align: center;
        line-height: 50px;
    }

    #sortiment div.catalog div.category {
        padding: 0;
        border: none;
    }

    #sortiment div.catalog div.category:nth-child(2n + 1) {
        background: #fff;
    }

    #sortiment div.catalog div.category div.products {
        width: auto;
        margin: 20px 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    #sortiment div.catalog div.category h3 {
        text-align: center;
    }

    #sortiment div.catalog div.category h3 span {
        display: block;
    }
}

@media screen and (max-width: 605px) {
    #sortiment div.catalog div.category div.products {
        width: 360px;
        margin-left: auto;
        margin-right: auto;
    }

    #sortiment div.catalog div.category div.products a.product {
        width: 175px;
        box-sizing: border-box;
        margin: 0 10px 14px 0;
        height: auto;
    }

    #sortiment div.catalog div.category div.products a.product:nth-child(2n) {
        margin-right: 0;
    }

    #sortiment div.catalog div.category div.products a.product span.image {
        height: 196px;
    }
}

@media screen and (max-width: 420px) {
    #sortiment div.catalog div.category div.products {
        width: auto;
        margin-right: 30px;
        margin-left: 30px;
    }

    #sortiment div.catalog div.category div.products a.product {
        width: 47%;
    }

    #sortiment div.catalog div.category div.products a.product span.image {
        background-size: contain;
        background-position: center;
    }
}