body {
  background: url("../../img/bg_textura.png"), linear-gradient(to right, #A5D6FF 0%, #BDEEFF 20%, #BDEEFF 80%, #A5D6FF 100%);
}

.parallaxa {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 200px;
}
@media only screen and (max-device-width: 1366px) {
  .parallaxa {background-attachment: scroll;}
}
.blok {
  background-color: #fff;
  text-align: justify;
  margin: auto;
  width: 60vw;
  min-width: 530px;
  padding: 5vh 5vw 8vh 5vw;
}

#parallaxa1 {
  background-image: url("../img/paralaxa_studium.jpg");
  height: 250px;
}
#parallaxa2 {background-image: url("../img/paralaxa_studium.jpg");}
#parallaxaX {
  background-image: url("../img/paralaxa_studium.jpg");
  height: 100px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  color: white;
  padding-bottom: 20px;
}

#parallaxa1 > div {
  background-color: rgba(255, 255, 255, 0.65);
  width: calc(60vw + 2*5vw);
  margin: auto;
  height: calc(100% - 70px);
  padding-top: 70px;
}


/* horizontální menu */

#menu {
  height: 50px;
  background-color: #fff;
  
  padding: 0px;
  margin: 0px;
  width: 100%;
  z-index: 10;
  position: fixed;
  box-shadow: 4px 5px 4px 0px rgba(0,0,0,0.1);
  -webkit-box-shadow: 4px 5px 4px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 4px 5px 4px 0px rgba(0,0,0,0.1);
}
#menu div {
  width: calc(60vw + 2*5vw);
  display: flex;
  flex-wrap: nowrap; /* flex-flow: row nowrap; */
  flex-direction: row;
  justify-content: space-around;
  align-items: stretch;
  align-content: center;
  margin: auto;
}
#menu li {
  list-style-type: none;
  font-size: 1.1em;
  text-align: center;
  font-variant: small-caps;
  background-color: #fff;
  overflow: hidden;
}
#menu li, #menu li a {
  width: 100%;
  display: inline-block;
}
#menu li a {
  padding: 13px 0px 20px 0px;
  color: var(--barvaText);
}
#menu li a:hover {
  background-color: #F2F2F2;
  text-decoration: none;
}
#menu li .aktivni {background-color: #F2F2F2;}

#menu #Mucet {width: 30%;}
#menu li img {height: 30px;}


/* nabídka kurzů */

#nabidka #kurzy {
  margin: 20px 0px;
}

#nabidka .kurz {
  background-color: #FFCCBB;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  
  border: 1px solid red;
}

#nabidka .kurz .info {
  width: calc(100% - 2*20px);
  background: linear-gradient(to bottom, #FFCCBB 0%, #FFE6D4 80%, #FFCCBB 100%);
  padding: 20px;
  margin-top: 20px;
  border-radius: 30px;
  
  border: 1px solid blue;
}

#nabidka .kurz .vice {
  width: 100%;
  height: 0px;
  padding: 0px;
  overflow: hidden;
  display: flex;
  
  border: 1px solid green;
}


/* kontakt */

#kontakt #vzkaz {width: 500px;}
#kontakt #vzkaz textarea {
  width: calc(100% - 12px);
  margin-top: 5px;
}
