body {
    background-color: #FAFAFA;
    margin:  0%;
    font-family: url('../fonts/SourceSansPro-ExtraLight.otf');
}

@font-face {
    font-family: Kejd;
    src: url('../fonts/SourceSansPro-ExtraLight.otf');
}
body{
    font-family: 'Kejd';
}
.jazyky_menu{
    left: 50%;
    width: 50%;
    margin: auto;
    padding-top: 30px;
    padding-bottom: 30px;
}
.jazyky_menu table{
    left: 50%;
    width: 100%;
    box-sizing: border-box;
    border-collapse: collapse;
}

.jazyky_menu tr{
    width: 80%;
    margin-bottom: 30px;
    height: 230px;
    cursor: pointer;
}

.jazyky_menu tr:nth-child(odd){
    background-color: rgb(236, 236, 236);
}

.jazyky_menu tr:nth-child(odd):hover{
    background-color: rgb(202, 202, 202);
}

.jazyky_menu tr:nth-child(even){
    background-color: #fafafa;
    height: 20px;
}

.jazyky_menu tr td:nth-child(1){
    width: 30%;
}


.jazyky_nadpis{
    padding-top: 180px;
    padding-bottom: 100px;
    font-size: 105px;
    text-align: center;
}

.jazyky_menu p{
    float: left;
    font-size: 70px;
    text-align: center;
    padding-left: 20%;
}

.jazyky_menu img{
    width: 70%;
    padding-left: 30%;
}

.jazyk p{
    font-size: 50px;
}

.jazyk td {
    padding: 0%;
    margin: 0%;
    height: auto;
}

.jazyk img{
    width: 120%;
    padding: 10%;
}

.facebook_logo{
    width: 50px;
}

.jihlava_logo{
    transform: translateY(25%);
}

.vysocina_logo{
    padding-right: 60px;
}

.facebook_div{
    
  float: left;
  transform: translateY(-30%);
  margin-left: 20%;
}

.mensiul{
    font-size: 20px;
    padding-left: 30px;
}

#seminare li{
    font-size: 24px;
    padding: 10px;
}

#seminare ul{
    padding-top: 20px;
    padding-bottom: 20px;
}

.vysocina_div{
  float: right;
  transform: translateY(-80%);
  margin-right: 10%;
}

.body{
  text-align: left;
  padding: 5%;
  font-size: 25px;
}

.body li{
  padding-bottom: 100px;
}

.predmezera{
  padding-top: 50px;
}

.bilypruh{
  background-color: white;
}

.bilypruh ul{
  position: relative;
}

.aktualne{
  text-align: center;
  font-size: 80px;
  padding-top: 150px;
}

#socsluzbas{
  font-size: 80px;
  padding-bottom: 150px;

}

.zde{
  color: #559096;
  font-weight: bold;
}

.zde:hover{
  text-decoration: underline;
  text-decoration-style: dotted;
}

.bold{
    font-weight:bold  !important;
    font-size: 20px;
}

#flag{
    width: 95px;
    padding-right: 15px;
}

#flagbig{
    width: 150px;
    padding-right: 50px;
}

.nadpis-cerny{
  color: black;
  font-size: 50px;
  text-align: center;
}


#seminare{
  background-color: white;
}

#seminare h1{
  margin-top: 0px;
  padding-top: 140px;
  font-size: 70px;
  text-align: center;
  margin-bottom: 0px;
}

#seminare h2{
  margin-top: 0px;
  font-size: 40px;
  text-align: center;
  padding-bottom: 70px;
}

.x-center{

  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.padding-bottom{
  padding-bottom: 100px;
}

.seminar{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
}

.seminar h1{
  font-size: 35px !important;
  text-align: left !important;
}

.seminarec{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 35%;
}

.seminarec h1{
  font-size: 35px !important;
  text-align: left !important;
}

.alert{
  text-align: left;
  padding-top: 0px;
  color: red;
  padding-bottom: 5px;
}

.lektor{
  text-align: left;
  padding-bottom: 5px;
  font-size: 25px;
}

.seminartxt{
  padding-top: 10px;
  padding-bottom: 60px;
  font-size: 20px;
}

.posledni{
  padding-bottom: 100px;
  padding-top: 70px;
}

.red{
  color: red;
}

#socsluzba{
  padding-top: 5% !important;
}

