html {height:100%;}

body{
	padding-right:0px!important; /* Kompenzace pry modalním okně  */
}

.wysiwyg.prvni-wysiwyg > *:first-child {
  margin-top:0px!important;
  padding-top:0px!important;
}

.modal-open { overflow-y: auto; } /* Kompenzace pry modalním okně  */

.container .container{
padding-left:0px;
padding-right:0px;
width:auto!important;
}

/*----- Odkaz zpět --------*/
#zpet-stranka-link {
    position: relative;
    font-weight: 300;
    text-decoration: none;
    display: inline-block;
    font-size: 1.1em;
    margin-top: .9em;    
    color: #747474;           
}

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

#zpet-stranka-link:hover {
    text-decoration: underline;
}
/*----- Odkaz zpět --------*/

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

.artcle-with-bg {
    filter: blur(17px);
}



#editor_body { margin: 20px !important;  }



/*----- Obtékání objektů vlevo - fix pro održáky start -----*/
#main ol,#main ul{
	padding-left: 0px;
}

#main ol li,#main ul li{
    position: relative;
    left: 0em;
	display: flow-root list-item;
}
/*---- Obtékání objektů vlevo - fix pro održáky konec -----*/

#main li {margin-left:2.4em;}
#main li {margin-bottom:.3em;}
#main li *{
	margin-bottom:unset;
}  

#main .pagination li{
list-style:none;
margin-left:0px;
left: unset;
}

#main .pagination li.active a{
font-weight:bold;
}



/* ------------------------------------------------ */
/* --------------- SEKCE MENU styly --------------- */
/* ------------------------------------------------ */



/* --------- STANDARDNI NAVIGACE STYLY ---------- */

/* >> ----- PODMENU (KASKADOVE SUBMENU) -----*/
.submenu-cascade.root {
    font-size: 1em;
}
.submenu-cascade {
    display:none; 
    width: auto;
    min-width: 15em;
}
.submenu-cascade a {
    font-size: 1em;
    margin-left: 0.5em;
    
}
.submenu-cascade ul li a {color:#333/*menutext*/;text-decoration:none;font-weight:100;
    text-align: left; padding: 0.15em 0.2em;margin-left: .2em;
}
.submenu-cascade ul li:hover {background: #dddddd82;}

.submenu-cascade ul li {
        position: static !important;
        padding: 0.1em 0;
}
#menu.MenuMode_standard li:hover > .submenu-cascade {
    display: block;  
    position:absolute;
    background:rgba(255,255,255,.96);
    box-shadow:0 0 7px 0 rgba(0,0,0,0.3);
    z-index:99999;
    -webkit-animation: slide-down 0.5s ease-out;
    -moz-animation: slide-down 0.5s ease-out;
    animation: slide-down 0.5s ease-out;
}

/* MENU 2. UROVNE se posouva primo pod hl. menu */
/* Plati POUZE pro menu 2 urvone - musi tam by ten hl. menu hover - navazuje to na predchozi styl
*/
#menu.MenuMode_standard nav > ul > li:hover > .submenu-cascade {  
    left: 50%; 
    right: auto;
    top:100%;
        
    transform: translateX(-50%);
}



