#html5-banner-4-3 {
padding-top:5px;
padding-right:5px;
padding-bottom:5px;
padding-left:5px;
height:200px;
overflow:hidden;
}

#html5-banner-4-3 ul{

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

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

#html5-banner-4-3 li img{
height:200px;
width:100%;
margin:0;
padding:0;
}

@keyframes transitionNone-4-3 {
0% {visibility:hidden;}
1% {visibility:visible;}
}

@keyframes transitionTB-4-3 {
0% {top: -200px;}
100% {top: 0px;}
}

@keyframes transitionBT-4-3 {
0% {top: 200px;}
100% {top: 0px; }
}

@keyframes transitionLR-4-3 {
0% {left: -200px; }
100% {left: 0px;}
}

@keyframes transitionRL-4-3 {
0% {left: 200px;}
100% {left: 0px;}
}

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

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

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

@keyframes effectNone-4-3 {
}

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

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

@keyframes effectBlackWhite-4-3 {
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-4-3 { /*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-4-3 {
}

.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-4-3 4s linear infinite;
}

@keyframes DropCircle-4-3 {
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-4-3{
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-4-3 4s linear infinite;
}

@keyframes DropCircle1-4-3 {
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-4-3{
background: url("/") repeat;
animation: snow-4-3 120s linear infinite;
}

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

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

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

@keyframes snow-4-3{
0% { background-position: 0% 0px; }
100% {
background-position: 0% 1000px;
background-position: 0% calc(200px * 5);
}
}

@keyframes effectLensRay-4-3{
}

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

@keyframes lensflare-4-3 {
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-4-3{
background:url("/") repeat 0px 0px;
background-size: 100%;
background-repeat: no-repeat;
background-position: 50% 50%;
position : absolute;
top: -25%;
left: -20%;
height:200px;
width:100%;
animation: lensflare1-4-3 20s ease-in infinite;
animation-play-state: inherit;
animation-fill-mode: none;
animation-delay:1s;
transform-origin: 50% 50%;
}

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

.jirka2-5-7{
background-color:yellow;
}

/* hlavni container pro slider a novinky  */
.cont_sld_nov-6-8 {
display:flex;
width:100%;
height:300px;
margin:0 0 50px 0;
/*border: 1px solid #f00;*/
}





/* hlavni obal pro novinky*/
.novinky-6-8 {  
display:flex;
flex-direction: column;

width:39%;
height:100%;
padding:0%;
margin:0 0 0 1%;

text-align:center;

color: rgba(102,102,102, 1.0);
background: rgba(250,250,250, 0.9);

overflow-x: hidden;
overflow-y: scroll;

font-size:80%;
/*border: 1px solid blue;*/
}




/* h2 pro novinky  .. nadpis novinky */
.novinky-6-8 h2 {
width:100%;
margin:10px 0 15px 0;
font-size:130%;
color: rgba(0,173,238, 1.0);

/*border: 1px solid blue;*/
}

/* h3 pro novinky */
.novinky-6-8 h3 {
margin:0 5% 5px 5%;
font-size:120%;
color: rgba(0,173,238, 1.0);
/*border: 1px solid blue;*/
}

/* p texty novinky */
.novinky-6-8 p {
margin:0 5% 20px 5%;
font-size:100%;
color: rgba(102,102,102, 1.0);
line-height:180%;
/*border: 1px solid blue;*/
}






/* SLIDER -------------------------------------------------------------*/

.slider-6-8 {
 
width: 735px; /* Změněno na 735px */
  height: 300px; /* Změněno na 300px */
  overflow: hidden;
  position: relative;
  border:0;
 /* border: 1px solid green;*/
}

.slider-container-6-8 {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.slider-container-6-8 img {
  width: 735px;  /* Změněno na 735px */
  height: 300px; /* Změněno na 300px */
  object-fit: cover;
}

button {
  display:flex;
  justify-content: center;
	align-items: center;
  position: absolute;
  top: 50%;
  width: 25px;
  height: 25px;
  transform: translateY(-50%);
  background: rgba(255,255,255, 0.4);
  color: rgba(0,173,238, 1.0);
  border: 0;
  padding: 0%;
  cursor: pointer;
  font-size: 100%;
  border-radius:100%;
}

button:hover {
 color: rgba(255,255,255, 0.6);
 background: rgba(0,173,238, 1.0);
}

.prev {
  left: 10px;
}

.next {
  right: 10px;
}


/* Styling pro tečky */
.dots {
 text-align: center;
 position: absolute;
 bottom: 10px;
 width: 100%;
 font-size:0;
}

.dots span {
 display: inline-block;
 width: 7px;
 height: 7px;
 margin: 0 3px;
 background: #c0c0c0;
 border-radius: 50%;
 cursor: pointer;
}

.dots span:hover {
 background: #00adee;
}

.dots .active {
 background: #00adee;
}