﻿    a.prvi:link , a.prvi:visited
	  {display:table-cell;
	  font-weight:bold;
	  font: 12px Arial;
	  color:white;
	  background-color:#FF4500;
	  width:120px;
	  height: 50px;
	  text-align:center;
	  text-decoration:none;	  
	  margin:3px;
	  padding:4px;
	  vertical-align:middle;}
	  
	  a.prvi:hover, a.prvi:active
	  {background-color:#FF7F50;}
	  
	  a.drugi:link , a.drugi:visited
	  {display:table-cell;
	  font-weight:bold;
	  font: 12px Arial;
	  color:#FF6347;
	  width:145px;
	  height: 40px;
	  text-align:center;
	  text-decoration:none;	  
	  margin:3px;
	  margin-bottom:0px;
	  padding:4px;
	  vertical-align:middle;}
	  
	  a.drugi:hover, a.drugi:active
	  {background-color:#FF7F50;}
	  
	  a.glavni:link, a.glavni:visited
	  {display:table-cell;
	  font-weight:bold;
	  font: 12px Arial;
	  color:#FF4500;
	  background-color:#F5DEB3;
	  width:145px;
	  height: 40px;
	  text-align:center;
	  text-decoration:none;	  
	  margin-bottom:0px;
	  padding:4px;
	  vertical-align:middle;}
	  
	  a.treci:link, a.treci:visited
	  {font-family:Verdana, Geneva, sans-serif;
	   font-style:normal;
	   color: #2F4F4F;
	   font-size:14px;
	   text-decoration:none;}
	   
	   a.treci:hover, a.treci:active
	  {color:black;}
	  
	  a.cetvrti:link, a.cetvrti:visited
	  {font-family:Arial Black, Gadget, sans-serif;
	  font-weight:bold;
	  color: #2F4F4F;
	  font-size:16px;
	  line-height:150%;
	  text-decoration:none;}
	   
	    a.cetvrti:hover, a.cetvrti:active
	  {color:black;}
	  
	  ul.prva {list-style-type: circle;}
      ul.druga {list-style-type: square;}
	  
	  .zalistu
	  {font-family:Verdana, Geneva, sans-serif;
	  font-style:normal;
	  color: #2F4F4F;
	  font-size:15px;}
	  
	  .glavnilista
	  {font-family:Verdana, Geneva, sans-serif;
	  font-weight:bold;
	  font-size:18px;
	  color: #2F4F4F;}
	  
	  div.linkovi2{width:940px;
				height:40px;
				position:relative;
				margin-left:70px;
				margin-top:60px;
				background-color: #FF6347;
				top:-9%;
				left:10%;
			}
	  
	  .naslov
	  {font-family:Verdana, Geneva, sans-serif;
	  font-weight:bold;
	  color: #2F4F4F;}
	  
	  .zanaslovnu
	  {font-family:Verdana, Geneva, sans-serif;
	  font-weight:bold;
	  color: #2F4F4F;
	  font-size:20px;
	  line-height:150%;}
	  
	  .tekst_glavni
	  {color:#FF4500;
	  font-weight:bold;
	  font-size:17px;}
	  
	  div.desni
	  {position:relative;
	  left:17%;
	  bottom:-20%;}
	  
	  #sat
	  {color:#2F4F4F;
	  font-family:Verdana, Geneva, sans-serif;
	  font-weight:bold;
	  font-size:18px;
	  line-height:150%;
	  }
	  
	  .slova
	  {color:white;
	  font-family:"Times New Roman", Times, serif;
	  font-weight:bold;}
	  
	  .tekst_linka
	  {color:white;
	  font-weight:bold;
	  font-size:17px;}
	  
	  div.right
	  {position:relative;
	  color:white;
	  line-height:100%;
	  width:40%;
	  height:100%;
	  top:-85%;
	  left:60%;
	  text-align:right;}
	 
	  div.container
	  {border:0px solid gray;
      margin:auto;
      height:700px;
      width:1099px;}
	  
	  div.header 
	    {position: relative;
	   padding: 10px;
	   color:white;
	   background-color:#FF6347;
	   line-height:100%;
	   width:100%;
	   height:14%;}
	   
	   div.center
	   {position:relative;
	   color:white;
	   line-height:100%;
	   width:45%;
	   left:17%;}
	   
	   div.centernasl
	   {position:relative;
	   color:white;
	   line-height:100%;
	   width:45%;
	   left:13%;
	   height:70%;
	   top:-55%;}
	   
	   div.odjel
	   {position:relative;
	   width:15%;
	   height:60%;
	   }
	   
	  div.footer
	    {position: relative;
	   padding: 10px;
	   color:white;
	   top:-74%;
	   background-color:#FF6347;
	   line-height:100%;
	   width:100%;
	   height:5%;
	   left:0.3%;
	   text-align:center;}
	   
	   div.footer2
	    {position: relative;
	   padding: 10px;
	   color:white;
	   top:-73.5%;
	   background-color:#FF6347;
	   line-height:100%;
	   width:100%;
	   height:5%;
	   left:0.3%;
	   text-align:center;}
	    
	   div.footer3
	    {position: relative;
	   padding: 10px;
	   color:white;
	   top:-71%;
	   background-color:#FF6347;
	   line-height:100%;
	   width:100%;
	   height:5%;
	   left:0.3%;
	   text-align:center;}
	   
	   div.footer4
	    {position: relative;
	   padding: 10px;
	   color:white;
	   top:-60%;
	   background-color:#FF6347;
	   line-height:100%;
	   width:100%;
	   height:5%;
	   left:0.3%;
	   text-align:center;}
	   
	   div.footer5
	    {position: relative;
	   padding: 10px;
	   color:white;
	   top:-74%;
	   background-color:#FF6347;
	   line-height:100%;
	   width:100%;
	   height:5%;
	   left:0.3%;
	   text-align:center;}
	   
	  div.left
	      {position:relative;
		width:15%;
		margin-top:20px;
		top:-10%;
		padding:10px;}
		
		div.left2
	      {position:relative;
		width:15%;
		height:45%;
		margin-top:20px;
		padding:10px;}
		  
	  div.content
	      {position:relative;
		left:17%;
		width:85%;
		height:70%;
		top:-74.5%;
		border-left: 1px solid gray;
		background-color:#F5DEB3;}
		
		div.content1
	      {position:relative;
		left:17%;
		width:85%;
		height:160%;
		top:-59.5%;
		border-left: 1px solid gray;
		background-color:#F5DEB3;}
		
		div.content2
	      {position:relative;
		left:17%;
		width:85%;
		height:65%;
		top:-71.5%;
		background-color:#F5DEB3;}
		
		div.content3
	      {position:relative;
		left:17%;
		width:85%;
		height:65%;
		top:-74%;
		border-left: 1px solid gray;
		background-color:#F5DEB3;}
		
	  div.unutarnji_lijevi
	  {position:relative;
	  left:5%;
	  top:25%;
	  height:100%;
	  width:50%;}
	  
	  div.unutarnji_lijevi2
	  {position:relative;
	  left:3%;
	  top:20%;
	  height:80%;
	  width:45%;}
	  
	  div.interesi
	  {position:relative;
	  left:5%;
	  top:15%;
	  height:100%;
	  width:50%;}
	  
	  div.unutrasnjost
	  {position:relative;
	  background-color:#F5DEB3;
	  height:105%;
	  width:100%;
	  top:-4%;
	  border-left: 1px solid gray;}
	  
	  div.slika1
	  {position:relative;
	  height:200px;
	  top:-70%;
	  left:70%;}
	  
	  div.slika2
	  {position:relative;
	  height:150px;
	  top:-85%;
	  left:42%;}
	  
	  div.slika3
	  {position:relative;
	  height:150px;
	  top:-165%;
	  left:40%;}
	  
	  div.unutarnji_desni
	  {position:relative;
	  top:-85%;
	  line-height:100%;
	  height:100%;
	  width:50%;
	  left:45%;}
	  
	  div.lista
	  {position:relative;
	  height:100%;
	  width:100%;
	  top:5%;
	  left:15%;}
	  
	  div.lista2
	  {position:relative;
	  height:100%;
	  width:100%;
	  top:15%;
	  left:15%;}
	  
	  div.tabl
	  {position:relative;
	  width:90%;
	  left:5%;
	  top:3%;}
	  
	  div.linkovi
	    {position:relative;
	   width:102%;
	   height:7%;
	   line-height:100%;
	   background-color:#FF6347;
	   color:white;}
	   
	   div.opis
	  {position:relative;
	  height:60%;
	  width:92%;
	  text-align:left;
	  top:5%;
	  left:5%;}
	
	   
	  td.tabla
	   {padding:10px;
	   border: 2px solid black;
	   vertical-align:middle;
	   text-align:center;
	   font-family:Arial Black, Gadget, sans-serif;
	   font-weight:bold;
	   color: black;
	   font-size:16px;}
	   
	   td.tablica
	    {padding:8px;
	   border: 1px solid black;
	   vertical-align:middle;
	   text-align:center;
	   font-family:Verdana, Geneva, sans-serif;
	   font-style:normal;
	   color: #2F4F4F;
	   font-size:14px;}
	   
	   div.video
	   {position:relative;
	   width:420px;
	   height:315px;
	   top:-70%;
	   left:50%;}
	   
	   .nasloviopisa
	   {font-family:Arial Black, Gadget, sans-serif;
	   font-weight:bold;
	   color: #2F4F4F;
	   font-size:16px;
	   line-height:150%;}
	   
	   div.valid
	   {position:relative;
	   left:8%;
	   top:-125%;
	   height:31px; 
	   width:88px;}
 
 div.animacija
{position:relative;
width:35px;
height:100px;
animation-name:nota;
animation-duration:7s;
animation-timing-function:linear;
animation-iteration-count:infinite;
animation-direction:alternate;
animation-play-state:running;
/* Firefox: */
-moz-animation-name:nota;
-moz-animation-duration:7s;
-moz-animation-timing-function:linear;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:alternate;
-moz-animation-play-state:running;
/* Safari and Chrome: */
-webkit-animation-name:nota;
-webkit-animation-duration:7s;
-webkit-animation-timing-function:linear;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:alternate;
-webkit-animation-play-state:running;
}

@keyframes nota
{
0%   {left:320px; top:-60px;}
50%  {left:420px; top:-60px;}
100% {left:320px; top:-60px;}
}

@-moz-keyframes nota /* Firefox */
{
0%   {left:320px; top:-60px;}
50%  {left:420px; top:-60px;}
100% {left:320px; top:-60px;}
}

@-webkit-keyframes nota /* Safari and Chrome */
{
0%   {left:320px; top:-60px;}
50%  {left:420px; top:-60px;}
100% {left:320px; top:-60px;}
}
 