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





.CFBanner480x480 {
	position: relative;
	max-width: 480px;
	height: auto;
	overflow: hidden;
	background: #CCC;
	color:#4b4b4a;
	box-sizing: border-box;
}

.CFClickArea {
	display: block;
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index: 1000;
}

.CFBanner480x480 .size {
	max-width: 100%;
}


.CFBanner480x480 .CFSlide1 {
	position: absolute;
	z-index: 1;
	top:0;
	left:0;
	right:0;
	bottom: 0;
	opacity: 1;
	animation-name: CFSlide1;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	background: url(../images/3×nova-cena+PSi-480x480-01.png) no-repeat center center;
	background-size: cover;
}

@keyframes CFSlide1 {
	0%		{Opacity:1}
	31%		{Opacity:1}
	33%		{Opacity:0}
	97%		{Opacity:0}
	100%	{Opacity:1}
}


.CFBanner480x480 .CFSlide2 {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom: 0;
	opacity: 1;
	animation-name: CFSlide2;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	background: url(../images/3×nova-cena+PSi-480x480-02.png) no-repeat center center;
	background-size: cover;
}

@keyframes CFSlide2 {
	0%		{Opacity:0}
	31%		{Opacity:0}
	33%		{Opacity:1}
	64%		{Opacity:1}
	66%		{Opacity:0}
	100%	{Opacity:0}
}


.CFBanner480x480 .CFSlide3 {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom: 0;
	opacity: 1;
	animation-name: CFSlide3;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	background: url(../images/3×nova-cena+PSi-480x480-03.png) no-repeat center center;
	background-size: cover;
}

@keyframes CFSlide3 {
	0%		{Opacity:0}
	64%		{Opacity:0}
	66%		{Opacity:1}
	97%		{Opacity:1}
	99%		{Opacity:0}
	100%	{Opacity:0}
}