html {
    font-size: 16px;
    background:#858585;
}


  
  
body {
    color: #000/*text*/;
    line-height: 1.4;
    font-size: 1em;
    font-weight:normal;
    height: 100%;
    font-family:"Fira Sans", sans-serif;/*textfont*/;
    display: flex;
    flex-direction: column; 
}

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

    body {
        display: inherit;
    }

}



/*Uplatni se pouze v editoru v adminu*/
body.editor_body {
    background: url(../../../resources/defaults/pozadi-blur.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 1em !important;
    padding-left: 1em !important;
    padding-right: 1em !important;
    line-height: 1.5em !important;
    display: block;
}
 
/*Uplatni se pouze v editoru v adminu*/
/* body.editor_body p {margin-top: 1em;} */


/* #main = telo stranky bez hlavičky a patičky */
p, #main ul {
    font-size: 1em;    
    line-height:1.5em;
    margin-bottom: 0.7em;
}
#bgfotowrap + #main, #mapawrap + script + #main {
    box-shadow: none !important;
}    
#main.podzahlavi {
    background: rgb(240, 240, 240);
}

#main.podzahlavi .obsah {
    padding-top: 2.5em;
    
}


#main.podzahlavi #print-page-bttn {
    top: 15px;
}




p {margin: 0.5em 0 0.7em 0;}
ul {
    list-style-type:square
}
#main ul, body.editor_body ul {
    list-style-type:square;
    margin:1em 0;
    padding:0
}

b, strong {
    font-weight: bolder;
}

p + ul {
/*  margin-top: -15px;  */
}


h1, h2, h3 {font-family:"Fira Sans", sans-serif/*nadpisyfont*/;}

/* #main h1, body.editor_body h1 { */   /* záloha původního zápisu*/
    h1, h1 strong, h1 b, body.editor_body h1, body.editor_body h1 strong, body.editor_body h1 b  {
        font-size:1.7rem;
        font-weight:200; letter-spacing:-0.05rem;
        line-height:1.2em;
        margin-top: 0.7em;        /* přeevzato z H1 ... NALADIT */
        margin-bottom:0.5em;    /* přeevzato z H1 ... NALADIT */
         /* {color: ... }  barva řešena samostatně níže*/
    }
    
    h2, h2 strong, h2 b, body.editor_body h2, body.editor_body h2 strong, body.editor_body h2 b  {
        font-size:1.4rem;
        font-weight:700; letter-spacing:-0.03rem;
        line-height:1.2em;
        margin-top: 1em;        /* přeevzato z H1 ... NALADIT */
        margin-bottom:0.5em;    /* přeevzato z H1 ... NALADIT */
         /* {color: ... }  barva řešena samostatně níže*/
    }
    
    h3, h3 strong, h3 b, body.editor_body h3, body.editor_body h3 strong, body.editor_body h3 b  {
        font-size:1.4rem;
        font-weight:200; letter-spacing:-0.05rem;
        line-height:1.2em;
        margin-top: 1em;        /* přeevzato z H1 ... NALADIT */
        margin-bottom:0.5em;    /* přeevzato z H1 ... NALADIT */
         /* {color: ... }  barva řešena samostatně níže*/
    }
    
    h4, h4 strong, h4 b, body.editor_body h4, body.editor_body h4 strong, body.editor_body h4 b  {
        font-size:1.3rem;
        font-weight:700; letter-spacing:-0.03rem;
        line-height:1.2em;
        margin-top: 1em;        /* přeevzato z H1 ... NALADIT */
        margin-bottom:0.5em;    /* přeevzato z H1 ... NALADIT */
         /* {color: ... }  barva řešena samostatně níže*/
    }
    
    h5, h5 strong, h5 b, body.editor_body h5, body.editor_body h5 strong, body.editor_body h5 b  {
        font-size:1.3rem;
        font-weight:400; letter-spacing:-0.05rem;
        line-height:1.2em;
        margin-top: 1em;        /* přeevzato z H1 ... NALADIT */
        margin-bottom:0.5em;    /* přeevzato z H1 ... NALADIT */
         /* {color: ... }  barva řešena samostatně níže*/
    }
    
    h6, h6 strong, h6 b, body.editor_body h6, body.editor_body h6 strong, body.editor_body h6 b  {
        font-size:1.2rem;
        font-weight:700; letter-spacing:-0.00rem;
        line-height:1.2em;
        margin-top: 1em;        /* přeevzato z H1 ... NALADIT */
        margin-bottom:0.5em;    /* přeevzato z H1 ... NALADIT */
         /* {color: ... }  barva řešena samostatně níže*/
    }
    
    


h1+h2, h1+h3, h1+h4, h1+h5, h1+h6, 
       h2+h3, h2+h4, h2+h5, h2+h6,
              h3+h4, h3+h5, h3+h6,
                     h4+h5, h4+h6,
                            h5+h6, {
    margin-top:0;
}


.editor_body h1:first-child, .editor_body h2:first-child, .editor_body h3:first-child, .editor_body h5:first-child, .editor_body h6:first-child  {margin-top:0em}

#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}

#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%)}

#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 #menu {/*  */}
#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}*/


#head.hamburger-mode {
    padding-top: 25px;
}
#head {color:#333/*hlavickatext*/;background:transparent/*hlavicka*/;text-align:left;
/*width:33%;*/
display:inline-block;padding:5px 15px 10px}

#web-logo {
    display:inline-block;
    text-align:center;
    line-height:.9em;
    position:relative;
    font-weight:400;
    font-size:2.3em;
    margin:0 0 .3em;
    /*text-transform: uppercase*/;
    font-family:"Fira Sans Condensed", sans-serif/*logofont*/; 
    scroll-behavior: smooth;
    color:#333/*hlavickatext*/;
    text-decoration:none;
}

#web-logo img#logo-img {
    display:inline-block;
    overflow:hidden;
    margin-bottom: 5px;
}

#web-logo img#logo-img.logo-abs{
position:absolute;
}

@media screen and (max-width:768px) {
	#web-logo img#logo-img.logo-abs{
	position:relative;
	top:auto;	
	}
	#logo-img-transp{
	display:none;
	}
}

    /* prostor pro malou var. loga - výška (height) */ 


/*#head h1#logo a {position: absolute;top: 0;left: 0;height: 100%;width: 100%;line-height: 10em;}*/

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

.sekce_ .f ,
 .sekce_uvod .f {
    height: 50vh; 
    min-height: 400px;
}

.f {
    overflow: hidden;     
    background-position: center; 
    background-size:cover;	
    /* margin-bottom: 2em; */
}


.fbg {        
    display: block;
    width: 100%;   
    position:  absolute; 
      
    height: 50px;
    background: linear-gradient(to bottom,rgb(0, 0, 0) 0%, rgba(0,0,0,0.3) 45%, rgba(0,0,0,0.1) 70%, rgba(0,0,0,0) 100%);
    opacity: 0.5; 
}
  
.fbg-spacer { height: 2em; }
 



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




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


/* >> --------- SPOLECNA CAST ---------- */

#menu {    
   /* width: 63%;*/
    display: inline-block;
    position:relative;
    vertical-align:top; 
    text-align:right;     
}

#menu ul {margin:0;padding:0}
/* !IMPORTANT! bez toho, by absolutni pozicovani nefungovalo! */
#menu ul li {position:relative;list-style-type:none}
#menu ul ul li {display:block; }
#menu ul ul li a {display:block;}
/* šipka horní index mimo web - v menu, horni-idx-mimoweb */
#menu ul ul > li > a >span.horni-idx-mimoweb {position: relative;}
#menu ul 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);}
/*Odkazy na kotvu*/
#menu ul ul a.cl-kotva {font-style: italic; font-weight: 200;}
#above.menuopened {background:rgba(255,255,255,.92)}
/* << --------- SPOLECNA CAST ---------- */


/* --------- SPOLECNA CAST ---------- */
#menu {font-family:"Fira Sans Condensed", sans-serif/*nadpisyfont*/;visibility:hidden;}
/* --------- SPOLECNA CAST ---------- */


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

/*----- HLAVNI MENU -----*/
#menu.MenuMode_standard nav.mainmenu-1st-level > ul > li  {display:inline-block;}

