/*========= obecně písma a prvotní vzhled ==============================================*/

html {font-size: 16px; background: #fff; color:#2a2a2a; }
body {font-family: 'Arial', sans-serif; }
input,select,textarea,button {font-family: 'Arial',sans-serif;font-size: 1rem;box-sizing:border-box;}

/*========= obecné =====================================================================*/
body { margin:0;background: url(/img/bg.jpg) center 66% no-repeat; background-size: 100% auto; background-attachment: fixed; }
#container { min-height: 100%; overflow: hidden; }
img {max-width: 100%;}
a img {border:0;text-decoration: none;}
a {text-decoration: underline;}

h1 {margin:.6em 0; font-size: 2em; line-height: 1.05em;}
h2 { margin: .6em 0; font-size: 1.25em;line-height: 1.1em; text-transform: uppercase;}
h2.nomarginb {margin-bottom: 0;}
h3 {}
h2 a { text-decoration: none; }
h3 a { text-decoration: none; }
h4 a { text-decoration: none; }

ul{ padding: 0 0 0 2em; overflow: hidden; }
ul li{ padding:0; margin-bottom: .5em;}
blockquote { background: #eee; border: 1px solid #ddd; margin: 0 0 1.5em; padding: .25em 1em;}
blockquote p { font-size: 1.2em; margin: .5em;}
hr { width: 100%; height: 1px; margin:.75em 0;  }

table {max-width:100%; border-collapse: collapse; }
table td,table th { padding-right: 1em; }
table.ramovana { border: 1px solid;}
table.ramovana td,table.ramovana th { border: 1px solid; padding-left: .5em; padding-right: .5em; }

template {display:none;}

/*========= globální třídy a modifikátory ==============================================*/
/* Případně doplněny s konkrétními identifikátory podstránek a sekcí */
.hid {display: none!important;}

.chyba,.msgOk {padding: .5em 1em .5em; border: 2px solid;margin-bottom: 2em;}
.chyba {font-size: 1.2em; background: #fdd; color:#d00; font-weight: bold; border-color: #eaa; }
.msgOk {background: #dfd; color:#242; border-color: #aea; }
.chyba p,.msgOk p {margin-bottom: .5em!important; margin-top: .5em!important; }

.left {float:left!important;}
.right {float:right!important;}
.cleaner {display: block; width: 100%; clear: both!important;}

.nalevo {text-align: left!important;}
.nastred {text-align: center!important;}
.napravo {text-align: right!important;}
.navse {text-align: justify!important;}

.tucny  { font-weight: bold;}
.italika { font-style: italic }
.podtrzeny { text-decoration: underline!important; }
.preskrtnute {text-decoration: line-through!important; }

.mensi-pismo { font-size: .8em; }
.vetsi-pismo { font-size: 1.25em;  }
.velke-pismo { font-size: 1.5em;  }
.pismo2x { font-size: 2em; }

.kurzor-sipka { cursor: default; }
.kurzor-otaznik { cursor: help; }
.kurzor-ruka { cursor: pointer; }

.transparent { -moz-opacity:.5; opacity:.5; }
.full {width: 100%;}

.topMsg {background: #ecc; color:#f33; font-weight: bold; font-size: 1.1em; padding: .25em 10%; text-align: center;}
form .post {display: none!important;}
form .bblcntnr {position: relative;}
form .bblcntnr .bubble { display: block; text-align: left; }
form .bblcntnr .bubble span { border:1px solid #eaa; background: #fdd; color:#d00; font-weight: bold; display: inline-block; padding: .1em .5em;margin: .1em; }
form .bblcntnr:before{content:'* '; color:#f00; position: absolute; left:-.5em; top:0;}
form .js_error_list { opacity:1; display: block; text-align: left; border:1px solid #eaa; background: #fdd; color:#d00; font-weight: bold; padding: .1em .5em;margin: .1em;}
form .js_error_list:empty { display: none;}
@keyframes fadeOut {  from { opacity: 1; }  to { opacity: .25; } } form .js_error_list.diss {opacity: .25; animation: fadeOut 10s}

.max-sirka {width: 100%; max-width: 1100px; margin:auto;position: relative; }
.max-sirka.belidlo {box-shadow: 0 0 50px 50px #fff; min-height: 480px; }

.tlacitko {color:#fff; background:#7f1b15; border: 0; font-size: 1rem; padding: .75em 2em; line-height: 1em; font-weight: bold; text-decoration: none; cursor: pointer; display: inline-block; box-sizing: border-box; min-width: 170px; box-shadow: inset 0 2px 0 0 #59130f; border-radius: 5px; text-align: center;}
button.tlacitko,input[type=submit].tlacitko {}
.tlacitko:hover {}
button.tlacitko:hover,input[type=submit].tlacitko:hover {}

.tlacitko.textove{background: #96a615; border: 1px solid #10723b; box-shadow: none; font-weight: normal; padding: 1em 2em;}

:root {--wastemenu-color: #000; --wastemenu-xcolor: #000; --wastemenu-lwidth: 9%; --wastemenu-border: 9%; }
span.wasteofspace{  height: 2rem; min-width: 2rem; font-size: 0; display: inline-block; vertical-align: middle; overflow: hidden; padding: 0;
   background: linear-gradient(to bottom, 
         transparent 0% var(--wastemenu-border), 
         var(--wastemenu-color) var(--wastemenu-border) calc( var(--wastemenu-border) + var(--wastemenu-lwidth) ), 
         transparent calc( var(--wastemenu-border) + var(--wastemenu-lwidth) ) calc( 50% - var(--wastemenu-lwidth) / 2 ), 
         var(--wastemenu-color) calc( 50% - var(--wastemenu-lwidth) / 2 ) calc( 50% + var(--wastemenu-lwidth) / 2 ), 
         transparent calc( 50% + var(--wastemenu-lwidth) / 2 ) calc( 100% - var(--wastemenu-border) - var(--wastemenu-lwidth) ), 
         var(--wastemenu-color) calc( 100% - var(--wastemenu-border) - var(--wastemenu-lwidth) ) calc( 100% - var(--wastemenu-border) ), 
         transparent calc( 100% - var(--wastemenu-border) ) 100% 
      );
}
span.wasteofspace.waste-x {
   background: linear-gradient(45deg, 
         transparent 0% calc( 50% - var(--wastemenu-lwidth) / 2 ), 
         var(--wastemenu-xcolor) calc( 50% - var(--wastemenu-lwidth) / 2 ) calc( 50% + var(--wastemenu-lwidth) / 2 ), 
         transparent calc( 50% + var(--wastemenu-lwidth) / 2 ) 100%
      ), linear-gradient(-45deg, 
         transparent 0% calc( 50% - var(--wastemenu-lwidth) / 2 ), 
         var(--wastemenu-xcolor) calc( 50% - var(--wastemenu-lwidth) / 2 ) calc( 50% + var(--wastemenu-lwidth) / 2 ), 
         transparent calc( 50% + var(--wastemenu-lwidth) / 2 ) 100%
      );
}

/*========= společné definice (barvy, chování apod.) ===================================*/
:root {--mainbarva:#126345; }
h1:first-letter,h2:first-letter,h3:first-letter,p.h2:first-letter,p.h3:first-letter {text-transform: uppercase}
a,.mainbarva { color:#505050 }
h1,h2 { color:var(--mainbarva) }
.gbg, .kform form {background: #f7f7f7;
                   background: linear-gradient(top,#f7f7f7 0,#fff 100%);
                   background: -moz-linear-gradient(top,#f7f7f7 0,#fff 100%);
                   background: -o-linear-gradient(top,#f7f7f7 0,#fff 100%);
                   background: -ms-linear-gradient(top,#f7f7f7 0,#fff 100%);
                   background: -webkit-linear-gradient(top,#f7f7f7 0,#fff 100%);
}
.mainbg {background: var(--mainbarva); color:#000;}
.mainbg a {color:#fff;}
#naseptavac .naseppolozka:focus { background: #126345;}

.hoverline,.nohoverline,.hoverparent {text-decoration: none;}
.hoverline:hover,.hoverbase:hover .hoverparent {text-decoration: underline;}

/*========= prvky hlavičky =============================================================*/
#hlavicka {position: relative; background: #fff; }

#hlogo {display: block; float: left; margin: 49px 10px 41px 0;}
#hlogo img {height: 100px;}
#hslogan {position: absolute;right: -47px; top: 35px; background: url(/img/list.png); width: 210px; height: 160px;}
#htop {position: relative;float: right; white-space: nowrap;text-align: right; margin-top: 13px; z-index: 2; }
#hpruh {position: relative;width: 100%;background: #10723b; clear: both;}

#hstred {position: relative;float: left; width: 27%; background: url(/img/mapa2.png) center center no-repeat; background-size: contain; margin: -45px 0 -15px 6%; z-index: 1; font-size: 0; }
#hstred a {width: 50%; padding-top: 54%; display: inline-block; text-decoration: none;}

#hbottom {float: right; text-align: right; margin-left: 2%;color: #fff;font-weight: bold;  }
#hbottom a {color: #fff; text-decoration: none; }
#hbottom p {margin: 0 1em 0 0; vertical-align: middle; display: inline-table; }
#hbottom p span {vertical-align: middle; display: table-cell; background: left center no-repeat; padding-left:2em; height: 50px; }
#hbottom p.mail span {background-image: url(/img/icon_mail.png);font-size: .8125em; }
#hbottom p.tel span {background-image: url(/img/icon_phone.png)}

/*========= jazyky =====================================================================*/

/*========= menu =======================================================================*/
.hmenu { float: left; }
.hmenu a {text-decoration: none; display: table; width: 100%; color:#fff; text-transform: uppercase;}
.hmenu .radic { display: inline-block; vertical-align: middle; position: relative; }
.hmenu .msp { display: table-cell; vertical-align: middle; padding: 0 1em; line-height: 1.25em; height: 50px;}
.hmenu .radic:hover .msp,
.hmenu .active .msp{ background: #0d5b2f; }

#xhmenu {z-index: 1000; position: relative; margin-top:0; float:none; display: inline-block; margin-left: 1em;}
#xhmenu a {color: #0d5b2f; }
#xhmenu .extrawrap {display: block; background: rgba(255,255,255,.95); position: fixed; top:0; padding: 1em 18% 14em; left:0; width: 100vw; bottom: 0; overflow: auto; z-index: 999; box-sizing: border-box;}
#xhmenu .radic{ display: block; text-align: left; z-index: 1000;}
#xhmenu .msp { padding:1em; height: auto; white-space: normal;}
#xhmenu .radic:hover .msp,
#xhmenu .active .msp{ color: #fff; }
#xhmenu .radic:hover .shower .msp,
#xhmenu .active .shower .msp{ background: none; }
#xhmenu .overline { border-top: 1px solid #ddd; padding: .5em 0; }

#xhmenu #xkat:not(:empty) + .overline + .radic {display: none;}

/*========= jazyky =====================================================================*/
#vlajky { text-align: right; display: inline-block; vertical-align: top; width: 80px;}
#vlajky a {margin-left: .5em;}

#xvlajky {border-top:1px solid #ddd; display: block; margin-bottom: 1em;text-align: center; text-transform: uppercase; }
#xvlajky a {display: inline-block; width: auto; margin: 0 1em; padding: 1em 0; }

/*========= vyhledávání ================================================================*/
#hledatObal {width: 220px; position: relative;display: inline-block; vertical-align: top;}
#hledatObal {margin: 3px 0 0; position: relative; border: 1px solid #cacaca; border-radius: 5px; box-shadow: inset 5px 5px 5px 0 #eee; background: #fff;}
#hledatObal .q{ width: 80%; margin: 0; padding: 0 0 0 1em; border:0; background: transparent; height: 28px; vertical-align: middle; font-size: .8125em; box-sizing: border-box; }
#hledatObal .q::placeholder { font-style: italic; color:#777; opacity: 1; }
#hledatObal .tlacitko { width: 20%; margin:0; padding: 0; height: 28px; background: url(/img/icon_search.png) center center no-repeat; font-size: 0; min-width: 0; vertical-align: middle; box-shadow: none;}

#naseptavac {width: 200%; border: 1px solid #f3f3f3; background: #fff; height: 16.5em; z-index: 700; position: absolute; right: 0; top: 100%; text-align: left; }
#naseptavac .naseppolozka { display: block; background: #fff; color:#126345; }
#naseptavac .naseppolozka span { overflow: hidden; display: block; padding: 0 4%; height: 1.5em; line-height: 1.5em; }
#naseptavac .naseppolozka:focus { color:#fff; }
#nasepfoto {display: none;}

/*========= prvky stránky ==============================================================*/
#stranka { padding: 1em 0 2em; margin:0; background: #fff;}

/*========= obsah ======================================================================*/
#telo {padding: 0; margin:0; width: 65.5%; float: right;}
#telo.telofull {width:100%; float:none;}

.obsah { line-height: 1.75em; position: relative; }
.obsah p { margin: 0 0 1.2em;}
.obsah img.left,.obsah iframe.left,.obsah div.left {margin: .75em 1em; margin-left: 0;}
.obsah img.right,.obsah iframe.right,.obsah div.right {margin: .75em 1em; margin-right: 0;}
.obsah iframe {max-width: 100%;}

.obsah div.left,.obsah div.right, .obsah div.full {text-align: center; padding:1em;}
.obsah div.full{ margin: .75em 0;}
.obsah div.left > :last-child,.obsah div.right > :last-child,.obsah div.full > :last-child {margin-bottom:0; }

.anotacka { }

#registr {margin-top: 100px; border-top: 5px solid #286e52;padding: 10px 3.5% 0; background: #f7f7f7;
          background: linear-gradient(top,#f7f7f7 0,#fff 100%);
          background: -moz-linear-gradient(top,#f7f7f7 0,#fff 100%);
          background: -o-linear-gradient(top,#f7f7f7 0,#fff 100%);
          background: -ms-linear-gradient(top,#f7f7f7 0,#fff 100%);
          background: -webkit-linear-gradient(top,#f7f7f7 0,#fff 100%);
}
#registr > div {display: inline-block; vertical-align: top; line-height: 1.3em; }
#registr p {margin-top: 0; }
#registr .hlobsah {width: 65%; margin-right: 5%; }
#registr .secobsah {width: 30%; text-align: right; }

.pobomapa {text-align: center; }
.pobomapa .mapa {position: relative; text-align: left; display: inline-block;}
.pobomapa .maphover {position: absolute; border: 1px solid #10723b; min-width: 200px; max-width: 400px; padding: .5em .5em 0; background: #fff; text-align: left; min-height: 30px; }
.pobomapa .maphover.hovered {z-index: 1; min-height: 0;}
.pobomapa .maphover p {margin: 0 0 .5em;}
.pobomapa .maphover .X+p { padding-right: 40px;}
.pobomapa .maphover.hovered .X+p {padding-right: 0;}
.pobomapa .maphover .X{ position: absolute; right: .5em; top:.5em;}
.pobomapa .maphover.praha {left:26%;top:44%;}
.pobomapa .maphover.stredocesky {left:16%;top:55%;}
.pobomapa .maphover.jihocesky {left:14%;top:81%;}
.pobomapa .maphover.plzensky {left:9%;top:66%;}
.pobomapa .maphover.karlovarsky {left:0;top:37%;}
.pobomapa .maphover.ustecky {left:11%;top:22%;}
.pobomapa .maphover.liberecky {left:32%;top:22%;}
.pobomapa .maphover.kralovehradecky {left:35%;top:33%;}
.pobomapa .maphover.pardubicky {left:35%;top:52%;}
.pobomapa .maphover.vysocina {left:35%;top:74%;}
.pobomapa .maphover.jihomoravsky {right:7%;top:88%;}
.pobomapa .maphover.zlinsky {right:0;top:77%;}
.pobomapa .maphover.olomoucky {right:0;top:59%;}
.pobomapa .maphover.moravskoslezsky {right:0;top:52%;}

#logoutlink {float:right; margin:-4em 0 2em; text-align: right}

#cnavi a {display: inline-block; margin: .5em .5em; padding: .25em 1em; font-weight: bold; background: #7f1b15; border-radius: 3px; color:#fff; text-decoration: none; vertical-align: middle;}
#cnavi h2 {display: inline-block; margin-right: 2em; vertical-align: middle;}

#dovs {border-collapse: collapse;width: 100%;}
#dovs td,#dovs th { border: 1px solid #000; padding-right: 0;}
#dovs th.light {background: #faa}
#dovs th.heavy {background: #f55}
#dovs td.jmenna {min-width:135px;  }
#dovs td.dov {min-width: 20px; width:20px; }
#dovs .editable td.dov:not(.light):not(.heavy):not(.passed) {cursor:pointer;}
#dovs td.count {text-align: center;}
#dovs td.light {background-color: #faa;}
#dovs td.heavy {background-color: #f55;}
#dovs td.full {background-color: #5f5}
#dovs td.half {padding: 0;}
#dovs td.half::after {width: 0; height: 0; content: ''; display: block; margin: -1.85em 0 -1px;
                      border-top: 15px solid transparent; border-bottom: 15px solid #5f5;
                      border-right: 11px solid #5f5; border-left: 11px solid transparent; 
}
#dovs td.law {background-color: #55f; color:#fff;}
#dovs td.medical {background-color: #ff5}
#dovs td.sick {background-color: #f5f}
#dovs td.misc {background-color: #555; color:#fff; }
#dovs td.halfmisc {padding: 0; text-shadow:1px 1px 0 #fff; }
#dovs td.halfmisc::after {width: 0; height: 0; content: ''; display: block; margin: -1.85em 0 -1px;
                      border-top: 15px solid transparent; border-bottom: 15px solid #555;
                      border-right: 11px solid #555; border-left: 11px solid transparent; 
}
#dovs td.travel {background-color: #955; color:#fff; }
.sidescroll {overflow: auto; max-width: 100%; padding-bottom: .75em;}

#dovrezim { display: inline-block; position: fixed; right:3%; bottom:2em; border: 1px solid #000; padding: .5em; padding-left: 1em; background: #fff; z-index: 800;}
#dovrezim a { display: inline-block; }
#dovrezim a img {vertical-align: middle;}

#detailclick {position: fixed; width: 180px; left:calc( 50vw - 100px ); top: 10vh; max-height: 80vh; background: #fff; box-shadow: 0 0 20px 10px rgba(128,128,128,.33); border-radius: 2px; padding: 10px; overflow: auto; z-index: 100; text-align: left!important; }
#detailclick a {display: block; padding: .5em 0; white-space: nowrap }
#detailclick a::before {display: inline-block; width: 1em; height: 1em; content: ' '; margin-right: .5em; }
#detailclick a.full::before {background: #5f5; }
#detailclick a.half::before {width: 0; height: 0; border: .5em solid transparent; border-bottom-color: #5f5;border-right-color: #5f5;}
#detailclick a.law::before {background-color: #55f}
#detailclick a.medical::before {background-color: #ff5}
#detailclick a.sick::before {background-color: #f5f}
#detailclick a.misc::before {background-color: #555}
#detailclick a.halfmisc::before {width: 0; height: 0; border: .5em solid transparent; border-bottom-color: #555;border-right-color: #555;}
#detailclick a.travel::before {background-color: #955}
#detailclick a.empty::before {border:1px solid #555; }

.carezerv {max-width: 100%; overflow: auto; clear: both;}
.carezerv table {width: 100%; border-collapse: collapse;}
.carezerv td,.carezerv th {border:1px solid #000; width: 2.5%;}
.carezerv td+td {text-align: center}
.carezerv td:first-of-type {width: 10%;}
.carezerv td.rezer {background: #fa4;}

/*========= drobečková =================================================================*/
.drobnav {line-height: 1.75em; color:#888; margin: 0 0 1em; }
.drobnav a {color:#888;}
.drobnav span { padding:0; margin:0; display: inline-block;}
.drobnav span.odd {margin: 0 .75em;}

/*========= podstránky =================================================================*/
:root { --podkat_sloupce:3; --podkat_mezery:calc( var(--podkat_sloupce) - 1 ); --podkat_sloupce_mezera:3%;}
.podkat {width: 100%; margin-top: 1em; display: flex; flex-wrap: wrap; column-gap: var(--podkat_sloupce_mezera); row-gap: 1em; margin: 1em 0; }
.podkat a {font-size: 1.1em;align-items: stretch; border: 1px solid #eee; padding: .33em 1%; position: relative; box-sizing: border-box;
   flex: 0 0 calc( calc( 100% - calc( var(--podkat_mezery) * var(--podkat_sloupce_mezera) ) ) / var(--podkat_sloupce) );}
.podkat.sfoto a:hover { min-height: 125px; border: 1px solid #eee; }
.podkat.sfoto .pic { display: block; height: 100px; line-height: 100px; width: auto; max-width: 100%; white-space: nowrap; text-align: right; }
.podkat.sfoto a .zatab {padding: 0; display: inline; vertical-align: baseline; text-align: left; height: auto;}
.podkat.sfoto img {vertical-align: middle;}

/*========= fotky ======================================================================*/
.gallery {width: 100%; margin-top: 1em;}
.gallery .box {width: 25%; display: inline-block; text-align: center; vertical-align: top; margin: .75em 0;}
.uvodni .gallery .box {width: 33%; }
.gallery .box a {display: block; white-space: nowrap; line-height: 150px;}
.gallery .box img {vertical-align: middle; }
.gallery img { padding:2%; border: 1px solid #fafafa; box-sizing: border-box; }
.gallery .text { display: block; padding: 0 2%; margin-top: .1em; }

/*========= soubory ====================================================================*/
.files {display:table; max-width: 700px; width: 100%; margin-top: 1em;}
.files a {display: table-row; text-decoration: none}
.files span {display:table-cell; vertical-align: middle; text-align: left; padding: .5em 0; border-bottom: 1px solid #eee;}
.files img {float:left; margin: 0 .5em;}
.files .tail {text-align: right;}

/*========= články =====================================================================*/
.clanky {}
.clanky .clanek { margin-bottom: 2em; }
.clanky .h3 { font-weight: bold; font-size: 1.1em; margin-bottom: 0;}
.clanky .datum {font-size: .9em; color:#777; margin: 0 0 .5em;}

/*========= novinky ====================================================================*/
.novinky {}
.novinky .novinka {margin-bottom: 3em; }
.novinky .h3 {margin: .6em 0; line-height: 1.1em; color: #505050; font-size: 1.2em; display: inline; font-weight: bold; }
.novinky .datum {color:#126345; display: inline; font-weight: bold; }
.novinky .datum:before {content: ' - '; }

/*========= sloupce ====================================================================*/
.sloupec-levy { width: 31%; float: left; clear:left; }
.sl-box { margin-bottom: 2.25em;}
.sl-box p {}
.sl-box p.h2 { font-weight: bold; font-size: 1.1em; }

.sl-box.novy {color:#126345;font-size: 14px;line-height: 1.5em; font-weight: bold;}
.sl-box.novy a {color:#126345; }
.sl-box.novy .polozka{margin: 12px 3%; padding-bottom: 8px;}
.sl-box.novy p{ }
.sl-box.novy p.h2 { }
.sl-box.novy p.h2 a { background: #90a364; color: #fff; text-transform: uppercase; font-size: 1.125em; padding: .75em 16%; line-height: 1.2em; text-decoration: none; color: #fff; display: block; font-weight: bold; background: url(/img/icon_novinky.png) .9em center no-repeat #90a364; }
.sl-box.novy p.h2 a:hover { text-decoration: underline; }
.sl-box.novy p.datum { font-size: .85em; margin: .3em 0 .5em; }
.sl-box.novy a.spodek { color: #7F1B15; }

.sl-box.nltr {margin: 0 5%;}
.sl-box.nltr p {margin-top: 0;}

.sl-box.squeeze {margin: 2em 10% 1em 5%;}

.login a { background: #90a364; color: #fff; text-transform: uppercase; font-size: 1.125em; padding: .75em 16%; line-height: 1.2em; text-decoration: none; color: #fff; display: block; font-weight: bold; }
.login a.uzivatel2 { background: url(/img/icon_registrace.png) .9em center no-repeat #90a364; }

/*========= šablony ====================================================================*/
.respgbg,.respgbg tbody {width: 100%; border-collapse: collapse;}
.respgbg tr td:first-of-type {background:#f3f3f3;}
.respgbg tr td {border-bottom: 1px solid #eee;border-top: 1px solid #eee; padding: 0 .5em;}

.flexcols {display: flex; width:100%; flex-wrap: wrap; justify-content: space-around; align-items: flex-start; }
.flexcols.verticentr {align-items: center;}
.flexcols > div {padding: .5em; box-sizing: border-box; margin-bottom: 1em; }
.flexcols > div > p:last-child {margin-bottom: 0;}
.column2 > div {width: 50%; }
.column3 > div {width: 33.3%; }
.column4 > div {width: 25%; }
.column5 > div {width: 20%; }

/*========= slider =====================================================================*/
#slider1, .slider1, .slider1 .vnitrek .content {max-height: 310px; overflow: hidden;}
.slider1 .vnitrek .content {height:auto; padding-top: 43.05%; }

.slider1 { position: relative; margin-bottom: 2em; }
#slider1 { overflow: hidden; }

.slider1 .bx-pager {position: absolute; bottom: 10px; width: 100%; display: flex; column-gap: 10px; justify-content: center; }
.slider1 .bx-pager-item { font-size: 0; }
.slider1 .bx-pager-link { width: 10px; height: 10px; background: #fff; border-radius: 5px; display: block; }
.slider1 .bx-pager-link.active {background: #1b6548; }

.slider1 .vnitrek {position: relative;overflow: hidden}
.slider1 .vnitrek .content {display: block; text-align: center; }
.slider1 .vnitrek .img {width: 100%; text-align: center; position: absolute; left: 0;/*left:50%;*/ top:50%; /*bottom:0; top:0;*/ }
.slider1 .vnitrek .img img {position: relative;
                            -webkit-transform:translateY(-50%)/* translateX(-50%)*/;
                            -moz-transform:translateY(-50%)/* translateX(-50%)*/;
                            -ms-transform:translateY(-50%)/* translateX(-50%)*/;
                            transform: translateY(-50%)/* translateX(-50%)*/;
}
.slider1 .text {position: absolute; text-align: left; left: 4%; bottom: 115px; width: 92%; text-shadow: 0 0 .5px #000; font-size: 35px; color: #fff; line-height: 39px; font-weight: bold; text-transform: uppercase;}
.slider1 .tlacitko {position: absolute; bottom: 40px; left: 4%; background: #1b6648; border-radius: 3px;padding: 1em 1.25em; box-shadow: none;}

/*========= kontaktní formulář =========================================================*/
.kform { text-align: left; }
.kform form { padding: .5em 3% .5em; }
.kform p {margin: 0 0 1em; }
.kform .sloup {display: inline-block; vertical-align: top; width: 48%; }
.kform .l { padding-right: 2%; }
.kform .r { padding-left: 2%; }
.kform label {display: block; line-height: 1.5em; padding: 0;}
.kform label.zdrc {display: inline-block; line-height: 1.5em; padding: 0; width: 19%; margin-right: 1%;}
.kform label.readerhelp {width: 0; height: 0; overflow: hidden; display: block; }
.kform .stretch {width: 100%; padding: .75em 1em; font-size: 15px; box-sizing: border-box; border: 1px solid #cacaca; border-radius: 5px; box-shadow: inset 5px 5px 5px 0 #eee;}
.kform input[type=file] {width: 80%; }
.kform textarea.stretch { height: 90px; padding: 1.25em 1em; line-height: 1.3em; }
.kform .tlacitko {}
.kform ::placeholder { font-style: italic; color:#777; opacity: 1;}
#telo .kform {padding-top: .5em;}

/*========= formulář newsletteru =======================================================*/
.nwform { }
.nwform label {display: block; line-height: 1.5em;}
.nwform label.godopr { width: 75%; display: inline-block;}
.nwform label.readerhelp {width: 0; height: 0; overflow: hidden; display: block; }
.nwform .stretch {width: 75%; padding: .5em; box-sizing: border-box; vertical-align: middle; height: 40px; border: 1px solid #a5a5a5; border-right: 0; font-size: .8em; background: transparent; border-radius: 2px; box-shadow: inset 5px 5px 5px 0 #eee;}
.nwform input[type=checkbox] { vertical-align: top;}
.nwform .tlacitko {width: 25%; min-width: 0;padding: 0; vertical-align: middle; background: #cbcbcb; height: 40px; border: 1px solid #a5a5a5; border-left: 0; text-shadow: 1px 1px .7px #a1a1a1; text-transform: uppercase; box-sizing: border-box; font-size: .8em; box-shadow: none; border-radius: 0;}
.nwform ::placeholder { font-style: italic; color:#777; opacity: 1;}

/*========= normální formuláře =========================================================*/
.simpleform {width: 100%;}
.simpleform p {margin: .5em 0;}
.simpleform p label {display: inline-block; vertical-align: middle; width: 30%; }
.simpleform p label.skrt {display: block; width: auto; padding-left: 2em; position: relative; }
.simpleform p label.skrt.rskrt {display: inline-block; width: 30%; position: relative; margin-right: 5%; }
.simpleform p input,.simpleform p select,.simpleform p textarea {display: inline-block; vertical-align: middle; width: 55%; margin:0; padding: 0 .5em; }
.simpleform p textarea {height: 4em;vertical-align: top }
.simpleform p input[type=checkbox],.simpleform p input[type=radio] {width: auto; margin: initial; position: absolute; left:0; top:.33em; }
.simpleform p .tlacitko {vertical-align: middle; }
.simpleform .fs {border:0; border-bottom:1px solid #126345; padding:0 0 .5em;}
.simpleform .ucast select option:not(.ch):disabled {display:none; }
.simpleform .ucast input:readonly  {background: #999; }

/*========= postranní odkazy ===========================================================*/
.katnav { list-style-type: none; padding:0; margin: 0; background: #96a615; overflow: visible; }
/* 1. úroveň */
.katnav li { margin:0; position: relative; border-bottom: 1px solid #808d19;}
.katnav li .katlink {line-height: 1.2em; display: block; color: #fff; text-decoration: none; padding: .8em 11%; background: url(/img/icon_sipka_zelena.png) .5em center no-repeat;}
.katnav li:hover,
.katnav li.active {background:#1b6548; }
.katnav li:hover .katlink {text-decoration: underline; font-weight: bold;}
/*2. úroveň - rozdíly prvků od 1. úrovně */
.katnav li ul {display: none;list-style-type: none; padding:0; margin: 0;position: absolute; left:100%; top:0; background: #1b6548; z-index: 1; width: 100%;}
.katnav li:hover ul {display: block; }
.katnav li ul li {background: transparent;font-weight: normal; }
.katnav li ul li.active {background: #104933; font-weight: bold;}
.katnav li ul li .katlink,
.katnav li:hover ul li .katlink,
.katnav li.active ul li .katlink {text-decoration: none; font-weight: normal; background: none;}
.katnav li ul li:hover .katlink {text-decoration: underline; font-weight: bold;}

.katnav li.prvy .katlink { background: url(/img/icon_sluzby.png) .9em center no-repeat; font-weight: bold; font-size: 1.125em; text-transform: uppercase; padding: .75em 1em .75em 3em; }
#xkat .katlink { width: auto; text-align: left; padding: 1em 1em 1em 2em; }
#xkat .katnav li ul {display: none;}
#xkat .katnav li .katlink { color: #fff; white-space: normal; }
#xkat .katnav li.prvy .katlink {padding-left: 3em; }

/*========= prvky patičky ==============================================================*/
#zakonceni { text-align: right; padding: 4em 0 6em;position: relative; color:#fff;font-size: 13px;}
#zakonceni a {color:#fff; }

/*========= pro výměnu odkazů ==========================================================*/
.xch p {border-bottom: 1px solid #ddd; margin: 0; padding: .5em; width: auto;}
#xchlink {position: absolute; left: 1em; top: 4em; text-align: left;}

/*========= ostatní zbytečnosti ========================================================*/
@media (min-width: 689px){
   #cm.cloud {max-width: 800px; padding: 2em; }
   .cc_div .cloud #c-inr {display: flex;}
   .cc_div .cloud #c-inr-i {width: auto; flex-shrink: 1;}
   .cc_div .cloud #c-bns {max-width: 225px; width: 40%; font-size: 1.25em; text-align: center; }
   #cm.cloud #c-bns button + button.c-bn {display: inline-block; font-size: .82em; margin: 1.5em auto; float:none; padding: 0; background: #fff; width: auto; }
   #cm.cloud #c-bns button + button:hover {text-decoration: underline; cursor:pointer; }
}
@media (max-width: 689px){
   .cc_div .cloud #c-bns {display: flex; flex-direction:row; justify-content: space-between;}
   #cm.cloud .c-bn {width:auto; box-sizing: border-box;margin: 0; display: block; flex-basis: 45%; }
   #cm.cloud .c-bn:first-child {margin: 0; order:2}
   #cm.cloud #c-bns button + button.c-bn { background: #fff; order: 1; }
   #cm.cloud #c-bns button + button:hover {text-decoration: underline; cursor:pointer; }
}
:root {--cc-btn-primary-bg:var(--mainbarva); --cc-btn-secondary-hover-bg:#fff; }

.babish { text-align: left;}

#modalbase {position: fixed; top:0; left:0; width: 100vw; bottom: 0; background: rgba(0,0,0,.6); z-index: 10000; }
#modaldialog {background: #fff; padding: 1.5em; box-sizing: border-box; position: absolute; width: 80vw; left: 0; right: 0; text-align: center; max-width: 500px;margin-left: auto; margin-right: auto; overflow:auto; }
#modaldialog .dialogclose {position: absolute; display: block; color:transparent; background: url(/img/ikona-smaz.png) center center no-repeat; right:0; top:0; width: 1.5em; height: 1.5em; }
#modaldialog .tlacitko { margin: 0 1.5em 1em;pointer-events: auto; }

#modaldialog.dialogkosik { top:20vh; }

#modaldialog.dialogparcelshop { top:5vh;bottom:5vh; max-width: none; width: 90vw; }
#modaldialog.dialogparcelshop .pplmapcontain{ height: 100%; box-sizing: border-box; position: relative; }
#modaldialog.dialogparcelshop #ppl-parcel-shop-map { height:100%; }
#modaldialog.dialogparcelshop #ppl-parcelshop-map .ppl-parcelshop-map {height:100%;}
#modaldialog.dialogparcelshop #ppl-parcelshop-map .control-panel {padding-top: 0;}
#modaldialog.dialogparcelshop #ppl-parcelshop-map .control-panel__logo-holder {padding: 20px 0; margin:0;}

#modaldialog.dialogdpdpickup { top:5vh;bottom:5vh; max-width: none; width: 90vw; }
#modaldialog.dialogdpdpickup .iframecontain {position: relative; width: 100%; height: 100%;}
#modaldialog.dialogdpdpickup iframe { width: 100%; height: 100%; border:0; }

#modaldialog.dialogbalikovnapickup { top:5vh;bottom:5vh; max-width: none; width: 90vw; }
#modaldialog.dialogbalikovnapickup .iframecontain {position: relative; width: 100%; height: 100%;}
#modaldialog.dialogbalikovnapickup iframe { width: 100%; height: 100%; border:0; }

#modaldialog.dialogpaymentgateway { top:5vh;bottom:5vh; max-width: none; width: 90vw; }
#modaldialog.dialogpaymentgateway .iframecontain {position: relative; width: 100%; height: 100%;}
#modaldialog.dialogpaymentgateway iframe { width: 100%; height: 100%; border:0; }

/*========= responzivity ===============================================================*/

@media (max-width:1099px) {
   .max-sirka {width: 92%; margin: auto 4%;}
   #hlogo {margin:10px; margin-left: 0;}
   #hlogo img { height: 60px; }
   #hstred {width: 22%; margin: -15px 0 0 6%;}
}

@media (max-width:999px) {
   #htop {margin-top: 25px;}
   #hslogan {display: none;}
   #nhmenu {display: none; }
   #vlajky {display: none; }
   #hbottom {display: none;}
   #hpruh {height: 4px;}
   #hledatObal {min-width:30px; width: auto; position: absolute; top:0; right:100%;}
   #hledatObal .q {display: none;}
   #hledatObal .tlacitko {width: 100%;}
   #hledatObal.xsshow { width: 250px;}
   #hledatObal.xsshow .q {display: inline-block;width: 84%;}
   #hledatObal.xsshow .tlacitko {width: 12%;}
   #nhmenu { display:none; }
   #xhmenu .hider {display: none;}
}

@media (min-width: 1000px) {
   #xhmenu {display: none;}
   #dovrezim {display: none;}
}

@media (max-width:799px) {
   :root { --podkat_sloupce:2; }
   #hstred {display: none;}
   .uvodni .gallery .box,.gallery .box {width: 50%; }
}

@media (max-width:749px) {
   .kform,.sloupec-levy,.sloupec-pravy {width: auto; margin: auto; float: none;}
   #telo,.uvodni #telo{width: auto; margin: auto; float: none;}
   #kat {display: none;}
}

@media (min-width: 750px) and (max-width: 999px) {
   .katnav li.prvy.hider .katlink {padding-left: 60px;}
   .sl-box.novy p.h2 a {padding-left: 60px;}
}

@media (max-width:599px) {
   #naseptavac {width: 270px};
   #registr .hlobsah {width: auto; margin: 0; display: block;}
   #registr .secobsah {width: auto; margin: 0; display: block;}
}

@media (max-width:549px) {
   .slider1 .text {font-size: 24px; bottom:75px }
   .slider1 .tlacitko {bottom:25px;}
   .obsah .left,.obsah .right { margin:.5em 0!important; float:none!important; display: block;}
}

@media (max-width:499px) {
   #xchlink {position: relative; top:0; left:0; margin-top: 1.5em; text-align: right;}
}

@media (max-width:469px) {
   :root{ --podkat_sloupce:1; }
   .podkat a { padding: .66em 1%; }
   .podkat.sfoto a { min-height: 0; }
   .podkat.sfoto .pic { display: none; }
}

@media (max-width:419px) {
   .slider1 {display: none;}
   #hlogo img { height: 40px; }
   #htop {margin-top: 15px;}
}

@media (max-width:399px) {
   .kform .sloup {width: 100%;padding:0; }
}


@media (max-width:849px) and (min-width:750px), (max-width:549px) {
   .respgbg,.respgbg tbody,.respgbg tr,.respgbg td {display: block; width: 100%;}
}

@media (max-width: 999px) {
   .column5 > div {width: 33%; }
}
@media (max-width: 849px) {
   .column4 > div {width: 50%; }
}
@media (max-width:549px) {
   .column3 > div {width: 50%; }
   .column5 > div {width: 50%; }
}
@media (max-width:469px) {
   .column2 > div {width: 100%; }
}