/* Základ + horní menu */
.boxcont.toptreecont{
    background: none !important;
    top: 109px;
}

#tree {
    width: 100%;
}
#tree *{
    box-sizing: border-box;
}
#tree .tabs{
    background: linear-gradient(180deg, #2576d1, #1062bf);
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: 46px;
    align-items: center;
    padding: 0 2px;
}
#tree .tabs a{
    color: white;
    padding: 0 20px;
    font-size: 16px;
    height: 100%;
    display: flex;
    align-items: center;
}
#tree .tabs > a img {
    display: none;
}
#tree .tabs a:hover{
    text-decoration: none;
    background: white;
    color: black;
}
#tree .tabs a#tree-all{
    width: 230px;
    border-right: 1px solid #11518c;
    border-left: 1px solid #11518c;
    background: linear-gradient(180deg, #174c88, #0c3869);
    position: relative;
}
#tree .tabs a#tree-all:before {
    content: " ";
    width: 20px;
    filter: invert(1);
    height: 20px;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBpZD0iQ2FwYV8xIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjUxMnB4Ij48Zz48cGF0aCBkPSJtMjI0LjAyOCA2MC0yMC0zMGgtMjA0LjAyOHY0NTJoNTEydi00MjJ6bTI1Ny45NzIgMzkyaC00NTJ2LTM5MmgxNTcuOTcybDYwIDkwaDIzNC4wMjh6bTAtMzMyaC0yMTcuOTczbC0yMC0zMGgyMzcuOTczeiIgZmlsbD0iIzAwMDAwMCIvPjwvZz48L3N2Zz4K);
    background-size: 100%;
    margin-right: 10px;
}

#tree .tabs a#tree-all:after {
    content: " ";
    width: 10px;
    filter: invert(1);
    height: 10px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAiNJREFUeJzt0T9qVFEcR/GzDMEFWFiIRZqppnAsDAgpxSUI1naWKaOSpMgWsg/BNpsQu4AgooGxmPyQ6Ezunffvvvfu+cBrZi5vvnMPSJIkSZIkSZIkSZIkSZIkqXKPgQvgEnhReEtNXrK58wvgUXz4HFj/83wosa4yH/n/3p8BfNvyxRo4KzKzDmdsv/Ov7PgintMCY+duV4x4uE4cMEp3UjGuAV4nDq2BTwMPn6NT0vf8Kg4fATeJw+fDbZ+dc+6/2xs2De4wSj8axQhG6VarGMEo3egkRjBKO6kYv9kjRsiJctJ+++zkxDhs+vKj2xcYJU+vMcIhRskxSIxglPsNGiMYZbsTCsQIRrmraIxglI1RxAi1R0nF+MWAMUKtUXJirEqNqy3KqGOEw9shc48yiRhhxbyjTCpGmGuUScYIc4sy6RhhLlFmESPkRDkuti4tFeMnE4oRpholJ8ay2LqWphZl1jHCVKJUESOs2PyhsUapKkZYMs4oVcYIY4tSdYwwlijHiQ1VxAiloxhji1JRUjF+UGGMMHSUnBiLDn9vkoaKYow99B3FGA0s2VxM11GM0cKCdJT3e7zPGB3IifIu4z3G6FDbKMboQdMoqRjfMUZj+0bJiXEw0PbZyo1ijAHlRDHGwJpGMUaPFmwu2BgjckBeFGMM6Clwxe4YV8CTYusq9hb4wt8Qn4E3RRcJgIfAg9IjJEmSJEmSJEmSJElSf/4AMwpKnmZ/RaAAAAAASUVORK5CYII=);
    background-size: 100%;
    position: absolute;
    right: 10px;
}

#tree .tabs a#tree-all:hover,
#tree .tabs a#tree-all.hover{
    background: #3e86da;
    color: white;
    border-right: 1px solid #11518c;
    border-left: 1px solid #11518c;
}

