#clanek-- {

background-repeat:no-repeat;
background-position:;
;
background-color:#;
color:#;
padding-left:px;
padding-right:px;
padding-top:px;
padding-bottom:px;
}

#html5-banner-21-198 {
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
height:50px;
overflow:hidden;
}

#html5-banner-21-198 ul{

height:50px;
width:50px;
position:relative;
overflow:hidden;
display:block;
margin:0;
padding:0;
}

#html5-banner-21-198 li{
overflow:hidden;
position:absolute;
height:50px;
width:50px;
top:0px;
left:0px;
list-style: none outside none;
margin:0;
padding:0;
}

#html5-banner-21-198 li img{
height:50px;
width:100%;
margin:0;
padding:0;
}

@keyframes transitionNone-21-198 {
0% {visibility:hidden;}
1% {visibility:visible;}
}

@keyframes transitionTB-21-198 {
0% {top: -50px;}
100% {top: 0px;}
}

@keyframes transitionBT-21-198 {
0% {top: 50px;}
100% {top: 0px; }
}

@keyframes transitionLR-21-198 {
0% {left: -50px; }
100% {left: 0px;}
}

@keyframes transitionRL-21-198 {
0% {left: 50px;}
100% {left: 0px;}
}

@keyframes transitionAlpha-21-198 {
0% {opacity:0;left:2000px;}
0.1% {opacity:0;left:0px;}
100% {opacity:1;left:0px;}
}

@keyframes transitionBubbles-21-198 {
 0% {border-radius: 100%; transform: scale(0);}
 100% {border-radius: 0%; transform: scale(1);}
}

@keyframes transitionBricks-21-198 {
0% {transform: scale(0);}
100% {transform: scale(1);}
}

@keyframes effectNone-21-198 {
}

@keyframes effectBlur-21-198 {
0% {filter: blur(10px);}
25% {filter: blur(0px);}
}

@keyframes effectScaleDown-21-198 {
0% {transform: scale(1.5);}
80% {transform: scale(1); }
}

@keyframes effectBlackWhite-21-198 {
0% {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}
25% {  
filter: none;
-webkit-filter: grayscale(0%);}
}

@keyframes effectPixelate-21-198 { /*nic moc ale použitelné*/
0% {
transform: scale(20);
image-rendering: optimizeSpeed;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: pixelated;
image-rendering: optimize-contrast;
-ms-interpolation-mode: nearest-neighbor;
}
50% {
transform: scale(1);
image-rendering: auto;
}
}


@keyframes effectDropCircle-21-198 {
}

.eff1xeffectDropCircle {
position: absolute;  
width: 100px;
height: 100px;
margin: auto; 
top: 0; left: 0; bottom: 0; right: 0;
opacity: 0;
border: 3px solid rgba(255,255,255,.1);
border-radius: 999px;
box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 0, .6);
box-sizing: border-box;
animation: DropCircle-21-198 4s linear infinite;
}

@keyframes DropCircle-21-198 {
0% {
transform: scale(0.04);
opacity: 0;
}

50% {
transform: scale(0.04);
opacity: 0;
}

60% {
transform: scale(0.53);
opacity: .1;
}

70% {
transform: scale(1.77);
opacity: .25;
}

80% {
transform: scale(3.81);
opacity: .1;
}

100% {
transform: scale(7.52);
opacity: 0;
}
}

.eff2xeffectDropCircle-21-198{
position: absolute;
width: 100px;
height: 100px;
margin: auto; 
top: 0; left: 0; bottom: 0; right: 0;
opacity: 0;
border: 1px solid rgba(255,255,255,0);
border-radius: 999px;
box-shadow: inset 0px 0px 12px 5px rgba(255, 255, 255, .8);
box-sizing: border-box;
animation: DropCircle1-21-198 4s linear infinite;
}

@keyframes DropCircle1-21-198 {
0% {
transform: scale(0.04);
opacity: 0;
}
40% {
transform: scale(0.26);
opacity: .05;
}
50% {
transform: scale(1);
opacity: .1;
}
60% {
transform: scale(1.77);
opacity: .3;
}
80% {
transform: scale(2.98);
opacity: .1;
}
100% {
transform: scale(4.82);
opacity: 0;
}
}

.eff1xeffectSnow-21-198{
background: url("/") repeat;
animation: snow-21-198 120s linear infinite;
}