#menu.MenuMode_standard nav.mainmenu-1st-level > ul > li > a , #langs > li {
    transition: padding-top .2s;
    font-weight: 400;    
    font-size: 1.3em; 
    
    display: inline-block;
    border-top: 4px transparent solid; /* kvůli stejné pozici přepínačů LANG .. i když "hover pruh" nepoužívaí  při hower */
    color: #333; /* menutext */
    text-decoration: none;

    line-height: 0.9em;
    padding: 0.35em 0em;
    margin: 0.2em 0.4em;    
}

#menu.MenuMode_standard nav.mainmenu-1st-level > ul > li.current:first-child {
    font-weight: lighter;  /* první položka hl. menu bude při výběru méně tučná  */
  }

#langs > li { 
    margin-left: 0.1em; 
    margin-right: 0.1em; }

.lang-box #langs > li:first-child { margin-left: 0.3em; }
#langs > li > a { color:inherit; }


#menu.MenuMode_standard ul > li.current > a , 
#menu.MenuMode_standard ul > li.curparent > a {
    border-top:0.25em #858585 solid; font-weight:700; color:#858585;}

#menu.MenuMode_standard .submenu-cascade > ul > li.current > a, 
#menu.MenuMode_standard .submenu-cascade > ul > li.curparent > a {
    font-weight:700; color:#858585 !important; border-top: 0; }

#menu.MenuMode_standard nav.mainmenu-1st-level > ul > li.curparent.more > a::after ,
#menu.MenuMode_standard nav.mainmenu-1st-level > ul > li.current.more > a::after ,  
#menu.MenuMode_standard nav.mainmenu-1st-level > ul > li.current.more > a::before , 
#menu nav.mainmenu-1st-level > ul > li.curparent.more > a::before {
    color:#858585; }

#menu.MenuMode_standard nav.mainmenu-1st-level > ul > li:not(.current):not(.curparent):hover > a {
    border-top: 4px solid rgba(0,0,0,.2);  }

#menu.MenuMode_standard nav.mainmenu-1st-level > ul > li.curparent > a , 
#menu.MenuMode_standard nav.mainmenu-1st-level > ul > li.current > a {
    background:none;
    font-weight: bolder;
    border-top: 4px solid rgba(0,0,0,.05);    
}

/* SIPKA VZHURU (SMERUJICI Z 2. UROVNE DO HL. MENU)*/
#menu.MenuMode_standard nav.mainmenu-1st-level > ul > li.more:hover::after {
    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;border-radius:0 100% 0 0;transform:rotate(45deg)}

#menu.MenuMode_standard nav.mainmenu-1st-level > ul > li.more:hover::after {
    border-width:0;border-radius:0 0 100% 0;bottom:-5px;left:50%;margin-left:-5px;z-index:9999999;    
    -webkit-animation: slide-down .5s ease-out;
    -moz-animation: slide-down .5s ease-out;
    animation: slide-down .5s ease-out; 
}

#menu.MenuMode_standard nav.mainmenu-1st-level > ul > li.more:hover::after {
    color:#858585}


    /* -- tlačítko  hamburgeru -- */
#button-hamburger.activate:hover , 
#button-hamburger.activate.active {
    background:#858585/*odkaz*/;color:#fff;border-color:transparent}

#button-hamburger.activate {border:1px #858585a1 solid;color:#858585/*odkaz*/; cursor:pointer;padding:.3em 1em;font-size:1.4em;position:relative;top:0;display:inline-block;margin: 0.7em auto;text-align:center;/*background:none*/}
/*#button-hamburger.activate.active {margin-bottom: 0}*/
#button-hamburger.activate::before {content:"☰";display:inline-block;margin-right:.4em;}
#button-hamburger.activate::after {content:"menu";text-transform:uppercase;display:inline-block;}

#button-hamburger.activate:hover::before , 
#button-hamburger.activate.active::before {color:#fff}
#button-hamburger.activate.active::before {content:"✕"}

/*----- HLAVNI MENU -----*/



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

.menu-item-tmpl-54, #menu ul li.menu-item-tmpl-54 a {
    font-weight: 400;
}

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

#main {margin-bottom:1.1em;}


#main ul li, body.editor_body ul li {
    padding-left: 1.4em;
    list-style-type: none;
    position: relative;
}

#main li, body.editor_body li {
    /*font-size: 1.35em;*/
    line-height: 1.5em;
    margin-bottom: .3em;
}



.text.simple-article {
    position: relative;
}

::-moz-selection {
    background: #000;
    text-shadow: none;
    color:#fff;
  }
  
  @counter-style two-apples {
    system: cyclic;
    symbols: "–";
    suffix: " ";
  }
  
  
  
  hr {border-style:dotted none none;border-color:#9f9f9f;margin:1em 0}
  
  #editor_body > hr {
      border-color: #535353;
  }
  
  body.editor_body a {cursor: pointer;}

  .bezmezery {margin-bottom:.4em !important}
  h1.bezmezery {margin-bottom:.2em !important}
  
  .vetsimezera {margin-bottom:1.4em !important}
  h1.vetsimezera {margin-bottom:1.2em !important}
  
  .wysiwyg-format_lightbox, .lightbox {padding:0.7em 1em; background: #ffffff73; border:1px #e0e0e0 solid;}
  .wysiwyg-format_darkbox, .darkbox {padding:0.7em 1em; background: #858585eb; color: #f0f0f0; }
  .wysiwyg-format_darkbox *,.wysiwyg-format_darkbox a, .darkbox *,.darkbox a {color:#fff}
  .wysiwyg-format_poznamka, .poznamka {font-size: 0.9em;color:#912291;font-weight: 300;margin: 0.5em 0 0.5em 0;}
  .wysiwyg-format_cara, .cara {padding-bottom:1em;margin-bottom:1em;border-bottom:1px rgba(0,0,0,0.06) solid;}  




table {/*width:90%*/}
table td {
    padding:0.2em .2em; 
    border: 1px solid #ccc;
    /* width: 10%; */
}

table p {
    margin: 0.2em .4em;
}


.data tr {border-bottom:1px rgba(0,0,0,0.15) solid;}
.data td {padding:0.1em .2em;}

.print {display:none}
.nodisplay {display:none}


.more.button::after { /*display:none;content: "\203a\203a";font-size: 1.2em;position: absolute;top: 0; right: 0.3em; */}
.darkbox .more.button::after {color:#fff}
.more.button {
    position: relative;
    font-size: 1.2em;
    font-weight: 300;
    display:block;
    text-decoration: none;
    border-bottom: 1px rgba(170, 122, 10, 0.0) solid;
    margin-top: 10px;
}
.more.button:hover::after { /* display:inline-block;top: 0; right: 0.3em; */ }
.more.button:hover {
    text-decoration: underline;
    /*border-bottom: 1px rgba(170, 122, 10, 0.45) solid;
    padding-bottom: 2px;*/
}

.round {border-radius:50%;}

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

body.editor_body .row .col-xs-12 {border:1px #ccc dotted}



/*----- DROBECKOVA-2 NAVIGACE (START) -----*/
#bc {position:absolute;bottom:0;left:0;width:100%;}
#bc .container {background:rgba(255, 255, 255, 0.87);}
#bc #bread {
  font-size: 1em;
  font-weight: 400;
  color: #000;
  padding: 0.4em 0em;
}
#bc #bread.hide-last-item > a:last-child {
    display: none;
} 
#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(205, 205, 205, 0.6) 80%, rgba(160, 160, 160, 0.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 #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;}

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

    /*nav {text-align:left;font-size:1.2em;box-shadow:0px 40px 30px 0 rgba(0,0,0,.1)}*/
   
    #bc .zalozka {display:none;}
    #bc .zalozka.current {display:inline-block;}
   
}
/*----- DROBECKOVA-2 NAVIGACE (END) -----*/



/* PATICKA */

/* 32 - TMPL_CONT__PATICKA */
body.editor_body.template-32, footer, #copy {
    background:#858585;
}

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

#footerClanek {font-size:0.8em; color:#fff}
#footerClanek div.ico.email a {
    color: #fff;
}
#copy a, #footerClanek a, #fn a {
    color:#fff/*footertext*/;
}
#footerClanek, footer,#copy {position:relative;z-index:2;}
#footerFooter {font-size:0.9em; font-weight:200; color: #ffffffe6}
#footerClanek 
#footerClanek h2, footer h2 {
    font-weight: 200;
    font-size: 2em;
}
#footerClanek h2 span, footer h2 span {font-weight:400}
footer h1,footer h2,footer h3,footer h4, footer h5, footer h6,
#footerClanek h1, #footerClanek h2, #footerClanek h3, #footerClanek h4, #footerClanek h5, #footerClanek h6 {font-weight:400;color:#fff;margin:0 0 6px;line-height:0.8em;}
footer a,#copy a, #footerClanek a {text-decoration:none;border-bottom:1px #fff6 solid;}

