* { padding: 0; margin: 0; }

body {
 /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
 font-family:Geneva, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color:#3c3c3c;
}

h1 {color:#8a8989;
	font-size:20px;}
	
	
h2 {color:#8a8989;
	font-size:15px;
	padding-bottom:10px;}
	
ul {
list-style-image: url('../slike/list-square.png');
padding-left:30px;
}

#wrapper { 
 margin: 0 auto;
 width: 900px;
background-image:url(../slike/wrapper-background.png);
background-repeat:no-repeat;
background-position:bottom;


}

#content-nasl { 
background-image:url(../slike/header.png);
background-repeat:no-repeat;
background-position:top; 
 width: 900px;
min-height: 620px;
padding-top: 160px;

}

#content-str { 
background-image:url(../slike/header.png);
background-repeat:no-repeat;
background-position:top; 
 width: 900px;
min-height: 620px;
padding-top: 160px;

}

#header {
 color: #333;
 width: 900px;
 float: left;
 height: 75px;
 background: #6B6659;
}

#footer { 
 width: 900px;
 height: 25px;
 clear: both;
padding-bottom: 5px;
text-align:center
}


div.inline { 
	float:left;
	margin:  6px
}
.clearBoth { clear:both; }



/**rollover**/


a.singleRollover2013 {  
	display: block;
        width: 100px;  
        height: 100px;  
        background: url(../slike/slika.jpg) no-repeat -300px -600px;  
        overflow: hidden;  
        text-indent: -10000px;  
        font-size: 0px;  
        line-height: 0px;  
    }  
  

  
a:hover.singleRollover2013 {  
    background-position:-300px -700px;  
} 






a.singleRolloverHome {  
	display: block;
        width: 100px;  
        height: 100px;  
        background: url(../slike/slika.jpg) no-repeat -200px -600px;  
        overflow: hidden;  
        text-indent: -10000px;  
        font-size: 0px;  
        line-height: 0px;  
    }  
  

  
a:hover.singleRolloverHome {  
    background-position:-200px -700px;  
} 


a.singleRolloverH {  
	display: block;
        width: 100px;  
        height: 100px;  
        background: url(../slike/slika.jpg) no-repeat -100px -600px;  
        overflow: hidden;  
        text-indent: -10000px;  
        font-size: 0px;  
        line-height: 0px;  
    }  
  

  
a:hover.singleRolloverH {  
    background-position:-100px -700px;  
}  


a.singleRollover2012 {  
	display: block;
        width: 100px;  
        height: 100px;  
        background: url(../slike/slika.jpg) no-repeat 0 -600px;  
        overflow: hidden;  
        text-indent: -10000px;  
        font-size: 0px;  
        line-height: 0px;  
    }  
  

  
  
  
a:hover.singleRollover2012 {  
    background-position: 0 -700px;  
}  
  

a.singleRollover2011 {
	display: block;  
        width: 100px;  
        height: 100px;  
        background: url(../slike/slika.jpg) no-repeat -1000px -400px;
        overflow: hidden;  
        text-indent: -10000px;  
        font-size: 0px;  
        line-height: 0px;  
    }  
  

  

  
a:hover.singleRollover2011 {  
    background-position: -1000px -500px; 
}  




a.singleRollover2010 {
	display: block;  
        width: 100px;  
        height: 100px;  
        background: url(../slike/slika.jpg) no-repeat -900px -400px;
        overflow: hidden;  
        text-indent: -10000px;  
        font-size: 0px;  
        line-height: 0px;  
    }  
  
 
  
a:hover.singleRollover2010 {  
    background-position: -900px -500px;  
}  



a.singleRollover2009 {
	display: block;  
        width: 100px;  
        height: 100px;  
        background: url(../slike/slika.jpg) no-repeat -800px -400px;
        overflow: hidden;  
        text-indent: -10000px;  
        font-size: 0px;  
        line-height: 0px;  
    }  
  

  

  
a:hover.singleRollover2009 {  
    background-position: -800px -500px; 
}  




