@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: #f2de03;
    color: #000000;
}

/* 1.level: barva pozadi, barva pisma */
nav#main-menu a.link.level-2 {
    background:#f7eb67;
    color: #000000;
}

/* 2.level: barva pozadi, barva pisma */
nav#main-menu a.link.level-3 {
    background: #f2de03;
    color: #000000;
}

/* 3.level: barva pozadi, barva pisma */
nav#main-menu a.link.level-4 {
    background: #f2de03;
    color: #000000;
}

/* 4.level: barva pozadi, barva pisma */
nav#main-menu a.link.level-5 {
    background: #f2de03;
    color: #000000;
}

/* 5.level: barva pozadi, barva pisma */

nav#main-menu a.link.level-1:hover {
    background-color: #0d0d0d;
    color: #ffffff;
}

/* 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) center center no-repeat;
    display: inline-block;
    width: 2.3em;
    height: 2.3em;
    float: right;
    background-size: contain;
    margin-top: 0.8em;
    margin-right: 0.5em;
    z-index: 9000;
    position: relative;
}

a#main-menu-responsive-switch span {
    display: none;
}

/* responsive switch end */

/* generally */

nav#main-menu {
    width: 100%;
    font-size: 1em;
    float: left;
    top: 64px;
    z-index: 500;
}

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: 0.875em;
    position: relative;
}

nav#main-menu ul ul {
    font-size: 1em;
}

nav#main-menu ul li { /* společné vlastnosti pro "li" na všech úovních */
    float: left;
    background: none;
    padding: 0;
    width: 100%;
    text-align: center;
    border: 0.5px solid #ffffff;
}

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;
    font-weight: bold;
}

nav#main-menu a.link span {
    margin: 1em 1em 1em 1em;
    min-height: 1.5em;
    line-height: 1.5em;
    display: block;
}

/* generally end*/

/* opener */

nav#main-menu ul li a.opener { /* zavreny stav  */
    display: inline-block;
    width: 3.5em;
    height: 3.5em;
    position: absolute;
    right: 0;
    background: url(../images/style/main-menu-opener-closed.png) center center no-repeat;
    background-color: rgba(0, 0, 0, 0.15);
    display: none;
}

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.png) center center no-repeat;
    background-color: rgba(0, 0, 0, 0.15);
}

nav#main-menu ul li a.opener span {
    display: none;
}

/* opener 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 {

    position: relative;
    display: none;
}

/* 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*/

article.slideshow-text {
    width: 100px;
    height: 140px;
    margin-top: 0em;
    min-width: 10px;
    position: absolute;
    margin-left: 0px;
    left: 0;
    top: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 1em;
}

article.slideshow-text h3 {
    font-size: 1.5em;
    width: 10em;
}