html {height:100%;background:#a87703}



#zpet-stranka-link {
    position: relative;
    font-weight: 300;
    text-decoration: none;
    display: inline-block;
    font-size: 1.25em;
    margin-top: .9em;        
}

#zpet-stranka-link.zpet-z-ukolu {
    display: block;
}

#zpet-stranka-link:hover {
    text-decoration: underline;
}

.multi-with-bg {
    background: rgba(237, 219, 215, 0.5) url(../imgs/bg/11h.jpg) center top no-repeat;
    background-size: cover;
    position: relative;
}


.adm #article-admin-link {
    background: yellow;
    padding: .25em 0;
}
#js-message {
    margin: 5em 2em 2em 2em; 
    text-align: center; 
    font-size: 1.5em;
}

.reload-link {
    text-decoration: underline;
}

/* šipka horní index mimo web - v menu, horni-idx-mimoweb */
#menu nav li ul > li > a >span.horni-idx-mimoweb {position: relative;}
#menu nav li ul > li > a >span.horni-idx-mimoweb::after {content:"\2197";font-size: .9em; font-weight:100;display:block;position:absolute;top:-0.3em;right:-.8em;color:rgba(0,0,0,.4);}
.vypis a:hover span.nazev > span.horni-idx-mimoweb::after {color: #000;}
/*Odkazy na kotvu*/
#menu nav li ul > li.kotva > a {font-style: italic; font-weight: 200; font-size: 1em;}

/* šipka horní index mimo web, horni-idx-mimoweb */
.vypis a span.nazev > span.horni-idx-mimoweb {position: relative;}
.vypis a span.nazev > span.horni-idx-mimoweb::after {content:"\2197";font-size: .65em;  font-weight:100;display:block;position:absolute;top:-0.3em;right:-0.8em;color:rgba(0,0,0,.4);}
a.zalozka > span.horni-idx-mimoweb {position: relative;}
a.zalozka > span.horni-idx-mimoweb::after {content:"\2197";font-size: .7em;  font-weight:100;display:block;position:absolute;top:-0.2em;right:-.8em;color:rgba(0,0,0,.4);}
/* záloha původního: .vypis a span.nazev > span.horni-idx-mimoweb::after {content:"\21D7";font-size: .75em;  font-weight:100;display:block;position:absolute;top:-10px;left:102%;color:rgba(0,0,0,.2);}*/

/* šipka mimo web v pravem hornim rohu panelu, sipka-mimoweb */
.vypis a.sipka-mimoweb {position: relative;}
.vypis a.sipka-mimoweb::after {content:"\2750";font-weight:100;font-size:1.5em;display:inline-block;position:absolute;top:-.12em;right:.15em;color:rgba(0,0,0,.3);}



#langs {margin:0;padding:0 5% 0 0}
#langs a {text-transform:uppercase;font-weight:300;color:#333/*hlavickatext*/;padding:0.3em 0.6em;text-decoration:none;}
#langs a.active {background:rgba(255,255,255,0.35)}
#above {width:100%;position:absolute;z-index:3;top:0;left:0;background:rgba(240, 240, 240, 0.95);} 
#above::after {/*height: 3em;*/content: "";display: block;background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,#fff 100%);}
#above > div {background:linear-gradient(to bottom,#fff 0%,rgba(255,255,255,0) 20%)}

#head-sekce {
    position: relative;
}
#head-sekce #login {
    text-align: right;
    /* width: 100%; */
    right: 0.5em; 
    top: 55px;
    font-size: 1em;
    margin: .5em .5em 1.25em 0;
    border-top: 1px solid #8c8c8c30;
    padding-top: 0.5em;
}


#loggedin {
    margin-bottom: .5em;
    font-size: 1.2em;
    font-weight: 300;
    font-style: italic;
    color: #502f1e;
    position: relative;
    padding: 0.3em;
    ;
}

.loglink, #sdeleni {
    padding-right: 0.2em;
    font-size: 1em;
}

/* #sdeleni {display: none;} */

#zak,#ucitel {
    /* padding-right: .5em; */
    
}

#zak, #trida, #ucitel {
    display: inline-block;
    font-style: normal;
    padding-left: 0.5em;
}

/*.sekce_ #above,.sekce_uvod #above {background:linear-gradient(to bottom,#FFF 0%,rgba(253,247,211,0) 100%);}
.sekce_ #above > div,.sekce_uvod #above > div {background:none;}*/
#head {color:#333/*hlavickatext*/;background:transparent/*hlavicka*/;text-align:left;width:33%;display:inline-block;padding:10px 15px 10px}

#head h1 {display:inline-block;line-height:1;position:relative;top:5px;font-weight:400;font-size:2.7em;margin:0 0 .3em;/*text-transform: uppercase*/;font-family:"Fira Sans Condensed", sans-serif/*logofont*/; scroll-behavior: smooth;}
#head h1 a {display:inline-block;text-align:center;line-height:.9em;padding-bottom: -0.5em;}

#head.withLangs h1 {padding-top:7px}
#head a {color:#333/*hlavickatext*/;text-decoration:none;}
h1#logo {background:url('../imgs/logo.png') center center no-repeat;background-size:contain;display:inline-block;overflow:hidden;text-indent:-100em;max-width:100%;width:300px/*logowidth*/;height:200px/*logoheight*/}
#head h1#logo a {position: absolute;top: 0;left: 0;height: 100%;width: 100%;line-height: 10em;}
#start {height:5px;padding:0px;color:#333/*text*/;text-align:right;font-size:1.1em;position:absolute;top:0;width:100%;z-index:1005;left:0}
.sekce_ #start,.sekce_uvod #start {}
#submenu,#menu {color:#333/*menutext*/;text-align:center;font-family:"Fira Sans Condensed", sans-serif/*nadpisyfont*/;}
#menu {width:63%;display:inline-block;vertical-align:top;font-size:.9em;position:relative;top:-4px;text-align:right}
.sekce_ #banner + #menu {font-size:1.25em;}
#submenu {font-size:1.3em;background:#a87703/*odkaz*/}
#submenu ul {border-top:1px rgba(255,255,255,0.2) solid;}
#submenu ul:first-child {border-top:none}
#menu ul,#submenu ul {margin:0;padding:0}
#menu ul li,#submenu ul li {position:relative;list-style-type:none}
#menu ul li {display:block; }
#menu ul li a,#submenu ul li a {padding:0.15em 0.2em;font-size:1.2em;text-align: left;margin-left: .2em;}
#submenu ul li a {padding-bottom:0.1em}
#menu ul li a {display:block;font-size:1.2em;}
#menu nav > ul > li  {display:inline-block;margin:0 0.2em 0;}
#menu nav > ul > li > a {transition:padding-top .2s;font-weight:400;margin: 0em 0.15em 0.4em;font-size:1.3em; line-height: 0.9; display:inline-block;border-top:4px transparent solid;}

#menu ul li a,#submenu ul li a {color:#333/*menutext*/;text-decoration:none;font-weight:100;font-size:1em;}

#menu ul ul {display:none;}
.f {height:30vh;min-height:300px;position:relative;background:#eee url(../imgs/bg/11h.jpg) center center / cover}
.f::before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;content: "";background: rgba(0,0,0,.03);}
.f::after{/*position: absolute;content: "";display: block;width: 100%;height: 15px;background: linear-gradient(to right,rgba(234,174,64,.4) 0%, rgba(64,164,74,.4) 100%);bottom: 0;transition:height .4s;*/}
.f .container {position:relative;}
.bf {background:#eee url(../imgs/bg/11h.jpg) center center / cover;transform:rotateY(180deg);filter:blur(17px);position:fixed;top:-15px;left:-15px;width:110%;height:110%;}
.sekce .bf,.sekce_uvod .bf {transform:none;}
#bc {position:absolute;bottom:0;left:0;width:100%;}
#bc .container {background:rgba(255, 255, 255, 0.8);}
#bc #bread {
  font-size: 1em;
  font-weight: 400;
  color: #000;
  padding: 0.5em 0em;
}
#bc #bread a {color:rgba(0, 0, 0, 0.8);text-decoration:none;}
#bc #bread a:hover {border-bottom:1px rgb(0, 0, 0) solid;}
#bc #zalozky {font-size:1.0em;padding-top:3px;font-weight:100;}
#bc .zalozka {
    transition:background .4s;background:linear-gradient(to bottom,rgba(240,240,240,.85) 80%, rgba(200,200,200,.9) 100%);margin:0 2px 0 0;color:#000;display:inline-block;padding:.4em .4em;text-decoration:none;
  }
  
  #bc .zalozka:hover,.f #bc .zalozka:focus,.f #bc .zalozka:active {
    color:#000;background:linear-gradient(to bottom,rgba(255,255,255,.94) 0%,rgba(255,255,255,.96) 100%);
  }
  
  #bc .zalozka:not(.over).current {
    position:relative;background:linear-gradient(to bottom,rgba(255,255,255,.94) 0%,rgba(239, 239, 240, 0.973) 100%);border-bottom-color:transparent;
    background: #bf9b45;
    color: white;
  }
  
