.Slides {
	display: none;
}
img {
	vertical-align: middle;
}



@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}




#imageblock {
	width: 100%;
}




#fotoblok {
}

#fotoblok #row1 {
	width: 100%;
	overflow: hidden;
}



#fotoblok #row2 {
	width: 100%;
	overflow: hidden;
}

#row1 .image1.active {
	float: left;
	overflow: hidden;
	padding-right: 0.5%;
}

#row1 .image1.active img {
	width: 100%;
}


#row1 .image2.active {
	float: left;
}

#row1 .image2.active img {
	width: 100%;
}

#row1 .image3.active {
	float: left;
}

#row1 .image3.active img {
	width: 100%;
}

#imageblock #row2 {
	width: 100%;
	overflow: hidden;
}

#row2 .image1.active {
	float: left;
	overflow: hidden;
	padding-right: 0.5%;
padding-top: 5px;
}

#row2 .image1.active img {
	width: 100%;
}


#row2 .image2.active {
	float: left;
	overflow: hidden;
	padding-right: 0.5%;
	padding-top: 5px;
}

#row2 .image2.active img {
	width: 100%;
}

#row2 .image3.active {
	float: left;
	overflow: hidden;

	padding-top: 5px;
}

#row2 .image3.active img {
	width: 100%;
}





#row1 .caption {
	position: absolute;
	float: left;
	font-weight: bold;
	color: white;
	font-size: 20px;
} 

#row2 .caption {
	position: absolute;
	float: left;
	font-weight: bold;
	color: white;
	font-size: 20px;
	
}