/* Rozevřená část */ 
#tree .tree-all-expanded{
    display: flex;
}
#tree .tree-all-expanded .tree-all-expanded-list{
    width: 230px;
    background: #3e86da;
    display: block;
    margin-left: 2px;
    display: none;
}
#tree .tree-all-expanded .tree-all-expanded-list a{
    color: white;
    padding: 14px 20px;
    font-size: 16px;
    display: block;
    border-right: 1px solid #11518c;
    border-left: 1px solid #11518c;
    display: flex;
    align-items: center;
}
#tree .tree-all-expanded .tree-all-expanded-list a.invisible{
    display: none;
}
#tree .tree-all-expanded .tree-all-expanded-list a.coupon{
    background: #0260ab;
}
#tree .tree-all-expanded .tree-all-expanded-list a.discount{
    background: #0e3b5f;
}
#tree .tree-all-expanded .tree-all-expanded-list a:hover{
    color: #11518c;
    background: white;
    text-decoration: none;
    border-right: 1px solid white;
}
#tree .tree-all-expanded .tree-all-expanded-list a img{
    filter: invert(1);
    height: 20px;
    margin-right: 10px;
}
#tree .tree-all-expanded .tree-all-expanded-list a:hover img{
    filter: none;
}
#tree .tree-all-expanded .tree-all-expanded-detail{
    width: calc(100% - 230px);
    background: white;
    display: none;
}
#tree .tree-all-expanded .tree-all-expanded-detail > div{
    display: none;
    padding: 14px 20px;
    width: 100%;
    height: 100%;
    -webkit-column-count: 3;
    -webkit-column-gap: 10px;
    -webkit-column-fill: auto;
    -moz-column-count: 3;
    -moz-column-gap: 10px;
    -moz-column-fill: auto;
    column-count: 3;
    column-gap: 15px;
    column-fill: auto;
    column-fill: balance;
    border-bottom: 1px solid #b5b5b5;
}
#tree .tree-all-expanded .tree-all-expanded-detail > div > div{
    display: block;
    word-wrap: break-word;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    margin-bottom: 12px;
}
#i6sub_14154542{
    display: none !important;
}

/* velikosti textů */
#tree .tree-all-expanded .tree-all-expanded-detail ul{
    list-style-type: '- ';
    margin-left: 16px;
}
#tree .tree-all-expanded .tree-all-expanded-detail a{
    font-size: 12px;
    line-height: 1.6;
}
#tree .tree-all-expanded .tree-all-expanded-detail a:hover{
    color: #2982e5; 
}
#tree .tree-all-expanded .tree-all-expanded-detail h4 {
    display: block;
    margin-bottom: 4px;
}
#tree .tree-all-expanded .tree-all-expanded-detail h4 a {
    font-size: 16px;
    color: #2576d1;
}


@media screen and (max-width: 1100px){
    .boxcont.toptreecont{
        top: 0;
    }
    #tree .tabs{
        display: none;
    }
    #tree .tree-all-expanded .tree-all-expanded-list{
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: space-around;
        background: transparent;
    }
    #tree .tree-all-expanded .tree-all-expanded-list a{
        flex: 0 0 24%;
        color: black;
        padding: 14px 20px;
        font-size: 12px;
        display: block;
        align-items: center;
        box-shadow: 0 0 5px 0px #c7c7c7;
        border: 1px solid #c7c7c7;
        margin-bottom: 11px;
        background: white;
        display: flex;
    }
    #tree .tree-all-expanded .tree-all-expanded-list a.invisible{
        visibility: hidden;
        display: block;
    }
    #tree .tree-all-expanded .tree-all-expanded-list a:hover{
        border: 1px solid #c7c7c7;
    }
    #tree .tree-all-expanded .tree-all-expanded-list a.coupon,
    #tree .tree-all-expanded .tree-all-expanded-list a.discount{
        color: white;
    }
    #tree .tree-all-expanded .tree-all-expanded-list a.coupon img,
    #tree .tree-all-expanded .tree-all-expanded-list a.discount img{
        filter: invert(1);
    }
    #tree .tree-all-expanded .tree-all-expanded-list a img{
        filter: invert(0);
    }
}
@media screen and (max-width: 560px){
    .boxcont.toptreecont{
        top: 10px;
        display: block;
    }
    #tree .tree-all-expanded .tree-all-expanded-list a{
        flex: 0 0 46%;
    }
    #tree .tree-all-expanded .tree-all-expanded-list a.invisible{
        display: none;
    }
}


/* Je třeba změnit v CSS od CyberSoftu */
@media screen and (max-width: 1100px){
    .outercont, .outercont.fullw {
        padding: 290px 1% 0 1%;
    }
}

@media screen and (max-width: 560px){
    .outercont, .outercont.fullw {
        padding: 550px 1% 0 1%;
    }
}

@media screen and (max-width: 350px){
    .outercont, .outercont.fullw {
        padding: 585px 1% 0 1%;
    }
}

@-moz-document url-prefix() {
    #tree .tree-all-expanded .tree-all-expanded-detail > div {
        column-fill: balance;
    }
}