#bc .zalozka.current {
    background: #bf9b45;
    color: white;
}
  
/*#bc .zalozka {transition:background .4s;background:linear-gradient(to bottom,rgba(240,240,240,.85) 80%, rgba(200,200,200,.9) 100%);margin:0 2px 0 0;color:#000;display:inline-block;padding:.4em .8em;text-decoration:none;}
#bc .zalozka:hover,.f #bc .zalozka:focus,.f #bc .zalozka:active {color:#000;background:linear-gradient(to bottom,rgba(255,255,255,.94) 0%,rgba(255,255,255,.96) 100%);}
#bc .zalozka:not(.over).current {position:relative;background:linear-gradient(to bottom,rgba(255,255,255,.94) 0%,rgba(239, 239, 240, 0.973) 100%);border-bottom-color:transparent;}*/
.sekce_ .f,.sekce_uvod .f {height:50vh;min-height:400px}
#bc #zpet {transition:background .2s;padding:.4em 1em;margin-right:2px;text-decoration:none;display:inline-block}
#bc #zpet::before {content:"";/*border:1px #fff solid;border-width:1px 0px 0 1px;*/display:inline-block;width:8px;height:8px;transform:rotate(45deg);position:relative;left:0px;top:0px;}
// #menu nav ul > li.curparent > a::before,#menu nav ul > li.current > a::before {content:"\276f";font-size:0.75em;font-weight:300;position:absolute;left:4px;top:0.5em;color:#fff/*odkaz*/;display:inline-block;margin-right:4px;}
// #menu nav > ul > li.curparent > a::before,#menu nav > ul > li.current > a::before {content:""}
#menu nav ul > li.curparent > a,#menu nav ul > li.current > a {}

#menu nav > ul > li.current > a,#menu nav > ul > li.curparent > a {border-top:0.25em #a87703 solid}
#menu nav > ul > li:not(.current):not(.curparent):hover > a {border-top:0.25em rgba(0,0,0,.2) solid}
/*.sekce_ #menu nav > ul > li:not(.current):not(.curparent):hover > a,
.sekce_uvod #menu nav > ul > li:not(.current):not(.curparent):hover > a {border-top:4px rgba(253,217,107,.5)  solid}*/


#menu nav > ul > li.current,#menu nav > ul > li.curparent {/*background:rgba(255,255,255,.25)*/}
/*#submenu ul > li.current a,#submenu ul > li.curparent a {border-bottom:4px rgba(255,255,255,0.25) solid}*/
#submenu ul > li > a {color:#333;}
#submenu ul > li.current a,#submenu ul > li.curparent a {/*background:rgba(255,255,255,0.15)*/}







#submenu > div {/*background:rgba(255,255,255,.25);*/}
#submenu ul li {padding-top:4px;}
#submenu ul li > a {padding-top:4px;}
#submenu ul li,#submenu ul li a {display:inline-block;font-weight:300;}
#submenu ul li a {margin:0 1px 0 0}
#submenu li.more > a,#menu nav > ul > li.more > a {/*padding-right:1.1em;*/}


/*#submenu ul li a {border-bottom:4px transparent solid;padding-bottom:0.2em;}*/
/*#menu ul li:hover a,#submenu ul li:hover a {border-bottom:4px #fff solid}*/
/*#submenu ul li:hover a {border-bottom:4px solid rgba(255,255,255,0.25)}*/
#submenu ul li a {border-bottom:4px solid transparent}
#submenu ul li.current a,#submenu ul li.curparent a {border-bottom:4px solid rgba(255,255,255,0.4)}

.nahled {background-size:contain;background-position:top right;background-repeat:no-repeat;}
.vypis .nazev {color:#333;font-weight:200}

img.nahled {width:100%;margin-top:0.5em}
.newsBox div.nahled {background-color:rgba(0,0,0,0.0);border:1px #e0e0e0 solid;height: 100px;margin-bottom: 1em;}
.prilohy {background:rgba(0,0,0,0.05);padding:0.5em;margin-top:1em;}
.news .prilohy {margin-top: 0.75em; margin-bottom: 0.75em;}
.prilohy .popis {display:block;font-size:1.3em;font-weight:200;line-height:1.6em;}

.newsItem {padding: 0 7px; margin: 0px 5px 1.4em 0;}
.newsItem.col-md-4 {width: 32%;}


.ico {padding-left:20px;}
.ico.file-xxx {background:transparent url("../imgs/exts/xxx.gif") 0 0 no-repeat;}
.ico.file-mp3 {background:transparent url("../imgs/exts/mp3.gif") 0 0 no-repeat;}
.ico.file-txt {background:transparent url("../imgs/exts/txt.gif") 0 0 no-repeat;}
.ico.file-jpg {background:transparent url("../imgs/exts/jpg.gif") 0 0 no-repeat;}
.ico.file-avi {background:transparent url("../imgs/exts/avi.gif") 0 0 no-repeat;}
.ico.file-pdf {background:transparent url("../imgs/exts/pdf.gif") 0 0 no-repeat;}
.ico.file-doc {background:transparent url("../imgs/exts/doc.gif") 0 0 no-repeat;}
.ico.file-ppt {background:transparent url("../imgs/exts/ppt.gif") 0 0 no-repeat;}
.ico.file-xls {background:transparent url("../imgs/exts/xls.gif") 0 0 no-repeat;}
.ico.file-exe {background:transparent url("../imgs/exts/exe.gif") 0 0 no-repeat;}
.ico.file-zip {background:transparent url("../imgs/exts/zip.gif") 0 0 no-repeat;} 

#copy {padding-bottom:2em;}
footer {padding-top:1em;padding-bottom:1em;flex-shrink: 0;}
footer > .container,#copy > .container {padding-top:1em;padding-bottom:0.2em;}

footer .menu {text-align:right;font-size:1.6em;font-weight:100;padding-bottom:1em;border-bottom:1px rgba(255,255,255,.1) solid;margin-bottom:1em;}
footer .menu ul {list-style-type:none;margin:0;padding:0;}
footer .menu ul li {margin:0.2em 0;display:inline-block;margin:0 5% 0 0;text-align:left;}

footer h3 {font-size:2em;letter-spacing:0em;line-height:1em;}
footer h3 strong {font-weight: 700;font-size:1em;letter-spacing:0em;line-height:1em;}
footer h5 {font-weight: 200;font-size: 1.2em; letter-spacing: 0em; line-height: 1em;margin-top: 0.5em;}
footer .row > div:nth-child(1) {text-align:left}
footer .row > div:nth-child(2) {text-align:left}

#copy {color:#fff;}
#copy > .container {font-size:1.0em;font-weight:100;padding-top:1em;border-top:1px rgba(255,255,255,.15) solid;}
#copy .row > div:nth-child(1) {text-align:left}
#copy .row > div:nth-child(2) {text-align:left}
#copy a {border-bottom:1px rgba(255,255,255,.5) solid;}
#copy p {margin-bottom:0em;}
#banner {transition:height .2s;}
#banner .item {transition:height .2s,opacity .5s;}
#above.scroll-to-fixed-fixed {box-shadow:0 0 10px 0 rgba(0,0,0,.1)}
/*#above.scroll-to-fixed-fixed #menu {top:4px}*/
#above #menu {top:5px}
#above.scroll-to-fixed-fixed #banner,#above.scroll-to-fixed-fixed #banner .item {height:0px}
#above.scroll-to-fixed-fixed #banner .carousel-control {display:none}

#above.scroll-to-fixed-fixed #logo-text3 {display:none}
/*
#above.scroll-to-fixed-fixed #head, #above.scroll-to-fixed-fixed #menu {background:#fff;color:#fff}
#above.scroll-to-fixed-fixed #head a, #above.scroll-to-fixed-fixed #menu a {color:#fff}
*/
/*#above.scroll-to-fixed-fixed {box-shadow:10px 0 20px rgba(0,0,0,0.15)}*/
/*#above.scroll-to-fixed-fixed h1 {font-size:2.4em;}*/
#above.scroll-to-fixed-fixed #menu nav > ul > li > a {padding-top:14px}
#up::before {content:"";transform:rotate(-45deg);border:0px #fff solid;border-width:1px 1px 0 0;width:12px;height:12px;position:relative;font-size:2em;top:0.2em;display:block;color:rgba(255,255,255,0.5);margin:0 auto;}
#up {display:block;position:fixed;width:5em;height:5em;bottom:-100px;padding:1em 1em 1em;right:10px;transition:bottom 0.2s;text-decoration:none;font-size:.9em;z-index:1001;border-radius:50%;}
#up.ukaz {bottom:50px}

.f {overflow:hidden; margin-bottom: 2em;	}

/*  ZÁHLAVÍ  homepage   */
.uvod-not-on-homepage .f {min-height: 350px;}
.uvod-on-homepage .f {min-height: 370px;}


/*.sede {background:rgba(255,255,255,.35);box-shadow:0 0 10px 0 rgba(0,0,0,.1)}*/
div.articlelist .sede {padding: 0 1em;}
.template_20 div.articlelist div[id^="vypis"]  > .obsah:first-child {
    padding-bottom: 0;
}
.template_20 div.articlelist div[id^="vypis"] div > .obsah {
    padding-bottom: 0.5em;
}
#sloz-clanek-kostra > .text .obsah {
    padding-bottom: 2em;
}

#print-page-bttn {
    position: absolute;
    right: 15px;
    top: -20px;
}