/*ODKAZY od  MENU 2. urovne a vyse*/
.submenu-cascade ul a {color:#333;display:block; /*margin: 0.1em .5em 0.1em .7em;*/}


@-webkit-keyframes slide-down {
    0%    {opacity: 0;}
    100%  {opacity: 1;}
}
@-moz-keyframes slide-down {
    0%    {opacity: 0;}
    100%  {opacity: 1;}
}
@keyframes slide-down {
    0%    {opacity: 0;}
    100%  {opacity: 1;}
}


/*MENU 2. UROVNE A VYSE*/
.submenu-cascade > ul > li.more > a {position: relative;margin-right:0.5em;}

/* ŠIPKA INDIKUJICI, ZE JSOU DALSI UROVNE */
.submenu-cascade > ul > li.more>a:after {content:"\f0dd";font-family: "qrsicons";font-weight:100;font-size:.8em;display:inline-block;position:absolute;top:3px;/*right:-0.7em;*/ right: 0; color:rgba(0,0,0,.2);}

.submenu-cascade ul li:hover {background: #dddddd82; /*font-weight: bold;*//*odkaz*/}
/*--POSUVNIK--*/
/*Firefox*/
.submenu-cascade > ul {
    /*spusteni posuvniku se deje v JS Javascriptu*/
    scrollbar-width: thin;  /* "auto" nebo "thin" */
    /*1. parametr - barva POSOUVATKA, 2. parametr - barva POZADI*/
    scrollbar-color: #a6a6a6 #cccccc;   /* scroll thumb and track */

}
/*Webkit (Chrome), Edge*/
.submenu-cascade > ul::-webkit-scrollbar {
    width: 12px;               /* sirka posuvniku -browser Chrome */
}

.submenu-cascade > ul::-webkit-scrollbar-track {
    background: #cccccc;        /* POZADI POSUVNIKU */
    }
    
.submenu-cascade > ul::-webkit-scrollbar-thumb {
    background-color: #a6a6a6;    /* BARVA POSUVNIKU JAKO TAKOVEHO */
    border-radius: 20px;       /* roundness of the scroll thumb */
    border: 3px solid #a6a6a6;  /* creates padding around scroll thumb */
}
/*--POSUVNIK--*/


/* << ----- PODMENU (KASKADOVE SUBMENU) -----*/
/* << --------- STANDARDNI NAVIGACE STYLY ---------- */    
    

/* >> --------- HAMBURGER STYLY ---------- */
/*!!POZOR - styl je uplatnen na element nav!!*/
.hamburger-menu {
    font-size: 23px
}
.hamburger-menu > ul > li {
    border-top: 1px #0000000f  solid;
    margin: 0;
}
.hamburger-menu ul > li.curparent > a, .hamburger-menu ul > li.current > a {
    text-decoration: underline;
    background: none;
    border-top:0; 
    font-weight: bolder !important;
    color: #333;
}
.hamburger-menu > ul > li.more::after {display:block}
 
.hamburger-menu > ul > li.current,.hamburger-menu > ul > li.curparent {background:none}
.hamburger-menu ul li.more > a {width: 60% !important; }
.hamburger-menu ul li a {width: 100%; }
  
.hamburger-menu > ul > li > a {
    padding: 0.4em .8em;
}


.hamburger-menu > ul > li > a {transition:padding-top .2s;font-weight:400;padding:0.15em 0.2em;margin: 0em 0.15em 0.4em;font-size:1em; line-height: 0.9; display:inline-block;border-top:4px transparent solid;
    color:#333/*menutext*/;text-decoration:none;font-weight:100;
}

.submenu-hamburger  {
    display: none;
}
.hamburger-menu ul ul {background-color: #ffffff5e; border-bottom: 0; padding-bottom: 0 !important; margin-bottom: 0 !important; padding-left: 1em !important}
.hamburger-menu ul {background-color: #e6e6e6;}

.hamburger-menu ul li {display:block; padding: .25em 0;}


.hamburger-menu > ul li > ul,.hamburger-menu > ul li:hover > ul {padding:.4em .1em 1em}
.hamburger-menu ul > li.more::after {display:none}

.nojs #menu.MenuMode_hamburger #button-hamburger {display:none}
/* HAMBUURGER */


.hamburger-menu {position: relative;text-align:left; box-shadow: 0px 7px 9px 0px #0000005c;}
.submenu-hamburger ul li a {color:#333/*menutext*/;text-decoration:none;font-weight:100;
text-align: left; padding: 0.15em 0.2em;/*margin-left: .2em;*/}




.hamburger-menu li.more .submenu-hamburger-open.sign-open {
    font-size: 1.1em;
    padding: 0.3em 0.7em;
}
.hamburger-menu li.more .submenu-hamburger-open {
    position: absolute;
    background: #a6a6a6d9;
    color: white;
    cursor: pointer;
    top: 3px;
    right: 10px;
    display: block;
    text-align: right;
    padding-right: 10px;
    border-radius: 5px;
    font-size: 1.7em;
}

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

/* << --------- HAMBURGER STYLY ---------- */
/* ------------------------------------------------ */
/* << ------------ SEKCE MENU styly --------------- */
/* ------------------------------------------------ */




/*------ ŠIPKY -------*/
/* šipka horní index mimo web, horni-idx-mimoweb */
.vypis a:hover span.nazev > span.horni-idx-mimoweb::after {color: #000;}
.vypis a span.nazev > span.horni-idx-mimoweb {position: relative;}
.vypis a span.nazev > span.horni-idx-mimoweb::after {content:"\2197";font-size: 0.7em;  font-weight:100;display:block;position:absolute;top:-0.3em;right:-1em;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);}
/*------ ŠIPKY -------*/

/*------ LANGS V HLAVICCE -------*/
#langs { }
#langs a { }
#langs a.active {background:rgba(255,255,255,0.35)}
/*------ LANGS V HLAVICCE -------*/

/*----- HLAVICKA ------*/
#head-sekce {
    position: relative;
    padding-top: 0.7em;
}
#head-sekce #login {
    text-align: right;
    /* width: 100%; */
    right: 0.5em; 
    top: 55px;
    font-size: 0.8em !important;
    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;
    ;
}

@media screen and (max-width:991px) {
    #head-sekce #login {
        position: sticky;
        text-align: center;
        top: 10px;
        margin-bottom: 10px;
    }
}
/*----- HLAVICKA ------*/

/*----- POZADI CLANKU -----*/
.bf {
    /*
    transform:rotateY(180deg);
    filter:blur(17px);
    */
    position: fixed;
    top:-15px;
    left:-15px;
    width:110%;
    height:110%;
    background-size: cover;
}
.sekce .bf,.sekce_uvod .bf {transform:none;}
/*----- POZADI CLANKU -----*/


/*----- DROBECKOVA NAVIGACE (START) -----*/
.breadcrumb-basic-row {
    /* margin-bottom: 1em; */
    display: inline-block;
    font-size: 0.9em;
    background: #8a8a8a17;
    position: relative;
    right: 0.5em;
    padding: 0.5em 0.7em;
    margin-bottom: 0.5em;
}
.breadcrumb-basic-row a.breadcrumb-item {
    display: inline-block;
}
.breadcrumb-basic-row span.breadcrumb-item {
    display: inline-block;
    padding-left: 5px;
}

.breadcrumb-item+.breadcrumb-item::before {
display:none;
}

.col-sm-7 .breadcrumb-basic-row,.col-sm-8 .breadcrumb-basic-row, .col-sm-9 .breadcrumb-basic-row {
    display: block;
}

.bits-container .obsah:empty {
    display: none;
}
/*----- DROBECKOVA NAVIGACE (END) -----*/

/*----- VYPIS PODRAZENYCH CLANKU - BOXY, KLASICKY ----*/
.nahled {background-size:contain;background-position:top right;background-repeat:no-repeat;}
.vypis .nazev {font-weight:200}

img.nahled {width:100%;margin-top:0em}

.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 a span.nahled {display:block;background:none;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: 65%; hodnotu nově dosazuje system*/}
.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 {transform:scale(0.98)}
.vypis a.scale_out:hover span.inner .nahled {transform:scale(1.03)}

.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:1.5em;
    font-weight:400; 
    line-height:1em;    
    display:block;
    padding: 0.5em 0.3em 0.3em;
}
.vypis:not(.vypis_form) a span.notnahled span.nazev {padding:.8em .6em .3em .6em;}
.vypis a span.perex {
    font-size: 0.9em; 
    font-weight: 200; 
    font-style: italic; /*text*/
    padding: 1.2em;
}
.vypis a span.notnahled span.perex {padding: 1em;} 
.vypis a .inner::after {
    content: attr(data-more);
    color: transparent;
    font-size: 0.8em;
    padding: 0.3em;
    text-align: center;
    display: block;
    position: relative;
}
/*----- VYPIS PODRAZENYCH CLANKU - BOXY, KLASICKY ----*/

/*----- VYPIS PODRAZENYCH CLANKU - LISTOVY ----*/

.newsBox div.nahled {background-color:rgba(0,0,0,0.0);border:1px #e0e0e0 solid;height: 100px;margin-bottom: 1em;}
.newsItem{font-size: 0.9em;}
.newsBox > .row {
    border-bottom:1px rgba(0,0,0,0.06) solid;
    padding-bottom: 1em;
    margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
    
    /*VYPIS AKTUALIT ... */
    .newslist .newsBox .newsNahled {
        text-align: center;
    }
    
    .newslist .newsBox .newsNahled a {
        display: block;
    }
    
    .newslist .newsBox .newsNahled a img.nahled {
        width: 100%;
        max-height: 120px;
        max-width: 210px;
        margin-top: 0;
        margin-bottom: 1em;
        float: left;
    }
	
	.newslist .newsBox .newsNahled a img.nahled-default {
	display:none;
	}
    
    .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;
    }

    .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;
    }
}
/*----- VYPIS PODRAZENYCH CLANKU - LISTOVY ----*/

/*----- PRILOHY -----*/
.prilohy {background:rgba(0,0,0,0.05);padding:0.5em;margin-top:1em; width: fit-content; clear:left;}

.prilohy .popis {display:block;font-size:1.3em;font-weight:200;line-height:1.6em;}

.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;} 

@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;
    }
}
.prilohy-ano {
    color: #888888;
    font-size: 0.9em;
    font-style: italic;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    display: block;
    font-weight: 200;
}

/*----- PRILOHY -----*/





.formItem.full.perex.multi {
    opacity: 40%;
}

/*----- BANNER -------*/
#banner {transition:height .2s;}
#banner .item {transition:height .2s,opacity .5s;}
/*----- BANNER (END) -------*/



/*----- ŠIPKA - ROLOVANI NAHORU -----*/

