/* For generic page styles. Not for sliders. */

body {background:#333333;font:normal .9em Arial; margin:0; padding:0; padding-bottom:0px;}
ftbody {font:normal .9em Arial; color: #fff; margin:0; padding:0; padding-bottom:0px;}
h1 {display:inline; font:bold 1.5em Arial;}
h2 {display:inline; font:bold 1.2em Arial;}
.div1, .div2 {width:700px;margin:0 auto;}
.div1 {margin-top:30px;margin-bottom:60px;text-align:center;line-height:20px;}
.div1 P {font-size:18px;}
.div1 a, .div2 a {color:#07C; }
.div1 a {margin:0 8px;}
.div1 a.current {color:black; text-decoration:none;}
.div2 {margin-top:70px;}
.div2 li {padding-top:6px;padding-bottom:6px;}
.green {color:Green;}
.cn {font-family: "Courier New", Georgia;}
#box1 {
 box-shadow:8px 8px 15px 2px #404040; 
 }
 
 #box2 {
 box-shadow:8px 8px 15px 2px #404040; 
 transform: scale(1);
 }
 
  #box2:hover {
 box-shadow:8px 8px 15px 2px #404040; 
 transform: scale(1.2);
 }
 

		#navcontainer ul
		{
			margin: 0em;
			padding: .3em;
			list-style-type: none;
			text-align: center;
			background-color: #d00;
/			 box-shadow:6px 6px 10px 2px #404040; 
		}
		
		#navcontainer ul li { display: inline; }
		
		#navcontainer ul li a
		{
			text-decoration: none;
			font-weight: bold;
			padding: .3em 1em;
			color: #fff;
			background-color: #d00;
/			 box-shadow:6px 6px 10px 2px #404040; 
		}
		
		#navcontainer ul li big a
		{
			text-decoration: none;
			font-weight: bold;
/			padding: .3em 1em;
			padding: .5em 1em;
			color: #fff;
			background-color: #800;
/			box-shadow:2px 2px 3px 1px #404040; 
/			box-shadow:8px 8px 15px 2px #404040; 
		}
		

		#navcontainer ul li a:hover
		{
			color: #fff;
			background-color: #800;
		}
		
		#navcontainer { margin-bottom: 1em;} /* just to move code away from list example - not needed for list */
		
#left-header-wrapper {
    float: left;
    margin-left: 30px;
    margin-top: 8px;
}

a, img {
    border:none;
    outline:none
}

@keyframes animColor {
     0%   {left:0em; top:0em;}
    33%  {left:5em; top: 0em;}
    66%  { left:9.33em; top: 0em;}
    100%  {left:14em; top:0em;}
}

@keyframes animWhite {
     0%   { left:0em; top:0px;}
    100%  { left:16.5em; top:0px;}
}

#snimkaColor{
    width: 100px;
    height: 100px;
    animation-name: animColor ;
	animation-duration: 6s;
	position : relative;
    animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: linear; //ease
} 

#snimkaWhite{
    width: 100px;
    height: 100px;
    animation-name: animWhite ;
	animation-duration: 6s;
	position : relative;
    animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: linear; //ease
}