#print-page-bttn .print-bttn {
    background:url('../imgs/pc-tiskarna.png') left center no-repeat;
    background-size: 30px;
    font-size: 0.85em; 
    font-weight: 400; 
    height: 20px;
    padding-left: 40px;
    color: #626262;
    cursor: pointer;
    display: inline-block;
    text-align: left;
}


.smaller {text-align:center;}
.smaller a {display:inline-block;margin:0 .5em 0.5em;font-weight:100;text-decoration:none;border-bottom:1px transparent solid}
.smaller a:hover,.smaller a:focus {border-bottom:1px rgba(64,164,74,.4) solid}
.f .sede {background:none;position:absolute;bottom:0px;width:100%;left:0;/*background:linear-gradient(to bottom,#fff 90%,#f6f6f6 100%)*/}
.f .sede > .container {}
.f .sede a {/*background:rgba(0,0,0,.5);*/text-decoration:none;text-align:center;display:block}
.f .sede a .nahled {display:block;height:100px;margin-bottom:.5em;}
.f .sede a .nazev {font-size:1.6em;color:#fff;font-weight:200}
.f .sede a:hover .nazev {color:#fff;font-weight:700}
.sede h2 {font-size:2em}
.f .sede a {color:#fff;display:inline-block;font-size:1.1em;font-weight:100;padding:.1em 0em 0em; margin:.1em .4em}
.f .sede .v {height:55px;overflow-y:hidden;transition:height .4s;position:relative;}
.ellipsis:after {content:"...";position:absolute;display:inline;}
.f .vypishome > div:hover .v {height:80px;}
#news .news .container {padding-top:0em;}
#news .news .container.prispevky-prvni-stranka {border-top:1px #e0e0e0 solid;}
#news .news .container .aktuality-header strong {margin-top: 1em;}
a.prejit-posled-stranku  {text-decoration: none;}
a.prejit-posled-stranku.link-disabled {pointer-events: none;}
.f .vypishome > div:hover > div {background-size:50px auto !important;padding-top:3.5em !important;}
.f .sede .v a::before {display:inline-block;position:relative;left:-.5em;top:-.2em;content:"";width:4px;height:4px;background:rgba(255,255,255,.4)}
.f .sede a.btn {transition:border-color .4s,background .4s,color .4s;border:1px #a87703 solid;display:inline-block;padding:.2em 1em;border-radius:0;margin:.3em auto .5em;background:#a87703;font-size:1.2em;}
.f .vypishome > div:hover a.btn {background-color:transparent;border:1px rgba(255,255,255,.35) solid;}
.f .vypishome a.btn:hover {color:#333;background-color:#fff !important;}
.f .sede .v a:first-child::before {display:none;}
.f .sede h2,.f .sede h2 a {font-weight:100;background:none;}
.vypishome a:not(.btn) {border-bottom:1px transparent solid;}
.vypishome a:not(.btn):hover {border-bottom:1px rgba(255,255,255,.5) solid;}
#uziti,#typ,#znacka {text-align:center;}
#uziti h3 a,#typ h3 a,#znacka h3 a {color:#333;text-decoration:none;border-bottom:1px rgba(0,0,0,0.1) solid}
#uziti h3 a.current,#typ h3 a.current,#znacka h3 a.current {border-bottom:4px #a87703 solid}
#uziti h3 a:hover,#typ h3 a:hover,#znacka h3 a:hover,
#uziti h3 a:focus,#typ h3 a:focus,#znacka h3 a:focus {border-bottom:1px #a87703 solid}
.f #uziti,.f #typ,.f #znacka {position:absolute;left:0;width:35%;margin:0 1px 1em 0;float:left;display:inline-block;background:rgba(0,0,0,.4);background-size:80px auto;transition:background .4s;bottom:1em}
.f #uziti:hover,.f #typ:hover,.f #znacka:hover {background:rgba(64,164,74,.85);}
#uziti > div,#typ > div,#znacka > div {transition:background-size .4s,padding-top .4s;padding:5.5em 1em 1em;background:none no-repeat center .7em;background-size:80px auto}
#uziti > div {background-image:url(../imgs/usage_.png);}
.f #uziti > div {background-image:url(../imgs/usage.png);}
.f #typ {left:35%;}
#typ > div {background-image:url(../imgs/tractor_.png);line-height: 1em;}
.f #typ > div {background-image:url(../imgs/tractor.png);}
.f #znacka {width:30%;left:70%;}
#znacka > div {background-image:url(../imgs/brand_.png);}
.f #znacka > div {background-image:url(../imgs/brand.png);}
#znacka div div a {}
.oddel {border-top:1px #ddd solid;}
.bigger {font-size:1.2em;font-weight:100}
.bigger a {display:inline-block;margin:.1em;}
.bigger h3 {position:relative;top:-.2em;}
.selected a {font-size:1.25em;padding-bottom: .4em;font-weight:100;display:inline-block;margin:.3em .5em .3em .3em;text-decoration:none;border-bottom:1px transparent solid;}
#uziti a,#typ a,#znacka a {padding-bottom:3px}
.vypis_form #podleuziti,.vypis_form #podleznacka,.vypis_form #podletyp {position:relative;padding-left:4em;}
#podleuziti i,#podleznacka i,#podletyp i {position:absolute;display:block;left:0;width:3em;height:3em;margin:0 1em 1em 0;background:none no-repeat center center;background-size:contain;}
#podleuziti i {background-image:url(../imgs/usage_.png)}
#podleznacka i {background-image:url(../imgs/brand_.png)}
#podletyp i {background-image:url(../imgs/tractor_.png)}
.selected a:focus,.selected a:hover {border-bottom:1px rgba(64,164,74,.4) solid;}
.selected a.current {border-bottom:4px rgba(0, 73, 128, 0.8) solid;color:#333}
.selected a::before {display:inline-block;position:relative;left:-.5em;top:-.2em;content:"";width:4px;height:4px;background:rgba(0,0,0,.1)}
.selected h3 + a::before {display:none}
#main {padding-bottom:0em;position:relative;z-index:2;/*background:rgba(255,255,255,.8);*/background:rgba(240, 240, 240, 0.80);box-shadow: 0 0 10px 0 rgba(0,0,0,.1);padding-bottom:2em;flex: 1 0 auto;min-height: auto;}
/*#main {padding-bottom:0em;position:relative;z-index:2;font-size:1.0em;background:rgba(255,255,255,.8);min-height:79.9vh;padding-bottom:4em;}*/


h5.znacka {font-size:1.3em;font-weight:100;margin-bottom:1em;margin-top:.2em;}
div[data-name="popis"] {margin-top:1em;border-top:1px rgba(0,0,0,0.1) solid;padding-top:1em;} 
#main div[data-name="popis"] {line-height:1.6em;font-size:1.3em;font-weight:200;}
#main *[data-name!="name"] {font-size:1.3em;}
#main div[data-name="popis"] p,#main div[data-name="popis"] li {font-size:1em}
*[data-title] {position:relative;padding-top:1.6em;}
/**[data-title]::before {position:absolute;top:0;left:0;content:attr(data-title) ":";display:block;font-size:.85em;font-weight:400;color:rgb(64,164,74);}*/ 
/*#main > div {background:/*rgba(246,124,19,0.8)* /rgba(112,112,112,0.35);}*/
/*#nap {text-shadow:0 1px 2px rgba(0,0,0,.5);min-height:20vh;align-items:center;justify-content:center;display:flex;padding:2em 0;margin:0 auto;text-align:center;color:#fff;}*/
/*body.sekce_ #nap,body.sekce_uvod #nap {min-height:50vh;}*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /*
  #head h1 {position:relative;top:25px;margin-bottom:10px;}
  #head h1 a {line-height:20px}
  */
}


#main > div#obsah,#main > .obsah,#main > div.text,#main > div.articlelist,#news {position:relative;}
#main > div#obsah::before,#main > .obsah::before,#main > div.text::before,#main > div.articlelist::before,#news::before {/*   background:linear-gradient(to bottom,rgba(240,240,240,0.3) 0%,rgba(240,240,240,0) 100%) */height:3em;content:"";display:block;top:0;left:0;width:100%;position:absolute;}
#main {position:relative;margin-bottom:1.1em;}
#main::after {content: "";display: block;height: 1em;/*background: linear-gradient(to bottom,rgba(255,255,255,.7) 0%,rgba(255,255,255,0) 100%);*/background:rgba(64,164,74,.01);position: absolute;top: 100%;left: 0;width: 100%;}
.template_31 #main::after, .template_30 #main::after {background: #DEDAC2}
.template_31 #main, .template_30 #main {padding-top: 2em;}
.text {/* padding: 1em 0 1em 0; */	  padding: 0.1em 0 0.1em 0;	}
.obsah > .text {padding-top: 1em;}
#above.scroll-to-fixed-fixed ~ .fixer {background:transparent/*hlavicka*/;}
.fixer:nth-of-type(n+1) {display:none !important}

ul {list-style-type:square}
.obsah { /* padding: 2em 0 1em 0; */	  padding: 0.5em 0 1.5em 0;	}
.carousel-inner {background:transparent url(../imgs/bg/10.jpg) no-repeat center center;background-size:cover;}
.carousel-inner.v2 {background-image:url('../imgs/11.jpg')}
.carousel-inner.v3 {background-image:url('../imgs/12.jpg')}

.carousel-caption {left:0;right:auto;top:44%;transform:translate(0,-50%);color:#fff;font-size:1.6em;font-weight:300;text-align:center;width:100%}
.carousel-caption h2 {font-weight:400;font-size:2.6em;color:#fff}
.carousel-caption p {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.carousel,.carousel .item {height:300px;}
.sekce_ .carousel,.sekce_ .carousel .item {height:450px;}
.sekce_ .carousel .carousel-caption {top:50%;}
.carousel .item {background-size:cover;}
.carousel .item[style] > div:first-child {background:rgba(100,100,100,.2);position:absolute;top:0;left:0;width:100%;height:100%;}
.carousel .item h2 {margin-top:0}
.carousel a.button {border:1px #fff solid; display:inline-block;font-size:.6em;margin-top:2em;text-decoration:none;color:#fff;padding:0.3em .8em;}
.carousel a.button:hover,.carousel a.button:focus {color:#fff;background:#fff;text-shadow:none;}
.carousel a.full {height: 100%;left: 0;position: absolute;transition:background-color .2s;top: 0;width: 100%;z-index: 10;}
.carousel-control .icon {position:relative;top:90px;}
.sekce_ .carousel-control .icon {top:150px;}
.left.carousel-control,.right.carousel-control {text-decoration:none;background:none}
.carousel-control.right:hover,.carousel-control.left:hover {background:none}
.left.carousel-control .icon::before,.right.carousel-control .icon::before {opacity:.3;font-weight:100;font-size:5em;display:block;}
.left.carousel-control .icon::before {content:"\2039"}
.right.carousel-control .icon::before {content:"\203a"}
.left.carousel-control:hover .icon::before,.right.carousel-control:hover .icon::before {opacity:1}
.carousel-control {z-index:12 !important}

.datumovka,.datum {
  font-size:0.9em;
    font-weight:200;
    font-style: italic;
    color:#151515;
    margin-bottom: 1em;
    display: block;
    height: 1em;
}

.datum2  {
    color: #bd0000;
    font-weight: 400;
}
.datum2 .hodnota {
    font-weight: 200;
}




/* ----- Formulář Přihlášení ------ */

.qrs-modal .modal-header {
    background: url("../imgs/formular/formular--div-stred--backgroung-texture.jpg") 0 0 repeat; 
     padding-bottom: 0.3em;
     border-radius: 7px 7px 0 0;
  }

.qrs-modal .nadpisek {
    font-weight: 400;
    color: #a87703;
    font-size: 1.5em;
    padding-left: 10px;
}

.qrs-modal .close {
    position: relative;
    top: -0.1em;
    color: #a87703;
    margin-top: 0px;
    font-size: 3em;
    opacity: 0.6;
}

.qrs-modal .close:hover { opacity: 0.9; }


.qrs-modal .modal-body {
    padding-top: 1.3em;
 }

#modal-login-form .modal-footer {
    border-top: 0px solid #e5e5e5;
    text-align: left;
    display: grid;
}

#modal-login-form .modal-footer > .popisek {
    font-size: 0.9em;
    font-style: italic;
    padding-top: 0.5em;
}
#modal-login-form .modal-footer > .btn-ok {
    padding-left: 10px;
}

 

#modal-login-form .popisek {
    font-weight: 200;
    font-style: italic;
    font-size: 0.9em;
    padding-left: 10px;
}


#modal-login-form .additional-user-msg, #modal-login-form  #admin-login  {
    display: block;
    margin: 1.25em 1.5em 0 0.5em;
    font-size: 1em;
    font-weight: 400;
}

#modal-login-form .additional-user-msg #admin-link {
    display: block;
}

/*#modal-login-form #odeslat-heslo.sent {
    text-decoration: none;
    color: #242424;
    cursor: auto;
}*/

#modal-login-form input[type="submit"] {
    background: #a87703;
    border-color: #745a1e;
    padding: 0.4em 1.5em 0.2em 1.5em;
    font-size: 1.1em;
}


.alert-warning {
  color: #d70101;
  background-color: #fff1f1;
  border-color: #b00000;
}





/*--FOTOGALERIE--*/
@media print {
    max-width: 400px;
}
.fotogalerie {padding:0.5em 0 0;//*margin-top:2em*//;border-top:1px #e6e6e61a solid;/*display:flex;flex-flow:wrap;justify-content:space-between*/}
.fotogalerie div.foto, .fotogalerie div.rect-foto {margin-bottom:1em;display:inline-block;text-align:center;}
.fotogalerie div.foto {width:16.2%;position:relative;margin:0 5px 5px 0}
.foto-vetsi .fotogalerie div.foto {width:24.5%;position:relative;margin:0 5px 5px 0}
.fotogalerie div.rect-foto {width:16.08%;position:relative;margin:0 5px 5px 0}
.foto-vetsi .fotogalerie div.rect-foto {width:24.4%;position:relative;margin:0 5px 5px 0}

.fotogalerie div.foto.podsebou, .foto-vetsi .fotogalerie div.foto.podsebou,
.fotogalerie div.rect-foto.podsebou, .foto-vetsi .fotogalerie div.rect-foto.podsebou {
  display: block;
}
.fotogalerie div.foto.podsebou.vlevo, .foto-vetsi .fotogalerie div.podsebou.vlevo,
.fotogalerie div.rect-foto.podsebou.vlevo, .foto-vetsi .fotogalerie div.rect-foto.podsebou.vlevo {
  margin: 0 20px 5px auto;
}
.fotogalerie div.foto.podsebou.vpravo, .foto-vetsi .fotogalerie div.podsebou.vpravo,
.fotogalerie div.rect-foto.podsebou.vpravo, .foto-vetsi .fotogalerie div.rect-foto.podsebou.vpravo {
  margin: 0 auto 5px 20px;
}

.fotogalerie div.foto img, .fotogalerie div.rect-foto img {width:100%}
.fotogalerie div.foto div {display:none}
.foto-vpravo .fotogalerie div.foto,.foto-vlevo .fotogalerie div.foto, 
.foto-vpravo .fotogalerie div.rect-foto, .foto-vlevo .fotogalerie div.rect-foto {width:31%}
.newslist .newsBox .foto-vpravo .fotogalerie div.foto, .newslist .newsBox .foto-vlevo .fotogalerie div.foto, 
.newslist .newsBox .foto-vpravo .fotogalerie div.rect-foto, .newslist .newsBox .foto-vlevo .fotogalerie div.rect-foto {width:31%}
.newslist .newsBox .foto-vpravo .fotogalerie div.foto:nth-child(3n+1) a.file-more, .newslist .newsBox .foto-vlevo .fotogalerie div.foto:nth-child(3n+1) a.file-more, 
.newslist .newsBox .foto-vpravo .fotogalerie div.rect-foto:nth-child(3n+1) a.file-more, .newslist .newsBox .foto-vlevo .fotogalerie div.rect-foto:nth-child(3n+1) a.file-more {
    display: inline-block;
    padding-top: 1em;
}
.col-sm-3.foto-vpravo .fotogalerie div.foto,.col-sm-3.foto-vlevo .fotogalerie div.foto, 
.col-sm-3.foto-vpravo .fotogalerie div.rect-foto, .col-sm-3.foto-vlevo .fotogalerie div.rect-foto {width:99%}
/*.foto-vpravo.foto-vetsi .fotogalerie div.foto,.foto-vlevo.foto-vetsi .fotogalerie div.foto,
.foto-vpravo.foto-vetsi .fotogalerie div.rect-foto,.foto-vlevo.foto-vetsi .fotogalerie div.rect-foto {width:49%}*/
.foto-vpravo.foto-vetsi .fotogalerie div.foto,.foto-vlevo.foto-vetsi .fotogalerie div.foto,
.foto-vpravo.foto-vetsi .fotogalerie div.rect-foto,.foto-vlevo.foto-vetsi .fotogalerie div.rect-foto {width:47%}
.col-sm-3.foto-vpravo.foto-vetsi .fotogalerie div.foto,.col-sm-3.foto-vlevo.foto-vetsi .fotogalerie div.foto,
.col-sm-3.foto-vpravo.foto-vetsi .fotogalerie div.rect-foto,.col-sm-3.foto-vlevo.foto-vetsi .fotogalerie div.rect-foto {width:100%}

.foto-vlevo:not(.foto-vetsi).foto-vice .fotogalerie div.foto,.foto-vpravo:not(.foto-vetsi).foto-vice .fotogalerie div.foto {width:98%;display:inline-block}
.foto-vpravo .fotogalerie,.foto-vlevo .fotogalerie {padding:0;margin-top:1em;border-top:none;display:block;} 
.foto-vpravo .fotogalerie div.foto img,.foto-vlevo .fotogalerie div.foto img {width:100%;}


/*SEKCE AKTUALITY*/
.news h3 {
    margin-top:.2em;
}

.news h3 + p {
}
.newsBox > .row {
    border-bottom:1px rgba(0,0,0,0.06) solid;
    padding-bottom: 1em;
    margin-bottom: 1em;
}



/* ---------------------------
     NASTAVENÍ ŠABLON 
---------------------------*/

.multi-podclanek {
  margin: 0.5em 0em 0.5em 0
}


.multi-podclanek-vypis_nahledu__home {
    margin: 1em 0;
}


.multi-podclanek-vypis_nahledu__home .obsah {
    padding: .5em 0 .5em 0;
}




@media screen and (max-width: 767px) {
    /*.terminlist .souhrn-row {
        margin-bottom: 2em;
    }*/
    /*.terminlist .souhrn-header {
        display: none;
    }
    
    .terminlist .souhrn-row .datum2::after {
        content: "(termín splnění)";
        margin-left: 10px;
        font-size: .8em;
        font-style: italic;
    }*/
    .terminlist .souhrn-row .publish > span {
        display: inline-block;
        margin-right: 5px;
    }

    #footerClanek div.ico.email {
        float: none;
    }
}

@media screen and (min-width: 768px) {
    .terminlist .souhrn-row .publish > span {
        display: none;
    }

    a[href^="tel:"] {
        text-decoration: none;
        pointer-events: none;
        color: #000;
    }
}
  
/* Nadpis aktuality na hompagi */
.box_preview_h {
    font-size: 1.3em;
    letter-spacing:-0.05rem;
    margin-top: 0.5em;
    margin-bottom:0.5em; 
    font-weight: 200;
    line-height:1.2em;
    color:#333;
    display: block;
    text-decoration: none;
}
.box_preview_h:hover {
    text-decoration: none;
}

.box_preview_p {
}

.list_preview_p {
}

/*font-size:1.4rem;*/


/* Nadpis aktuality ve výpisu aktualit */
#main .newsBox .news h3 {
    font-size: 1.3em;
    margin-top: 0.5em;
    font-weight: 200;
    color:#333;
}
.news .newsItem .newsHomeMargin {
    margin-bottom: 1em;
}
.news .newsItem .newsHomeMargin > a {
    display: block;
}


/* Skryte prispevky */
.hidden-uvod-aktitem {
    display: none;
}
.first-hidden-uvod-aktitem {
    position: relative;
    visibility: hidden;
    margin-bottom: 0;
    padding-bottom: 0;
}
#main .news .first-hidden-uvod-aktitem .datum, #main .news .first-hidden-uvod-aktitem .news-blok-link {
    display: none;
}
.first-hidden-uvod-aktitem-link {
    visibility: visible;
    display: block;
    top: 0.6em;
    font-size: 1.3em;
    font-weight: 300;
    color: #a87703;
    text-decoration: underline;
    cursor: pointer;
    padding: 1em;
}
.only-row .first-hidden-uvod-aktitem-link {
    position: relative;
    padding: 0 0 1em 0;
    top: -0.5em;
}

#main .news h1 a:hover, #main .news h3 a:hover,
#main .news h1 a:focus, #main .news h3 a:focus {
    text-decoration: underline;
    /*border-bottom: 1px rgba(170, 122, 10, 0.45) solid;*/
}

/*#main .news a.news-blok-link {
    display: block;
    text-decoration: none;
    color: #000;
}
#main .news a.news-blok-link:hover h3, #main .news a.news-blok-link:hover h1 {
    text-decoration: underline;
}

#main .news a.news-blok-link:hover>p:first-child {
    text-decoration: underline;
}*/

#main .news .news-blok-link {
    display: block;
    text-decoration: none;
    color: #000;
}