.first{
  padding-top: 3% !important;
}

.spany {
  color: white;
  position: relative;
  text-align: center;
  width: 50%;
  margin-right: 0%;
    position: relative;
    left: 40%;
    transform: translateX(-50%);

}

.vpaticce span{
  margin-right: 5%;
}

span:last-of-type{
  margin-right: 0% !important;
}

#vrchni-lista{
    z-index: 100000;
}

#audiotabulka input {
  width: 3% !important;
  padding-top: 0.5% !important;
}

#tabulka
{
  width: 100%;
  background-color: red;
}

#tabulka td{
  text-align: center;
  height: 50px;
  width: 16.66%;
}

#tabulkaB
{
  width: 100%;
  background-color: red;
}

#tabulkaB td{
  text-align: center;
  height: 50px;
  width: 16.66%;
}

#svetlysloupec{
  background-color: #fafafa;
}

#tmavysloupec{
  background-color: #d9d9d9;
}


#prvnisloupec{
  font-weight: bold;
  background-color: #303030 ;
  font-size: 20px;
  border-bottom: 1px solid #585858;
  color: white;
}

.nadpisaudio{
  color: black;
  font-size: 80px;
  background-color: #fafafa;
  text-align: center;
  padding-top: 10%;
  padding-bottom: 5%;
}


#textpisne{
  font-size: 20px;
  padding-left: 40%;
  padding-right: 20%;
  box-sizing: border-box;
  padding-top: 3%;
}

#predpruh{
  height: 40%;
  box-sizing: border-box;
  width: 100%;
  padding-top: 4%;
  background-color: #fafafa;
}

#aktpl{
  padding-left: 30%;
  width: 70%;
}

#vpruhu{
  padding-top: 4%;
  padding-bottom: 4%;
}

#vpruhu #h2{
  padding-bottom: 1%;
}

#vpruhu #h1{
  padding-bottom: 3%;
}

#akttext{
  font-size: 20px;
  padding-left: 20%;
  padding-right: 20%;
  box-sizing: border-box;
}

#bilypruh{
background-color: #fafafa;
}

#bilypruh a {
  color: #2c2c2c;
}

#cernypruh{
background-color: #303030;
color: white;
}

#zlutypruh{
background-color: #ffffcc;
}

#svetlemodrypruh{
background-color: #adebeb;
}

#tmavemodrypruh{
background-color: #559096;
color: white;
}


.oddily{
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 3%;
  padding-bottom: 15%;
}


.menu{
  float: left;
  width: 125%;
}

.vypln{
  float: left;
  background-color: red;
}

.oddily{
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 3%;
  padding-bottom: 15%;
}

.specialtxt{
  padding-bottom: 0%;
}

img.oddil_img{

    margin-right: 0%;
    padding-right: 1%;
}

p.oddil_txt{
  color: black;
  padding-bottom: 2%;
}

.bunka img{
  margin-right: 0%;
  padding-right: 0%;
}

.bunka {
  float:left;
  width: 24%;
  background-color: #FAFAFA;
  color: black;
  padding-left: 0.5%;
  padding-left: 0.5%;
  box-sizing: border-box;
}



.hlavni-logo{

    height: 50px;
    box-sizing: border-box;
    padding-left: 2%;
    padding-top: 0.6%;
    padding-bottom: 0.4%;
    float: left;
    padding: 10%;

}

#aktn .first{
  padding-top: 20px;
  margin-top: 0px;
}

#aktualita{
  text-align: left;
  color: black;
  font-size: 30px;
  padding-top: 5%;
  margin-top: 0px;
  margin-left: 10%;
  margin-right: 10%;
}