#up::before {
    content: "\5e";
    width: 1.5em;
    height: 1em;
    position: absolute;
    font-size: 3em;
    font-size: 2em;
    top: 0.2em;
    display: block;
	margin: -0.1em auto;
	font-weight: 100;
    text-align: center;
}

#up {
	display:block;
    position:fixed;
    width:5em;
	height:5em;
    bottom:-100px;
    padding:2em 1em 1em;
    right:10px;
    transition:bottom 0.2s;
    text-decoration:none;
	text-align:center;
    font-size:.9em;
    color: #7d7d7d;    
    background: #7d7d7d25;
    border-radius:50%;
    z-index:1001;
}

#up.ukaz {
    bottom:50px;
}
/*----- ŠIPKA - ROLOVANI NAHORU (END) -----*/


/*------ SLOŽENÝ ČLÁNEK -----*/
.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;
}
/*.multi-podclanek {
    margin: 0.5em 0em 1.5em 0; 
}*/
.multi-podclanek-vypis_nahledu__home {
    margin: 1.2em 0 1em 0;
}
.multi-podclanek-vypis_nahledu__home .obsah {
    padding: .5em 0 .5em 0;
}
/*------ SLOŽENÝ ČLÁNEK (END) -----*/


/*------ TLAČÍTKO TISK STRANKY (START) -----*/

#print-page-bttn {
    /*position: absolute;
    right: 15px;
    top: -1.5em;*/
    text-align: right;
    margin-left: 2em;
    margin-bottom: 0.5em;
}

#print-page-bttn .print-bttn {
    background: url('../imgs/pc-tiskarna.png') left center no-repeat;
    background-size: auto;
    background-size: 2em;
    font-size: 0.8em;
    font-weight: normal;
    height: 20px;
    padding-left: 2.5em;
    color: #626262;
    cursor: pointer;
    display: inline-block;
    text-align: left;
    white-space: nowrap;
}
/*------ TLAČÍTKO TISK STRANKY (END) -----*/


/*------ STRANKOVANI (START) --------*/
a.prejit-posled-stranku  {text-decoration: none;}
a.prejit-posled-stranku.link-disabled {pointer-events: none;}
/*------ STRANKOVANI (END) --------*/


/*------ TELO STRANKY (START) -------*/
#main {padding-bottom:0em;position:relative;z-index:2;/*background:rgba(255,255,255,.8);*/padding-bottom:2em;flex: 1 0 auto;min-height: auto;}
#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}
#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%);*/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: 0.1em 0 0.1em 0;}
.obsah { /* padding: 0.5em 0 1em 0; */}
.obsah > .text {padding-top: 1em;}
div.articlelist .sede {padding: 0 0.5em;}
/*------ TELO STRANKY (END) -------*/


/*------ CAROUSEL (START) -------*/
.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_uvod .carousel,.sekce_uvod .carousel .item {height:450px;}
.sekce_uvod .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_uvod .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}
/*------ CAROUSEL (END) -------*/

/*------ CLANEK DEFAULT (START) ------*/
.datumovka,.datum {
  font-size:0.9em;
    font-weight:200;
    font-style: italic;
    margin-bottom: 1em;
    display: block;
    /*height: 1em;*/
    opacity: 0.7;
}
.datum2  {
    color: #bd0000;
    font-weight: 400;
}
.datum2 .hodnota {
    font-weight: 200;
}

/*------ CLANEK DEFAULT (END) ------*/



/* ----- Formulář Přihlášení (START) ------ */
.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-content {
    background: url("../imgs/formular/formular--backgroung-texture.jpg") 0 0 repeat; 
    border: 1px solid rgba(0, 0, 0, 0.67);
    position: relative;
    top: 30px;
}

#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: .5em;
}

#modal-login-form .modal-footer > .info-o-systemu {
  font-size: 0.9em;
  font-weight: 200;
  font-style: italic;
  padding: 1em 0 0 .5em;
}
#modal-login-form .modal-footer a {
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
}


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

#modal-login-form .additional-user-msg .popisek {
    font-weight: 400;
    font-size: 1em;
    color: #a80b03;
    padding-left: 0;
}

#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;
    outline: 0 none !important;
    border: none;
}


#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;
}
/* ----- Formulář Přihlášení ------ */

/*--------FOTOGALERIE-----------*/
.fotogalerie {padding:0.5em 0 0; /* 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}
.fotogalerie a.foto:hover img {    
    border: 0px solid transparent;  /* při hover se "odebráním" borderu náhledový obr "zvětší" o 2px, protože standardně mají všechny ostatní obr 2px transparenrní border (nastaveno u stylu: .gallery-bs-box img) */ 
}
.fotogalerie a.foto[data-title]:hover::before {
    opacity: 1;
}
.fotogalerie a.foto.link[data-title]:hover::before {
    opacity: 1;
}


.fotogalerie a.foto[data-title]::before  { /*--- -----*/
    pointer-events: none;
    transition: opacity 0.2s;
    opacity: 0;
    position: absolute;
    top: 0;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    left: 2px;
    display: block;
    /* background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0) 45%, rgba(0, 0, 0, 0.6) 100%); */
    overflow: hidden;
    content: attr(data-title);
    text-align: center;
    color: transparent;
    padding: 1em;
}

.fotogalerie a.foto.link[data-title]::before{
background:none;
}

.fotogalerie a.out::after {
    content: "\2750";
    font-weight: 100;
    font-size: 1.5em;
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 6px;
    z-index: 99999;
    /*color: #80808061;*/
    color: #595959;
}

.fotogalerie a.out:hover::after {
    top: -3px;
    right: 3px;
    font-size: 1.5em;
    color: #404040;
}

.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: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%;}
img.big {width:100%;}
section.foto {margin:0;padding:0;}

.gallery-bs-box img {
    width:100%;
    margin-bottom: 2px;
    border: 2px solid transparent; /* border doplněn, aby při hover došlo ke "zvětšení" .. při hover mněníme stylem ".fotogalerie a.foto:hover img" border na 0px = tím se obr o 2px "zvětší"  */
}


.row-custom-padding{
    padding-left: 12px !important;
    padding-right: 12px !important;
}	

.row-custom-padding > [class*="col-"] {
    padding-left: 1px !important;
    padding-right: 2px !important;
}
  
@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: 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: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: 768px) {
    .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;}   }

@media screen and (max-width:600px) { 
     .fotogalerie div.foto {width:32%;}    }

@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: 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%;
      }
    
    }
/*--------FOTOGALERIE-----------*/

/*--------SABLONA KONTAKTY --------*/
.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;}

@media screen and (min-width: 768px) {
    a[href^="tel:"] {
        text-decoration: none;
        pointer-events: none;
        color: #000;
    }
}