#footerFooter a {
    color: #ffffffe6;
}
#footerFooter a:hover {
    color: #fff;
}
footer a:hover,footer a:focus, #footerClanek a:hover,#footerClanek a:focus {color:#fff/*footertext*/;text-decoration:none;border-bottom:1px rgba(255,255,255,.5) solid;}

#footerClanek div.ico {
    display:block;
    margin-bottom:10px;
    vertical-align:top;
    font-size:1.4em;
    font-weight:100;
    padding-left:24px;/*float:right;*/
}

#footerClanek div.ico.empty {
    padding-left: 0px;
}

/*  #footerClanek div.ico.empty {float: left;}  */
#footerClanek div.ico.company {background:url(../imgs/icon-company.png) no-repeat 0 1px;}
#footerClanek div.ico.adresa {background:url(../imgs/icon-place.png) no-repeat 0 1px;}
#footerClanek div.ico.tel {background:url(../imgs/icon-tel.png) no-repeat 0px 4px;}
#footerClanek div.ico.email {background:url(../imgs/icon-mail.png) no-repeat 0 4px; float: right;}

#footerFooter {text-align: right;}






/*----- NAHLEDY HOME PODCLANKU ------ */
.news .prilohy {margin-top: 0.75em; margin-bottom: 0.75em;}
.news h3 {
    margin-top:.2em;
}
.news h3 + p {     }

/*.newsItem {margin: 0px 5px 1.4em 0; }*/

.newsItem p, .newsItem h1, .newsItem h2, .newsItem h3, .newsItem h4, .newsItem h5  {
    margin: 0.2em 0;
    line-height: 1.5em;

}



/*.newsItem.col-md-4 {width: 32%;}*/
/* 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;
}
.newslist .box_preview_h {
    font-weight: 400;
}

.box_preview_h:hover {
    text-decoration: none;
}

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

@media screen and (max-width:992px) {
	.news .newsItem .newsHomeMargin img{
	max-width:300px;
	}
	.nahled-home-default{
	display:none;
	}	
}


/* 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.1em;
    font-weight: 300;
    color: #858585;
    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 .news-blok-link {
    display: block;
    text-decoration: none;    
    font-size: 0.9em;
}


#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: #858585;
  }

#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 #858585;
    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_uvod .news h3 {margin-top:.2em;color:#222/*nadpisy2*/}
.sekce_uvod .news h3 a, .sekce_uvod .news h1 a {text-decoration: none;}
.sekce_uvod .news h3 a:hover, .sekce_uvod .news h3 a:focus, 
.sekce_uvod .news h1 a:hover, .sekce_uvod .news h1 a:focus {text-decoration: underline;}

@media screen and (max-width:111px) {
    .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;
      }
     
    
}
  
/*----- NAHLEDY HOME PODCLANKU (END) ------ */

















/* BARVY WEBU */
/* BARVY WEBU - Zakladni barve = #858585 */
h2,h4,h6 {color:#858585/*nadpisy2*/}         /*NADPISY - Tucne pismo*/

.newsItem > div {
    border-top: 4px solid #8585851c;
    padding-top: .5em;
	margin: 0px 5px 1.4em 0;
}

.prilohy-ano {
    color: #888888;
    font-size: 0.9em;
    font-style: italic;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    display: block;
    font-weight: 200;
}

/* "LOGO texty" v hlavičce */
#head #logo-text1 {
    color:#333;
    font-weight: 200;
    font-size: 0.7em;
}

#head #logo-text2 {
    font-weight: 700;
    font-size: .7em;
    color:#858585;
    letter-spacing: 0em;
    display: block; 
    padding: 0.1em 0 0.1em 0;
}


#head #logo-text3 {
    font-size:.5em;
    font-weight:400;
    display:block;
    line-height:1.3em;
    margin-top:0;
    letter-spacing:.0em;
    color:#333;
    padding: 0.3em 0;
    
}

a {color:#858585/*odkaz*/;text-decoration:underline}  /* ODKAZY */
a:hover,a:focus {color:#858585/*odkazAktivni*/;}
.bold {color:#858585;font-weight:bold;}
#main .news .newsItem h2.parent, #main .news .newsItem h2.parent a {
    color: #858585;
    text-decoration: none;
}
#main .news .newsItem h2.parent a:hover {
    text-decoration: underline;
}
#main ul:not(.pagination) li::before, body.editor_body ul:not(.pagination) li::before {
    content:"";
    position:absolute;
    top: 0.5em;
    left: 0.3em;
    width: 0.5em;
    height: 0.5em;
    display: block;
}


#main ul li::before, body.editor_body ul li::before {background:#858585;} /* ODRAZKY, PATICKA */



/* Strankovani (na strance Aktuality) */
.pagination .active  a, 
.pagination  .active  a:focus, 
.pagination  .active  a:hover, 
.pagination  .active  span, 
.pagination  .active  span:focus, 
.pagination  .active  span:hover {
    background-color:#858585;
    border-color: #858585;
    z-index: 2;
    color: #fff;
    cursor: default;
}
.pagination li a, .pagination li span {
    color: #858585;
    background-color: #fff;
}
.pagination  li  a:hover, .pagination  li  span:hover,
.pagination  li  a:focus, .pagination  li  span:focus {
    color: #97833e;

}

.pagination  li  a:hover, .pagination  li  span:hover {
    background-color: #eeeeee;
}

#up {background:#97833e;color:#fff;}
#fn {display: none;}





@media screen and (max-width:111px) {
    #footerClanek div.ico {display:inline-block;float:none;}

    /* "LOGO texty" v hlavičce */
    #head #logo-text1 {
        font-size: 0.6em;
        line-height: 0.9em;
    }

    #head #logo-text2 {
        font-weight: 700;
        font-size: .7em;
    }

    #head #logo-text3 {
        /* font-size:.5em; */
    }

    .f .vypishome > div:hover .v {height:140px;}
    #head,#menu {width:100%}
    #head {text-align:center; padding-top: 15px;}
    #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;}  */
  
  
  
    #above #menu {
        top: -10px;
      }

    #modal-odeslat-ukol .soubory-info {
        padding-left: 0;
    }
}


@media screen and (max-width:768px) {
    #footerClanek div.ico {display:inline-block;float:none;}
}



/* kontejner NAD obrázkem záhlaví .. 
        .. na desktopu (vrstva pod hlavičkou) 
        .. na mobilu kontejner hlavičky (protože na mobilu je vždy nad záhlavím (a posouvá se))
    kvůli nastavení barvy lokálního pozadí */

.pod-head-bg , .mobile #head-sekce  {    
  background: #efefef; ;
}

.mobile #head-sekce { padding-top: 0em; } 




/*
#head-sekce #login.login-ucitel {
    right: 15px;
    top: 45px;
}
*/


#modal-kontrola-souboru {
    z-index: 1000000000000;
}
.overlay {
    display: none;
    position: fixed;
    z-index: 1000000000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(32, 32, 32, 0.77) url("../imgs/animace/preloader-odeslilani.gif") center center no-repeat;
}

.allready-sent {
    pointer-events: none;
    opacity: 0.5;
}

/* Turn off scrollbar when body element has the loading class */
body.loading{
    overflow: hidden;   
}

/* Make spinner image visible when body element has the loading class */
body.loading .overlay{
    display: block;
}

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

/* ------ Styly šablony rozcestník ------- */
.rozcestnik {
    background: #ddd7c5; 
    padding: 0.2em 1em 1em 1em;
}