.eff2xeffectSnow-21-198{
background: url("/") repeat;
animation: snow-21-198 60s linear infinite;
}

.eff3xeffectSnow-21-198{
background: url("/") repeat;
animation: snow-21-198 30s linear infinite;
}

.eff1xeffectSnow-21-198, .eff2xeffectSnow-21-198, .eff3xeffectSnow-21-198{
background-size: 50%;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}

@keyframes snow-21-198{
0% { background-position: 0% 0px; }
100% {
background-position: 0% 1000px;
background-position: 0% calc(50px * 5);
}
}

@keyframes effectLensRay-21-198{
}

.eff1xeffectLensRay-21-198{
background:url("/") repeat 0px 0px;
background-size: 100%;
background-repeat: no-repeat;
background-position: 50% 50%;
position : absolute;
top: -25%;
left: -20%;
height:50px;
width:100%;
animation: lensflare-21-198 20s ease-in infinite;
animation-fill-mode: none;
animation-delay:1s;
transform-origin: 50% 50%;
opacity: 0.1;
}

@keyframes lensflare-21-198 {
0% {
transform: rotate(0deg) scale(1.0); 
opacity: 0.1;
}
30% {opacity: 0.7;}
50% {transform: rotate(-30deg) scale(2.6); }
100% {
transform: rotate(0deg) scale(1.0); 
opacity: 0.1;
}
}

.eff2xeffectLensRay-21-198{
background:url("/") repeat 0px 0px;
background-size: 100%;
background-repeat: no-repeat;
background-position: 50% 50%;
position : absolute;
top: -25%;
left: -20%;
height:50px;
width:100%;
animation: lensflare1-21-198 20s ease-in infinite;
animation-play-state: inherit;
animation-fill-mode: none;
animation-delay:1s;
transform-origin: 50% 50%;
}

@keyframes lensflare1-21-198 {
0% {
transform: scale(1.0);
opacity: 1;
}
50% {
transform: scale(4.0);
opacity: 0.6;
}
100% {
transform: scale(1.0);
opacity: 1;
}
}

.slider-35-200 {
  width: 100%;
  overflow: hidden;
  position: relative;
  border: 0;
  height: auto;
  min-height: 100px;
}

.slider-container-35-200 {
  display: flex;
  transition: transform 0.5s ease-in-out;
  width: 100%;
  min-height: 1px;
}

.slider-container-35-200 a {
  flex-shrink: 0;
  width: 100%;
  display: block;
  height: 100%;
}

.slider-container-35-200 a img {
  display: block;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

/* Navigační šipky vytvořené pomocí CSS */
#prev-btn,
#next-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 32px; /* Zvýšená šířka pozadí */
  height: 58px; /* Zvýšená výška pozadí */
  cursor: pointer;
  z-index: 10;
  background: #D8DEEC; /* Obdélníkové pozadí */
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s;
  border-radius: 0px; /* Zaoblené rohy */
}

/* Tvar šipek pomocí ::before */
#prev-btn::before,
#next-btn::before {
  content: "";
  display: block;
  width: 10px; /* Šířka šipky */
  height: 16px; /* Výška šipky */
  background: #3E3C3F; /* Barva šipky */
  clip-path: polygon(100% 50%, 0% 0%, 0% 100%);
}

/* Levá šipka */
#prev-btn::before {
  transform: rotate(180deg);
}

/* Efekty při najetí myší */
#prev-btn:hover,
#next-btn:hover {
  background: #BCC4D8; /* Lehce tmavší odstín při hoveru */
}

#prev-btn {
  left: 0px;
}

#next-btn {
  right: 0px;
}

@media (max-width: 768px) {
  .mobil {
    display: block;
  }

  .mobil .mob-slider-38-201 {
    width: 100%;
    overflow: hidden;
    position: relative;
  }

  .mobil .mob-slider-container-38-201 {
    display: flex;
    flex-direction: row;
    transition: transform 0.5s ease-in-out;
    width: 300%; /* důležité pro zobrazení všech snímků vedle sebe */
  }

  .mobil .mob-slider-container-38-201 a {
    flex-shrink: 0;
    width: 100%;
    display: block;
  }

  .mobil .mob-slider-container-38-201 a img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
  }
}

.clpo-cena {
  font-weight: bold;
  color: #000000;
  margin: 5px 0;
}