/*--------SABLONA KONTAKTY --------*/
/*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%;
}
/*--- MAPA V SABLONE KONTAKTU ----*/
.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;}
.minibox .fp {background:#FFF7E9/*odkaz*/;text-align:center; line-height: 1em;}
.minibox .fp::after {display:none}
.minibox .fz {background:#FFF7E9;text-align:center;line-height: 1em;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:#FFF7E9;}

.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;} 



/*TLACITKO (BUTTON) PRO OTACENI FOTO/MAPY*/
/*--- QRS MAPY ----*/
.mainmap{
margin-bottom:10px;
}
#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:39vh;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}
#mapawrap,#bgfotowrap {width:100%;height:40vh;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;}

div[id^="inpage-mapa-wrap"] {position: relative; height: 100%;}
div[id^="inpage-mapa-wrap"]::after {position:absolute;top:0;left:0;content:attr(data-moment);color:#666;width:100%;height: 100%;text-align:center;}

#bgfoto {height:40vh; }

div[id^="mapa-inpage-tp1"] {height:30vh; min-height: 300px;}
.vypis-clanku #bgfoto {height:25vh;}
#bgfoto {background-size:cover;background-position:50% 65%;}
/*#mapa-inpage-galery {
    
    filter:brightness(85%) grayscale(100%) sepia(30%) hue-rotate(10deg);-webkit-filter:brightness(85%) grayscale(100%) sepia(30%) hue-rotate(10deg);
}*/

div[id^="mapa2-inpage"] > 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);}
div[id^="mapa-inpage-tp1"] > 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);}
div[id^="mapa-inpage-tp1"] img {color:transparent}
div[id^="mapa-inpage-tp1"] div[title].hover a {color:#000 !important}
div[id^="mapa-inpage-tp1"] 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;left: 37px; z-index:4;border-radius:6px;font-weight:300;font-family:Arial/*textfont*/;font-size:14px;padding:0.2em 0.4em;}


div[id^="mapa2-inpage"] > 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);}
div[id^="mapa2-inpage"] img {color:transparent}
div[id^="mapa2-inpage"] div[title].hover a {color:#000 !important}
div[id^="mapa2-inpage"] 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;left: 37px; 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%;}
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
     }
}

.mapa-zoom-in {
    position: absolute;
    width: 30px;
    height: 30px;
    display: block;
    z-index: 20;
    cursor: pointer;
    margin-left: 7px;
    margin-top: 7px;
    background-position: center;
    background-size: contain;
    background-image: url(../imgs/mapa/mapa_zoom-in_00.png);
	opacity:0;
    animation: fadeInAnimation ease 5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
.mapa-zoom-in:hover {
    background-image: url(../imgs/mapa/mapa_zoom-in_hover.png);
}
.mapa-zoom-out {
    position: absolute;
    width: 50px;
    height: 50px;
    display: block;
    z-index: 20;
    cursor: pointer;
    right: 20px;
    margin-top: 5px;
    background-position: center;
    background-size: contain;
    background-image: url(../imgs/mapa/mapa_zoom-exit_00.png);
}
.mapa-zoom-out:hover {
    background-image: url(../imgs/mapa/mapa_zoom-exit_hover.png);
}
div[id^="mapa-inpage-tp1"] {
height:100%;
width:100%;
}
#popupmap.modal{
width:97%;
margin:0px auto;
overflow:hidden;
padding-right:0px!important; /* Kompenzace pry modalním okně  */
}
#popupmap .modal-dialog{
width: 97%;
max-width: 100%;
margin-left: 3%;
/*margin:0 0 0 0;*/
}
#popupmap .modal-body{
padding: 0px;
height:92vh!important;
}
#popupmap .modal-content{
width:100%;
top:auto;
}
/*--- QRS MAPY ----*/  




/*--------STRANKOVANI---------*/
#main ul.pagination li a, #main ul.pagination li  span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    font-weight: 200;
    text-decoration: none;
    border: 1px solid #ddd;
}
.pagination .disabled a, .pagination .disabled a:focus, .pagination .disabled a:hover, .pagination .disabled span, .pagination .disabled span:focus, .pagination .disabled span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
}
.aktuality-header strong {
    color: #a87703; 
    font-size: 1.2em; 
    float: right;
}
/*-------- STRANKOVANI---------*/




/*-------- 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: 0.5em;
    }

    .file-attachment .attach-descr a {
      padding-right: .5em;
      display: inline-block;
    }    
  
  
    .file-attachment .attach-descr span.attach-ext {
      font-size: 1em;
      display: inline-block;      
      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: 1em;
      font-weight:200;
      font-style: italic;
      margin: 0.2em 0.5em 1em 0 ;
    }

/*-------- PRILOHY ----------*/




/*-----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%;
}
/*-----STRANKA 404-----*/

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

/*.sitemap h4:last-of-type  {
    border-bottom: 1px dashed #88888882;
    padding: 0 5em 0.7em 0;
    margin: 0 0 1em;
    width: fit-content;
  }
*/
.mapa-stranek-level-2{
padding-left:30px;
}

.mapa-stranek-level-3{
padding-left:60px;
/*font-style: italic;*/
font-weight: 200;
font-size: .8em;
}

.mapa-stranek-level-4{
padding-left:90px;
font-size: .8em;
}

.mapa-stranek-level-5{
padding-left:120px;
font-size: .8em;
}

.sitemap .horni-idx-mimoweb::after {
    content: "\2197";
    font-size: .9em;
    font-weight: 100;
    display: inline-block;
    position: absolute;
    color: #000000;
	margin-top:-3px;
	padding-left:0.2em;
}


/* ---------- MAPA STRANEK (END) --------- */




/* ---------- SOUHLAS S COOKIES ---------- */
.cc-banner {
    background: #525252f2 !important;
  }
  .cc-banner .cc-message {
    text-align: right;
    color: #c3c3c3 !important;
    background: transparent !important;
  }
  .cc-banner .cc-btn {
    color: #c3c3c3 !important;
    border: 2px solid #797979 !important;
    background-color: transparent !important; 
    text-decoration: none;
  }
  .cc-banner .cc-btn:hover {
    background-color: transparent   !important; 
    border: 2px solid #c3c3c3 !important;
    text-decoration: none;
  }
  /* ---------- SOUHLAS S COOKIES (END) ---------- */


/* ----------- LISTOVANI MEZI CLANKY --------- */
#listing {
  font-size: 1.2em;
  color: #717171;
}

#left-listing-container, #right-listing-container {
    display: table;
}

#right-listing-container {
    float: right;
}

.box-container, .texty-container {
    display: table-cell;
}
.texty-container {
    vertical-align: top;
}
#listing .box {
    position: relative;
    width: 33.333333%;
    float: none;
    color: #fff;
}
#listing .mini.box {
    width: 60px !important;
    margin: 0 1em 0 0;
    
}
#listing .box:before {
	content: "";
	display: block;
	padding-top: 100%;
}
#listing .text-right .mini.box {
    float: none;
    margin: 0 0 0 1em;
    
}
#listing .nadepsani {
    font-size: 1em;
    padding: 0.1em 0 0.1em 0;
}

img.nadepsani {width:100%;}

#listing .clanek-link {
    
}

.popis-box {
    padding-left: 80px;
}

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

#listing .f-listing {
	position: absolute;
	bottom: 0;
	right: 0;
  padding:0 5px;
  line-height:1.1em;
}
#listing .f-listing {
	-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;
}

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

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