.reakce-flag {
  font-family: "teacher";
  font-style: normal;
  font-weight: normal;
  speak: never;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .5em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .5em;
 
  /* You can be more comfortable with increased icons size */
  font-size: 0.9em;
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.rozcestnik .rozcestnik-linky {

}
.rozcestnik .rozcestnik-linky .link-img {
    /*  display: none   */
}
.rozcestnik .rozcestnik-linky .link-plneni-txt {
    display: inline-block;
    text-decoration: dotted underline;
    padding-left: .5em;
}
.rozcestnik .rozcestnik-linky .link-plneni-txt.ucitel {
    font-weight: 300;
    font-style: italic;
    text-decoration: none;
    padding-left: 0;
}
.rozcestnik a {
    display: block;
}
.rozcestnik a.loglink {
    display: inline-block;
    margin-left: .75em;
    font-weight: 200;
    font-style: italic;
    
}
.rozcestnik a.loglink:hover {text-decoration: line; }

#rozcestnik-tridy {
    margin-top: .75em;
    padding-left: 1em;
}
.rozcestnik-linky #rozcestnik-tridy a {
    display: inline-block;
    margin-right: 1em;
}
.rozcestnik-linky #rozcestnik-tridy a.not-active-section {
    pointer-events: none;
    opacity: .5;
}
.rozcestnik a.rozcestnik-link-plneni {
    font-weight: 400;
    font-size: 1.7em;
    margin-bottom: .5em;
    display: flex;
    text-decoration: none;
}

.rozcestnik a.rozcestnik-link-plneni .link-img {
}
.rozcestnik a.rozcestnik-link-trida {
    font-weight: 400;
    font-size: 1.5em;
    padding-left: 2.7em;
    text-decoration: dotted underline
}

.rozcestnik a.rozcestnik-link-trida .trida {
    font-style: italic;
}


.splneny-ukol-detail a.admin-link {
    margin-bottom: 1em;
    font-size: 1.1em;
}



/* ------ Styly šablony Splněné úkoly ------- */

.nadepsani-splnenych-ukolu {
    /* margin-left: 1em; */
    margin-bottom: 1.2em;
}

.ukol-nadpis > span:first-child {
  font-size: 0.9em;
  color: #6f6f6f;
}

.nadepsani-splnenych-ukolu a.zadavaci-ukol {
    display: inline-block;
    font-size: 1.3em;
    line-height: 1.1em;
    color: #858585;
    text-decoration: none;
    padding-left: 0.3em;
    margin-bottom: 0.4em;
}

.nadepsani-splnenych-ukolu > span.zadavaci-ukol-termin {

}
.nadepsani-splnenych-ukolu > span.zadavaci-ukol-termin.termin-vyprsel .hodnota, #neodevzdali-vypis .termin-vyprsel {
    color: white;
    background: #ca4a4a;
    padding: 0.2em 0.6em;
    border-radius: 0.5em;
}

.nadepsani-splnenych-ukolu > span.zadavaci-ukol-termin > .datum2 {
  font-size: 0.9em;
  color: #6f6f6f;
  margin-bottom: 0.1em;
}


.nadepsani-splnenych-ukolu > span.zadavaci-ukol-termin .popisek {padding-right: .5em;}
.nadepsani-splnenych-ukolu > span.zadavaci-ukol-termin .hodnota { }


.zadavaci-ukol-dorucen {
    font-weight: 600;
    font-size: 1.5em;
    color: #006000;
    padding-bottom: 0.3em;
    text-align: center;  
}



.zadavaci-ukol-splnene, .neodevzdali-vypis-nadepsani {
  color: #6f6f6f;
  font-size: 1.5em;
  margin: 0 0 0.3em 0em;
}

.neodevzdali-vypis-nadepsani {
    display: inline-block;
    margin: 1em 0 0.5em 0;
}


#ukoly-list .ukol-row {
    font-weight: 200;
    line-height: 1.2em;
    padding: 0.1em 0.5em 0.1em 2em;
    font-size: 0.9em;
}

#ukoly-list a.ukol-row {
    display: block;
    text-decoration: none;
}

#ukoly-list div.ukol-row a.ukol-row-link {
    display: inline-block;
    text-decoration: none;
    line-height: 1.2em;
    padding: 0.5em 0.5em 0em 1em;
}

div.ukol-row.not-authorized {
    pointer-events: none;
    filter: opacity(50%);
}

#ukoly-list a.ukol-row:hover, #ukoly-list a.ukol-row-link:hover {
  background-color: #ffffff70;
}
#ukoly-list a.ukol-row.ukol-prave-odevzdan > span {
    color: #006000;
    font-weight: 400;
}
#ukoly-list a.admin-link {
    font-size: .9em;
}



#ukoly-list a.ukol-row-link > .termin {
  
}
#ukoly-list a.ukol-row-link > .zak {

}
#ukoly-list a.ukol-row-link > .pocet-priloh {

}
#ukoly-list a.ukol-row-link > .reakce {

}

#ukoly-list .ukol-row > span {
    margin-right: .3em;
}

#ukoly-list .ukol-row > span .den-nazev { margin-right: .3em;}
#ukoly-list .ukol-row > span .cas { font-size: 0.9em;}

#ukoly-list .ukol-row .termin {
    display: inline-block;
    width: 9.5em;
}

#ukoly-list .ukol-row .zak  {
    font-size: 1.1em;
    font-weight: 400;
    color: #858585;
    display: inline-flex;
    width: 12em;
}

#neodevzdali-vypis {
    /* padding: 0em 1em 1em 3em; */
}

#neodevzdali-vypis .zak {
    font-size: 0.85em;
    font-weight: 300;
    color: #590707;
    display: list-item;
    margin: 0 0 0 2.5em;
}

#ukoly-list .ukol-row .pocet-priloh  { 
    font-size: 0.9em; 
    font-style: italic;
    display: inline-block;
    width: 5em;
}


#ukoly-list .ukol-row .reakce {
    color: #156849;
    font-size: 1.2em;
    font-style: italic;
    display: inline-block; 
}

#ukoly-list .ukol-row .reakce .saved {

}

#ukoly-list .ukol-row .reakce .ukol-note {
    display: inline-block;
    font-size: 0.9em;  
}
#ukoly-list .ukol-row .reakce .reakce-datum {
    font-size: 0.8em;  
    margin-left: 0.5em;
    display: inline-block;
}



/* ------ Styly šablony AKTUALITA - zadavací úkol  ------- */

#splnene-ukoly-links {
    margin: 1.5em 0;
}

#splnene-ukoly-links > a.bttn-odeslat-splneny-ukol {
    display: inline-block;
    color: #97833e;
    text-decoration: none;
    margin-right: 1em;
    background: #F4F4F4;
    border: 1px solid #80808082;
    border-radius: 7px;
    font-size: 1.2em;
    position: relative;
    padding: 0.3em 0.6em 0.3em 0.6em;
}

#splnene-ukoly-links > a.bttn-splnene-ukoly {
    display: inline-block;
    color: #97833e;
    text-decoration: none;
    margin-right: 1em;
    background: #F4F4F4;
    border: 1px solid #80808082;
    border-radius: 7px;
    font-size: 1.2em;
    position: relative;
    padding: 0.3em 0.6em 0.3em 0.6em;
}
#splnene-ukoly-links > a.bttn-splnene-ukoly.dosud-nic-odeslano {
    border: 2px solid #d21d1db0 !important;
    pointer-events: none;
    opacity: 70%;
}

#splnene-ukoly-links > a.bttn-poslat-uciteli {
    display: inline-block;
    color: #97833e;
    text-decoration: none;
    margin-right: 1em;
    background: #F4F4F4;
    border: 1px solid #80808082;
    border-radius: 7px;
    font-size: 1.2em;
    position: relative;
    padding: 0.3em 0.6em 0.3em 0.6em;
}

.reakce .saved {
    display: inline-block;
    margin-right: 1em;
}

/* ------ Styly šablony Splneny ukol - detail  ------- */
#jmeno-zaka {
    color: #734b00;
    font-size: 1.3em;
    font-weight: 700;
    line-height: 1.2em;
    padding: 0.3em 0.5em 0em 0em;
}