#aktualita p{
  padding-bottom: 20px;
}

.aktfoto {
  width: 60%;
  padding-top: 40px;
  padding-bottom: 20px;
}

.poradatel{
  color: #559096;
  text-align: left;
  font-size: 30px;
  margin-left: 5%;
  margin-right: 5%;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

#hlavicka{
    background-color: #303030;
    height: 65px;
    box-sizing: border-box;
    min-height: 100%;
}

.nadpis{
    color: #fff;

    font-size: 30px;
    padding-left: 3%;
    padding-top: 1%;
    padding-bottom: 1.3%;
    font-style: normal;
    margin: 0%;

}

.odkaz{
    text-decoration: none;
}

.foto{
    width: 100%;
}

td, tr, table{
    padding: 0%;
    height:  auto;
    margin: 0%;
    border:  0%;
    border-collapse: collapse;
}


#bila{
    background-color: #fff;
    width:  100%;
    height: 15000%;
}

#bily-pruh{
    background-color: #FAFAFA;
    height: 23%;
    width: 100%;
    text-align: center;
}

p{
    margin: 0px;
    padding-bottom: 2.5%;
    padding-top: 0.5%;
}

#clanek1{
    padding: 5%;
    padding-top: 1px;
    padding-bottom: 2%;
    font-size: 20px;
}

.nadpis-clanku{
    font-size: 60px;
    padding-bottom: 2%;
    padding-top: 100px;
    margin-top: 30px;
}

.first{
    padding: 0%;
}

#vlevo{
    float: left;
}

#pracovni_listy{
  background-color: #559096;
}

#mapa {
    height: 23%;
}

.mapa{
    width: 40%;
    float: right;
}

#text-mapa{
    text-align: center;
    color: #fff;
    width: 60%;
    padding: 0px;
    margin:  0px;
    float:  left;
    font-size: 100%
}

.kontakt-nadpis {
    font-size: 300%;
    padding-top: 12%;
    padding-bottom: 5%;
}

.kontakt-text{
    font-size: 180%;
}

#paticka{
    width: 100%;
    background-color: #303030;
    box-sizing: border-box;
    height: 20%;
    float: right;
    box-sizing: border-box;

}

.paticka-text{
   color: #fff;
   padding: 1%;
   text-align: center;
}

#hlavni-nadpis{

   width: 150px;
}

#vrchni-lista{
    background-color: #303030;
    width: 100%;

}

#logo-f{
    padding-left: 2%;
    width: 50px;
}

.vypln{
    background-color:  #303030;
    float: left;
    width: 100%;
}

.menu-container{
    float: left;
}

#clanek2{
    padding: 5%;
    padding-top: 5%;
    padding-bottom: 4%;
    font-size: 26px;
    margin-left: 10%;
    margin-right: 10%;
}

#clanek3{
    padding: 5%;
    padding-top: 60px;
    padding-bottom: 4%;
    font-size: 23px;
    margin-left: 10%;
    margin-right: 10%;
    text-align: left;
    color: white;


}

.vetsiclen{
  font-size: 25px;
  padding-top: 50px;
}

#bnadpis{
     color: white;
     text-align: center;
     font-size: 30px;
     padding-top: 50px;
}

    #prazdno{
        height: 80px;
}

.list{
    text-decoration: none;
    font-size: 20px;
    padding-left: 30%;
}

.list:hover{
    text-decoration: underline;
}

.download{
    padding-right: 30%;
    font-size: 20px;
    float: right;
}


#pracovni-tym{
    width: 100%;
    height: 730px;
    background-color: #adced1;
    padding: 0%;
    margin: 0%;
    background-image: url(../img/foto5.jpg);
    color: white;
    background-repeat: no-repeat;
}

.pole{
    padding-top: 15px;
    padding-bottom: 15px;
}

#seznam-pracovniku{
    padding-left: 15%;
    padding-top: 50px;
    font-size: 23px;
}

