/* cmsms stylesheet: soskv modified: pátek 30. října 2026 20:43:59 */
body {
  color: #6E6E6D;
}
html {
  scroll-behavior: smooth;
}
a:focus {
    outline: none;
}

.container hr {
  background-color: #2191C8;
  height: .2em;
}

#header {
  background-image: url("/uploads/images/web/pozadi-hlava.svg");
  background-repeat: no-repeat;
  background-size: auto 132px;
  height:132px;
  /* position:relative; */
  z-index:3;
  padding-right: 1.4em;
  padding-left: 1em;
}
#menu nav a {
  color: white;
}
#menu nav .dropdown-menu a {
  color:#9FA0A0;
}
#menu a:hover, #menu a.active, #menu li.active a, #menu li.active ul.vnorene a.active, #menu nav .dropdown-menu a:hover,#menu li.active ul.vnorene a:hover {
  color: #F8DB15;
}
#menu li.active ul.vnorene a {
  color:#9FA0A0;
}
#menu ul {
  list-style-type: none;
  padding-left:0;
  font-size:1.1em;
}
#menu .dropdown-menu {
  background-color:#163590;
  width: max-content;
}
#menu .last_child .dropdown-menu {
  left:-90%;
  text-align:right;
}
#menu button {
  border-color: white;
  margin-top: -1.3em;
}
#menu .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

#menu .navbar-expand-lg .navbar-nav {
  margin-bottom: 30px;
}
.navbar-brand {
  margin-right:0;
}

/*
.navbar-brand img {
  height: auto;
  width: 340px;
  margin-top: 10px;
}
*/

.navbar-brand img {
  height: 70px;
  width: auto;
  margin-top: 5px;
}



#karusel .carousel-indicators {
  top: 60px;
}

#karusel {
  margin-top:-60px;
}
#karusel .carousel-inner {
  height:700px;
}
#karusel .carousel-item img {
  height:700px;
  object-fit:cover;
}

div.NewsSummary.aktuality {
  padding-top:8em;
}

.bublina {
  position:absolute;
  top: 5em;
  right:10em;
  z-index:2;
  max-width:30em;
  padding:1em;
  border-radius:2em;
  box-shadow: 3px 3px 6px 1px rgba(0,0,0,0.4);
}
.bublina .telefony {
  margin-left:-1em;
  margin-right:-1em;
  color:white;
}
.bublina .aktuality {
  margin-left:0;
  margin-right:0;
  border-bottom-left-radius:2em;
  border-bottom-right-radius:2em;
  margin-bottom:-1em;
  color:initial;
  padding-top: .5em;
}
.bublina .aktuality hr {
  margin-top:.1em;
  margin-bottom:.1em;
}
.bublina .aktuality .NewsSummaryLink {
  font-weight: bold;
}
.bublina .viceaktualit {
  margin-bottom:1em;
}
.bublina .teloddel {
  margin-bottom: 1em;
}
.bublina2 {
  display:none;
}
.bublina2cislo, .bublina2aktnadp {
  font-size:220%;
  font-weight:bold;
}
.bublina2aktnadp {
  background-color:#1E7EBC;
  color:white;
}
.bublina2akt {
  background-color:#E3F1FA;
}
.bublina2 .NewsSummaryLink {
  font-size: 150%;
}

div.kostky {
  /*height: 8em;*/
  margin-left: 5%;
  margin-right: 5%;
  margin-top: -120px;
  position:relative;
  z-index:2;
  justify-content: center;
  display: flex;
  left: 0;
  right: 0;
}

.kostky .col-md {
  height:130px;
  display:grid;
  align-items: center!important;
  margin: 16px;
  border-radius:32px;
  color: white;
  font-weight: bold;
  box-shadow: 3px 3px 6px 1px rgba(0,0,0,0.4);
  max-width: 130px;
  min-width: 130px;
  position:relative;
  transition: transform .3s;
}
.kostky a {
  color:white;
  text-decoration:none;
}
.kostky .col-md:hover {
  transform: scale(1.2);
}