#sdeleni-zaka-perex {
    color: #734b00;
    font-size: 1.2em;
    font-weight: 400;
    font-style: italic;
    line-height: 1.3em;
    padding: 0.3em .7em 0.7em .5em;
}

#sdeleni-zaka-hr {
    margin: 1em 0;
}

/* ----- FORMULÁŘ - MODAL OKNO ----- */
#modal-odeslat-ukol .modal-dialog {
    margin-top: 50px;
}




/* ----- Formulář (Odeslat úkol) ------ */

#modal-odeslat-ukol .ukol {
    display: flex;
}


#modal-odeslat-ukol .modal-body {
    padding: 0px 15px 15px 15px;
}


#modal-odeslat-ukol .modal-header {
    background: url("../imgs/formular/formular--pruh-nahore_opakovat.png") 0 0 repeat-x;
    height: 67px;  
    border-bottom: 0px solid #e5e5e5;
}

#modal-odeslat-ukol .modal-header img#znamka {
    position: absolute;
    z-index: 999;
    top: 0px;
    right: 59px;    
}
    


#modal-odeslat-ukol .modal-header .close {
    z-index: 1000;
    border: 1px solid #80808082;
    position: relative;
    top: -8px;
    right: -8px;
    opacity: 1;
    padding: 10px;
    font-weight: 400;
    background: #F0F0F0;
    border-radius: 7px;
    font-size: 1em;
    color: black;
  
}


#modal-odeslat-ukol .btn-odeslat-ukol {
    background: #F0F0F0;
    border-radius: 7px;
    border: 2px solid #b0b0b0c4;
    font-size: 1.4em;
    position: relative;
    margin: 3px;
    /*  left: 100px; */ 
    font-weight: 600;
    color: black;
    min-width: 150px;
    margin-right: 1em;
    
}

#modal-odeslat-ukol .btn-default:hover {
    border: 2px solid #959595;
    background: #FBF8F1;
}



#modal-odeslat-ukol .nadpisek, .label-ukol-comment, .label-ukol-files {
    font-weight: 200;
    font-style: italic;
    width: 6em;
    display: inline-block;
    text-align: right;
    padding-right: 0.5em;
    margin-bottom: 0.5em;
}

#modal-odeslat-ukol .nadpisek {
    padding-right: calc(1.3em - 10px);
}

#modal-odeslat-ukol .nazevclanku {
    color: #8e6502;
    font-weight: 600;
}



/* ----- MO (Pravidla online výuky) ------ */


.modal-pravidla-vyuky ol li {
    font-size: 0.95em;
    font-weight: 200;
    padding-bottom: 0.3em;
}



.modal-pravidla-vyuky .btn.confirm-pravidla {
    color: white;
    background: #858585;
    border-color: #745a1e;
    padding: 0.4em 1.5em 0.2em 1.5em;
    font-size: 1.1em;
    font-weight: 200;
}
.modal-pravidla-vyuky .modal-footer {
    text-align: left;
}
#modal-pravidla-vyuky-link a.confirm-pravidla-link {
    text-decoration: none;
}

.label-ukol-files {
    padding-right: 0;
    padding-top: 15px !important;
}

.label-add-prilohy {
    background: #F0F0F0;
    border-radius: 7px;
    border: 2px solid #b0b0b0c4;
    font-weight: 400;
    text-align: center;
    color: #6a6565;
    min-width: 150px;
    padding: 5px 10px;
    margin: 0px 1.2em 5px 3px;
}

#modal-odeslat-ukol .label-add-prilohy:hover {
    background: #FBF8F1;
    border: 2px solid #959595;
  
}

.selected-file .delete-priloha {
    color: #bd0000;
    font-size: 0.9em;
    font-weight: 200;
    text-decoration: underline;
    cursor: pointer;
}

.selected-file > span {
    margin-right: 20px;
    margin-bottom: 0.3em;
    margin-top: 0.2em;
    display: inline-block;
}

.selected-file > img {
    width: auto;
    height: 2em;
    margin-right: 5px;
}


.selected-file > span.name {
    font-weight: 400;
    color: #42320b;
    max-width: 80%;
    line-height: 1.2em;
}

.selected-file > span.size {
    color: #360;
    font-weight: 200;
}

.selected-file > span.nad-limit {
    color: #ff0000;
    font-weight: 400;
  }
  


.nad-limit, .not-allowed-ext {
    color: #ff0000;
    font-weight: 600;
}
.soubory-info-nadlimit {
    color: #f00;
    font-weight: 400;
    font-style: italic;
    padding-left: 7.5em;
    font-size: 0.95em;
}


.soubory-info {
    color: #242424;
    font-size: 0.9em;
    font-style: italic;
    font-weight: 200;
    display: inline-flex;
    padding-left: 2.5em;
}

#odeslat-info {
    color: #bf0606;
    font-weight: 400;
    font-style: italic;
    font-size: 0.95em;
    display: inline-flex;
}

#odeslat-info #odeslat-error {
    padding-top: 0;
    color: #ff0000;
}

#files-area {
    margin-top: 0px;
    margin-left: 15px;
    margin-bottom: 0.5em;
}

.selected-file {
    margin-bottom: 0.5em;
    font-size: 1em;
}




#modal-odeslat-ukol .ukol-data {
    margin: 5px 0 1.25em 0;
}

#modal-odeslat-ukol .datum2 {
    font-size: 0.95em;
}
#modal-odeslat-ukol a#odhlasit {
    font-size: 0.9em;
    font-weight: 400;
    font-style: italic;
    color: #858585;
    text-decoration: underline;
    margin-left: 1em;    
    display: none;
}

#modal-odeslat-ukol .form-group.komentar {
    background: url("../imgs/formular/formular--div-stred--backgroung-texture.jpg") 0 0 repeat;
    padding: 10px;
    margin: 0px;
    border-radius: 7px;
}

#modal-odeslat-ukol .form-group.zprava {
  display: block;
  margin-bottom: 1px;
}

#modal-odeslat-ukol .textarea {
    padding: 5px 15px;
}

#modal-odeslat-ukol .form-group.soubory {
    margin-top: 5px;
}

#modal-odeslat-ukol .ukol-komentar {
  padding: 10px;
  margin: 0px;
}

#modal-odeslat-ukol .textarea-ukol-comment::-webkit-input-placeholder {font-style:italic; font-weight:300;font-size: 1.2em;}
#modal-odeslat-ukol .textarea-ukol-comment::-moz-placeholder {font-style:italic; font-weight:300;font-size: 1.2em;} /* firefox 19+ */
#modal-odeslat-ukol .textarea-ukol-comment:-ms-input-placeholder {font-style:italic; font-weight:300;font-size: 1.2em;} /* ie */
#modal-odeslat-ukol .textarea-ukol-commentinput:-moz-placeholder {font-style:italic; font-weight:300;font-size: 1.2em;}

#modal-odeslat-ukol #nadepsani-attached-files {
    color: #535353;
    font-size: 1.2em;
    margin-left: 5px;
    margin-bottom: 0.5em;
}

#modal-odeslat-ukol .file-iscut-info {
    color: #b71616;
    font-size: 0.9em;
    font-weight: 200;
    font-style: italic;
}

.modal-form-txt-info {
    font-weight: 200;
    font-size: 0.9em;
    padding: 10px 15px;
    border-radius: 7px;
    background: #eee5e5;
  
}

.modal-form-txt-info hr {
    border-style: dotted none none;
    border-color: #515151;
    margin: 0.7em 0;
}

.modal-form-txt-info a {
    color: #5b4000;
}



/* FORMULÁŘ - MODAL OKNO */

/*.modal-dialog {
    width: 70%;
    min-width: 600px;
    margin: 50px auto;
}

.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: url("../imgs/formular/formular--backgroung-texture.jpg") 0 0 repeat;
  border: 1px solid #777;
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
  box-shadow: 0 3px 9px rgba(0,0,0,.5);

}

.modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 5px solid #fff;
    background: url("../imgs/formular/formular--pruh-nahore_opakovat.png") 0 0 repeat;
  
}
  

.modal-header .close {
    margin-top: -2px;
    background: url("../imgs/formular/formular--tlacitko-zavrit-pozadi.png") 0 no-repeat;
}



.form-group {
    background: url("../imgs/formular/formular--div-stred--backgroung---texture.jpg") 0 0 repeat;
    padding: 10px;
    background: #ebf6ff;
}

.form-horizontal .form-group {
  margin-right: -5px;
  margin-left: -5px;
}

.form-horizontal .control-label {
  padding-top: 3px;
  margin-bottom: 0;
  text-align: left;
  padding-left: 0px;
  font-size: 1em;
font-weight: lighter;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}*/