#listing .mini.box .fp-listing {background-color:#CECECA !important}
#listing .mini.box .fp-listing::after {content:"";color:#fff;opacity:1;width:100%;position: absolute;height: 100%;padding:0;background: url(../imgs/sipka2r.svg) 12px center no-repeat;background-size: 30px;font-weight:300;top:0;right:auto;bottom:auto;font-size:2em;left:0;text-align:center;}
#listing .text-right .mini.box .fp-listing::after {content:"";background: url(../imgs/sipka2.svg) 17px center no-repeat;background-size: 30px;width: 100%;position: absolute;height: 100%;}
#listing .fp-listing, #listing .fz-listing {
    -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;
  }
  
  #listing .fp-listing {
      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.4em;
  }
  #listing .fp-listing::after {content:attr(data-title);display:inline-block;background:#fff;padding:0.4em 1em .4em .5em;left:.5em;bottom:0;position:absolute;max-width:100%;color:#333;font-weight:700;font-size:1.2em;}
  
  #listing .fz-listing {
    -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;  
  }

  #listing .fz-listing img {position:absolute;top:0;left:0;width:100%;height:100%;}
  
  #listing .mini.box {
    display: inline-block;
  }
  @media screen and (max-width:480px) {
   
    #left-listing-container, #right-listing-container {
        display: flex;
    }
    #left-listing-container {
        flex-direction: column;
    }
    #right-listing-container {
        flex-direction: column-reverse;
    }
    #listing .clanek-link {
        text-decoration: none;
    }

    #clanek-print {
        display: none;
        
    }
    
    /*.fotogalerie div.foto {width:49%;}
    .foto-vlevo .fotogalerie div.foto,.foto-vpravo .fotogalerie div.foto {width:100%}*/
  }
  /* ----------- LISTOVANI MEZI CLANKY (END) --------- */


/* ----------- DOPLNKY --------- */
.option img {margin:4px;width:80px}
/* ----------- DOPLNKY (END) --------- */




/* korekce .. barva pozadí pod zvětšenými obrázky + barva popisky */
.fancybox-overlay-fixed {  background:rgba(51, 51, 51, 0.9) !important; }
.fancybox-title { color: #c1c1c1;   }

.fancybox-inner {
background:transparent;
}

.fancybox-title-inside-wrap {
	position: absolute;
    bottom: 0em;
    display: block;
   /* width: 100%;*/
    text-align: center;
	left: 50%;
	transform: translateX(-50%);
    color: #f7f2ee;
    text-shadow: 0px 0px 0.1rem #00000036, 0px 0px 0.5em #000;
    background-color: #aaaaaa88;
	padding: 0.1em;
	mix-blend-mode: normal;
	filter: invert(0);
	max-width: 90%;
    min-width: 80%;
}

/* skrytí loga MAPY.cz .. na mapě */ 
.print.out {  display: none;  }



/* ----------- FORMULÁŘ POPTAVKA --------- */

.poptavka {    
    font-weight: normal;
    font-size: 1em;
}

.poptavka form {
    border-radius: 10px;
    background-color: #c3c3c300;
    padding: 20px;
    font-weight: normal;
    font-size: 1em;
}


.poptavka form input {width:350px;margin-left:15px;
font-size:initial;
font-weight:initial;
}
.poptavka form input:invalid, .poptavka textarea:invalid {
  background-color: #FFCCCC;
 /* border: none;*/
 /* outline: 2px solid red;*/
}
.poptavka form input:valid, .poptavka textarea:valid {
  background-color: ivory;
 /* border: none;*/
 /* outline: 2px solid red;*/font-weight: 300;
}
.poptavka label span {vertical-align:top;display:inline-block;text-align:right;width:250px;}
.poptavka textarea {width:350px;height:120px;margin-left:15px;font-size:initial;
font-weight:initial}
.poptavka .submit input {width:auto;background:#aaa!important;color:#fff;border-radius:4px 4px 4px 4px;border:none;display:inline-block;margin-left:0px;padding:5px 20px;font-size:1.2em;}

.poptavka #anti,#anti2 {display:none}

.form-hlaska {    
    font-size: 1.05em;    
    font-weight: 600;
    text-align: left;
    padding: 0.3em 0.6em;
    margin: 0.5em 1.5em;
    width: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;   
}
.form-hlaska span{
font-weight:normal;
}   

.form-hlaska-ok     {background: #8fd57c; }
.form-hlaska-fail   {background: #e67b7b; }

@media screen and (max-width:706px) { 
    .poptavka label span { text-align:left; padding-left:17px;}
    .poptavka .submit input { margin-left:0px; }
}

.poptavka form input, .poptavka form textarea {width:100%;margin-left:0px;}


/* ----------- FORMULÁŘ POPTAVKA (END) --------- */


/*--- genral settings, margins and paddings (START) ---*/
.mb-20{
margin-bottom:20px;
}

::-moz-selection {
    background: #000;
    text-shadow: none;
    color:#fff;
}
::selection {
    background: #000;
    text-shadow: none;
    color:#fff;
}


/*--- enral settings, margins and paddings (KONEC) ---*/


.stranka-mode{
/*font-size:13px;*/
padding:2px 5px;
border-radius:5px;
border:1px solid #ccc;
text-decoration:none;
}

.stranka-mode:hover, .stranka-mode-act{
background-color:#ccc;
text-decoration:none;
}

.fotogalerie-dole{
	clear:both;
}

.newsBox .newsMargin .news > :first-child{
margin-top:0px!important;
padding-top:0px!important;
}


.vazby-link--cil-nedostupny--mod-frontend, .vazby-link--cil-nedostupny--mod-frontend:hover {
    color: inherit !important;
    text-decoration: dotted underline;
    cursor:inherit;
}


/*------ Mapa Openlayers ------*/

.map-openlayers{
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  /*filter: grayscale(1);*/
  height:100%;
  z-index:10000;
}

.mapa-ol-bw{
	filter: sepia(0.4) grayscale(0.4);
}

.logocontrol {
  bottom: 0;
}	

#info, .infomap {
	position: absolute;
	display: inline-block;
	height: auto;
	width: auto;
	max-width: 200px;
	z-index: 100;
	background-color: #333;
	color: #fff;
	text-align: center;
	border-radius: 4px;
	padding: 5px;
	left: 50%;
	/*transform: translateX(32%);*/
	transform: translateX(20px);
	visibility: hidden;
	pointer-events: none;
}	

#main .ol-attribution a , .ol-attribution a {
    color: #444 !important;
    text-decoration: none !important;
}

#main .ol-attribution ul{
margin:2px 2px 0 0!important;
list-style-type: none!important;
}

#main .ol-attribution ul:not(.pagination) li::before{
display:none;
}

#main .ol-attribution ul li{
font-size:10px;
list-style: none!important;
padding-left:0px!important;
line-height:normal!important;
font-weight: 400;
}

.qrs-map-popup-button, .qrs-map-popup-close-button {
top: .5em;
right: .5em;
}
.ol-touch .qrs-map-popup-button. .ol-touch .qrs-map-popup-close-button {
top: 80px;
}

