@charset "UTF-8";





#cf {position: absolute;
	top: 54px;
	left: 36px;
	height: 300px;
	width: 250px;
	z-index: 1;
	}
	
#cfaa {position: absolute;
	top: 54px;
	left: 36px;
	height: 300px;
	width: 250px;
	z-index: 2;
	}
#cfab {position: absolute;
	top: 54px;
	left: 36px;
	height: 300px;
	width: 250px;
	z-index: 3;
	}
#cfac {position: absolute;
	top: 54px;
	left: 36px;
	height: 300px;
	width: 250px;
	z-index: 4;
	}
#cfad {position: absolute;
	top: 54px;
	left: 36px;
	height: 300px;
	width: 250px;
	z-index: 5;
	}
	
#cfae {position: absolute;
	top: 54px;
	left: 36px;
	height: 300px;
	width: 250px;
	z-index: 6;
	}
	
#cfaf {position: absolute;
	top: 54px;
	left: 36px;
	height: 300px;
	width: 250px;
	z-index: 7;
	}
#cfag {position: absolute;
	top: 54px;
	left: 36px;
	height: 300px;
	width: 250px;
	z-index: 8;
	}
#cfah {position: absolute;
	top: 54px;
	left: 36px;
	height: 300px;
	width: 250px;
	z-index: 9;
	}
#cfai {position: absolute;
	top: 54px;
	left: 36px;
	height: 300px;
	width: 250px;
	z-index: 10;
	}
#cfaj {position: absolute;
	top: 54px;
	left: 36px;
	height: 300px;
	width: 250px;
	z-index: 11;
	}


		
#cfa {position: absolute;
	top: 54px;
	left: 36px;
	height: 300px;
	width: 250px;
	z-index: 12;
	}
	


	
@keyframes cf3FadeInOut {
	0% {
	opacity:1;
}
	11% {
	opacity:1;
}
    15% {
	opacity:0;
}
    100% {
	opacity:0;
}
}


@keyframes cf3jFadeInOut {
	0% {
	opacity:1;
}
	19% {
	opacity:1;
}
    23% {
	opacity:0;
}
    100% {
	opacity:0;
}
}

@keyframes cf3iFadeInOut {
	0% {
	opacity:1;
}
	27% {
	opacity:1;
}
    31% {
	opacity:0;
}
    100% {
	opacity:0;
}
}

@keyframes cf3hFadeInOut {
	0% {
	opacity:1;
}
	35% {
	opacity:1;
}
    39% {
	opacity:0;
}
    100% {
	opacity:0;
}
}

@keyframes cf3gFadeInOut {
	0% {
	opacity:1;
}
	43% {
	opacity:1;
}
    47% {
	opacity:0;
}
    100% {
	opacity:0;
}
}





@keyframes cf3fFadeInOut {
	0% {
	opacity:1;
}
	51% {
	opacity:1;
}
    55% {
	opacity:0;
}
    100% {
	opacity:0;
}
}

@keyframes cf3eFadeInOut {
	0% {
	opacity:1;
}
	59% {
	opacity:1;
}
    63% {
	opacity:0;
}
    100% {
	opacity:0;
}
}

@keyframes cf3dFadeInOut {
	0% {
	opacity:1;
}
	67% {
	opacity:1;
}
    71% {
	opacity:0;
}
    100% {
	opacity:0;
}
}


@keyframes cf3cFadeInOut {
	0% {
	opacity:1;
}
	75% {
	opacity:1;
}
    79% {
	opacity:0;
}
    100% {
	opacity:0;
}
}


@keyframes cf3bFadeInOut {
	0% {
	opacity:1;
}
	83% {
	opacity:1;
}
    87% {
	opacity:0;
}
    100% {
	opacity:0;
}
}

@keyframes cf3aFadeInOut {
	0% {
	opacity:1;
}
	91% {
	opacity:1;
}
    95% {
	opacity:0;
}
    100% {
	opacity:0;
}
}






#cfa {
	animation-name: cf3FadeInOut;
		animation-timing-function: ease-in-out;
			animation-iteration-count: infinite;
				animation-duration: 30s;
					animation-direction: alternate;
}

#cfaj {
	animation-name: cf3jFadeInOut;
		animation-timing-function: ease-in-out;
			animation-iteration-count: infinite;
				animation-duration: 30s;
					animation-direction: alternate;
}
#cfai {
	animation-name: cf3iFadeInOut;
		animation-timing-function: ease-in-out;
			animation-iteration-count: infinite;
				animation-duration: 30s;
					animation-direction: alternate;
}
#cfah {
	animation-name: cf3hFadeInOut;
		animation-timing-function: ease-in-out;
			animation-iteration-count: infinite;
				animation-duration: 30s;
					animation-direction: alternate;
}
#cfag {
	animation-name: cf3gFadeInOut;
		animation-timing-function: ease-in-out;
			animation-iteration-count: infinite;
				animation-duration: 30s;
					animation-direction: alternate;
}




#cfaf {
	animation-name: cf3fFadeInOut;
		animation-timing-function: ease-in-out;
			animation-iteration-count: infinite;
				animation-duration: 30s;
					animation-direction: alternate;
}
#cfae {
	animation-name: cf3eFadeInOut;
		animation-timing-function: ease-in-out;
			animation-iteration-count: infinite;
				animation-duration: 30s;
					animation-direction: alternate;
}

#cfad {
	animation-name: cf3dFadeInOut;
		animation-timing-function: ease-in-out;
			animation-iteration-count: infinite;
				animation-duration: 30s;
					animation-direction: alternate;
}




#cfac {
	animation-name: cf3cFadeInOut;
		animation-timing-function: ease-in-out;
			animation-iteration-count: infinite;
				animation-duration: 30s;
					animation-direction: alternate;
}

#cfab {
	animation-name: cf3bFadeInOut;
		animation-timing-function: ease-in-out;
			animation-iteration-count: infinite;
				animation-duration: 30s;
					animation-direction: alternate;
}

#cfaa {
	animation-name: cf3aFadeInOut;
		animation-timing-function: ease-in-out;
			animation-iteration-count: infinite;
				animation-duration: 30s;
					animation-direction: alternate;
}












	
 #bar {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;	
	background-color: #000;
	position: absolute;
	top: 30px;
	left: 36px;
	height: 60px;
	width: 250px;
	z-index: 13;
}
#box {
	background-color: #b6bfbc;
	position: absolute;
	top: 570px;
	left: 195px;
	width: 120px;
	height: 60px}