/* ------ Styly ONLINE POZVANKA  ------- */
#online-vyuka-links-sekce {
    padding-top: 1.5em;
    border-top: 1px rgba(0,0,0,0.06) solid;
}

#online-vyuka-links-sekce > div > h2, #online-vyuka-links-sekce > div > a {
    display: inline-block;
}
#online-vyuka-links-sekce  a.pravidla-titulek {
    margin-left: 3em;
    color: #646464;
    font-style: italic;
    font-size: 0.9em;
}

#online-vyuka-links-sekce > div > h2 {
    font-size: 1.4em;
    font-weight: 600;
    color: #858585;
    text-decoration: none;
    margin-bottom: 0.1em;
}

#doplnek-pod-H2 {
    font-size: 0.9em;
    font-weight: 200;
    font-style: italic;
    color: #606060;
    padding-bottom: 0.3em;
}


#online-vyuka-links {
    margin-left: .5em;
    
}
#dnes-datum {
    margin: 0.5em 0 0.7em 0;
    font-size: 1em;
    font-weight: 200;
    line-height: 1.5em;
}

.odkaz-row {
    min-height: 40px;
    margin: .25em 0;
    display: table;
    padding: 10px;
}
a.odkaz-row.odkaz-row-link {
    display: table;
    color: #000;
    background: #d5d2c869;
    text-decoration: none;
}


a.odkaz-row.odkaz-row-link:hover {
    background: #f7f6f1;
}

a.odkaz-row.odkaz-row-link > span.stav {
    color: #858585;
    text-decoration: underline;
    font-weight: 400;
    font-size: 1em;
}


.odkaz-row.not-active {
    pointer-events: none; 
    /* filter: opacity(70%); */
}
.odkaz-row.probehlo {
    pointer-events: none; 
    filter: opacity(60%);
}
.odkaz-row > span {
    padding-right: 1em;
    display: table-cell;
}

.odkaz-row > span.stav {
  width: 90px;
}

.odkaz-row > span:not(.nazev) {
    font-weight: 200;
}


.odkaz-row > span.stav, .odkaz-row > span.poznamka {
  font-style: italic;
  font-size: 0.9em;
}

.odkaz-row.not-active > span.stav, .odkaz-row.not-active > span.poznamka {
    font-style: italic;
    font-size: 0.85em;
}

#online-vyuka-neni {
    font-size: 1.1em;
    font-style: italic;
    color: #7b7b7b;
    font-weight: 200;
    padding-left: 1em;
}

/*.obsah h1:first-child, .obsah h2:first-child, .obsah h3:first-child, .obsah h5:first-child, .obsah h6:first-child  {margin-top:0.5em}*/
#news {}




/* ------ Stránka: ÚKOLY A TERMÍNY ------ */
/* Obecne styly pro vsechno  - PRVKY NAD VYPISY  */
.ukoly-terminy-vypis #typ-zobrazeni {
    margin: 1.3em 1em 0em 1em; 
    border-bottom: #00000057 solid 1px;
}

.ukoly-terminy-vypis #typ-zobrazeni label {
    margin-right: 1em;
}
.ukoly-terminy-vypis #typ-zobrazeni label .plneni-zaka {
    color: #858585;
}

.nic_k_zobrazeni {
    margin-right: 1em;
}


.ukoly-terminy-vypis .souhrn-info {
    font-style: italic;
    margin: 1em;
    display: block;
    font-size: .9em;
    font-weight: 200;
}

.nic_k_zobrazeni {
    font-style: italic;
    margin: 1em;
    display: block;
    font-size: .9em;
    font-weight: 200;
}


.ukoly-terminy-vypis .souhrn-typ-vystupu {
    margin-bottom: 1.5em;
    opacity: 70%;
} 
.ukoly-terminy-vypis .souhrn-typ-vystupu .radio-inline:first-child {
    margin-right: 1.5em;
}
.ukoly-terminy-vypis .souhrn-typ-vystupu .radio-inline:hover {
    text-decoration: underline;
}

.ukoly-zobrazit-odezva #typ-splneni label {
    font-size: .9em;
    color: #715618;
    margin-left: 1.2em;
}

.ukoly-zobrazit-odezva #typ-splneni {
    margin: 0.7em 0 1.5em 0em;
}

.ukoly-zobrazit-odezva a.splneny-ukol-link:hover {
    background-color: #ffffff70;
}

.ukoly-zobrazit-odezva .col-sm-2 {
    top: -1.5em;
}

#ucitele-prepinace-nadpis {
    margin-top: .75em;
}

#ucitele-prepinace-nadpis #nadpis {
    color: #858585;
    margin-right: .75em;
}
#ucitele-prepinace-nadpis #ucitel-jmeno {
    font-weight: 700;
}
.plneni-pro-ucitele {
    font-weight: 200;
    font-size: 0.9em;
}




/* Obecne styly pro vsechno  - VYPISY*/ 
/*Strana 1 z x*/
.ukoly-terminy-vypis .row.aktuality-header {
    margin-bottom: 0 !important;
}

.reakce-txt  {
    color: #011668;
    font-size: 0.85rem;
}


.ukoly-terminy-vypis .row .zadani > a {
    text-decoration: none;
}

.ukoly-terminy-vypis .row .zadani > a:hover, .ukoly-terminy-vypis .row .zadani > a:focus {
    text-decoration: underline;
}

.ukoly-terminy-vypis .souhrn-row > div > span:not(:first-child) {
    font-weight: 400;
}

/* Štítek úkolu, zelený/červený jestli je hotov */
.ukoly-terminy-vypis  .ukol-stitek {
    display: inline-block;
    width: 1.5em;
    height: 100%;
    margin-right: .5em;
}
.ukoly-terminy-vypis .ukol-stitek.ukol-je-splnen {
    background: #5cac4b;
}
.ukoly-terminy-vypis  .ukol-stitek.ukol-neni-splnen {
    background: #c22;
}
.ukoly-terminy-vypis  .ukol-stitek.ukol-neni-splnen-sede {
    background: #bbb;
}
.ukoly-terminy-vypis .souhrn-row .den-nazev {
    display: inline-block;
    width: 1.1em;
}


/* ------ Stránka: ÚKOLY A TERMÍNY / výpis: Úkoly a zadání s termínem splnění ------ */
/*jednotlvy radek*/
#ukoly-zobrazit-s-terminy .row {
    margin-bottom: 1em;
}
#ukoly-zobrazit-s-terminy .row .datum-splneni {
    color: #2b2b2b;
    font-size: 0.95em;
    font-weight: 200 !important;
    margin-right: .25em;
    display: inline-block;
    width: 9.5em; 
}
#ukoly-zobrazit-s-terminy .row .datum-zadani {
    font-style: italic;
    margin-left: .25em;
    font-size: .8em;
    font-weight: 200 !important;
}

#ukoly-zobrazit-s-terminy .row.is-past-date {opacity: 50%;}

#ukoly-zobrazit-s-terminy .row .oddel-cara {
  font-weight: 200;
  font-size: .8em;
}
#ukoly-zobrazit-s-terminy .row .predmet {
    font-size: .8em;
    padding-right: 1em;
}

/* ------ Stránka: ÚKOLY A TERMÍNY / výpis: Souhrn všech úkolů a zadání  ------ */ 
#ukoly-zobrazit-vse .row {
    margin-bottom: 0.3em;
}
#ukoly-zobrazit-vse .row .datum-zadani {
    color: #2b2b2b;
    font-size: 0.95em;
    font-weight: 200 !important;
    margin-right: .25em;
    display: inline-block;
    width: 9.5em; 
}
#ukoly-zobrazit-vse .row .datum-splneni {
    font-style: italic;
    margin-left: .25em;
    font-size: .8em;
    font-weight: 200 !important;
}
#ukoly-zobrazit-vse .row .predmet {
    font-size: .8em;
    padding-right: 1em;
}

