/* 
 * name: Slider-Lukasz&Ewel
 * version: 1.8
 * license: GPL /08032016//08112016/
 * author: Lukasz Pawlikow
 * */


body {
	margin:auto;
}

#z {
	margin-top:0px;
	position:relative;
	width:100%;
	height:400px;
}

/* alternatywny napis */
#napis {
	position:absolute;
	text-align:center;
	top:10%;
	left:3%;
	z-index:100;
	color:#000000;
	background:#ffffff;
	font-size:22px;
	opacity:0.7;
	padding:10px;
	border-radius:10px;
	box-shadow:#000000 0px 0px 5px;
}
.napis-mini {
	font-size:16px;
}
/* alternatywny napis, można usunąć */

#obraz1 {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: url(a.jpg) no-repeat top center;
	background-size: cover;
	z-index:1;
	animation-name:lukasz;
	animation-duration:20s;
	animation-iteration-count:infinite;
}

#obraz2 {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: url(b.jpg) no-repeat top center;
	background-size: cover;
	z-index:0;
	animation-name:lukasz2;
	animation-duration:20s;
	animation-iteration-count:infinite;
}

#obraz3 {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: url(c.jpg) no-repeat top center;
	background-size: cover;
	z-index:0;
	animation-name:lukasz3;
	animation-duration:20s;
	animation-iteration-count:infinite;
}

#obraz4 {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: url(d.jpg) no-repeat top center;
	background-size: cover;
	z-index:0;
	animation-name:lukasz4;
	animation-duration:20s;
	animation-iteration-count:infinite;
}

@keyframes lukasz {
    0%   {opacity:1;}
	25%	 {opacity:0;}
	50%  {opacity:0;}
	75%  {opacity:0;}
	100% {opacity:1;}
}

@keyframes lukasz2 {
    0%   {opacity:0;}
	25%	 {opacity:1;}
	50%  {opacity:0;}
	75%  {opacity:0;}
	100% {opacity:0;}
}

@keyframes lukasz3 {
    0%   {opacity:0;}
	25%	 {opacity:0;}
	50%  {opacity:1;}
	75%  {opacity:0;}
	100% {opacity:0;}
}

@keyframes lukasz4 {
    0%   {opacity:0;}
	25%	 {opacity:0;}
	50%  {opacity:0;}
	75%  {opacity:1;}
	100% {opacity:0.5;}
}