/*#main .news a.news-blok-link:hover h3, #main .news a.news-blok-link:hover h1 {
    text-decoration: underline;
}

#main .news a.news-blok-link:hover>p:first-child {
    text-decoration: underline;
}*/


#main .news h2#nadpis-aktualit-homepage, #nadpis-aktualit-homepage a {
    font-weight: 400;
    font-size: 1.4em;
    margin-top: 0.5em;
    padding-bottom: 0.3em;
    color: #a87703;
  }

#main .news h2#nadpis-aktualit-homepage a {
    text-decoration: none;
    position: relative;
}

#main .news h2#nadpis-aktualit-homepage a > span.nodisplay {
    padding-left: 0.25em;
    font-size: 0.7em;
    font-style: italic;
    line-height:1.1em;
}

#main .news h2#nadpis-aktualit-homepage a:hover > span.nodisplay {
    display: inline-block;
}



#nadpis-aktualit-homepage, #nadpis-aktualit-homepage a, .newsItem h2.parent {
  font-weight: 200;
  font-size: 1em;
}


.newsBox > div.row:last-of-type {border-bottom:none}
.newsBox > .row  .news {
    padding-left: 0.5em;
}
.newsBox {
    border-top: dotted 1px #a87703;
    padding-top: 1em;
}

#main ul.pagination li {
    display: inline-block;
    padding-left: 0;
}


