.zp-img-kolo {
  border-radius: 100%;
}

.zp-formular {
  text-align: center;
}

.zp-formular-dotaz {
  width    : 100%;
  max-width: 30rem;
  margin   : auto;
  padding  : .5rem;
  font-size: 120%;
}

.zp-formular-koho {
  max-width: 13em;
  margin   : auto;
}

.zp-formular-koho label {
  display   : block;
  text-align: left;
  padding   : 3px 0;
}

.zp-formular-posli {
  padding: .5rem 1rem;
}


.zp-vypis {
  display        : flex;
  flex-wrap      : wrap;
  align-items    : flex-start;
  justify-content: center;
  margin-top     : 3rem;
  position       : relative;
}

.zp-tlacitko {
  margin: .5rem;
  cursor: pointer;
}

.zp-jmeno {
  max-width : 150px;
  text-align: center;
}

.zp-jmenoText {
  font-size: 14px;
  height: 3.75rem;
  color     : #702082;
}

.zp-tlacitko .zp-reditel {
  border-radius: 100%;
}

.zp-tlacitko .zp-reditel:hover {
  box-shadow: 0 0 10px #f58631;
}

.zp-tlacitko--sel .zp-reditel, .zp-tlacitko--sel .zp-reditel:hover {
  box-shadow: 0 0 5px 5px #f58631;
}

.zp-sipka {
  display: inline-block;
  margin-top: .5rem;
}

.zp-podokno {
  background-color: #f8f8f8;
  border          : 1px solid #f0f0f0;
  padding         : 1rem;
  border-radius   : .5rem;
  position        : absolute;
  z-index         : 99;
  left            : 0;
  width           : 100%;
}