@charset "utf-8";
/* RESPONSIVE-SMALL-MENU.CSS : Obsahuje css ke vsem menu na webu pro zobrazení na malém displeji */
/* Responsivni verze ma css pro menu zcela oddelene. Styly z menu.css nijak neovlivnuji zobrazeni webu v responsivnim designu */

/* ===== main menu configuration ===== */

nav#main-menu a.link.level-1 {background:#dc531b; color:#fff;} /* 1.level: barva pozadi, barva pisma */
nav#main-menu a.link.level-2 {background:#b63d0c; color:#fff;} /* 2.level: barva pozadi, barva pisma */
nav#main-menu a.link.level-3 {background:#a33509; color:#fff;} /* 3.level: barva pozadi, barva pisma */
nav#main-menu a.link.level-4 {background:#4a9dd0; color:#04222e;} /* 4.level: barva pozadi, barva pisma */
nav#main-menu a.link.level-5 {background:#62baf0; color:#04222e;} /* 5.level: barva pozadi, barva pisma */

/* opener end*/

/* dale je treba pripravit obrazky main-menu-opener-closed.png, main-menu-opener-opened.png a main-menu-switch.png*/

/* ===== main menu configuration end ===== */

/* responsive switch */
/* tlacitko se zobrazuje pouze pri prechodu do responsivního designu */

a#main-menu-responsive-switch{
    background:url(../images/style/main-menu-switch.png)  73% center / auto 33% no-repeat;
    display:inline-block;
    padding:0 70px 0 15px;
    height:89px;
    line-height:90px;
    box-sizing:border-box;
    float:right;
    font-weight:bold;
    font-size:0.938em;
    color:#fff;
    text-decoration:none;
    border-bottom:1px solid transparent;
}
a#main-menu-responsive-switch.open{
    background-color:#dc531b;
    border-bottom-color:#f36b22;
}
@media(max-width:405px){
    a#main-menu-responsive-switch{
        background-position:center center;
        padding-right:61px;
        padding-left:0;
    }
    a#main-menu-responsive-switch span{
        display:none;
    }
}

/* responsive switch end */

/* generally */

nav#main-menu {
    width:100%;
    float:left;
}
nav#main-menu ul{ /* společné vlastnosti pro "ul" na všech úovních */
    margin:0;
    width:100%;
    padding:0 0 0 0;
    list-style-type: none;
    font-size:1em;
}
nav#main-menu > ul{
    display:none;
}
nav#main-menu ul ul{
}
nav#main-menu ul li{ /* společné vlastnosti pro "li" na všech úovních */
    float: left;
    background: none;
    margin:0;
    padding:0;
    width:100%;
    position:relative;
}
nav#main-menu ul a.link { /* společné vlastnosti pro "a" na všech úovních */
    text-decoration:none;
    line-height:1;
    width:100%;
    float:left;
    display:block;
    border-bottom:1px solid #f36b22;
    font-weight: bold;
}
#main-menu a.level-1.link[href=\/cs\/]{
    display:none;
}
nav#main-menu a.link span{
    margin:18px 75px 18px 30px;
    line-height:1.4;
    display:block;
    font-size:1.125em;
}

/* generally end*/

/* opener */

nav#main-menu ul li a.opener{ /* zavreny stav  */
    display:inline-block;
    width:61px;
    height:61px;
    position:absolute;
    right:0;
    background:url(../images/style/main-menu-opener-closed.svg) center center / 13px auto no-repeat #c5420d;
}
nav#main-menu ul li.content-opened.li-level-1 a.opener.level-1,
nav#main-menu ul li.content-opened.li-level-2 a.opener.level-2,
nav#main-menu ul li.content-opened.li-level-3 a.opener.level-3,
nav#main-menu ul li.content-opened.li-level-4 a.opener.level-4{ /* otevrene tlacitko */
    background:url(../images/style/main-menu-opener-opened.svg) center center / 13px auto no-repeat #c5420d;
}
nav#main-menu ul li a.opener span{
    display:none;
}

/* opener end*/

/* ext. link */

nav#main-menu ul li strong.ext-icon{
    display:none;
}
nav#main-menu ul.ul-level-2 li.ext > a > strong.ext-icon{
    width:61px;
    height:61px;
    position:absolute;
    right:0px;
    top:0px;
    z-index:1;
    display:block;
    background:url(../images/style/main-menu-ext.svg) center center / 29px auto no-repeat #1f243f;
}
nav#main-menu ul.ul-level-2 li.ext > a.opener + a > strong.ext-icon{
    right:61px;
}

/* ext. link end */

/* showing levels */

nav#main-menu ul.ul-level-2,
nav#main-menu ul.ul-level-3,
nav#main-menu ul.ul-level-4,
nav#main-menu ul.ul-level-5{
    height: 0;
    overflow: hidden;
    position: relative;
}

/* showing levels end */















/* completive menu */

nav#completive-menu {
    width:100%;
    font-size:1em;
}
nav#completive-menu  ul{ /* společné vlastnosti pro "ul" na všech úovních */
    margin:0;
    width:100%;
    padding:0 0 0 0;
    list-style-type: none;
    font-size:0.875em;
}
nav#completive-menu  ul li{ /* společné vlastnosti pro "li" na všech úovních */
    margin:0.25em 0 0 0;
    padding:0;
    width:100%;
}
nav#completive-menu  ul li a.link { /* společné vlastnosti pro "a" na všech úovních */
    text-decoration:none;
    line-height:1;
    width:100%;
    display:block;
    font-weight: bold;
    background:#04222e;
    color:#fff;
}
nav#completive-menu  a.link span{
    padding:1em 1em 1em 1em;
    min-height:1.5em;
    line-height:1.5em;
    display:block;
}

/* completive menu end*/