#main .news h1 {
    font-size: 1.3em;
}
#main .news h1 strong {
    font-size: 1em;
    font-weight: 200;
    color: #333;
}


.sekce_ .news h3 {margin-top:.2em;color:#222/*nadpisy2*/}
.sekce_ .news h3 a, .sekce_ .news h1 a {text-decoration: none;}
.sekce_ .news h3 a:hover, .sekce_ .news h3 a:focus, 
.sekce_ .news h1 a:hover, .sekce_ .news h1 a:focus {text-decoration: underline;}
.vypis_form h4 {margin-bottom:.2em;}
.h-card {margin-bottom:1em;}
.vypis {margin-top:1em;}
.vypis:not(.vypis_form) a {position:relative;display:block;padding:0 0 .3em;padding-top:0;margin-bottom:2em;text-decoration:none;background:rgba(255,255,255,.6);box-shadow:0 -20px 20px -20px rgba(0,0,0,.1)}
/*.vypis:not(.vypis_form) a {overflow:hidden;background:rgba(255,255,255,.6);position:relative;display:block;padding:.5em;padding-top:0;margin-bottom:2em;text-decoration:none}*/
/*.vypis a span.nahled {overflow:hidden;display:block;border:0px rgba(0,0,0,.12) solid;position:relative;height:20px;margin:0 auto;background-repeat:no-repeat;background-position: center bottom;background-size: cover;transition:transform .3s;}*/
.vypis a span.nahled {display:block;background:none;height:170px;background-repeat:no-repeat;background-position: center bottom;background-size: contain;}
.vypis a span.inner {display:block;text-align: center;}
.vypis a div.ram {overflow: hidden;}
.vypis a span.inner .nahled {transition:all 0.2s ease;position:relative;padding-top: 50%;}
.vypis a.animate_in span.inner .nahled {box-shadow:0 0 0 0 rgb(75, 54, 6) inset}
.vypis a.animate_in:hover span.inner .nahled {box-shadow:0 0px 40px 20px rgb(75, 54, 6) inset; animation: over 0.5s;}
/*Pouze opačný efekt: */
.vypis a.animate_out span.inner .nahled {box-shadow:0 0px 40px 20px rgb(75, 54, 6) inset}
.vypis a.animate_out:hover span.inner .nahled {box-shadow:0 0 0 0 rgb(75, 54, 6) inset; animation: over 0.5s;}
.vypis a.scale_in:hover span.inner .nahled, .vypis a.scale_out:hover span.inner .nahled {transform:scale(1.1)}





.vypis a:hover span.inner::after,.vypis a:focus span.inner::after {color:#a87703}
.vypis a:hover span.nahled::before {}
.vypis:not(.vypis_form) a span.nazev {font-size:2em;line-height:1em;font-family:"Fira Sans Condensed", sans-serif/*nadpisyfont*/;display:block;padding:.4em 0 .1em;}
.vypis:not(.vypis_form) a span.notnahled span.nazev {padding:.8em .6em .3em .6em;}
.vypis a span.perex {font-size: 0.9em;color: #333; font-weight: 200; font-style: italic; /*text*/}
.vypis a span.notnahled span.perex {padding: 1em;} 
.vypis a .inner::after {content:attr(data-more);color:transparent;font-size:1em;padding:0.5em;text-align:center;display:block;position:relative;}
.u-photo {width:50%;display:block;margin:0 auto;}
.option img {margin:4px;width:100px}

img.big {width:100%;}
section.foto {margin:0;padding:0;}


/*Prilohy*/
.prilohy-nadpis {
    display: none;
  
  }
  .file-attachment {
      margin-top: 0.5em;
      margin-bottom: 0.5em;
      
    }
    
    .row-attach {
      display: table;
      margin-left: 0.5em;
    }
  
    .file-attachment > .row-attach:not(:last-child) {
        margin-bottom: 0.2em;
    }
      .attach-icon, .attach-descr {
          display: table-cell;
      }
      
      .attach-icon {
          vertical-align: top;
          padding-right: .75em;
  
      }
    /*.file-attachment .attach-icon {
      text-align: right;
    }
    
    .file-attachment .attach-descr {
      word-wrap: break-word;
    }
    .col-sm-6 .file-attachment .attach-descr a {
      margin-left: 15px;
      
    }*/
    .file-attachment .attach-descr a {
      padding-right: .5em;
      display: inline-block;
    }
    
  
  
    .file-attachment .attach-descr span.attach-ext {
      font-size: 1em;
      display: inline-block;
      color: #000;
      padding-left: .3em;
      font-weight: 200;
  
    }
    
    .file-attachment img {
      width: auto;
      height: 2em;
    }
  
  .file-attachment .attach-descr a {
      font-size: 1em;
   }

   a.file-more, a.txt-more {
        letter-spacing: 2px;
   }

   a.txt-more {
       font-size: 1.5em;
   }

   a.file-more {
        text-decoration: none;
        font-weight: 700;
   }

   .file-attach-more a.file-more {
        position: relative;
        left: 3.25em;
        top: -0.5em;
    }

    a.file-more:hover, a.file-more:focus {
        text-decoration: underline;
    }
   .priloha-komentar {
      font-size: 0.9em;
      font-weight:200;
      font-style: italic;
      margin-top: 5px;
   }


 /*STRANKA 404*/
.error-404-page .col-xs-12 {
    display: table;
}
.error-404-page .error-404 {
    display: table-cell;
    height: 40vh;
    vertical-align: middle;
    text-align: center;
    width: 100%;
}

/*AKTUALITY*/
.aktuality-header strong {
    color: #a87703; 
    font-size: 1.2em; 
    float: right;
}

/*more link*/
.row.more-link .more {
    padding-left: .5em;
}
/*
#back-events-list::before {
    content: "\2039\2039";
    font-size: 1.2em;
    position: absolute;
    top: -2px;
    left: 0;
} 
*/

/*--- ROZHRANI S MAPOU ----*/
/*-------------------------*/

/*MAPA*/
#mapawrap + script + #main,#mapawrap + script + style + #main {margin-top:64.9vh;box-shadow:0 0 100px rgba(0,0,0,.7);}
#bgfotowrap {background:#f6f6f6 url(../imgs/pisek.jpg) center center repeat;z-index:1;}
#bgfoto {}
@-webkit-keyframes fade {
0% {opacity:0}
100% {opacity:1}
}
@keyframes fade {
0% {opacity:0}
100% {opacity:1}
}
#bgfotowrap + #main, #mapawrap + script + #main {margin-top:40vh;box-shadow:0 0 100px rgba(0,0,0,.7);}
.vypis-clanku #bgfotowrap + #main {margin-top: 25vh;}
#bgfotowrap.male + #main {margin-top:11.9em}

#mapawrap,#bgfotowrap {position:fixed;width:100%;height:40vh;top:0;left:0;opacity:1}
.vypis-clanku #bgfotowrap {
    height: 25vh;
}
#bgfotowrap.male {height:12em;}
#mapawrap::after {position:absolute;top:45%;left:0%;content:attr(data-moment);color:#666;width:100%;text-align:center;}
#mapa,#bgfoto {height:40vh;}
.vypis-clanku #bgfoto {height:25vh;}
#bgfoto {background-size:cover;background-position:50% 65%;}
#mapa > div:first-child > div:first-child {filter:brightness(85%) grayscale(100%) sepia(30%) hue-rotate(10deg);-webkit-filter:brightness(85%) grayscale(100%) sepia(30%) hue-rotate(10deg);}
#mapa img {color:transparent}
#mapa div[title].hover a {color:#000 !important}
#mapa div[title].hover::after {animation:slide .2s;-webkit-animation:slide .2s;overflow:hidden;display:inline;content:attr(data-title);white-space:nowrap;background:#fff;color:#000;position:absolute;z-index:4;border-radius:6px;font-weight:300;font-family:Arial/*textfont*/;font-size:14px;padding:0.2em 0.4em;}
@keyframes slide {
0% {width:0;}
100% {width:100%;}
}
@-webkit-keyframes slide {
0% {width:0;}
100% {width:100%;}
}



/*TLACITKO (BUTTON) PRO OTACENI FOTO/MAPY*/
.withmap {
    position: absolute;
    left: 20px;
    top: -50px;
    display: block;
    padding: 10px 12px 0 0;
}
.minibox {
  display:inline-block;
  transition:transform .2s;
  cursor:pointer;
	position: absolute;
  width: 80px;
  height: 50px;
  color:#122f4e;
  font-size:14px;
  text-shadow:none;
  top: 10px;
  /*margin-top:-4px;
  top:0;right:0;*/
}
/*a.minibox:hover,a.minibox:focus {transform:scale(1.1);color:#fff}*/
a.minibox:hover, a.minibox:focus {color:#122f4e}
.box:before,.minibox:before{
	content: "";
	display: block;
	padding-top: 100%;
}

.f-map {
	position: absolute;
	bottom: 0;
	right: 0;
  padding:0 5px;
  line-height:1.1em;
}
.f-map {
	-webkit-perspective: 1000;
	perspective: 1000px;
  z-index:3;
  padding:0;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition:background-position 0.5s;
  transition:background-position 0.5s;
}

.f-map.hover,.f-map:hover {z-index:4;}

.f-map[ontouchstart]:hover .fp, .f-map.hover .fp {
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);transform: rotateY(180deg);
  z-index:10;
}
.f-map[ontouchstart]:hover .fz, .f-map.hover .fz {
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);transform: rotateY(0deg);
  z-index:11;
}
.f-map img {width:100%; position:relative; top: 0.9em;}

.f-map, .fp, .fz {
  width:100%;height:100%;
}

.fp, .fz {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
  text-align:left;
  line-height:1.4em;
  overflow:hidden;
}

.fp {
	z-index: 2;
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);    
  background:transparent center center no-repeat;
  background-size:contain;
  font-size:1.1em;
}
.fp::after {content:attr(data-title);display:inline-block;background:#fff;padding:0.4em 1em .4em .5em;left:.3em;bottom:0em;position:absolute;max-width:100%;color:#606060;font-weight:700;font-size:1.2em;}

.schovat {opacity:0}

.fz {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);  
    color:#333;
    background:#fff;
    text-align:left;
    font-size:1.2em;  
  }
  .fz > span {background:rgba(255,255,255,1) linear-gradient(to bottom,rgba(235,235,235,1) 0%, rgba(255,255,255,1) 60%); padding:.8em;display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
  .minibox .fp, .minibox .fz {font-size: 1em;background: #F0EEE9;text-align:center; line-height: 1em;}
  .minibox .fp::after {display:none}
  .minibox .fz {background-position:center center;background-size:cover;color:#122f4e;}
  .minibox .fp > span, .minibox .fz > span {
    padding-top:.6em;
  }
  .minibox .fp > span {display:block}
  .minibox .fz > span {background:#F0EEE9;}
  
  
  .fz img {position:absolute;top:0;left:0;width:100%;height:100%;}
  .fz .nazev {font-weight:700;color:#606060;font-size:1.2em;padding:.2em 0;display:block;}
  .fz.noperex .nazev {padding-top:30%;text-align:center;font-size:1.6em;}
  .fz .nazev::after {text-align:right;content:attr(data-more) " >";padding:1.5em .4em .2em;font-size:.75em;position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%);color:#ccc;margin-top:2em;display:block;font-weight:300;} 


/*VYPIS KONTAKTU*/
.contact-list .contact {
    padding-bottom: 1.5em;
}

.detail-contact {
    margin-bottom: 2em;
    font-weight: 300;
}

#show-on-map {
    font-size: 0.9em;
    position: relative;
    top: -1px;
    padding: 0 1px;
}

#show-on-map::after {
    content: ' \2197';
    color: #a87703;
    /*text-decoration: none;*/  
}

#show-on-map:hover::after {
    color: black;
}
.tel-cisla {display: table;}
.tel-cisla > div {display: table-cell;}

/* MAPA STRANEK */
.sitemap a {
    text-decoration: none;
    display: inline-block;
}
.sitemap a.admin-view-for--unpublish {
    margin-bottom: .25em !important;
}

.sitemap a:hover {
    text-decoration: underline;
}
.sitemap h4 {
    margin: 0;
}
.sitemap a.new-level {
    margin: .5em 0 0 0;
}
.sitemap a.kotva {
    font-style: italic;
    font-weight: 200;
    font-size: .9em;
}



@media screen and (max-width:600px) {

    .row-attach {
        margin-left: 0em;
    }
    
} 





@media screen and (max-width:768px) {
.file-attachment .attach-icon {
    text-align: left;
}



.row-attach {
    margin-bottom: 1em;
}
}

@media screen and (max-width:991px) {
  .f .vypishome > div:hover .v {height:140px;}
  #head,#menu {width:100%}
  #head {text-align:center;}
  #menu {margin-bottom:-4px}
  #menu {text-align:center;}
  #menu nav > ul > li > a {border-width:0 !important}
  .news .datum:empty {display: none;}

  /*HOMEPAGE AKTUALITY*/
      .news .newsItem .newsHomeMargin img.nahled {
        max-height: 100px;
        max-width: 40%;
        width: auto;
    }
    .newsItem.col-md-4 {
        width: 100%;
    }

    .first-hidden-uvod-aktitem-link {
        padding: .5em 0 1em 0;
    }
   /*  #bc #zalozky {font-size:1.3em;}  */

   #head-sekce #login {
      position: sticky;
      text-align: center;
      top: 10px;
      margin-bottom: 10px;
  }

  #above #menu {
      top: -10px;
    }


}

 