#socsluzba{
    font-size: 45px;
    padding-top: 50px;
}

.bod{
    float:left;
    margin-left: 15%;
    margin-right: 15%;
    padding-top: 1%;
}

#delsi{
    height: 600px;
    background-color: #FAFAFA;
    width: 100%;
    text-align: center;

}

#left li{
    padding: 1%;

}

#cast2{
    height: auto;
    box-sizing: border-box;
    padding-top: 3%;
    color: white;
    padding-bottom: 3%;
}

#h1{
  font-size: 45px;
  text-align: center;
}

#h2{
    font-size: 30px;
    text-align: center;
}

#floatleft{
    text-align: left;
    margin: 0%;
}

#h3{
    font-size: 25px;
    padding-bottom: 0px;
}

#left{
    padding-left: 20%;
    padding-right: 20%;
}

#left li{
    padding: 1%;
    padding-bottom: 0px;
    font-size: 20px;
}

#cast3{
    background-color: #ffffcc;
    width: 100%;
    padding: 5%;
}

#cast4{
    background-color: #adebeb;
    width: 100%;
    padding: 5%;
}

#seznam{
    font-size: 20px;
}

#left2{
    padding-right: 15%;
    padding-left: 20%;
}

#cast5{
    background-color: white;
    width: 100%;
    padding: 5%;
}

#left3 p{
    font-size: 20px;
}

#left3{
    padding-right: 10%;
    padding-left: 10%;
}

#left3 li{
    padding: 1%;
    padding-bottom: 0px;
    font-size: 20px;
}

 #cast6{
    color: white;
 }


#cast6 table{
    margin-left: 10%;
    margin-bottom: 5%
}

#nadpisek{
    font-size: 25px;
    padding-top: 7%;
    padding-bottom: 5%;
}

#left4 {

    padding-right: 20%;
    padding-left: 25%;
}

#Den{
    width: 5%;
    padding: 1%;
    padding-right: 15%;
    zoom: 1;
    overflow: hidden;
}

*:required{
 font-family: arial;
}

th{
    text-align: left;
    padding-left: 20px;
    overflow: hidden;
}

#Čas{
    zoom: 1;
    overflow: hidden;
}

#doba{
    width: 350px;
    font-size: 20px;
    zoom:1;
    overflow: hidden;
}


#kontaktjar{
    font-size: 20px;
    padding-left: 5%;
    padding-bottom: 5%;
}

#bily-pruh a{
    color: black;
}

.levyplagat{
    height: 842px;
    padding-left: 20%;
    padding-top: 2%;
    padding-bottom: 2%;
    box-sizing: border-box;
}

.pravyplagat{
    padding-left: 2%;
    padding-top: 2%;
    padding-bottom: 2%;
    height: 842px;
    box-sizing: border-box;
}

#plagaty{
    background-color: #FAFAFA;
    height: auto;
    padding-bottom: 1%;
}

.stred{
    text-align: center;
}

#bilytext{
    color: white;
}

.oddily{
  box-sizing: border-box;

      background-color: #FAFAFA;

  text-decoration: none;
  text-decoration: none;
}

.oddil{
  box-sizing: border-box;
  text-decoration: none;
  }

.oddil_img{
  width: 100%;
  text-decoration: none;
  display: block;
   -webkit-transition: all 1s ease;
   -moz-transition: all 1s ease;
   -o-transition: all 1s ease;
   -ms-transition: all 1s ease;
   transition: all 1s ease;
}

#prazdno{
  background-color: #fafafa;
}
.oddily td{
  height: 320%;
  text-decoration: none;
}

#mezera{
  height: 10px;
}

.oddil_txt {
  text-decoration: none;
  font-size: 30px;
  text-align: center;

}

.oddil_img:hover{
   -webkit-filter: brightness(70%);
   filter: brightness(70%);
}

a:-webkit-any-link {
  text-decoration: none;
}

.um{
  width: 95%;

}

