/* PVfree – doplňky ke starému motivu (nezasahuje do původního css-menu.css) */

/* Horní menu (ul.hlavni_menu) vždy přesně na šířku 1000px kontejneru.
   Příčina přetečení: .header_blok_outer je position:absolute BEZ šířky,
   takže se roztáhl na šířku obsahu (1066px). Doplníme mu 1000px
   (stejně jako to má varianta .header_blok_outer.fixed). */
.header_blok_outer {
    width: 1000px;
    box-sizing: border-box;
}
.hlavni_menu_blok {
    width: 100%;
    height: auto;
    box-sizing: border-box;
}
ul.hlavni_menu {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 20px;          /* výchozí; JS zmenší, aby se vše vešlo na 1 řádek */
}
ul.hlavni_menu > li {
    flex: 1 0 auto;           /* roztáhne se na plnou šířku; text sám nezmenšuje (řeší JS) */
    min-width: 0;
    text-align: center;
    list-style: none;
}
ul.hlavni_menu > li > h2 {
    margin: 0;
    padding: 0;
    font-size: inherit;
}
ul.hlavni_menu > li > h2 > a {
    display: block;
    white-space: nowrap;
    font-size: inherit;       /* dědí velikost z ul → řídí ji JS auto-fit */
    padding-left: 8px;
    padding-right: 8px;
}
/* rozbalovací podmenu ponecháme s vlastní šířkou a stylem */
ul.hlavni_menu > li > ul {
    text-align: left;
}
ul.hlavni_menu > li > ul li {
    flex: none;
    font-size: 14px;
}

/* Obrázky v obsahu se vždy vejdou do šířky sloupce (nepřetékají) */
.hlavni_obsah img,
.telo_hlavni img {
    max-width: 100%;
    height: auto;
}