.qrs-map-popup-close-button{
display:none;
}

#mapa2-inpage .qrs-map-popup-close-button{
display:block;
}	  

#mapa2-inpage .qrs-map-popup-button{
display:none;
}

#mapa2-inpage .ol-viewport{
/* width: calc(100% - 30px)!important;
 height: calc(100% - 30px)!important;
 margin-top:15px;*/
}



/*--- map - zapoznámkovaný bloky - vzorky pro nastaveni ----*/

.ol-control{
background:transparent!important;
}

.ol-control button:hover, .ol-control button:focus {
    outline: 0px solid!important;
}

/*
.ol-control button {
    background:transparent!important;
    border:none!important;
    color: rgb(var(--bs-dark-rgb))!important;
    background-position:center center!important;
    background-size:contain!important;
    background-repeat:no-repeat!important;
}
*/

.ol-control button {
    font-size: 1.5em !important;
    border: 1px solid #aaa !important;
}

.modal-content .ol-control button {
    font-size: 2em !important;
}

.ol-zoom {
	bottom: .5em;
	top:auto!important;
	right:  .5em;
	left:auto!important;
}

/*.ol-zoom .ol-zoom-in {
background-image: url('../imgs/')!important;
display:inline-block!important;
margin-right:0.5em;
}

.ol-zoom .ol-zoom-out {
background-image: url('../imgs/')!important;
display:inline-block!important;
}
*/

.ol-attribution.ol-uncollapsible {
    bottom: 0;
    right: auto!important;
	left:0;
    border-radius: 4px 0 0;
}

.ol-attribution.ol-uncollapsible li{
	background-color:#FFFFFF77!important;
}

#popupmap .modal-content{
border: 5px solid #aaa;
border-radius:0px!important;
}

/*
.qrs-map-popup-button, .qrs-map-popup-close-button{
background-position:center center!important;
background-size:contain!important;
background-repeat:no-repeat!important;
top: .5em;
right: auto;
left: .5em;
}

.qrs-map-popup-button{
background-image: url('../imgs/')!important;
}

.qrs-map-popup-close-button{
top: 1.5em;
background-image: url('../imgs/')!important;
}

.qrs-map-popup-button button, .qrs-map-popup-close-button button{
opacity:0;
}*/

.map-openlayers-wrap {
  border: 1px solid #aaa;
}

.atlas-katalog-map div[id^="mapa-inpage-tp1"] {
    min-height: 416px;
}



#info, .infomap { /*-- mapa Styl pro popisku markeru (hover) pro Openlayers --*/
   
    font-size: 1em;
    padding: 0.2em 0.4em;
    background-color: #000;
    line-height: 1.2em;
    font-weight: 400;
    text-align: left;
}

#map-ctrl-desktop,#map-ctrl-mobile{
    
    font-size: 0.7em;
    padding: 0.2em 0.4em;
	padding:10% 10% 0px 10%;
	position:absolute;
    background-color: rgba(61,70,99,0.5);
	color:#fff;
    line-height: 1.2em;
    font-weight: 400;
    text-align: left;
	width:100%;
	height:100%;	
	text-align:center;
	font-size:1.2em;
	right:0;
	z-index:500;
	  -webkit-user-select: none; /* Safari */
	  -ms-user-select: none; /* IE 10 and IE 11 */
	  user-select: none; /* Standard syntax */	
	display:none;
	pointer-events:none;
}

#map-ctrl-mobile{
padding:20% 10% 0px 10%;
}

body.ctrl-pressed #map-ctrl-desktop, body.ctrl-pressed #map-ctrl-mobile{
	display:none!important;
}



.modal #info, .modal .infomap{
    font-size: 1em;
    padding: 0.3em 0.5em;
}

div[id^="mapa-inpage-tp1"] > div:first-child > div:first-child {
    filter: none;
    -webkit-filter: none;
}

div[id^="mapa2-inpage"] > div:first-child > div:first-child {
    filter: none;
    -webkit-filter: none;
}

/*.mapa-ol-bw {  mapa barva korekce 
    filter:grayscale(100%) sepia(10%) hue-rotate(10deg);
    -webkit-filter: grayscale(100%) sepia(10%) hue-rotate(170deg) ;
}*/





/*--------------- ADDED FROM TPW ----------------*/
/*--------------- 		START 	----------------*/
/*--------------- ADDED FROM TPW ----------------*/

/* --------------- FB START ---------------- */

.obsah-fb-widget-post{
text-align:center;
}

/* --------------- FB KONEC ---------------- */

.obsah-fb-text      {  padding: 0em 0 1em 0; }
.obsah-fb-widget    {  padding-bottom: 1em; }

.fb-page-vpravo{
text-align:right;
}
@media screen and (max-width:1200px) {
	.fb-page-vpravo{
	text-align:center;
	}
}


/* --------------- YTB START ---------------- */
.obsah-ytb-video-center{
margin:0px auto 20px; 
float:none;
}

.ytb_video_align-4.col-lg-4, .ytb_video_align-4.col-lg-6, .ytb_video_align-4.col-lg-8{
padding-left:0px;
margin: 0 1.7em 1.3em 0;
}

.ytb_video_align-5.col-lg-4, .ytb_video_align-5.col-lg-6, .ytb_video_align-5.col-lg-8{
padding-right:0px;
margin: 0 0 1.3em 1.7em;
float:right;
}

.ytb_video_align-4.col-lg-4, .ytb_video_align-4.col-lg-6, .ytb_video_align-4.col-lg-8{
float:left;
}

.ytb_video_align-4.col-lg-6,.ytb_video_align-5.col-lg-6{
width:calc(50% + 15px);
}

.ytb_video_align-6,.ytb_video_align-8{
margin: 0.3em 0 1.3em 0;
}

.ytb_video_align-7{
margin: 0.3em auto;
margin-bottom:1.3em;
float:none;
}

.ytb_video_align-parent-8{
justify-content: end;
}

@media screen and (max-width:1200px) {
.ytb_video_align-4.col-lg-4, .ytb_video_align-4.col-lg-6, .ytb_video_align-4.col-lg-8{
padding-right:0px;
margin: 0 0 1.5em 0;
}
.ytb_video_align-5.col-lg-4, .ytb_video_align-5.col-lg-6, .ytb_video_align-5.col-lg-8{
padding-left:0px;
margin: 0 0 1.5em 0;
float:none;
}
.ytb_video_align-6,.ytb_video_align-7,.ytb_video_align-8{
float:none;
}
}

/* --------------- YTB KONEC ---------------- */



/* --------------- TWT START ---------------- */

.obsah-twitter-center {
    margin: 0px auto 20px;
    float: none;
}

.twitter_align-4.col-lg-4, .twitter_align-4.col-lg-6{
padding-left:0px;
margin: 0 1.7em 1.3em 0;
}

.twitter_align-5.col-lg-4, .twitter_align-5.col-lg-6{
padding-right:0px;
margin: 0 0 1.3em 1.7em;
float:right;
}