.pl2{
  margin-top: 0px;
  padding-top: 0px;
}
 #hid{
  visibility: hidden;
 }







/** HD*/
@media (max-width: 1500px) {

  #audiotabulka input {
    width: 5% !important;
    padding-top: 0.5% !important;
  }

  .oddily{
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 3%;
    padding-bottom: 16%;
  }

.levyplagat{
    height: 842px;
    padding-left: 8%;
    padding-top: 2%;
    padding-bottom: 2%;
    box-sizing: border-box;
}

.pravyplagat{
    padding-left: 2%;
    padding-top: 2%;
    padding-bottom: 2%;
    height: 842px;
    box-sizing: border-box;
}

#plagaty{
    background-color: #FAFAFA;
    height: auto;
    padding-bottom: 1%;
}

.oddil_txt {
  text-decoration: none;
  font-size: 20px;
  text-align: center;

}

.menu{
  font-size: 12px;
}

.nadpis{
  font-size: 20px;
}



}

/** MOBIL*/
@media (max-width: 700px) {

    .jazyky_menu{
        padding-top: 30px;
        padding-bottom: 30px;
        margin: 5%;
        width: 90%;
    }
    .jazyky_menu table{
        width: 100%;
        box-sizing: border-box;
        border-collapse: collapse;
    }
    
    .jazyky_menu tr{
        width: 20%;
        margin-bottom: 30px;
        height: 100px;
    }
 
    
    .jazyky_menu tr:nth-child(even){
        background-color: #fafafa;
        height: 20px;
    }
    
    .jazyky_menu tr td:nth-child(1){
        width: 30%;
    }
    
    
    .jazyky_nadpis{
        padding-top: 100px;
        padding-bottom: 0px;
        font-size: 30px;
        text-align: center;
    }
    
    .jazyky_menu p{
        float: left;
        font-size: 30px;
        text-align: center;
        padding-left: 20%;
    }
    
    .jazyky_menu img{
        width: 100%;
        padding-left: 30%;
    }
    

.vysocina_div{
  float: left;
  margin-left: 50%;
  transform: translateX(-50%);
  padding-top: 10%;
  padding-bottom: 10%;
}

.vpaticce span{
  width: 100%;
  height: 10%;
  border-right: 1px solid white;
  padding-right: 5%;
}

.vpaticce span:last-of-type{
  border-right: 0px solid white;
  padding-right: 0%;
}

.spany{
  width: 90%;
}


#seminare h1{
  margin-top: 0px;
  padding-top: 30px;
  font-size: 60px;
  text-align: center;
  margin-bottom: 0px;
}

#seminare h2{
  margin-top: 0px;
  font-size: 40px;
  text-align: center;
  padding-bottom: 70px;
}
  .seminarec{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 70%;
}