/* PREHLEDY PLNENI - OBECNE */
.ukoly-zobrazit-odezva .zadani-row {
    margin-bottom: 2em;
}
.ukoly-zobrazit-odezva .row.ukol-row {
    margin-bottom: 0;
}
.ukoly-zobrazit-odezva .zadani-row .main-row {
    margin-bottom: .3em;
}
.ukoly-zobrazit-odezva #podle-zadani {
    margin-top: .75em;
}
.ukoly-zobrazit-odezva .zadani-row .sub-rows {
    padding-left: 2em;
}
.ukoly-zobrazit-odezva .zadani-row span.trida {
    color: #696969;
    margin-right: .3em;
}
.ukoly-zobrazit-odezva .zadani-row span.predmet
{
    color: #424242;
    margin-right: .3em;
}
.ukoly-zobrazit-odezva span.info {
    color: #8c8c8c;
    font-style: italic;
    font-size: 0.8em;
}
.ukoly-zobrazit-odezva span.info span {
    display: inline-block;
}
.ukoly-zobrazit-odezva span.info .publikovano {
    font-size: 1.1em;
    margin-left: 1em;
    color: #887171
}
.ukoly-zobrazit-odezva span.info .deadline {
    font-size: 1.1em;
    color: #804040;
    margin-left: 1em;
}


.ukoly-zobrazit-odezva a.admin-link {
    font-size: 0.8em;
}


.ukoly-zobrazit-odezva a.splneny-ukol-link {
    text-decoration: none;
}
.ukoly-zobrazit-odezva a.splneny-ukol-link .splneno-txt {
    color: #000;
    font-size: .8em;
    margin-right: .25em;
}

.ukoly-zobrazit-odezva a.splneny-ukol-link .splneno-datum {
    color: #434343;
    margin-right: 0.5em;
    margin-left: 0.3em;
    width: 9em; 
    display: inline-block;
    font-weight: 200;
    font-size: 0.8em;
}
.ukoly-zobrazit-odezva a.splneny-ukol-link .splneno-datum.naposledy-splneno {
    font-weight: 400;
    background: #edf400;
    color: #a40000;;
}

.ukoly-zobrazit-odezva a.splneny-ukol-link .pocet-priloh {
    color: #393939;
    margin-right: .75em;
    font-weight: 200;
    font-size: 0.8em;
}


/* PREHLEDY PLNENI - PRIHLASEN UCITEL */
/* ------ Stránka: ÚKOLY A TERMÍNY / výpisy: Přehledy plnění pro users group < 3 ------ */ 
a.admin-link {
    display: inline-block;
    color: #951616;
    margin-right: .5em;
    font-weight: 400;
    background: #f0f04836;
}

#ukoly-zobrazit-odezva-ucitel a.splneny-ukol-link {
    display: table-row;
}
#ukoly-zobrazit-odezva-ucitel a.splneny-ukol-link > span {
    display: table-cell;
}

#ukoly-zobrazit-odezva-ucitel a.splneny-ukol-link > span.splneno-txt {
    width: 10em;
}
#ukoly-zobrazit-odezva-ucitel a.splneny-ukol-link > span.splneno-datum {
    width: 10em;
}
#ukoly-zobrazit-odezva-ucitel a.splneny-ukol-link > span.pocet-priloh {
    width: 6em;
}
#ukoly-zobrazit-odezva-ucitel .reakce {
    color: #34715a;
    background: #d3e6d659;
    font-size: 0.9em;
}

#ukoly-zobrazit-odezva-ucitel .reakce-datum {
    font-size: 0.7em; 
    margin-left: 0.5em;
    color: #555;
}

/* 
#ukoly-zobrazit-odezva-ucitel .splneno-txt { 
    min-inline-size: 10em;
    display: table-cell; 
}
*/

#ukoly-zobrazit-odezva-ucitel .reakce-txt { }
#ukoly-zobrazit-odezva-ucitel .reakce-flag { }

    min-inline-size: 10em;
    display: table-cell; */



/* PREHLEDY PLNENI - PRIHLASEN ZAK */
#ukoly-zobrazit-odezva-zak .reakce {
    color: #156849;
    background: #d3e6d659;
}

#ukoly-zobrazit-odezva-zak .reakce-datum {
    font-size: 0.7em; 
    margin-left: 0.5em;
    color: #555;
}
#ukoly-zobrazit-odezva-zak .reakce-txt {
}
#ukoly-zobrazit-odezva-zak .reakce-flag {
}

/* PREHLEDY PLNENI - Ciste podle ukolu */
.ukoly-zobrazit-odezva #ciste-jen-ukoly .row {
    margin-bottom: 1em;
}
.ukoly-zobrazit-odezva #ciste-jen-ukoly .main-row { 
    font-size: .8em; 
}
.ukoly-zobrazit-odezva #ciste-jen-ukoly span.trida {
    color: #696969;
    margin-right: .3em;
}
.ukoly-zobrazit-odezva #ciste-jen-ukoly span.predmet {
    color: #424242;
}

.ukoly-zobrazit-odezva #ciste-jen-ukoly span.zadani a {
    margin-left: 1em;
    color: #917f57;
} 

.ukoly-zobrazit-odezva #ciste-jen-ukoly .splnene-ukoly {
    font-size: 1.1em; 
    line-height: 0.9;
}

.ukoly-zobrazit-odezva #ciste-jen-ukoly span.info { }
.ukoly-zobrazit-odezva #ciste-jen-ukoly span.info .publikovano { }
.ukoly-zobrazit-odezva #ciste-jen-ukoly span.info .deadline {  }



.ukoly-terminy-vypis #ciste-jen-ukoly a.splneny-ukol-link {
    display: inline-block;
    padding-top: 0.3em;
    padding-bottom: 0.25em;
    border-bottom: 1px dotted #8585859c;
}

.ukoly-terminy-vypis #ciste-jen-ukoly a.admin-link {
    font-size: 0.7em;
    position: relative;
    top: -8px;
}

.ukoly-zobrazit-odezva #ciste-jen-ukoly a.splneny-ukol-link .splneno-txt { }

.ukoly-zobrazit-odezva #ciste-jen-ukoly a.splneny-ukol-link .splneno-datum {
    font-size: 0.8em;
    width: 10em;
}
.ukoly-zobrazit-odezva #ciste-jen-ukoly a.splneny-ukol-link .pocet-priloh {
    font-size: 0.7em;
}



/*------ Formulář kontrola přenesených souborů -------------*/
#modal-kontrola-souboru .btn-ok button {
    background: #858585;
    border-color: #745a1e;
    padding: 0.4em 1.5em 0.2em 1.5em;
    font-size: 1.1em;
}

#check-transfered-files-nadpis  {font-weight: 600; font-size: 1.2em; color: #d71010; margin: 0 0 0 0;}
#check-transfered-files-info   {font-weight: 400; color: #d71010; font-style: italic; margin: 0 0 0.5em 0;}

#missed-files-nadpis, #missed-files {color: #d71010; }

#missed-files-nadpis, #transfered-files-nadpis {
    font-weight: 400; 
    margin: 1em 0 0 0; 
}

#missed-files, #transfered-files {
    font-weight: 200;  
    margin: 0.3em 0 0 1em;
}

/*---- Podobne v detailu ukolu ------*/
.prilohy-errors-msg {
    margin: 1.25em 0 0 1em;
}
.prilohy-errors-msg #check-missed-files-nadpis {
    color: black;
    font-weight: 400;
}
.prilohy-errors-msg #check-missed-files-nadpis span:first-child {
    text-transform: uppercase;
}
.prilohy-errors-msg #check-missed-files-nadpis span:nth-child(2) {
    font-style: italic; 
    font-size: .85em;   
}
.prilohy-errors-msg #missed-files-nadpis, .prilohy-errors-msg #missed-files {
    color: #c62c09;
}

.prilohy-errors-msg #missed-files {
    margin-left: 3em;
}
.prilohy-errors-msg #missed-files-nadpis {
    margin-top: 0;
    font-weight: 600;
}
.prilohy-errors-msg #missed-files span {
    display: block;
    font-weight: 400;
}

