@charset "utf-8";
/* MENU.CSS : Obsahuje css ke vsem menu na webu */

/* main menu */

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

/* 1.level configuration */

#main-menu { /* obal s pozadim 1.urovne */
    float:right;
    padding:20px 0;
    margin-right:-17px;
    box-sizing: border-box;
}
#main-menu a.level-1.link{ /* tlacitko 1. urovne */
    color:#262b4c;
    margin-left:2px;
    border-radius:5px;
    transition:background 0.3s, color 0.15s;
}
#main-menu a.level-1.link[href=\/cs\/]{
    display:none;
}
#main-menu a.level-1.link:hover, /* tlacitko 1.urovne po najeti mysi*/
#main-menu ul li:hover a.level-1,
#main-menu a.level-1.link.activated{
    background:#f36b22;
    color:#fff;
}
#main-menu a.level-1.link span{  /* obsah tlacitka 1.urovne */
    font-size:1em;
    line-height:39px;
    display:block;
    padding:0 17px;
}
/* 1.level configuration end*/

/* 2-5.level configuration */

#main-menu a.link.level-2 {background:#f36b22; color:#fff;} /* 2.level: barva pozadi, barva pisma */
#main-menu a.link.level-3 {background:#db4213; color:#fff;} /* 3.level: barva pozadi, barva pisma */
#main-menu a.link.level-4 {background:#031922; color:#fff;} /* 4.level: barva pozadi, barva pisma */
#main-menu a.link.level-5 {background:#021319; color:#fff;} /* 5.level: barva pozadi, barva pisma */

#main-menu a.link.level-2:hover {background:#1f243f; color:#fff;} /* 2.level hover: barva pozadi, barva pisma */
#main-menu a.link.level-3:hover {background:#1f243f; color:#fff;} /* 3.level hover: barva pozadi, barva pisma */
#main-menu a.link.level-4:hover {background:#0f3548; color:#fff;} /* 4.level hover: barva pozadi, barva pisma */
#main-menu a.link.level-5:hover {background:#0f3041; color:#fff;} /* 5.level hover: barva pozadi, barva pisma */

/* 2-5.level configuration end*/

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

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

/* generally */


#main-menu ul{
    width:100%;
    padding:0;
    margin:0;
    font-size:1em;
    list-style-type: none;
}
#main-menu ul li{
    padding:0;
    margin:0;
    position:relative;
}
#main-menu ul li a{
    text-decoration:none;
    display:inline-block;
}
#main-menu ul li a.link{
}

/* opener */

#main-menu ul li a.opener{ /* zavreny stav  */
    display:inline-block;
    width:50px;
    height:50px;
    transition:0.3s;
    position:absolute;
    right:0;
    top:1px;
    background:url(../images/style/main-menu-opener-closed.svg) center center / 13px auto no-repeat #c5420d;
}
#main-menu ul li a.opener:hover{ /* zavreny stav - najeti mysi */
    background-color:#aa3809;
}
#main-menu ul li.content-opened.li-level-1 a.opener.level-1, /* otevrene tlacitko */
#main-menu ul li.content-opened.li-level-2 a.opener.level-2,
#main-menu ul li.content-opened.li-level-3 a.opener.level-3,
#main-menu ul li.content-opened.li-level-4 a.opener.level-4{
    background:url(../images/style/main-menu-opener-opened.svg) center center / 13px auto no-repeat #c5420d;
}
#main-menu ul li.content-opened.li-level-1 a.opener.level-1:hover, /* otevrene tlacitko - najeti mysi */
#main-menu ul li.content-opened.li-level-2 a.opener.level-2:hover,
#main-menu ul li.content-opened.li-level-3 a.opener.level-3:hover,
#main-menu ul li.content-opened.li-level-4 a.opener.level-4:hover{
    background-color:#aa3809;
}
#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:50px;
    height:49px;
    position:absolute;
    right:0px;
    top:1px;
    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:50px;
}

/* ext. link end */

/* 1.level */ /* specificke vlastnosti 1 urovne */

#main-menu ul.ul-level-1{
}
#main-menu li.li-level-1 {
    display:inline-block;
    position: relative;
}
#main-menu a.level-1.opener{ /* rozbalovaci tlacitko v zavrenem stavu */
    display:none;
}
a#main-menu-responsive-switch { /* ukryvani tlacitka pro zobrazeni menu v responsivnim designu */
    display:none;
}

/* 1.level end*/

/* 2.level */ /* specificke vlastnosti 2 urovne */

#main-menu ul.ul-level-2{
    position:absolute;
    left:2px;
    font-size:1em;
    width:250px;
    border-radius:0 0 5px 5px;
    z-index:100;
    visibility:hidden;
    transition:0.3s;
    padding-top:19px;
    opacity:0;
}
#main-menu li.li-level-1:hover ul.ul-level-2{ /* hover nad nadrazenym prvkem - zobrazuje vnoreny seznam po najeti*/
    opacity:1;;
    visibility:visible;
}
#main-menu li.li-level-1:last-child ul.ul-level-2{
    right:0;
    left:auto;
}

/* 2.level end*/

/* 2-5. level */ /* 3-5 level maji spolecne styly + pripojene vybrane styly 2. urovne*/

#main-menu ul.ul-level-3,
#main-menu ul.ul-level-4,
#main-menu ul.ul-level-5{
    font-size:1em;
    height: 0;
    overflow: hidden;
    position: relative;
}
#main-menu a.level-2.link,
#main-menu a.level-3.link,
#main-menu a.level-4.link,
#main-menu a.level-5.link{
    width:100%;
    transition:0.3s;
    border-top:1px solid #fff;
}
#main-menu a.level-2.link span,
#main-menu a.level-3.link span,
#main-menu a.level-4.link span,
#main-menu a.level-5.link span{
    margin:11px 60px 11px 18px;
    line-height:1.7;
    display:block;
}
#main-menu li.ext > a.opener + a.level-2.link span,
#main-menu li.ext > a.opener + a.level-3.link span,
#main-menu li.ext > a.opener + a.level-4.link span,
#main-menu li.ext > a.opener + a.level-5.link span{
    margin-right:107px;
}

/* 3-5. level end*/

/* main menu end */









/* completive menu */

#completive-menu  { /* obal s pozadim 1.urovne */
    padding:0;
    width:100%;
    font-size:1em;
}
#completive-menu ul.ul-level-1{
    width:100%;
    padding:0;
    margin:0 0 0 -1em;
    list-style-type: none;
}
#completive-menu li.li-level-1 {
    display:inline-block;
    padding:0;
    margin:0;
    width:48%;
}
#completive-menu  a.level-1.link{ /* tlacitko 1. urovne */
    text-decoration:none;
    display:inline-block;
    color:#235877;
    border-radius:5px;
}
#completive-menu a.level-1.link:hover{ /* tlacitko 1.urovne po najeti mysi*/
    background:url(../images/style/completive-menu-button.png/) top left repeat-x #012a39;
    color:#fff;
}
#completive-menu a.level-1.link span{  /* obsah tlacitka 1.urovne */
    margin:1em;
    min-height:1.2em;
    line-height:1.2em;
    display:block;
}

/* completive menu end */