body{
	background: url(slike/ozadje.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
div.noga {
			position: fixed;
			bottom: 0;
			left: 0%;
			width: 100%;
			height:50px;
			border: 0px solid #73AD21;
			background-color:#5F6B61;
			border-radius:0px;
			z-index:+1;
			color:white;
			text-align:center;
			
		}
		th.meni{
			width:20%;
		}
		.naslov {
			height:150px; 
			width:80%; 
			margin:auto; 
			text-align:center; 
			background-color:#0C2C52; 
			border-radius:30px;
			color:white;
			vertical-align:middle;
			border: 3px dotted #174882;
			box-shadow: 4px 4px 2px #888888;
		}
		
		
		
		
		.jedrotext {
			width:60%;
			position:relative;
			top:30px;
			margin:auto; 
			text-align:center;
			animation:flipInY 0.8s ease 0s;
		}
		.jedro {
			height:102%; 
			width:70%; 
			margin:auto; 
			text-align:center; 
			background:linear-gradient(#5E9DC8,#DCF0F7); 
			z-index:-2;
			left:15%;
			border: 2px dotted #73AD21;
			bottom:0%;
		}
		@keyframes flipInY {
			  from {
				-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
				transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
				-webkit-animation-timing-function: ease-in;
				animation-timing-function: ease-in;
				opacity: 0;
			  }

				40% {
				-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
				transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
				-webkit-animation-timing-function: ease-in;
				animation-timing-function: ease-in;
			  }

			  60% {
				-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
				transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
				opacity: 1;
			  }

			  80% {
				-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
				transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
			  } 

			  to {
				-webkit-transform: perspective(400px);
				transform: perspective(400px);
			  }
			}
		div.oblacek{
			text-align:center;
			position:relative;
			margin:15px;
			padding:15px;
			width:150px;
			height:150px;
			background-color:#2e4f61;
			border-radius:20px;
			float:left;
			box-shadow: 5px 5px 2px #888888;
		}
		div.oblaceknaslov{
			text-align:center;
			/*position:relative;*/
			padding:15px;
			width:400px;
			height:75px;
			background-color:#2e4f61;
			border-radius:20px;
			margin:auto;
			box-shadow: 5px 5px 2px #888888;
		}
		img.oblacek{
			height:100px; width:100px;
			border-radius:10px;
			/*position:relative;
			top:10px;*/
		}
		img.velika{
			position:absolute;
			width:0px;
			transition:width 0.3s linear 0s;
			z-index:10;
		}
		img.oblacek:hover + img.velika{
			width:400px;
		}
		a{
			text-decoration:none;
			color:white;
			
		}
		a:hover{
			text-decoration:none;
			color:#cccccc;
			
		}
		div.meni{
			text-align:center;
			position:relative;
			margin:5px;
			padding:5px;
			width:80px;
			height:20px;
			background-color:#2e4f61;
			border-radius:20px;
			
			box-shadow: 5px 5px 2px #888888;
		}
		h1{
			color:white;
		}
		p{
			color:#c7d0d5;
		}