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


  
  
body {
    color: #000/*text*/;
    line-height: 1.4;
    font-size: 1em;
    font-weight:normal;
    height: 100%;
    font-family:"Fira Sans", sans-serif;/*textfont*/;
    background-color:rgba(255,255,255,.8);
    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;
    font-weight:200;
    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}*/

#above.scroll-to-fixed-fixed #menu nav > ul > li > a {
   /*  padding-top:14px  */
}

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

    /* 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; margin-bottom: 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 {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;margin:0 0.2em 0;}
#menu.MenuMode_standard nav.mainmenu-1st-level > ul > li > a {
    transition:padding-top .2s;
    font-weight:400;
    padding: 0.3em 0.2em;
    margin: 0em 0.15em 0.7em;
    font-size:1em; 
    line-height: 1.2; 
    display:inline-block;
    border-top:4px transparent solid;
    color:#333/*menutext*/;
    text-decoration:none;
}
#menu.MenuMode_standard  ul > li.current > a,#menu.MenuMode_standard ul > li.curparent > a {border-top:0.25em #846e21 solid; font-weight:700; color:#846e21;}
#menu.MenuMode_standard .submenu-cascade > ul > li.current > a, #menu.MenuMode_standard .submenu-cascade > ul > li.curparent > a {
    font-weight:700; color:#846e21 !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 nav.mainmenu-1st-level > ul > li.curparent.more > a::before, 
#menu.MenuMode_standard nav.mainmenu-1st-level > ul > li.current.more > a::before {
    color:#846e21;
}

#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:#846e21}


    /* -- tlačítko  hamburgeru -- */
#button-hamburger.activate:hover,#button-hamburger.activate.active {background:#846e21/*odkaz*/;color:#fff;border-color:transparent}
#button-hamburger.activate {border:1px #846e21 solid;color:#846e21/*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;*/
    font-weight: 200;
    line-height: 1.3em;
    margin-bottom: .3em;
}
#main ul li {padding-left:1.4em;list-style-type:none;position:relative}
#main li {line-height:1.3em;font-weight:200;margin-bottom:.3em;}
#main li p {font-size:1em;}

.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: #846e21eb; 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}







/* PATICKA */

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

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


/* 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: #846e21;
    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;
    color: #000;
    font-size: 0.95em;
}


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

#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 #846e21;
    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:991px) {
    .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 = #846e21 */
h2,h4,h6 {color:#846e21/*nadpisy2*/}         /*NADPISY - Tucne pismo*/

.newsItem > div {
    border-top: 4px solid #846e211c;
    padding-top: .5em;
}

.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:#846e21;
    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:#846e21/*odkaz*/;text-decoration:underline}  /* ODKAZY */
a:hover,a:focus {color:#846e21/*odkazAktivni*/;}
.bold {color:#846e21;font-weight:bold;}
#main .news .newsItem h2.parent, #main .news .newsItem h2.parent a {
    color: #846e21;
    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:.55em;left:0.3em;width:8px;height:8px;display:block;}


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

#bc #zpet { color:#846e21 /* ;background:#7e7c77 */ ;font-weight: 600} 
#bc #zpet:hover {background:#fff;color:#333}
#bc #zpet:hover::before {border-color: #333/*text*/;}

/* 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:#846e21;
    border-color: #846e21;
    z-index: 2;
    color: #fff;
    cursor: default;
}
.pagination li a, .pagination li span {
    color: #846e21;
    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:991px) {
    #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;}
}



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

    
  
}


/*
#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: #846e21;
    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: #846e21;
    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: #846e21;
    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: #846e21;
    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: #846e21;
    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: #846e21;
    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: #846e21;
}

.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: #846e21;
    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 #846e219c;
}

.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: #846e21;
    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;
    }

    
}

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

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

@media screen and (max-width:768px) {
    footer .row > div {
        text-align:center !important;
        margin-top: 1em;
      }
  }
  
  
  .f{
  display:flex;
  flex-direction: column;
  flex: 1;  
  }
  .ff{
  /*align-self: flex-end;*/
  }
  .ff-fix{
  flex-grow: 1;
  }

  
  
  @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;}
	#bc{position:relative;}
  }
  @media screen and (max-width:540px) {
    .sekce_ .f,.sekce_uvod .f {height:600px;}
}

  @media screen and (max-width:600px) {
	#bc{position:absolute;}
  }  
  

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





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




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




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

#bc .zalozka:not(.over).current {
    background: #846e21;
  }

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


  /* 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:#846e21}
.qrs-modal .nadpisek, .qrs-modal .close { color: #846e21; }
#modal-login-form input[type="submit"] { background: #846e21;  border-color: #745a1e; }

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