.bg-fialova {
  background-color: #9048AF;
}
.bg-modra1 {
  background-color: #165F9D;
}
.bg-tyrkys {
  background-color: #3EBDA3;
}
.bg-zelena {
  background-color: #80BE39;
}
.bg-cervena {
  background-color: #CD2F12;
}
.bg-fialova {
  background-color: #3B0B44;
}
.bg-oranzova {
  background-color: #F27C0E;
}
.bg-modra2 {
  background-color: #1D85C2;
}
.bg-bila {
  background-color:white;
}
.bg-facebook {
  background-image:url("/uploads/images/web/facebook.svg");
  background-size:cover;
}
.bg-insta {
  background-image:url("/uploads/images/web/insta.svg");
  background-size:cover;
}
.bg-youtube {
  background-image:url("/uploads/images/web/youtube.jpg");
  background-size:cover;
}

/* ticker */
.partner-napdips {
  margin-top:3em;
  margin-bottom:1em;
}
.partner {
  margin-bottom:1em;
}
.partner .col-md {
  text-align:center;
  margin-top:.5em;
  margin-bottom:.5em;
}
/* -- ticker -- */

#content h1 {
  margin-top: 1em;
  margin-bottom: 1em;
}
#content a {
  position:relative;
  text-decoration:underline;
}
#content a:hover {
  /*color:#0d6efd;*/
  color:#163D96;
}
/*
#content a::after {
  content:'';
  position:absolute;
  width:100%;
  height:1px;
  left:0;
  bottom:1px;
  background:currentColor;
  transform:scaleX(0);
  transform-origin:right;
  transition: transform .2s;
}
#content a:hover::after {
  transform: scaleX(1);
  transform-origin:left;
}
*/
.menu-obory ul {
  list-style-type:none;
  padding-left:0;
}
.menu-obory a {
  text-decoration:none;
}
#content .menu-obory a::after, #content a.nepodtrh::after {
  height:0;
}
.menu-obory ul li {
  padding-left:.5em;
  border-color:#2191C8;
  border-left-style:solid;
  border-left-width:1em;
  border-bottom-style:solid;
  border-bottom-width:1px;
  margin-bottom:.1em;
}

.oborkody tr td {
  font-size:.9em;
  padding-right: .5em;
}
.oborpopis {
  font-weight:bold;
}
.dalsiobory {
  margin-top:1em;
}
.dalsiobory ul {
  padding-left:0;
}
.dalsiobory .menuactive {
  display:none;
}

#pata {
  background-color: #E8F4FB;
  padding-top: 3em;
  padding-bottom: 1.5em;
  color: #878786;
  border-top-style:solid;
  border-top-width:0.4em;
  border-top-color:#2191C8;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  text-shadow: 1px 1px 3px rgba(150, 150, 150, .4);
}
#pata div.col-sm {
  padding-left: 2em;
  padding-right: 2em;
}
#pata a {
  color: #878786;
  font-size: .8rem;
  transition: color 0.3s ease;
}
#pata ul {
  padding-left:0;
}
#pata li {
  list-style: none;
}
#pata li.sectionheader {
  text-transform: uppercase;
}
#pata li.sectionheader li {
  text-transform: initial;
}
#pata .menudepth1 ul {
  padding-left:0.5em;
}
#pata ul>li.menudepth0>a>span {
  text-transform: uppercase;
  font-size:1rem;
}
.paticka {
  margin-top: 2em;
  margin-bottom: 2em;
}
#pata a:hover {
  color:black;
}

#content table, #content table td {
  border-style:solid;
  border-width:1px;
  border-color:#6E6E6D;
}
#content table td {
  padding: .3em;
}

.calendar-list .skrytudalost {
  display:none;
}

#content.kontakt table, #content.kontakt table td {
  border-width:0;
}
#content.kontakt table {
  margin-bottom:1em;
}
#content.kontakt table td {
  padding-left:initial;
  padding-top:initial;
  padding-bottom:initial;
  padding-right:1em;
}

