.posuvnik {
  /* width: 300px; /* NASTAVUJE SE U STRÁNKY, KAM JE POSUVNÍK VKLÁDÁN */
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.posuvnik .pruzor {
  flex-grow: 1;
  overflow-x: hidden;
  white-space: nowrap;
  width: calc(100% - (2 * 50px));
}

.posuvnik .posunDoleva {text-align: left;}
.posuvnik .posunDoprava {text-align: right;}
.posuvnik .posunDoleva, .posuvnik .posunDoprava {width: 30px;}
.posuvnik .posunDoleva img, .posuvnik .posunDoprava img {
  width: 20px;
  margin-top: 25px;
}

.posuvnik .mantinel {visibility: hidden;}

.posuvnik .posunDoleva:hover, .posuvnik .posunDoprava:hover {cursor: pointer;}

.posuvnik .pruzor .dlazdice {
  position: relative;
  display: inline-block;
  /* margin-right: -4px; /* kvůli inline-block */
  margin: 0px;
  width: 100%;
}

.posuvnik .pruzor .vytah {
  position: relative;
  left: 0px;
}

.posuvnik .strankovaniDlazdic {
  flex: 1 0 100%;
  text-align: center;
}

.posuvnik .strankovaniDlazdic li {
  display: inline-block;
  padding: 0px 5px;
}

.posuvnik .strankovaniDlazdic li input[type=radio] {
  appearance: none;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-clip: content-box;
  border: 1px solid rgba(90,75,71,1); /* tmavě hnědá */
  background-color: rgba(255,255,255,1);
}
.posuvnik .strankovaniDlazdic li input[type=radio]:checked {
  background-color: #b5948c; /* světle hnědá */
  padding: 2px;
  border: 1px solid #5a4b47; /* tmavě hnědá */
}
/*.posuvnik .strankovaniDlazdic span:hover {cursor: pointer;}*/