@media screen and (max-width:850px) {
    .foto-vlevo .fotogalerie div.foto,.foto-vpravo .fotogalerie div.foto {height:100%;width:100%;overflow:visible}
    .foto-vlevo .fotogalerie div.foto img,.foto-vpravo .fotogalerie div.foto img {position:static}
}
  
@media screen and (max-width: 767px) {
    .fotogalerie div.foto.podsebou, .foto-vetsi .fotogalerie div.foto.podsebou,
    .fotogalerie div.rect-foto.podsebou, .foto-vetsi .fotogalerie div.rect-foto.podsebou {
        margin: 0 auto 5px 0 !important;
    }

    .foto-vpravo .fotogalerie, .foto-vlevo .fotogalerie {
        margin-top: 1.5em;
    }
    
    /*VYPIS AKTUALIT ... */
    .newslist .newsBox .newsNahled {
        text-align: center;
    }
    
    .newslist .newsBox .newsNahled a {
        display: block;
    }
    
    .newslist .newsBox .newsNahled a img.nahled {
        width: auto;
        max-height: 120px;
        max-width: 40%;
        margin-top: 0;
        margin-bottom: 1em;
        float: left;
    }
    
    .newslist .newsBox > .row .newsMargin .news, .row.more-link .more {
        padding-left: 0;
    }

    .newslist .newsBox > .row .newsMargin .datumovka, 
    .newslist .newsBox > .row .newsMargin .datum {
        margin-top: .75em;
        margin-bottom: 0;
    }

    .newslist .newsBox > .row .newsMargin .prilohy, 
    .newslist .newsBox > .row .newsMargin .prilohy {
        margin-top: 1.25em;
        margin-bottom: 1.25em;
    }

    .row.more-link .more {
        margin-top: .75em;
    }
}
  