.terminy .calendar-date-from, .terminy .datummobil {
  background-color: #1E7EBC;
  color:white;
}
.harmpopis.terminy2, .harmpopismobil.terminy2 {
  background-color:#E3F1FA;
}
.maturitnizkousky .calendar-date-from, .maturitnizkousky .datummobil {
  background-color: #6FB42C;
  color:white;
}
.harmpopis.maturitnizkousky2, .harmpopismobil.maturitnizkousky2 {
  background-color:#E6F5D7;
}
.zaverecneucnovskezkousky .calendar-date-from, .zaverecneucnovskezkousky .datummobil {
  background-color: #BF1B10;
  color:white;
}
.harmpopis.zaverecneucnovskezkousky2, .harmpopismobil.zaverecneucnovskezkousky2 {
  background-color:#FCDDDB;
}
.terminyopravnychmz .calendar-date-from, .terminyopravnychmz .datummobil {
  background-color: #EC670F;
  color:white;
}
.harmpopis.terminyopravnychmz2, .harmpopismobil.terminyopravnychmz2 {
  background-color:#FBD7BF;
}
.terminyopravnychzz .calendar-date-from, .terminyopravnychzz .datummobil {
  background-color: #36B292;
  color:white;
}
.harmpopis.terminyopravnychzz2, .harmpopismobil.terminyopravnychzz2 {
  background-color:#C5EEE3;
}
.prazdninyvolnedny .calendar-date-from, .prazdninyvolnedny .datummobil {
  background-color: #FFB427;
  color:white;
}
.harmpopis.prazdninyvolnedny2, .harmpopismobil.prazdninyvolnedny2 {
  background-color:#FFE6B6;
}

.calendar-event .col-md, .calendar-event .col-md-2 {
  padding-top:1em;
  padding-bottom:1em;
}
.calendar-event {
  margin-bottom:.3em;
  transition: transform .3s, box-shadow .3s;
}
.calendar-event:hover, .rozvrh2 .col-auto:hover {
  /*transform: scale(1.02);*/
  transform: translate(3px, -3px);
  box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.75);
}
.datummobil {
  display:none;
  max-width:60px;
  text-align:right;
  text-transform: uppercase;
  font-weight: bold;
}
.harmpopismobil {
  display:none!important;
}

.gallery.ucitelegal {
  font-size:1.2em;
}
.gallery.ucitelegal h3 {
  text-align:center;
}
.gallery.ucitelegal .ucitelmail a {
  border:0;
}

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

ol.nazoryzaku li em {
  display:block;
  margin-bottom:1em;
}

.rozvrh2 {
  text-align:center;
}
.rozvrh2 .col-auto {
  margin-bottom:1em;
  /*padding: .2em;*/
  padding:0;
  margin:.2em;
  transition: transform .3s, box-shadow .3s;
  max-width: 150px;
}
.rozvrh2 .col-auto:hover {
/*    transform: scale(1.08);*/
}
.rozvrhhodina {
  background-color:#9E00FF;
  color:white;
  padding:.5em;
  font-weight:bold;
}
.rozvrcas {
  background-color:#EFD6FF;
  padding:.5em;
  /*width: 110px;*/
}

@media (max-width: 991px) {
  .nav { 
    display: inline-block;
    background-color:#163590;
    padding-right: 2em;
    border-radius: 5px;
  }
  .nav li {
    text-align: end;
  }
  .bublina {
    right:0;
    left:0;
    margin-left:auto;
    margin-right:auto;
    display:flex;
  }
  #pata {
    display:none;
  }
}

@media (max-width: 767px) {
  .aktuality .NewsSummaryPostdate {
    text-align:left!important;
  }
  .datummobil {
    display:block;
  }
  .calendar-date-from, .harmpopis {
    display:none!important;
  }
  .harmpopismobil {
    display:flex!important;
  }
}

@media (max-width: 575px) {
  .navbar-brand img {
    width:100%;
  }
  #menu button {
    margin-left: auto;
    margin-right: auto;
    margin-top:initial;
    background-color:#163590;
  }
  div.kostky {
    margin:0;
  }
  .kostky .col-md {
    width:100%;
    max-width: initial;
    margin:0;
    border-radius:initial;
    box-shadow:initial;
    font-size:220%;
  }
  .bg-facebook, .bg-insta, .bg-youtube {
    background-size:auto 90%;
    background-repeat: no-repeat;
    background-position: center;
  }
  .bublina {
    display:none;
  }
  .bublina2 {
    display:block;
  }
  #karusel .carousel-item img, #karusel .carousel-inner  {
    height:auto;
  }
  .paticka {
    background-color:#E3F1FA;
    padding:1em;
  }
}

:root {
  --cc-btn-primary-bg: Green;
  --cc-btn-primary-hover-bg:DarkGreen;
}