.twitter_align-4.col-lg-4, .twitter_align-4.col-lg-6{
float:left;
}

.twitter_align-4.col-lg-6,.twitter_align-5.col-lg-6{
width:calc(50% + 15px);
}

@media screen and (max-width:1200px) {
.twitter_align-4.col-lg-4, .twitter_align-4.col-lg-6, .twitter_align-5.col-lg-4, .twitter_align-5.col-lg-6{
padding-right:0px;
padding-left:0px;
margin:0px auto;
margin-bottom:1.5em;
float:none;
}
}

/* --------------- TWT KONEC ---------------- */


/* --------------- INSTAGRAM START ---------------- */

.obsah-instagram-center {
    margin: 0px auto 20px;
    float: none;
}

.instagram_align-4.col-lg-4, .instagram_align-4.col-lg-6, .instagram_align-4.col-lg-8{
padding-left:0px;
margin: 0 1.7em 1.3em 0;
float:left;
}

.instagram_align-5.col-lg-4, .instagram_align-5.col-lg-6, .instagram_align-5.col-lg-8{
padding-right:0px;
margin: 0 0 1.3em 1.7em;
float:right;
}

.instagram_align-4.col-lg-6,.instagram_align-5.col-lg-6{
width:calc(50% + 15px);
}


.instagram_align-6,.instagram_align-8{
margin: 0.3em 0 1.3em 0;
}

.instagram_align-7{
margin: 0.3em auto;
margin-bottom:1.3em;
float:none;
}

.instagram_align-parent-8{
justify-content: end;
}

@media screen and (max-width:1200px) {
.instagram_align-4.col-lg-4, .instagram_align-4.col-lg-6, .instagram_align-4.col-lg-8{
padding-right:0px;
margin: 0 0 1.5em 0;
}
.instagram_align-5.col-lg-4, .instagram_align-5.col-lg-6, .instagram_align-5.col-lg-8{
padding-left:0px;
margin: 0 0 1.5em 0;
float:none;
}
.instagram_align-6,.instagram_align-7,.instagram_align-8{
float:none;
}
}

/* --------------- INSTAGRAM KONEC ---------------- */

/*------------ OBTEKANI PRO GALERIE START ----------*/

@media screen and (max-width:768px) {
.obtekani-container{
display: flex;flex-direction: column;
}
.galerie-obtekani-right,.galerie-obtekani-left{
order:1;
}
.prilohy{
order:2;
}
}


@media screen and (min-width:769px) {
.galerie-obtekani-left{
	float:left;
	padding-left:0px;
	padding-right:1.3em;
}
.galerie-obtekani-left .fotogalerie{
	margin-bottom:0px;
}

.galerie-obtekani-right{
	float:right;
	padding-right:0px;
	padding-left:1.3em;
}
.galerie-obtekani-right .fotogalerie{
	margin-bottom:0px;
}

}
/*------------ OBTEKANI PRO GALERIE END ----------*/

/*------------ FOTOGALERIE START ----------*/

.foto-vpravo .fotogalerie, .foto-vlevo .fotogalerie {
display:flex;
}

.fotogalerie a.foto[data-title]::before {
display:none;
}

.fotogalerie a.foto{
display:block;
position: relative;
}

.fotogalerie a.foto[data-title]::before {
    pointer-events: none;
    transition: opacity 0.2s;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: calc(100% - 4px);
    left: 0px;
    display: block;
    /* background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0) 45%, rgba(0, 0, 0, 0.6) 100%); */
    overflow: hidden;
    content: attr(data-title);
    text-align: center;
    color: transparent;
    padding: 1em;
}

.foto-vpravo .fotogalerie, .foto-vlevo .fotogalerie{
margin-top:0px;
margin-bottom:1em;
}


/*------------ FOTOGALERIE KONEC ----------*/

/* ----------- FOCUSPOINT CUSTOM + MAINIMG --------- */

                      .focuspoint-box { height: clamp(200px, 30vh, 300px); }
    .uvod-on-homepage .focuspoint-box { height: clamp(300px, 40vh, 550px); }

@media screen and (max-width:991px) {    
    .uvod-on-homepage .focuspoint-box { height: clamp(250px, 35vh, 400px); }
}


.focuspoint-box:after{
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%,rgba(0, 0, 0, 0.1) 17%,rgba(0,0,0,0) 28%,rgba(0,0,0,0) 75%,rgba(0,0,0,0.05) 85%,rgba(0,0,0,0.3) 100%);
  content:'';
  position:absolute;
  left:0; top:0;
  width:100%; height:100%;
  display:inline-block;
}

.zaahlavi-after-focus{
height:50px;
background:none;
opacity: 0.5;
}

/* mapa stránek .. skrytí záhlaví  */
.sitemap .f { display: none;   }

.focuspoint-box-mainimg{
	min-height:300px;
}

.mainimg-position-1 > div{
float:left; /*-BS5FIX-*/
}

.mainimg-position-0 > div, .mainimg-position-4 > div{
float:right;
}

.focuspoint-row > div{
padding-left:0px;
padding-right:0px;
}

/* pro obrázky MainIMG .. umístěný ve WYSIWYGU   */
.mainimg-in-wysiwyg {
    margin-bottom: 1.5em ;
}

.mainimg-position-8 > div{
float:right;
}

.mainimg-position-7 > div{
margin:0 auto; float:none;
}

.mainimg-position-12 > div{
float:right;
}

.mainimg-position-11 > div{
float:left;
}

.mainimg-position-6 .mainimg-focus{margin: 0 1.7em 0.5em 0; }
.mainimg-position-7 .mainimg-focus{margin-bottom: 0.5em ; }
.mainimg-position-8 .mainimg-focus{margin: 0 0 0.5em 1.7em; }

.mainimg-position-11 .mainimg-focus{margin: 0 1.7em 0.5em 0; }
.mainimg-position-12 .mainimg-focus{margin: 0 0 0.5em 1.7em; }

.mainimg-position-parent-8{
justify-content: end;
}

.ismobile-no .row.mainimg-in-wysiwyg.mainimg-position-parent-11, .ismobile-no .row.mainimg-in-wysiwyg.mainimg-position-parent-12{
display:block;
margin-bottom: 0em ;
}
	

@media screen and (max-width:768px) {
    .mainimg-position-6 > div,
	.mainimg-position-7 > div,
	.mainimg-position-8 > div,
	.mainimg-position-11 > div,
	.mainimg-position-12 > div { float:none; margin:0 auto!important; }
	
	.mainimg-in-wysiwyg {
		margin-bottom: 0em ;
	}	
}

/* pro obrázky MainIMG .. umístěný nahoře (nad galerií, resp. pod textem)   */
.mainimg-position-2 {
    margin-bottom: 1.5em ;
}
.mainimg-position-3, .mainimg-position-4, .mainimg-position-5{
display:flow-root;
}
/* pro obrázky MainIMG .. umístěný VLEVO od textu */
    .mainimg-position-1 .mainimg-focus, .mainimg-position-3 .mainimg-focus {margin: 0 1.7em 1.3em 0; }