@media screen and (max-width:768px) {
  footer .row > div {
      text-align:center !important;
      margin-top: 1em;
    }
}

@media screen and (min-width:600px) {
    /*---- Hamburger menu styles ----*/
    #menu nav > ul > li.curparent > a,#menu nav > ul > li.current > a {background:none}
    /*#menu nav > ul > li.current,#menu nav > ul > li.curparent {background:rgba(255,255,255,.25)}*/
    /*#submenu ul > li.current a,#submenu ul > li.curparent a {border-bottom:4px rgba(255,255,255,0.25) solid}*/
    #submenu ul > li.current a,#submenu ul > li.curparent a {background:rgba(255,255,255,0.15)}

    /* V hamburger menu nejsou hover efekty vůbec nutné (Bublinové tooltip menu) */
    /*#menu li:hover > ul {display:block;position:absolute;background:#fff;border:1px #fff solid;z-index:999;min-width:200px;}*/
    
    
    /*Akce pri najeti na jakekoliv menu 2 urovne a vyse*/
    #menu li:hover > ul {display:block;position:absolute;background:rgba(255,255,255,.96);box-shadow:0 0 7px 0 rgba(0,0,0,0.3);z-index:999;min-width:240px;}
    /* !!!!! --- nutno upravit i v souboru \inc\html\js\js.js.php ... asi na 2 místech ... asi hodnota +10px , hledat pozn.: "Kdyz jdu doleva (a nevejdu se)" */ 

    /*KOD ZODPOVEDNY ZA VYSOUVANI MENU VPRAVO*/
    #menu nav > ul li:hover > ul {border-left:1px #fff solid;top:5px; left: 92%;/*padding:.4em .1em .2em*/}
    /*#menu nav li ul > li > a {border: 1px solid white}*/
    #menu nav li ul > li.more >a {margin-right:15px;}
    /*#menu nav li ul > li.more >a::after {content:"\203a";font-weight:100;font-size:2em;display:inline-block;position:absolute;top:-5px;right:3px;color:rgba(0,0,0,.35);}*/
    
    
    /* šipka pro hlavní menu, první úroveň (NA TUTO ÚROVEŇ ŠIPKU DÁVAT NEBUDEME) */
    /*#menu nav > ul > li.more::after {content:"\f0dd";font-family: "qrsicons";font-weight:100;font-size:1em;display:inline-block;position:absolute;top:12px;right:-5px;color:rgba(0,0,0,.2);}  */

    /* šipka pro hlavní menu, další úroveně */
    #menu nav li ul > li.more::after {content:"\f0dd";font-family: "qrsicons";font-weight:100;font-size:.8em;display:inline-block;position:absolute;top:10px;right:.7em;color:rgba(0,0,0,.2);}
    


    /*#menu nav li ul > li.more >a::before {content:"\2039";font-weight:100;font-size:2em;display:inline-block;position:absolute;top:-5px;left:3px;color:rgba(0,0,0,.35);}*/
    /*#menu nav ul > li.more::after {content:"\2039";font-weight:100;font-size:1em;display:inline-block;position:absolute;top:0em;left:8px;color:rgba(0,0,0,.35);}*/
  
    #menu nav > ul > li:hover > ul {margin-left:-100px;left:50%;top:100%;text-align:center;}

    /*Udalosti vyvolane pri najeti na menu 3. urovne a vyse*/
    #menu nav > ul > li:hover > ul::before {border:1px #e0e0e0 solid;box-shadow:-3px -3px 3px 0 rgba(0,0,0,0.06);border-width:0 0 1px 1px;content:"";width:10px;height:10px;background:#fff;position:absolute;left:-7px;top:5px;border-radius:0 100% 0 0;transform:rotate(45deg)}
    #menu nav > ul > li:hover > ul::before {border-width:0;border-radius:0 0 100% 0;top:-5px;left:50%;margin-left:-5px;}
    



    /*#menu li:hover > ul ul {left:100%;top:0;}*/
    
    #menu li:hover ul a {color:#333;display:block; margin: 0.1em .5em 0.1em .75em;}

    /*#submenu li.more:hover::after, #menu nav > ul > li.more:hover::after {color:#333}*/
    
    /*#submenu li.more::after,#menu nav > ul > li.more::after {content:"\f0dd";font-family: "qrsicons";font-weight:100;font-size:1.4em;display:inline-block;position:absolute;top:-0.5em;right:.2em;color:rgba(0,0,0,.35);}*/
    
    #submenu li.more::after { top:-0.4em; }
    /*#submenu li.more::after,#menu nav > ul > li.more::after {content:"";font-weight:100;font-size:1.4em;display:inline-block;position:absolute;top:0;right:.2em;color:rgba(255,255,255,.35);}*/
    

  }