a.singleRollover2008 {
	display: block;  
        width: 100px;  
        height: 100px;  
        background: url(../slike/slika.jpg) no-repeat -700px -400px;
        overflow: hidden;  
        text-indent: -10000px;  
        font-size: 0px;  
        line-height: 0px;  
    }  
  

  
a:visited.singleRollover2008 {  
    background-position: 0 -200px;  
}  
  
a:hover.singleRollover2008 {  
    background-position: -700px -500px;  
}  



a.singleRollover2007 {
	display: block;  
        width: 100px;  
        height: 100px;  
        background: url(../slike/slika.jpg) no-repeat -600px -400px;
        overflow: hidden;  
        text-indent: -10000px;  
        font-size: 0px;  
        line-height: 0px;  
    }  
  

  
 
  
a:hover.singleRollover2007 {  
    background-position: -600px -500px; 
}  




a.singleRollover2006 {
	display: block;  
        width: 100px;  
        height: 100px;  
        background: url(../slike/slika.jpg) no-repeat -500px -400px;
        overflow: hidden;  
        text-indent: -10000px;  
        font-size: 0px;  
        line-height: 0px;  
    }  
  

  
 
  
a:hover.singleRollover2006 {  
    background-position: -500px -500px; 
}  


a.singleRollover2005 {
	display: block;  
        width: 100px;  
        height: 100px;  
        background: url(../slike/slika.jpg) no-repeat -400px -400px;
        overflow: hidden;  
        text-indent: -10000px;  
        font-size: 0px;  
        line-height: 0px;  
    }  
  


  
a:hover.singleRollover2005 {  
    background-position: -400px -500px;
}  



a.singleRollover2004 {
	display: block;  
        width: 100px;  
        height: 100px;  
        background: url(../slike/slika.jpg) no-repeat -300px -400px; 
        overflow: hidden;  
        text-indent: -10000px;  
        font-size: 0px;  
        line-height: 0px;  
    }  
  

  

  
a:hover.singleRollover2004 {  
    background-position: -300px -500px;  
}  






a.singleRollover2003 {
	display: block;  
        width: 100px;  
        height: 100px;  
        background: url(../slike/slika.jpg) no-repeat -200px -400px;  
        overflow: hidden;  
        text-indent: -10000px;  
        font-size: 0px;  
        line-height: 0px;  
    }  
  

  
  
a:hover.singleRollover2003 {  
    background-position: -200px -500px;
} 


a.singleRollover2002 {
	display: block;  
        width: 100px;  
        height: 100px;  
        background: url(../slike/slika.jpg) no-repeat -100px -400px;  
        overflow: hidden;  
        text-indent: -10000px;  
        font-size: 0px;  
        line-height: 0px;  
    }  
  

  

  
a:hover.singleRollover2002 {  
    background-position: -100px -500px;  
}  



a.singleRollover2001 {
	display: block;  
        width: 100px;  
        height: 100px;  
        background: url(../slike/slika.jpg) no-repeat 0 -400px;  
        overflow: hidden;  
        text-indent: -10000px;  
        font-size: 0px;  
        line-height: 0px;  
    }  
  


  
a:hover.singleRollover2001 {  
    background-position: 0 -500px;  
}  




a.singleRollover2000 {
	display: block;  
        width: 100px;  
        height: 100px;  
        background: url(../slike/slika.jpg) no-repeat -1000px -200px; 
        overflow: hidden;  
        text-indent: -10000px;  
        font-size: 0px;  
        line-height: 0px;  
    }  
  

  
a:hover.singleRollover2000 {  
    background-position: -1000px -300px; 
}  



a.singleRollover1999 {
	display: block;  
        width: 100px;  
        height: 100px;  
        background: url(../slike/slika.jpg) no-repeat -900px -200px;  
        overflow: hidden;  
        text-indent: -10000px;  
        font-size: 0px;  
        line-height: 0px;  
    }  
  

  

  
a:hover.singleRollover1999 {  
    background-position: -900px -300px; 
}  




