@charset "utf-8";

#kontakt a {
color: #fff !important;
background-color: #8a005e;
}
#banner {
background-image:url(../img/02.jpg)

}

#banner img {
width:100%;
height:auto;
position: absolute;
opacity: 0;

}

#banner img:nth-of-type(1) {
    animation: fade 30s ease-in-out infinite;
	-webkit-animation: fade 30s ease-in-out infinite;
}

#banner img:nth-of-type(2) {
    animation: fade 30s 6s ease-in-out infinite;
 	-webkit-animation: fade 30s 6s ease-in-out infinite;
}
#banner img:nth-of-type(3) {
    animation: fade 30s 12s ease-in-out infinite;
	-webkit-animation: fade 30s 12s ease-in-out infinite;

}

#banner img:nth-of-type(4) {
    animation: fade 30s 18s ease-in-out infinite;
    -webkit-animation: fade 30s 18s ease-in-out infinite;	
}

#banner img:nth-of-type(5) {
    animation: fade 30s 24s ease-in-out infinite;
    -webkit-animation: fade 30s 24s ease-in-out infinite;	
}

@keyframes fade {
    6.66%, 20%          {opacity:1;}
       0%, 26.66%, 100% {opacity:0;}
}
@-webkit-keyframes fade {
    6.66%, 20%          {opacity:1;}
       0%, 26.66%, 100% {opacity:0;}
}