@media screen and (max-width:600px) {
  .f .vypishome > div .v,.f .vypishome > div:hover .v {height:0;}
  .f .vypishome > div:hover > div {background-size:80px auto !important;padding-top:5.5em !important;}
  #above.scroll-to-fixed-fixed #banner .carousel-control {display:block}
  .fotogalerie div.foto {width:32%;}
  .nojs #switchMenu {display:none}
  #switchMenu {cursor:pointer;padding:.3em 1em;font-size:1.4em;position:relative;top:0;display:inline-block;margin:0 auto 1em auto;text-align:center;/*background:none*/}
  #switchMenu.active {margin-bottom: 0}
  #switchMenu::before {content:"☰";display:inline-block;margin-right:.4em;}
  #switchMenu::after {content:"menu";text-transform:uppercase;display:inline-block;}

  #switchMenu:hover::before,#switchMenu.active::before {color:#fff}
  #switchMenu.active::before {content:"✕"}
  nav {text-align:left;font-size:1.2em;box-shadow:0px 40px 30px 0 rgba(0,0,0,.1)}
  #above.menuopened {background:rgba(255,255,255,.92)}
  #menu {padding-top:0.7em;}
  #menu nav {position: relative;}
  #menu nav > ul > li {}
  #menu nav ul li.more > a {width: 60% !important; }
  #menu nav ul li a {width: 100%; }
  #menu nav > ul > li {
    border-top:1px rgba(255,255,255,0.1) solid;
    margin: 0;
  }
  #menu nav > ul > li.current,#menu nav > ul > li.curparent {background:none}
  #menu nav > ul > li > a {
    padding: 0.4em .8em;
  }
  #menu nav ul > li.curparent > a, #menu nav ul > li.current > a {
    text-decoration: underline;
    background: none;
  }

  #menu nav > ul li > ul,#menu nav > ul li:hover > ul {padding:.4em .1em 1em}
  #menu nav ul > li.more::after {display:none}
  #menu nav > ul > li.more::after {display:block}
  /*#menu nav ul li.more > a::after {content:"\2335";display:inline-block;color:#a87703;font-weight:100;font-size:.8em;position:relative;top:-.2em;margin-left:.4em;}
  #menu nav > ul > li.more::after {}*/
  #menu nav ul li {display:block;}
  /*#menu ul ul {border-bottom:1px rgba(0,0,0,.1) solid}
  #menu ul ul {font-size:.85em;margin-bottom:.8em;}
  #menu ul ul {padding-left:1em;display:none;background-color:rgba(0,0,0,.1);}*/
  #menu ul ul {background-color: white; border-bottom: 0; padding-bottom: 0 !important; margin-bottom: 0 !important; padding-left: 1em !important}
  #menu ul {background-color: white;}
  #menu ul ul ul {font-size:1em;}
  #submenu {display:none !important}

  /* hamburger click open submenu */
  #menu nav li.more .open-submenu.sign-open {
    font-size: 1.1em;
    padding: 5px;
  }
  #menu nav li.more .open-submenu {
    position: absolute;
    cursor: pointer;
    top: 3px;
    right: 10px;
    display: block;
    text-align: right;
    padding: 2px;
    padding-right: 10px;
    border-radius: 5px;
    font-size: 1.7em;
  }

  #menu nav li.more .open-submenu {
    width: 100px;
  }


  .f .container {height:100%}
  #bc .zalozka {display:none;}
  #bc .zalozka.current {display:inline-block;}
  .f {height:auto;}

  /*#menu li:hover ul {position:static;background:none;}
  #menu ul li:hover a {background:none;border:none;color:inherit} 
  #menu li:hover ul li:hover > a {color:inherit}
  #menu nav > ul li:hover > ul::before {display:none}
  #menu li:hover > ul {display:block;position:static;background:none;min-width:0}
  #menu nav > ul > li:hover > ul {margin-left:0}
  #menu nav > ul li:hover > ul {top:0px;box-shadow:none;border-left:0px transparent solid}
  #menu nav ul > li.curparent > a {background:none}*/
  footer .row > div:nth-child(1),#copy .row > div:nth-child(1) {text-align:center}
  footer .row > div:nth-child(2),#copy .row > div:nth-child(2) {text-align:center}
  /*footer div.ico {text-align:center;padding-left:0;margin-top:2em;padding-top:24px;margin-right:0;background-position:center top !important;}*/
  /*potřebujeme aby otevrene menu rolovalo se strankou, aby slo ovladat*/
  #above.make-opened-menu-float {position:absolute !important; top: 4px !important;}
  #above.scroll-to-fixed-fixed ~ .fixer {display:none !important}
  #above.scroll-to-fixed-fixed #head h1 {font-size:36px;padding:15px;font-weight:400}
  #above.scroll-to-fixed-fixed h1#logo {height:100px/*minilogoheight*/}
  #above.scroll-to-fixed-fixed #head.withLangs h1 {padding-top:7px}
}
@media screen and (max-width:540px) {
  .sekce_ .f,.sekce_uvod .f {height:600px;}
  .f #uziti, .f #typ, .f #znacka {position:static;float:none;width:auto;display:block;margin:0 1em}
  .f #uziti:hover > div, .f #typ:hover > div, .f #znacka:hover > div,
  .f .vypishome > div:hover > div {background-size:50px auto !important;padding-top:3.5em !important}
  .f #znacka {margin-bottom:1em;}
  .f #uziti > div, .f #typ > div, .f #znacka > div {padding:3.5em 1em .5em;background-size:50px auto;}
  .f .sede h2 {margin:0.5em 0 0;font-size:1.8em;}
}
@media screen and (max-width:480px) {
    .fotogalerie div.foto {width:45%;}
    .foto-vlevo .fotogalerie div.foto,.foto-vpravo .fotogalerie div.foto {width:100%}  
}



@media screen and (max-width:1200px) {
    .fotogalerie div.foto {
      width: 16%;
    }
  
    .foto-vetsi .fotogalerie div.foto {
      width: 24.4%;
    }
  
    .foto-vpravo.foto-vetsi .fotogalerie div.foto, .foto-vlevo.foto-vetsi .fotogalerie div.foto,
    .foto-vpravo.foto-vetsi .fotogalerie div.rect-foto, .foto-vlevo.foto-vetsi .fotogalerie div.rect-foto {
      width: 48%;
    }
  }
  
  @media screen and (max-width:1150px) {
    #head h1 > a span {
      display: block;
    }
    #head h1 > a::before {
      float: none;
    }
  }
  
  
  @media screen and (max-width: 991px) {
    .fotogalerie div.foto {
      width: 19.2%;
    }
  
    .foto-vetsi .fotogalerie div.foto, .foto-vetsi .fotogalerie div.rect-foto {
      width: 24.2%;
    }
  
    .foto-vpravo .fotogalerie div.foto, .foto-vlevo .fotogalerie div.foto {
      width: 31%;
    }
    .fotogalerie div.rect-foto {
      width: 15.7%;
    }
    .foto-vpravo .fotogalerie div.rect-foto, .foto-vlevo .fotogalerie div.rect-foto {
      width: 48%;
    }

    .foto-vpravo .fotogalerie, .foto-vlevo .fotogalerie {
        max-width: 400px;
    }    
  }
  
  @media screen and (max-width: 768px) {
    .fotogalerie div.foto, .foto-vetsi .fotogalerie div.foto, .foto-vetsi .fotogalerie div.rect-foto {
      width: 24%;
    }
  
    .foto-vpravo .fotogalerie div.rect-foto, .foto-vlevo .fotogalerie div.rect-foto {
      width: 32%;
    }
  }
  
  @media screen and (max-width: 600px) {
    .fotogalerie div.foto {
      width: 23.2%;
    }
    .foto-vetsi .fotogalerie div.foto, .foto-vetsi .fotogalerie div.rect-foto {
      width: 23.5%;
    }
  
    .fotogalerie div.rect-foto {
      width: 15.5%;
    }
  }
  
  @media screen and (max-width: 480px) {
    .fotogalerie div.foto {
      width: 31%;
    }
  
    .foto-vetsi .fotogalerie div.foto {
      width: 22%;
    }
  
    .foto-vetsi .fotogalerie div.rect-foto {
      width: 22.8%;
    }
  
    .fotogalerie div.rect-foto {
      width: 30%;
    }
  
    .foto-vpravo .fotogalerie div.rect-foto, .foto-vlevo .fotogalerie div.rect-foto {
      width: 48%;
    }
  }

  @media screen and (max-width: 321px) {
    .fotogalerie div.foto, .foto-vpravo .fotogalerie div.foto, .foto-vlevo .fotogalerie div.foto {
      width: 30%;
    }
  
    .foto-vpravo.foto-vetsi .fotogalerie div.foto, .foto-vlevo.foto-vetsi .fotogalerie div.foto {
      width: 100%;
    }
  
    .foto-vetsi .fotogalerie div.rect-foto {
      width: 100%;
    }
    
    .foto-vpravo .fotogalerie div.rect-foto, .foto-vlevo .fotogalerie div.rect-foto,
    .foto-vpravo.foto-vetsi .fotogalerie div.rect-foto, .foto-vlevo.foto-vetsi .fotogalerie div.rect-foto {
      width: 100%;
    }
  
  }