/* 
n=number of images
a=presentation time for one image
b=duration for cross fading
animation-duration t=(a+b)*n
animation-delay = t/n or = a+b

Percentage for keyframes:
    0%
    a/t*100%
    (a+b)/t*100% = 1/n*100%
    100%-(b/t*100%)
    100%
 */
	@keyframes cfFadeInOut {
	 0% {
       opacity:1;
     }
     9% {
       opacity:1;
     }
     12% {
       opacity:0;
     }
     96% {
       opacity:0;
     }
     100% {
       opacity:1;
     }
	}

	#cf img {
		position:absolute;
		top:120;
		center:0;
	}
	#cf img {
		animation-name: cfFadeInOut;
		animation-timing-function: ease-in-out;
		animation-iteration-count: infinite;
		animation-duration: 30s;
	}
    #cf img:nth-of-type(1) {
		animation-delay: 27s;
    }
    #cf img:nth-of-type(2) {
		animation-delay: 24s;
    }
    #cf img:nth-of-type(3) {
		animation-delay: 21s;
    }
    #cf img:nth-of-type(4) {
		animation-delay: 18s;
    }
    #cf img:nth-of-type(5) {
		animation-delay: 15s;
    }
    #cf img:nth-of-type(6) {
		animation-delay: 12s;
    }
    #cf img:nth-of-type(7) {
		animation-delay: 9s;
    }
    #cf img:nth-of-type(8) {
		animation-delay: 6s;
    }
    #cf img:nth-of-type(9) {
		animation-delay: 3s;
    }
    #cf img:nth-of-type(10) {
		animation-delay: 0;
    }
    
#left .tabela a
{
display:block;
color:007722;
text-decoration:none;
background:#ffffff;
margin-bottom:0px;
font-weight:bold;
/*transition-property: height, width, background, border;  */
transition-duration: 2s, 1s;
-webkit-transition-duration: 2s, 1s; 
}
#left .tabela a:hover
{
border: 1px solid;
/*height: 33px;*/
color:#aa0000;
background-color:#fff0e9;
}

#linki .tresc a
{

color:006600;

background:#ffffff;
margin-bottom:3px;
font-weight:bold;
}
#linki .tresc a:hover
{
border: 0px;
color:#990000;
}