a.singleRollover1998 {
	display: block;  
        width: 100px;  
        height: 100px;  
        background: url(../slike/slika.jpg) no-repeat -800px -200px; 
        overflow: hidden;  
        text-indent: -10000px;  
        font-size: 0px;  
        line-height: 0px;  
    }  
  

 
  
a:hover.singleRollover1998 {  
    background-position: -800px -300px; 
}  





a.singleRollover1997 {
	display: block;  
        width: 100px;  
        height: 100px;  
        background: url(../slike/slika.jpg) no-repeat -700px -200px;
        overflow: hidden;  
        text-indent: -10000px;  
        font-size: 0px;  
        line-height: 0px;  
    }  
  

  
  
a:hover.singleRollover1997 {  
    background-position: -700px -300px;  
}  


a.singleRollover1996 {
	display: block;  
        width: 100px;  
        height: 100px;  
        background: url(../slike/slika.jpg) no-repeat -600px -200px;
        overflow: hidden;  
        text-indent: -10000px;  
        font-size: 0px;  
        line-height: 0px;  
    }  
  

  

  
a:hover.singleRollover1996 {  
    background-position: -600px -300px;   
}  



a.singleRollover1995 {
	display: block;  
        width: 100px;  
        height: 100px;  
        background: url(../slike/slika.jpg) no-repeat -500px -200px;   
        overflow: hidden;  
        text-indent: -10000px;  
        font-size: 0px;  
        line-height: 0px;  
    }  
  

  
  
a:hover.singleRollover1995 {  
    background-position: -500px -300px;   
}  





a.singleRollover1994 {
	display: block;  
        width: 100px;  
        height: 100px;  
        background: url(../slike/slika.jpg) no-repeat -400px -200px; 
        overflow: hidden;  
        text-indent: -10000px;  
        font-size: 0px;  
        line-height: 0px;  
    }  
  

  
  
a:hover.singleRollover1994 {  
    background-position: -400px -300px;   
}  




a.singleRollover1993 {
	display: block;  
        width: 100px;  
        height: 100px;  
        background: url(../slike/slika.jpg) no-repeat -300px -200px; 
        overflow: hidden;  
        text-indent: -10000px;  
        font-size: 0px;  
        line-height: 0px;  
    }  
  

  

a:hover.singleRollover1993 {  
    background-position: -300px -300px;  
} 



a.singleRollover1992 {
	display: block;  
        width: 100px;  
        height: 100px;  
        background: url(../slike/slika.jpg) no-repeat -200px -200px;   
        overflow: hidden;  
        text-indent: -10000px;  
        font-size: 0px;  
        line-height: 0px;  
    }  
  

  
  
a:hover.singleRollover1992 {  
    background-position: -200px -300px; 
} 



a.singleRollover1991 {
	display: block;  
        width: 100px;  
        height: 100px;  
        background: url(../slike/slika.jpg) no-repeat -100px -200px;  
        overflow: hidden;  
        text-indent: -10000px;  
        font-size: 0px;  
        line-height: 0px;  
    }  
  

  
  
a:hover.singleRollover1991 {  
    background-position: -100px -300px;  
} 



a.singleRollover1990 {
	display: block;  
        width: 100px;  
        height: 100px;  
        background: url(../slike/slika.jpg) no-repeat 0px -200px;  
        overflow: hidden;  
        text-indent: -10000px;  
        font-size: 0px;  
        line-height: 0px;  
    }  
  
  
a:hover.singleRollover1990 {  
    background-position: 0px -300px; 
} 



a.singleRollover1989 {
	display: block;  
        width: 100px;  
        height: 100px;  
        background: url(../slike/slika.jpg) no-repeat -1000px 0;  
        overflow: hidden;  
        text-indent: -10000px;  
        font-size: 0px;  
        line-height: 0px;  
    }  
  


  
a:hover.singleRollover1989 {  
    background-position: -1000px -100px;  
} 



a.singleRollover1988 {
	display: block;  
        width: 100px;  
        height: 100px;  
        background: url(../slike/slika.jpg) no-repeat -900px 0;  
        overflow: hidden;  
        text-indent: -10000px;  
        font-size: 0px;  
        line-height: 0px;  
    }  
  

  

  
