body {font-family:'Open Sans', 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
      font-size:100%; padding:0; margin:0; font-style:normal; background:#ffffff; color:#000000;}

h2 {margin:.5em 0 .5em 1em; padding:0; font-size:1.7em; font-weight:800; color:#922E2D;}
h3 {margin:0; padding:.7em 0 0 0; font-size:1.5em; color:#922E2D;}
h4 {margin:0; padding:.6em 0 0 0; font-size:1.4em; color:#922E2D;}
h5 {margin:0; padding:.5em 0 0 0; font-size:1.3em; color:#922E2D;}
h6 {margin:0; padding:.4em 0 0 0; font-size:1.2em; color:#922E2D;}

p {margin:0; padding:.5em 0;}
ul {}
a {color:#000000; text-decoration:underline; cursor:pointer;}
a img {border:0;}
img {max-width:100%; height:auto; border:0;}
img[style*="left"]  {margin:0 .8em .5em 0;}
img[style*="right"] {margin:0 0 .5em .8em; }

.red {color:#b30000;}
.block-red {font-size:1.6em; font-weight:bold; color:#b30000;}
.block-h {font-size:1.6em; font-weight:bold; color:#922E2D;}


/* layout */
#hlava {width:100%; position:relative;}
    #hlava-vrch {display:flex; flex-wrap:nowrap; position:relative; width:100%; margin-top:1em; text-align:center; background:#ffffff;}
        #hlava-vrch-nadpis {width:55%;}
            #hlava-vrch-nadpis h1 {margin:.3em 0 0 0; letter-spacing:.2em; padding:0; font-size:2em;}
                #hlava-vrch-nadpis h1 a {text-decoration:none;}
        #hlava-vrch-znak {width:9%; position:relative;}
        #hlava-vrch-znak img.znak {width:100%; position:absolute; left:0; z-index:99;}

        #nav-access {background:#ffffff; margin:0; padding:0; position:absolute; top:-20em; width:100%; z-index:1001;}
        #nav-access a {background:#ffffff; position:absolute; left:0; right:0; font-weight:bold; text-align:center; padding:.5em 0; margin:0;}
        #nav-access a:focus {top:20em; text-decoration:none;}

        #webfulltext {width:35%;}
            .webfulltext label {float:left; margin:0; padding:.4em 3%; font-size:.9em; color:#6D6D6D;}
            .webfulltext {margin:1em 0 0 20%;}
            .webfulltext input {float:left; width:40%; margin:0; padding:.4em 3%; border-radius:5px 0 0 5px; border:1px solid #969594;}
            .webfulltext2 {margin:0;}
            .webfulltext2 input {float:left; border:1px solid #969594; border-left:none; text-align:center; margin:0; padding:.4em 0; text-indent:-9999em; overflow:hidden; min-width:30px; background:#ffffff url("../grafika/ikony/lupa.svg") center center no-repeat; background-size:70%; border-radius:0 5px 5px 0; cursor:pointer;}
        #hlava-vrch-ikony {display:none;}

    #hlava-galerie {width:100%; height:0; margin-top:.5em; padding-bottom:15em; background:#922E2D;}
    .slickgalerie {margin:0 30px; background:#E8E3E0;}
    .slickgalerie img {height:14em; padding:.5em 0;}

    #hlava-foto {width:100%; height:0; padding-bottom:23.33333333%;}

    #hlava:after {content:""; display:table; clear:both;}

#telo {width:100%; display:flex; flex-wrap:nowrap; padding:0 0 2em 0;}
    #levy {width:16%; margin:0; padding:0 2% 1.5em 2%;}
        .menu {float:left; width:100%; text-align:left; margin:0; font-size:1.1em;}
            .menunadpis {color:#922E2D; margin:1.5em 0 0 0;}
        .menu ul {list-style-type:none; margin:0 0 0 2em; padding:0; font-size:.85em;}
        .menu li {display:block; margin:0; position:relative;}
        .menu a {display:block; margin:0; padding:.3em .5em .3em 0; font-weight:bold; color:#000000; text-decoration:none;}
        .menu .pridatstranku {background:#ffffff;}

        .hidesubmenu {display:none;}
        .showsubmenu {display:block;}

    #prostredni {position:relative; width:56%; padding:0 2%; font-size:.9em;}
        #topmenu {display:flex; flex-wrap:nowrap; text-align:center; margin:1.5em 0 2.5em 0;}
            #topmenu a.topmenu-odkaz {text-decoration:none; display:block;}
            #topmenu .odkaz1 a.topmenu-odkaz {background:url("../grafika/topmenu/ikona-1.svg") top center no-repeat;}
            #topmenu .odkaz2 a.topmenu-odkaz {background:url("../grafika/topmenu/ikona-2.svg") top center no-repeat;}
            #topmenu .odkaz3 a.topmenu-odkaz {background:url("../grafika/topmenu/ikona-3.svg") top center no-repeat;}
            #topmenu .odkaz4 a.topmenu-odkaz {background:url("../grafika/topmenu/ikona-4.svg") top center no-repeat;}
            #topmenu .odkaz5 a.topmenu-odkaz {background:url("../grafika/topmenu/ikona-5.svg") top center no-repeat;}
            #topmenu .odkaz6 a.topmenu-odkaz {background:url("../grafika/topmenu/ikona-6.svg") top center no-repeat;}
            #topmenu .odkaz7 a.topmenu-odkaz {background:url("../grafika/topmenu/ikona-7.svg") top center no-repeat;}
            #topmenu .odkaz8 a.topmenu-odkaz {background:url("../grafika/topmenu/ikona-8.svg") top center no-repeat;}


            #topmenu div.topmenu1 {width:100%;}
            #topmenu div.topmenu1 a.topmenu-odkaz {background-size:6em !important; padding-top:7em; font-size:1.1em;}

            #topmenu div.topmenu2 {width:50%;}
            #topmenu div.topmenu2 a.topmenu-odkaz {background-size:6em !important; padding-top:7em; font-size:1.1em;}

            #topmenu div.topmenu3 {width:33.333333%;}
            #topmenu div.topmenu3 a.topmenu-odkaz {background-size:6em !important; padding-top:7em; font-size:1.1em;}

            #topmenu div.topmenu4 {width:25%;}
            #topmenu div.topmenu4 a.topmenu-odkaz {background-size:6em !important; padding-top:7em; font-size:1.1em;}

            #topmenu div.topmenu5 {width:20%;}
            #topmenu div.topmenu5 a.topmenu-odkaz {background-size:5em !important; padding-top:6em; font-size:1em;}

            #topmenu div.topmenu6 {width:16.666666%;}
            #topmenu div.topmenu6 a.topmenu-odkaz {background-size:4.5em !important; padding-top:5.5em; font-size:.9em;}

        #breadcrumb {margin:1em 0 2.5em 2.5%;}
        #breadcrumb a.bc_home {padding-left:1.5em; line-height:2em; background:url("../grafika/dolniujezd-znak.png") left center no-repeat; background-size:contain;}

        #text {}
        #text a[target="_blank"]:after {content:" (odkaz se otevře v novém okně)"; color:#6D6D6D;}
        #text .li_soubor a[target="_blank"]:after {content: "";}
        #text h2 {text-align:left;}

    #pravy {width:16%; padding:0 2% 1.5em 2%; font-size:.9em; text-align:center;}
    #pravy h2 {font-weight:normal;}
    #pravy h3 {font-weight:bold; margin:0; padding:.5em 0; text-align:left; font-size:1em;}
    #pravy img {max-width:90%;}
        .psnadpis {color:#922E2D; margin:1.5em 0 .5em 0; font-size:1.2em;}

#pata {clear:both; width:100%; display:flex; flex-wrap:nowrap; padding:0; background:#E2E2E0; color:#000000;}
    #pata div {width:25%; text-align:center; padding:1em 2.5em;}
    #pata h2 {font-weight:bold; margin:.2em 0; text-align:left; font-size:1em; color:#000000; text-align:center;}
    .pata1 img {width:40%; min-width:110px; margin-top:1em;}
    .pata4 a {display:block; padding:.2em 0; text-decoration:none;}

#tiraz {text-align:center; padding:1em 0; font-size:.7em;}

/* bloky */
.blok {width:100%; padding:0;}
.blok h2 {margin:0;}
.p_0 {border:4px solid #ffffff;}
.p_1 {border:4px solid #000000; border-radius:10px; margin:1em 0;}
.p_2 {border:4px solid #ff0000; border-radius:10px; margin:1em 0;}
.p_3 {border:4px solid #922E2D; border-radius:10px; margin:1em 0;}
.p_4 {border:4px solid #E98812; border-radius:10px; margin:1em 0;}
.p_5 {border:4px solid #31B2EA; border-radius:10px; margin:1em 0;}


/* strankovani */
.navigace {text-align:center; margin:1.5em 0; padding:0; background:#ffffff; color:#000000;}
    .navigace .navigaceodkaz {display:inline-block; padding:.5em 0; width:4em; text-align:center;}
    .navigace .pocetstran {display:inline-block; width:6em; margin:0 2em; text-align:center;}
    .navigace a {display:inline-block; width:60%; text-decoration:none; background:#922E2D; color:#ffffff; font-weight:bold; margin:0; padding:0; border-radius:5px;}

/* fulltext */
.blok_hledani_web {clear:both; width:96%; padding:1em 2%;}
.blok_hledani_web h2 {margin-bottom:1em;}
.zadany-vyraz {margin:1em 0;}
.zadany-vyraz span {font-weight:bold;}
.vysledek-fulltext {margin:.4em 0; font-size:1.1em;}
.vysledek-fulltext a {text-decoration:none;}
.vysledek-fulltext a span {font-weight:bold;}

/* modul text */
.m_text {clear:both; width:96%; padding:1em 2%; text-align:left;}
    .tabulka {overflow-x:auto;}

/* modul aktuality */
.m_aktuality {clear:both; width:96%; padding:1em 2%; text-align:left;}
.m_aktuality h3 {margin:0; padding:0;}
.m_aktuality .aktuality_datum {}

/* modul kalendarakci */
.m_kalendarakci {clear:both; width:96%; padding:1em 2%; text-align:left;}
.m_kalendarakci h3 {margin:0; padding:0;}
.m_kalendarakci .kalendarakci_datum {}

/* modul minigalerie */
.m_minigalerie {clear:both; width:96%; padding:1em 2%;}
.minigalerie {margin:.9em 0 0 0; padding:0; color:#000000; text-align:center;}
    .minigalerie ul {list-style:none; margin:0; padding:0;}
    .minigalerie li {position:relative; display:inline; margin:0; padding:0;}
    .minigalerie img {border:0; margin:1px; padding:0;}

/* modul galerie */
.m_galerie {clear:both; width:96%; padding:1em 2%; text-align:left;}
.galerie {margin:.9em 0 0 0; padding:0; color:#000000; text-align:center;}
    .galerie ul {list-style:none; margin:0; padding:0;}
    .galerie li {position:relative; display:inline; margin:0; padding:0;}
    .galerie img {border:0; margin:1px; padding:0;}
.blok_galerie {margin:1.5em 0 0 0;}
.gufoto {float:left; margin:0 1em 0 0;}
.nazevgalerie h3 {margin:0; padding:0;}
.nazevgalerie h3 a {text-decoration:none; color:#922E2D;}
.fotogalerie {clear:both; width:96%; padding:0 2% 1em 2%; text-align:left;}
    .fotogalerie h2 {margin:0;}
.zpetnavypis {text-align:right; font-size:.7em;}
    .zpetnavypis a {text-decoration:none; color:#000000;}

/* modul soubory */
.m_soubory {clear:both; width:96%; padding:1em 2%;}
.dl_zahlavi {display:block; margin-top:.5em; background:#5e5e5e; color:#ffffff; font-weight:bold; padding:.5em;}
    .dl_zahlavi:after {content:""; display:table; clear:both;}
.dl_zahlavi1 {display:block; float:left; width:70%;}
.dl_zahlavi2 {display:block; float:left; width:15%;}
.dl_zahlavi3 {display:block; float:left; width:15%; text-align:right;}

.soubory ul {list-style-type:none; margin:0; padding:0;}
.soubory li {display:block; margin:0; padding:.5em;}
    .soubory li:after {content:""; display:table; clear:both;}
    .soubory li:nth-child(even) {background:#cccccc; color:#000000;}
    .soubory li:nth-child(odd) {background:#ffffff; color:#000000;}
    .soubory li a {display:block; color:#000000;}
        .soubory li a::after {content:""; display:table; clear:both;}


.dl_soubor1 {display:block; float:left; width:70%;}
    .dl_soubor1 a {text-decoration:none;}
.dl_soubor2 {display:block; float:left; width:15%;}
.dl_soubor3 {display:block; float:left; width:15%; text-align:right;}

/* modul úřední deska */
.m_urednideska {clear:both; width:96%; padding:1em 2%;}

.m_urednidesks .urednideska_datum {}

.deska_zahlavi {display:block; margin-top:.5em; background:#5e5e5e; color:#ffffff; font-weight:bold; padding:.5em;}
    .deska_zahlavi:after {content:""; display:table; clear:both;}
.deska_zahlavi1 {display:block; float:left; width:70%;}
.deska_zahlavi2 {display:block; float:left; width:15%;}
.deska_zahlavi3 {display:block; float:left; width:15%; text-align:right;}

.urednideska ul {list-style-type:none; margin:0; padding:0; color:#000000;}
.urednideska li {display:block; margin:0; padding:.5em;}
    .urednideska li:after {content:""; display:table; clear:both;}
    .urednideska li:nth-child(even) {background:#cccccc;}
    .urednideska li:nth-child(odd) {background:#ffffff;}
    .urednideska li a {display:block; color:#000000;}
        .urednideska li a::after {content:""; display:table; clear:both;}

.deska_soubor1 {display:block; float:left; width:70%;}
    .deska_soubor1 a {text-decoration:none;}
.deska_soubor2 {display:block; float:left; width:15%;}
.deska_soubor3 {display:block; float:left; width:15%; text-align:right;}

/* modul video */
.m_video {clear:both; width:96%; padding:1em 2%;}
.video-obal {max-width:100%; margin:1.5em auto; width:100%;}
.video-embed {position:relative; width:100%; overflow:hidden; padding-top:56.25%;}
.video-embed iframe {position:absolute; top:0; left:0; right:0; width:100%; height:100%; border:none;}
.video-nazev {font-weight:bold; padding:0 0 .3em 0; font-size:1.2em;}

/* modul rezervace */
.m_rezervace {clear:both; width:96%; padding:1em 2%;}

table.tkalendar {border-collapse:collapse; float:left; width:33.333333%; margin:0;}
table.tkalendar caption {text-align:center; background:#5E5E5E; color:#ffffff; border:1px solid #000000; border-bottom:0;}
table.tkalendar th {width:20%; background:#cccccc; font-weight:normal;}
table.tkalendar td {text-align:center;}
.tr5 td {width:20%;}
.tr6 td {width:16%;}
.tr7 td {width:13.333333%;}
.obsazeno {background:#b30000 !important; color:#ffffff; position:relative;}
.volno {position:relative;}
.kat_datum {font-size:1.5em; font-weight:bold; margin:10px;}
.kat_popis {text-align:left; margin:10px;}


/* pravý sloupec */
.psaktuality-datum, .pskalendar-datum {font-size:1.2em; margin-top:1.5em; color:#922E2D; text-align:left;}
    .psaktuality-nadpis a, .pskalendar-nadpis a {text-decoration:none;}
.psaktuality-text, .pskalendar-text {margin:0 0 1em 0; text-align:justify;}
#aktuality-nadpis img {margin-left:.5em;}

#anketa {text-align:left;}
#anketa fieldset {border:0; padding:0; margin:0;}
#anketa legend, .anketa-otazka {padding:.2em .5em .2em 0; margin:0 0 1em 0; color:#000000; font-weight:bold;}
.moznovice {font-size:.8em; color:#000000; margin-top:.4em; font-weight:normal;}
.grafobal {width:100%; margin:.3em 0 0 0; height:3px; background:#E2E2E0;}
.graf {width:100%; background:#922E2D; height:3px; margin:0; padding:0;}
.hlasu {padding:0; margin:0 0 .8em 0; text-align:right; font-size:.8em;}
.celkem {font-size:.8em; margin:.3em 0 .8em 0;}
#hlasuj {text-align:center;}
.input-anketa {border:1px solid #9E9E9E; border-radius:.2em; background:none; padding:.2em 2em;}
#devet_ank {margin:0 0 1em 0;}

.odkazy {color:#000000; text-align:center;}
    .odkazy ul {list-style:none; margin:0; padding:0; display:flex; flex-direction:column;}
    .odkazy li {position:relative; display:block; margin:0; padding:1em;}
    .odkazy img {border:0; padding:0;}
    .odkazy>ul>li>a>img {max-height:90px; max-width:85%;}

.pocasi-odkaz {text-decoration:none;}

/* mapa stránek */
ul#mapastranek>li {margin-top:1em;}

/* focusable */
a[href]:not([tabindex='-1']):focus,
area[href]:not([tabindex='-1']):focus,
input:not([disabled]):not([tabindex='-1']):focus,
select:not([disabled]):not([tabindex='-1']):focus,
textarea:not([disabled]):not([tabindex='-1']):focus,
button:not([disabled]):not([tabindex='-1']):focus,
iframe:not([tabindex='-1']):focus,
[tabindex]:not([tabindex='-1']):focus {outline:3px solid #31B2EA;}


/* ... */
.cleaner {clear:both; visibility:hidden;}


/* media queries */
@media screen and (min-width:1301px) { /* 1920 */
  #hlava-foto {background:url("../grafika/pozadi/foto-1920.jpg") top center no-repeat; background-size:contain;}
}

@media screen and (min-width:1031px) and (max-width:1300px) { /* 1300 */
  #hlava-foto {background:url("../grafika/pozadi/foto-1300.jpg") top center no-repeat; background-size:contain;}
}

@media screen and (min-width:801px) and (max-width:1030px) { /* 1030 */
  #hlava-foto {background:url("../grafika/pozadi/foto-1030.jpg") top center no-repeat; background-size:contain;}
}

@media screen and (min-width:641px) and (max-width:800px) { /* 800 */
  #hlava-foto {background:url("../grafika/pozadi/foto-800.jpg") top center no-repeat; background-size:contain;}
}

@media screen and (min-width:481px) and (max-width:640px) { /* 640 */
  #hlava-foto {background:url("../grafika/pozadi/foto-640.jpg") top center no-repeat; background-size:contain;}
}

@media screen and (max-width:480px) { /* 480 */
  #hlava-foto {background:url("../grafika/pozadi/foto-480.jpg") top center no-repeat; background-size:contain;}
}


@media screen and (max-width:996px) {
  #hlava-galerie {padding-bottom:12em;}
  .slickgalerie img {height:11em;}

  #telo {flex-wrap:wrap;}
  #levy {width:26%;}
  #prostredni {width:66%;}
  #pravy {width:96%; background:#E2E2E0;}
  .grafobal {background:#ffffff;}
}

@media screen and (max-width:780px) {
  #levy {z-index:100; width:92%; padding-left:6%; background:#ffffff;}
  .js_levy {display:none; position:absolute; top:7.5em; right:0; width:400px !important; max-width:92% !important;}

  #prostredni {width:96%;}
  #topmenu {display:none;}

  .preskocit_schovat {display:none;}

  #hlava-vrch {flex-wrap:wrap;}
  .js_hlava-vrch {flex-wrap:nowrap !important;}
  #webfulltext {z-index:101; width:92%; padding:1em 2% 1.5em 6%; background:#ffffff;}
  .js_webfulltext {display:none; position:absolute; top:3.5em; right:0; width:400px !important; max-width:92% !important;}
      .webfulltext {margin:0;}
      .webfulltext label {float:left; margin:0; padding:.4em 3%; font-size:.9em; color:#969594;}
      .webfulltext input {float:left; width:50%; margin:0; padding:.4em 3%; border-radius:5px 0 0 5px; border:1px solid #969594;}
      .webfulltext2 {margin:0;}
      .webfulltext2 input {float:left; border:1px solid #969594; border-left:none; text-align:center; margin:0; padding:.4em 0; text-indent:-9999em; min-width:30px; background:#ffffff url("../grafika/ikony/lupa.svg") center center no-repeat; background-size:70%; border-radius:0 5px 5px 0; cursor:pointer;}

  #hlava-vrch-ikony {text-align:right;}
  #menuicon {display:inline-block; width:25%; height:2.5em; margin:.3em .8em 0 0;}
  .js_ikony {display:block !important; width:36% !important;}
  .menuicon-open {background:url("../grafika/ikony/menuicon.svg") center center no-repeat; background-size:contain;}
  .menuicon-close {background:url("../grafika/ikony/menuicon-close.svg") center center no-repeat; background-size:contain;}

  #hlava-vrch-nadpis {width:64%; text-align:left; padding:0 0 0 5%;}
      #hlava-vrch-nadpis h1 {margin:0 0 .3em 0; padding:.3em 0 .3em 2.5em; font-size:1.6em; background:url("../grafika/dolniujezd-znak.png") left center no-repeat; background-size:contain;}
  #hlava-vrch-znak {display:none;}

  #hlava-galerie {padding-bottom:9em;}
  .slickgalerie img {height:8em;}

  .blok {width:94%;}

  #pata {width:100%; flex-wrap:wrap;}
  #pata div {width:50%; padding:1em 0;}
}

@media screen and (max-width:500px) {
    #hlava-vrch-nadpis h1 {font-size:1.2em;}
    #hlava-vrch-znak {width:12%}
    #hlava-vrch-ikony {width:32%;}
    #menuicon {width:25%; height:2em; margin:.2em .8em 0 0;}

    #levy {top:6.8em;}
    #webfulltext {top:2.8em;}


    table.tkalendar {width:50%;}
    .navigace .navigaceodkaz {width:20%;}
    .navigace .pocetstran {width:30%;}
    #pata div {width:100%;}
}