.row.more-link .more {
    padding-left: .5em;
}

/* -------------------------------------- */
/* -------------------------------------- */






@media screen and (max-width: 768px) {
    /*.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: none;
    }
    #footerClanek div.ico.email {
        float: none;
    }

    


    #modal-odeslat-ukol .modal-header img#znamka {
        display: none;
    }
    #modal-odeslat-ukol .nadpisek, .label-ukol-comment, .label-ukol-files {
        font-size: .8em;
    }
        
    
}

/*--FOTOGALERIE--*/
@media print {
    max-width: 400px;
}


/* ----------- LISTOVANI MEZI CLANKY --------- 
#listing .mini.box .fp-listing {background-color:#122F4E !important}
#listing .mini.box .fp-listing::after {opacity:.5;}
/* ----------- LISTOVANI MEZI CLANKY --------- */



.minibox .fp, .minibox .fz, .minibox .fz > span {background: #F0EEE9; }


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

.ff {
    /*align-self: flex-end;*/
}

.ff-fix {
    flex-grow: 1;
    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%);
}



@media screen and (max-width:768px) {
    footer .row > div {
        text-align:center !important;
        margin-top: 1em;
      }
  }
  
  
@media screen and (max-width:768px) { /*--- 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}
  
    .f .container {height:100%}
  
    .f {height:auto;}
  
    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}
	
	#above{ position:relative!important;}
	

	/*540 */
    .sekce_ .f,.sekce_uvod .f {/*height:600px;*/}

  }  
  

@media screen and (max-width:1150px) {
    #head #web-logo span {
      display: block;
    }
    /*#head #web-logo::before {
      float: none;
    }*/
}






/* ------ lepší var. "Stránka X z Z" nahoře (přebíjení zde) --------- */
.aktuality-header strong {   
    font-weight: initial;
}


/* -- skryjeme poslední položku v drobečkovce (sekundárního menu), protože je znovu uvedena na začátku druhého řádku  */ 
.hide-last-item span:last-child {   
    display: none;
}
  




/* ---- CSS pro Města Otakarova ---- */
/* ------ (přebíjení) --------- */

/*#bc .zalozka:not(.over).current {
    background: #858585;
  }*/

  /* při najetí */
/*  #bc .zalozka.current {
    background: #858585;
  }*/


  /* u náhledů příspěvků na home .. vypnutí zobrazování z jakého to je výpisu (parenta) .. to je u školního webu "předmět"  
  #main .news .newsItem h2.parent  {
    display: none;
  }


/* ---- CSS pro Města Otakarova (úprava barevnosti: "tmavě zlatá" ---- */

.vypis a:hover span.inner::after,.vypis a:focus span.inner::after {color:#858585}
.qrs-modal .nadpisek, .qrs-modal .close { color: #858585; }
#modal-login-form input[type="submit"] { background: #858585;  border-color: #745a1e; }

#show-on-map::after {  color: #858585; }
.aktuality-header strong {  color: #858585; }



/* START ------------ Nová hlavička -------------  */

#menu.MenuMode_standard {
    display:flex!important;
    justify-content: flex-end!important;
}


#menu.MenuMode_standard #langs {    
    border-left: 1px solid #00000057;
    padding-left: 0.2em;
    margin-left: 0.7em;	
    inline-size: max-content; /* kvůli tom, aby byly položky přepínačů mutace vedle sebe */
}


#langs a.active {
    background: rgba(0, 0, 0, 0.1);    
}

#langs a {  /* korekce oproti MENU */
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 300;  
    padding-left: 0.4em; 
    padding-right: 0.4em;
}



.ismobile-no  .lang-box {
    /*margin-top: 8px;*/
}

.ismobile-yes  .lang-box {
    float:right;
    display:none;
}

#menu.MenuMode_hamburger .lang-box{
	display:none;
}

.lang-box-hamburger{
position:relative;
}

.ismobile-no .lang-box-hamburger{
	display:none;
}

#menu.MenuMode_hamburger #login{
	display:none;
}

#menu.MenuMode_hamburger > nav > ul{
    position: absolute;
    width: 100%;
    margin-top: 10px;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	padding:0 10px;
}

#menu.MenuMode_hamburger .hamburger-menu > ul > li > a {
	margin: 0em 0 0.4em;
}

#head.hamburger-mode {
	width:auto;
    padding-top: 0px; 
    margin: 0 1em;
}

#menu.MenuMode_hamburger {
    text-align:left;
    /*margin: 0 1em;*/
}


.head-align-center #head.hamburger-mode, .head-align-center #mininav {
	width:100%;
	text-align:center;
	padding: 1em 0 0.5em;	
}


.head-align-center #menu.MenuMode_hamburger {
	width:100%;
	text-align:center;
	margin: 0;
}



.ismobile-yes .head-align-left > .container > .row {
    display: flex;
    flex-wrap: wrap;
}

.ismobile-yes .head-align-left #head {
	flex-grow: 1;
	text-align:center;
	align-self: center;
}

.ismobile-yes .head-align-left #mininav {
	flex-grow: 1;
	text-align:center;
	align-self: center;
	margin: 1em 2em 0.5em;	
}

.ismobile-yes #langs {
    padding: 0;
  }

.ismobile-no #head {
	width:auto;
	float:left;
}

.ismobile-no #menu {
	width:auto;
	display:block;
	margin: 0 0.5em; 
}

.ismobile-yes #menu {
	width:100%;
}


    /* prozatímní korekce k dořešení */
    .login-admin-2 {
        display:none;
    }
    

/* END ------------ Nová hlavička -------------  */


/* ----------- 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;}
.poptavka label span {vertical-align:top;display:inline-block;text-align:right;width:250px;}
.poptavka textarea {width:350px;height:120px;margin-left:15px;}
.poptavka .submit input {width:auto;background:#aaa;color:#fff;border-radius:4px 4px 4px 4px;border:none;display:inline-block;margin-left:267px;padding:5px 20px;font-size:1.2em;}

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

.form-hlaska {    
    font-size: 2em;    
    font-weight: bolder;
    text-align: center;
    padding: 0.5em 1.5em;
    margin: 0.5em 1.5em;
    width: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    
}

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

@media screen and (max-width:638px) { 
    .poptavka label span { text-align:left; padding-left:17px;}
    .poptavka .submit input { margin-left:17px; }
}
/* ----------- FORMULÁŘ POPTAVKA (END) --------- */



/* ----------- FOCUSPOINT CUSTOM --------- */
.focuspoint-box {
    height: clamp(300px, 40vh, 450px);
}

.uvod-on-homepage .focuspoint-box {  
    height: clamp(300px, 55vh, 500px);
}

.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: linear-gradient(to bottom,rgb(0, 0, 0) 0%, rgba(0,0,0,0.3) 45%, rgba(0,0,0,0.1) 70%, rgba(0,0,0,0) 100%);
opacity: 0.5;
}

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

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


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

/* pro obrázky MainIMG .. umístěný nahoře (nad galerií, resp. pod textem)   */
.mainimg-position-2 {
    margin-bottom: 1.5em ;
}

/* pro obrázky MainIMG .. umístěný vlevo od textu */
.mainimg-position-1 .mainimg-focus {
	margin: 0 1.7em 1.3em 0;
}

/* pro obrázky MainIMG .. umístěný vpravo od textu */
.mainimg-position-0 .mainimg-focus{
	margin: 0 0 1em 2em;
}

/* pro obrázky MainIMG .. umístěný vpravo/vlevo od textu // korekce  pro malé, když je zalomeno nad text */ 
@media screen and (max-width:991px) {
    .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:991px) {
	.mainimg-standard{
		margin-right:0px;
	}
}
.mainimg-standard img{
width:100%;
}

/* opravy pro obsah */

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

div[id^="inpage-mapa-wrap"] {
margin-bottom:1em;
}

.obsah p, .obsah h1{
margin-block-start: 0em;  
}


.wysiwyg > :first-child{
margin-block-start: 0em!important; 
}

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

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




/* řádkový výpis náhledů podčlánků    */
.newsBox p, .newsBox h1, .newsBox h2, .newsBox h3, .newsBox h4, .newsBox h5  {
    margin: 0.2em 0;
}









