/* cmsms stylesheet: zus modified: sobota 10. října 2026 21:19:59 */
body {
  font-family: 'Fira Sans', sans-serif;
  font-weight: 300;
  text-shadow: 2px 0px 3px rgba(210, 210, 210, 0.8);
}
h1, h2, h3, h4, h5, h6 {
  font-weight: 200;
}
a {
  color: #2D8B91;
  text-decoration: underline;
}
a:hover {
  color: #75BE48;
}

header {
  text-align: center;
  margin: 3em;
}
header img {
  width: 254px;
}

#hlmenu {
  border-style: solid;
  border-color: rgba(0,0,0,.1);
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 0;
  border-right-width: 0;
  background-color: rgba(255,255,255,.7);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
}
#hlmenu ul li {
  border-left-style: solid;
  border-left-width: 2px;
  border-left-color: black;
}
#hlmenu ul li.first_child {
  border:0;
}
#hlmenu ul li a {
  color: #75BE48;
  padding-top: 0;
  padding-bottom:0;
  text-decoration: none;
  font-weight: 600;
  white-space: nowrap;
}
#hlmenu ul li a:hover, #hlmenu ul li.active a {
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

@media (max-width: 991px) {
  #hlmenu ul {
    margin-top: 1em;
  }
  #hlmenu ul li.first_child {
    border-left-width: 2px;
    border-left-style: solid;
  }
  #hlmenu ul li a {
    margin-left: .4em;
  }
}

#obory div {
  flex-grow:0;
}
#obory img {
  height: 80px;
  margin-top: 1em;
  margin-left: 2em;
  margin-right: 2em;
  margin-bottom: 1em;
}
#obory a {
  color: #2D8B91;
  text-decoration: none;
}
#obory a:hover {
  /*text-decoration: underline;*/
}
#obory div.menuactive {
  border-bottom-style: solid;
  border-bottom-width: 2px;
}

#obory div.menudepth0:after {    
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
#obory div.ho:after {
  background: #CC3300;
}
#obory .ho a {
  color: #CC3300;
}
#obory div.vo:after {
  background: #5676BE;
}
#obory .vo a {
  color: #5676BE;
}
#obory div.ldo:after {
  background: #DDB646;
}
#obory .ldo a {
  color: #DDB646;
}
#obory div.to:after {
  background: #7AC142;
}
#obory .to a {
  color: #7AC142;
}
#obory div.menuactive.ho:after {
  background: #fff;
}
#obory div.menuactive.vo:after {
  background: #fff;
}
#obory div.menuactive.ldo:after {
  background: #fff;
}
#obory div.menuactive.to:after {
  background: #fff;
}
#obory div.menudepth0:hover:after { 
  width: 100%; 
  left: 0; 
}

#content h1 {
  color: #2D8B91;
  margin-bottom: 1em;
}
.oborobsah img {
  width: 100%;
}
.oborobsah div.col-md {
  background-color: #EBEBEB;
  padding-top: 1em;
  padding-bottom: 1em;
  box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5);
  margin: 1em;
}
.oborobsah div.pruh {
  position: absolute;
  margin-top: -1em;
  margin-left: -1em;
  height: 100%;
  width: .5em;
}
.oborobsah .popisp div.pruh {
  top: 0;
  right: 0;
  margin-top:0;
}

.NewsSummary {
  padding: 1em 15px 0 15px;
  box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5);
  margin: 1em;
  border-radius:8px;
}
.NewsSummary.zus {
  border-style: solid;
  border-width: 1px;
  border-color: #EBEBEB;
}
.NewsSummary.hudba {
  border-style: solid;
  border-width: 1px;
  border-color: #CC3300;
  background: linear-gradient(180deg, #CC3300 0%, rgba(255,255,255,1) 4em);
}
.NewsSummary.tanec {
  border-style: solid;
  border-width: 1px;
  border-color: #7AC142;
  background: linear-gradient(180deg, #7AC142 0%, rgba(255,255,255,1) 4em);
}
.NewsSummary.drama {
  border-style: solid;
  border-width: 1px;
  border-color: #DDB646;
  background: linear-gradient(180deg, #DDB646 0%, rgba(255,255,255,1) 4em);
}
.NewsSummary.vytvarka {
  border-style: solid;
  border-width: 1px;
  border-color: #5676BE;
  background: linear-gradient(180deg, #5676BE 0%, rgba(255,255,255,1) 4em);
}
.zus .NewsSummaryCategory div.col-md {
  background-color: #EBEBEB;
}
.zvyraznit {
  color: red;
  font-weight: bolder;
  text-decoration: underline;
}
.hudba .NewsSummaryCategory div.col-md {
  background-color:#CC3300;
  color: white;
}
.tanec .NewsSummaryCategory div.col-md {
  background-color:#7AC142;
  color: white;
}
.drama .NewsSummaryCategory div.col-md {
  background-color:#DDB646;
  color: white;
}
.vytvarka .NewsSummaryCategory div.col-md {
  background-color:#5676BE;
  color: white;
}
div.NewsSummaryCategory{
  position: absolute;
  bottom: 0;
  width: 100%;
}
.NewsSummaryCategory div.col-md {
  padding-top: .5em;
  padding-bottom: .5em;
  border-radius: 6px;
}
div.NewsSummaryContent {
  margin-bottom: 2.8em;
}
.NewsSummaryPostdate {
  font-size: 0.8rem;
  font-style: italic;
  text-transform: lowercase;
}

#pata {
  margin-top: 3em;
  color: #2D8B91;
}
#pata #partner div.col {
  text-align: center;
}
#pata #partner img {
  height: 70px;
  width: 200px;
}
#pata #adresa {
  margin-top: 3em;
}
#pata #facebook img {
  width: 60px;
}
#pata #logomale {
  margin: 3em;
}
#pata #logomale img {
  height: 87px;
  width: 80px;
}

.videopredstaveni {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}
.videopredstaveni iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}