@media screen and (min-width:769px) { 
    .mainimg-position-1 > .col-lg-6, .mainimg-position-3 > .col-lg-6 { width:calc(50% + 1.7em); } /* pokud je to 1/2 stránky */    
}
	.mainimg-position-1 > .col-lg-12 .mainimg-focus, .mainimg-position-3 > .col-lg-12 .mainimg-focus {margin: 0 0 1.3em 0; }

/* pro obrázky MainIMG .. umístěný VPRAVO od textu */
    .mainimg-position-0 .mainimg-focus, .mainimg-position-4 .mainimg-focus {margin: 0 0 1em 2em; }
@media screen and (min-width:769px) {
    .mainimg-position-0 > .col-lg-6, .mainimg-position-4 > .col-lg-6 { width:calc(50% + 2em); } /* pokud je to 1/2 stránky */    
}
	.mainimg-position-0 > .col-lg-12 .mainimg-focus, .mainimg-position-4 > .col-lg-12 .mainimg-focus {margin: 0 0 1.3em 0; }

/* pro obrázky MainIMG .. umístěný NAD od textem */
.mainimg-position-5 .mainimg-focus {margin: 0 0 1.3em 0; }
@media screen and (min-width:769px) {
    .mainimg-position-5 > div { margin:0 auto; float:none; } /* pokud je to 1/2 stránky */    
}

/* pro obrázky MainIMG .. // korekce  pro malé, když je zalomeno nad text */ 
@media screen and (max-width:768px) {
    .mainimg-focus { margin: 0 0 1.5em 0 !important; }
}

.mainimg-focus img { width:100%; }

.mainimg-standard-box > div{
padding-left:0px;
padding-right:0px;
}
.mainimg-standard{
	margin:0px 25px 20px 0px;
}
@media screen and (max-width:768px) {
	.mainimg-standard{
		margin-right:0px;
	}
}
.mainimg-standard img{
width:100%;
}

.focuspoint img{ 
opacity:0; /* Pro odstranění blikání */
}


/*----- varianta “CELÝ obrázek” ------*/
.mainimg-size-1 .focuspoint-box-mainimg{
min-height:1px!important;
}

.mainimg-size-1 .focuspoint img{
max-width:100%;
position:relative;
}

.focuspoint-box #bc{
    z-index: 10;
}

/* ----------- FOCUSPOINT CUSTOM END) --------- */


/*---------- ZAHLAVI BANNER START ------------*/


.zahlavi-banner-box{
position:absolute;
z-index:20;
width: 100%;
bottom: 20px;
left:0px;
}

.zahlavi-banner-link, .zahlavi-banner-nolink{

background-color:#00000055;
padding:20px;
display:block;
color:#fff;
text-decoration:none;
}

.zahlavi-banner-link:hover{
color:#fff;
}

.zahlavi-banner-title{
font-size:2em;
text-transform:uppercase;
font-weight:bold;
}

.zahlavi-banner-text{
font-size:1em;
max-width:800px;
}

/* .zahlavi-banner-box-light - styl korekci pro světlé pozadí */

.zahlavi-banner-box-light .zahlavi-banner-link, .zahlavi-banner-box-light .zahlavi-banner-nolink{
background-color:#ffffff99;
color:#333333;
}

.zahlavi-banner-box-light  .zahlavi-banner-link:hover{
color:#000;
}

/*Uplatni se pouze v editoru v adminu*/
body.editor_body {
    display: block;
}

@media print {
    html, body {
        height: auto;
        min-height: 100%;
    }

    body {
        display: inherit;
    }

}



.f {
    display:flex;
    flex-direction: column;
    flex: 1;  
}


.ff-fix {
    flex-grow: 1;
}


/*--------------- ADDED FROM TPW ----------------*/
/*--------------- 		KONEC 	----------------*/
/*--------------- ADDED FROM TPW ----------------*/





/*------------------------- Togglebox -------------------------*/
/*---------- Rozbalovací box pro frontend a wysiwyg  ----------*/

dt {
    font-weight: inherit;
}

body.editor_body dl.togglebox {
	background-color:#cce6ff; /* barva pozadí rozbaleného textu - jen ve wysiwygu */	
}

body.editor_body dl.togglebox dd, body.editor_body dl.togglebox dt{
	opacity:0.5;
}

body.editor_body dl.togglebox dt:first-child{
	opacity:1;
}

dl.togglebox{
	list-style:none;
	display:flow-root;
    padding-top: 0.3em;
	padding-bottom: 0.5em;    
    background-color: transparent;

}

dl.togglebox dt, dl.togglebox dd{	
	background-color: transparent;
	padding: 0.2em 0.5em;
	padding-left:3em;
    font-size: 0.9em;
}

#main dl.togglebox.togglebox-open, body.editor_body dl.togglebox { /* -- barva pozadí rozbaleného textu - frontend (i wysiwyg)  --*/
    background-color: #ebeaea;
}

#main dl.togglebox:not(.togglebox-open) dt, #main dl.togglebox:not(.togglebox-open) dd{ /*-- pro frontend --*/
	display:none;
}

dl.togglebox dt:first-child, dl.togglebox dt:first-child, #main dl.togglebox dt:first-child, #main dl.togglebox dd:first-child{
	display:flow-root;
	cursor:pointer;
	background-color:transparent;
	padding-left:2em;
	margin-top:0.5em;    
    font-size: 1em;
}

dl.togglebox.togglebox-open dt:first-child {    
    font-weight: bolder;
}

dl.togglebox dt:first-child::before {
  content: "\2795"!important;
  display: inline-block;
  margin-left: -2em;
  margin-right: 1em;
  font-size: 0.7em;    
}

dl.togglebox.togglebox-open dt:first-child::before {
  content: "\2796"!important;
}



dl.togglebox dt:first-child::after {
  content: "\25B7";
  display: inline-block;
  margin-left: 0.5em;  
}

dl.togglebox.togglebox-open dt:first-child::after {  
  content: "\25B3";
}
 

.dtobal dt{
  padding-left:2em;  
}

.dtobal > dt::before{
  content: "\25CF";
  display: inline-block;
  margin-left: -1em;
  margin-right:1em;
}

.dtobal.dtitem-circle > dt::before{
  content: "\25CF";
}

.dtobal.dtitem-square > dt::before{
  content: "\25FE";
}

.dtobal.dtitem-disc > dt::before{
  content: "\25CB";
}







/*--------- Styl H2 nahrazující H1 v podřízených článcích složeného článku h2.h2-sc{ ----------*/
h2[data-hsc="h1"]{
font-size: calc(1.375rem + 1.5vw);
}
/*-------------------*/


.qrs-small-text {
    font-size:0.75em;
}

.qrs-big-text {
    font-size:1.35em;
}

.qrs-big-text.qrs-small-text {
    font-size:1em;
}

.qrs-uppercase-text {
    text-transform:uppercase;
}

.qrs-smallcaps-text {
    font-variant: small-caps;
}