a:hover.singleRollover1988 {  
    background-position: -900px -100px;  
} 


a.singleRollover1987 {
	display: block;  
        width: 100px;  
        height: 100px;  
        background: url(../slike/slika.jpg) no-repeat -800px 0;  
        overflow: hidden;  
        text-indent: -10000px;  
        font-size: 0px;  
        line-height: 0px;  
    }  
  

  
  
a:hover.singleRollover1987 {  
    background-position: -800px -100px;  
} 




a.singleRollover1986 {
	display: block;  
        width: 100px;  
        height: 100px;  
        background: url(../slike/slika.jpg) no-repeat -700px 0;  
        overflow: hidden;  
        text-indent: -10000px;  
        font-size: 0px;  
        line-height: 0px;  
    }  
  


  
a:hover.singleRollover1986 {  
    background-position: -700px -100px;  
} 





a.singleRollover1985 {
	display: block;  
        width: 100px;  
        height: 100px;  
        background: url(../slike/slika.jpg) no-repeat -600px 0;  
        overflow: hidden;  
        text-indent: -10000px;  
        font-size: 0px;  
        line-height: 0px;  
    }  
  

  
 
a:hover.singleRollover1985 {  
    background-position: -600px -100px;  
} 




a.singleRollover1984 {
	display: block;  
        width: 100px;  
        height: 100px;  
        background: url(../slike/slika.jpg) no-repeat -500px 0px;  
        overflow: hidden;  
        text-indent: -10000px;  
        font-size: 0px;  
        line-height: 0px;  
    }  
  
a:hover.singleRollover1984 {  
    background-position: -500px -100px;  
} 


a.singleRollover1983 {
	display: block;  
        width: 100px;  
        height: 100px;  
        background: url(../slike/slika.jpg) no-repeat -400px 0px;  
        overflow: hidden;  
        text-indent: -10000px;  
        font-size: 0px;  
        line-height: 0px;  
    }  
  


  
a:hover.singleRollover1983 {  
    background-position: -400px -100px;  
} 



a.singleRollover1982 {
	display: block;  
        width: 100px;  
        height: 100px;  
        background: url(../slike/slika.jpg) no-repeat -300px 0px;  
        overflow: hidden;  
        text-indent: -10000px;  
        font-size: 0px;  
        line-height: 0px;  
    }  
  
a:hover.singleRollover1982 {  
    background-position: -300px -100px;  
} 


a.singleRollover1981 {
	display: block;  
        width: 100px;  
        height: 100px;  
        background: url(../slike/slika.jpg) no-repeat -200px 0px;  
        overflow: hidden;  
        text-indent: -10000px;  
        font-size: 0px;  
        line-height: 0px;  
    }  
  
  
a:hover.singleRollover1981 {  
    background-position: -200px -100px;  
} 






a.singleRollover1980 {
	display: block;  
        width: 100px;  
        height: 100px;  
        background: url(../slike/slika.jpg) no-repeat -100px 0px;  
        overflow: hidden;  
        text-indent: -10000px;  
        font-size: 0px;  
        line-height: 0px;  
    }  

a:hover.singleRollover1980 {  
    background-position: -100px -100px;  
} 

a.singleRollover1974 {
	display: block;  
        width: 100px;  
        height: 100px;  
        background: url(../slike/slika.jpg) no-repeat 0 0;  
        overflow: hidden;  
        text-indent: -10000px;  
        font-size: 0px;  
        line-height: 0px;  
    }  
  
  
a:hover.singleRollover1974 {  
    background-position: 0 -100px;  
} 

#lijevi-stupac {
	float:left;
	width:760px;
	padding-top: 30px;
	padding-left:10px;
	padding-bottom:60px;
	background-image:url(../slike/lijevi-background.png);
	background-position:top right;
	background-repeat:no-repeat;
}


#desni-stupac p {
	padding-bottom:4px;
	}	

#desni-stupac {
	float:left;
	width:100px;
	padding-top: 30px;
	padding-left:20px;
	text-align:right;
	font-size:10px;
}