@charset "utf-8";
/* CSS Document */

.topslide {
	margin: auto;
	background-color: white;
	position: relative;
}

.topslide img {
	width: 650px;
	animation-name: topslide;
	-webkit-animation-name: topslide;
	-ms-animation-name: topslide;
	animation-duration: 10s;
	-webkit-animation-duration: 10s;
	-ms-animation-duration: 10s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;

	opacity: 0;
}

.topslide .img1 {
	display: block;
	margin: 0 auto;
}

.topslide .img2 {
	animation-delay:2.5s;
	-webkit-animation-delay:2.5s;
	-ms-animation-delay:2.5s;

	position: absolute;
	top: 0;
	left:0;
}
.topslide .img3 {
	animation-delay:5s;
	-webkit-animation-delay:5s;
	-ms-animation-delay:5s;

	position: absolute;
	top: 0;
	left:0;
}
.topslide .img4 {
	animation-delay:7.5s;
	-webkit-animation-delay:7.5s;
	-ms-animation-delay:7.5s;

	position: absolute;
	top: 0;
	left:0;
}

@keyframes topslide {
	0% {
		opacity: 0.5;
	}
	
	5% {
		opacity: .8;
	}
	15% {
		opacity: 1;
	}


	20% {
		opacity: 1;
	}

	25% {
		opacity: .5;
	}
}