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

.SlideShow {
	margin:0px;
	padding:0px;
	display:block;
	width:300px;
	height:250px;
	position:relative;
	overflow:hidden;
	clear:both;
	
}

.SS_img_box {
	position:relative;
}

.SS_img_box img {
	position:absolute;
	left:0px;
	top:0px;
	width:300px;
	height:250px;

	animation:fader 40s linear infinite;
	-webkit-animation:fader 40s linear infinite;

}


.SS_img_box img:nth-child(1) {
	opacity:1;
   animation-delay:0s;
   -webkit-animation-delay:0s;
}

.SS_img_box img:nth-child(2) {
	opacity:0;
   animation-delay:4s;
   -webkit-animation-delay:4s;
}

.SS_img_box img:nth-child(3) {
	opacity:0;
   animation-delay:8s;
   -webkit-animation-delay:8s;
}

.SS_img_box img:nth-child(4) {
	opacity:0;
   animation-delay:12s;
   -webkit-animation-delay:12s;
}

.SS_img_box img:nth-child(5) {
	opacity:0;
   animation-delay:16s;
   -webkit-animation-delay:16s;
}

.SS_img_box img:nth-child(6) {
	opacity:0;
   animation-delay:20s;
   -webkit-animation-delay:20s;
}

.SS_img_box img:nth-child(7) {
	opacity:0;
   animation-delay:24s;
   -webkit-animation-delay:24s;
}

.SS_img_box img:nth-child(8) {
	opacity:0;
   animation-delay:28s;
   -webkit-animation-delay:28s;
}

.SS_img_box img:nth-child(9) {
	opacity:0;
   animation-delay:32s;
   -webkit-animation-delay:32s;
}

@keyframes fader {
	0% {  opacity:0; }
	5% { opacity:0; animation-timing-function:ease-in;}
	10% { opacity:1; animation-timing-function:ease-out;}
	15% { opacity:1; animation-timing-function:ease-in; }
	20% { opacity:0; animation-timing-function:ease-out; }
	100% { opacity:0; }
}

@-webkit-keyframes fader {
	0% {  opacity:0; }
	5% { opacity:0; -webkit-animation-timing-function:ease-in;}
	10% { opacity:1; -webkit-animation-timing-function:ease-out;}
	15% { opacity:1; -webkit-animation-timing-function:ease-in; }
	20% { opacity:0; -webkit-animation-timing-function:ease-out; }
	100% { opacity:0; }
}


.SS_Logo {
	position:absolute;
	top:0px;
	left:0px;
	z-index:30;
	animation-name:reduce;
	animation-duration:40s;
	animation-timing-function:ease-in;
	animation-iteration-count:infinite;
	transform-origin:0px 0px;	
	-webkit-animation-name:reduce;
	-webkit-animation-duration:40s;
	-webkit-animation-timing-function:ease-in;
	-webkit-animation-iteration-count:infinite;
	-webkit-transform-origin:0px 0px;	

}

@keyframes reduce {
	0% { transform:scale(1,1)}
	5% { transform:scale(1,1)}
	10% { transform:scale(0.3,0.3)}	
	95% { transform:scale(0.3,0.3)}	
	100% { transform:scale(1,1)}
}
@-webkit-keyframes reduce {
	0% { -webkit-transform:scale(1,1)}
	5% { -webkit-transform:scale(1,1)}
	10% { -webkit-transform:scale(0.3,0.3)}	
	95% { -webkit-transform:scale(0.3,0.3)}	
	100% { -webkit-transform:scale(1,1)}
}

.SS_Kiosco {
	position:absolute;
	left:200px;
	top:135px;
	animation:desaparece 40s linear infinite;
	-webkit-animation:desaparece 40s linear infinite;
}

@keyframes desaparece {
	0% { opacity:100; }
	65% { opacity:100;}
	70% { opacity:0;}
	100% { opacity:0;}
	
}
@-webkit-keyframes desaparece {
	0% { opacity:100; }
	65% { opacity:100;}
	70% { opacity:0;}
	100% { opacity:0;}
}