.seminarec h1{
  font-size: 20px !important;
  text-align: left !important;
}
  .menu{
    float: left;
    width: 100%;
  }

  #audiotabulka input {
    width: 15% !important;
    padding-top: 5% !important;
  }

  #predpruh{
    height: 40%;
    box-sizing: border-box;
    width: 100%;
    padding-top: 4%;
    background-color: #fafafa;
  }

  #aktpl{
    padding-left: 5%;
    width: 95%;
  }

  #vpruhu{
    padding-top: 4%;
    padding-bottom: 4%;
  }

  #vpruhu #h2{
    padding-bottom: 1%;
  }


  #textpisne{
    font-size: 15px;
    padding-left: 10%;
    padding-right: 10%;
    box-sizing: border-box;
    padding-top: 3%;
  }

  #akttext{
    font-size: 15px;
    padding-left: 5%;
    padding-right: 5%;
    box-sizing: border-box;
  }

  #bilypruh{
  background-color: #fafafa;
  }

  #bilypruh a {
    color: #2c2c2c;
  }

  #cernypruh{
  background-color: #303030;
  color: white;
  }

  #zlutypruh{
  background-color: #ffffcc;
  }

  #svetlemodrypruh{
  background-color: #adebeb;
  }

  #tmavemodrypruh{
  background-color: #559096;
  color: white;
  }
  .oddily{
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 12%;
    padding-bottom: 230%;
  }

  .specialtxt{
    padding-bottom: 0%;
  }

  img.oddil_img{

      margin-right: 0%;
      padding-right: 1%;
  }

  p.oddil_txt{
    color: black;
  }

  .bunka img{
    margin-right: 0%;
    padding-right: 0%;
  }

  .bunka {
    width: 100%;
    background-color: #FAFAFA;
    color: black;
    padding-left: 0.5%;
    padding-left: 0.5%;
    box-sizing: border-box;
  }



  p{
    font-size: 10px;
}
    #clanek1{
    margin: 2%;
    padding:  0px;
    margin-top: 0px;
}
    .nadpis-clanku{
    font-size: 16px;
}
    .kontakt-nadpis{
    font-size: 16px;
    padding-top: 2%;
}
    .kontakt-text{
    font-size: 11px;
}
    .hlavni-logo{
    height: 30px;
}
    body{

    padding: 0px;
    margin: 0px;
}
    table{
    padding: 0px;
    margin: 0px;
}
    html{
    padding: 0px;
    margin: 0px;
}
    #paticka{
    height: 100%;
    float: bottom;
    margin-top: 0%;
    margin-bottom: 0px;
}
    .mapa{
    float: left;
    width: 100%;
}
    #text-mapa{
    width: 100%;
}
    .paticka-text{
    font-size: 8px;
}
    #clanek3{
        font-size: 13px;
        margin-left: 0%;
        margin-right: 0%;
        padding-top: 42%;
        margin-top: 0px;
}


    #vetsi{
        font-size: 13px;
        padding-top: 0px;
        margin-top: 0px;

}
    #onas{
        font-size: 15px;
}
    #clanek2{
        margin-left: 2%;
        margin-right: 2%;
    }
    #pracovni-tym{
    background-image: url(../img/foto6.jpg);
    background-repeat: no-repeat;
}



.bod{
    float:left;
    margin-left: 0%;
    margin-right: 0%;
}

#delsi{
    height: 650px;
    background-color: #FAFAFA;
    width: 100%;
    text-align: center;
    padding-bottom: 5%;
}

#socsluzba{
    font-size: 45px;
    padding-top: 10px;
}

#left{
    padding-left: 3%;
    padding-right: 3%;
}

.list{
    padding-left: 3%;
    font-size: 13px;
}

.download{
    padding-right: 3%;
    font-size: 12px;
}

#pracovni_listy p{
    padding-bottom: 5%;
}

#bnadpis{
    padding-top: 8%;
    padding-bottom: 4%;
}

.nadpis-clanku{
    margin-top: 0px;
    padding-top: 10px;
}

#left2{
    padding-left: 1%;
    padding-right: 1%;
}

#cast4 #h1{
  font-size: 35px;
}

#cast4 #h2{
    font-size: 20px;
}

#cast4 p{
    font-size: 15px;
}

#left3{
    padding-right: 1%;
    padding-left: 1%;
}

#left3 p{
    font-size: 15px;
}

#left4{
    padding-left: 1%;
    padding-right: 1%;
}

#nadpisek{
    text-align: center;
    padding-top: 5%;
    padding-bottom: 5%;
}

#kontaktjar{
    font-size: 40px;
    padding-left: 5%;
    padding-bottom: 5%;
}


.levyplagat{
    height: 500px;
    padding-left: 2%;
    padding-top: 2%;
    padding-bottom: 2%;
    box-sizing: border-box;
}

.pravyplagat{
    padding-right: 1%;
    padding-top: 2%;
    padding-bottom: 2%;
    height: 500px;
    box-sizing: border-box;
    padding-left: 2%;
    zoom:1;
}

#plagaty{
    background-color: #FAFAFA;
    height: auto;
    padding-bottom: 1%;
}








}