/*

	Supersized - Fullscreen Slideshow jQuery Plugin
	Version : 3.2.7
	Site	: www.buildinternet.com/project/supersized
	
	Author	: Sam Dunn
	Company : One Mighty Roar (www.onemightyroar.com)
	License : MIT License / GPL License
	
*/

* { margin:0; padding:0; }
body { background:#111; height:100%; }
	img { border:none; }
	
	#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}
	
	#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
		#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
			#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
			#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
		
		#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
		#supersized a { width:100%; height:100%; display:block; }
			#supersized li.prevslide { z-index:-20; }
			#supersized li.activeslide { z-index:-10; }
			#supersized li.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }
				#supersized li.image-loading img{ visibility:hidden; }
			#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }







/************* POCETAK *****************/


#sadrzaj {
	position:absolute;
    	top:85px;left:195px;
    	z-index:700;
	width: 600px;
	
	padding:0px;
	border:0px solid #ff0000;
	/*background:url('/slike/podloga_tekst_d.png');
	background-repeat:no-repeat;*/
	font: 12px Arial, Verdana, Georgia, Serif;
	color:#e4d3be;
	text-align:justify;
}

#text {
	z-index:700;
	width: 500px;
	padding:0px;
	border:0px solid #ff0000;
	font: 12px Arial, Verdana, Georgia, Serif;
	color:#333333;
	text-align:justify;
}




#izbornik {
	
	
	margin: 0 auto;
	position:absolute;
    	top:0px;left:0px;
	border:0px solid #ff00ff;
    	width: 100%;
	height:212px;
    	background:url('/slike/podloga_izbornik.png');
	background-repeat:no-repeat;
    	font: 18px/2.2 Arial, Verdana, Georgia, Serif;
	z-index:100;
	color:#6d6d60;
	text-align:left;
	padding-left:11px;
	
}



#navigacija {
	
	
	margin: 0 auto;
	position:absolute;
    	top:40px;left:220px;
	border:0px solid #ff00ff;
	padding-left:3px;
    	width: 100%;
	height:25%;
    	font: 16px/2.2 Arial, Verdana, Georgia, Serif;
	z-index:100;
	color:#bdad8e;
}



#footer {
		
	margin: 0 auto;
	position:absolute;
    	bottom:0%;left:0px;
	border:0px solid #ff00ff;
    	width: 100%;
	height:35px;
    	background:#000000;
	font: 11px Verdana, Georgia, Serif;
	color:#444444;
	text-align:left;
	z-index:1000;
}



/************** NAVIGACIJA *******************/

ul#navigation-1 { 
margin:0; 
padding:1px 0; 
list-style:none; 
width:100%; 
height:37px; 
color:#9a8778;
}


ul#navigation-1 li { 
margin:0; 
padding:0 5px 0 0px; 
display:inline-block; 
float:left; 
position:relative; 
border-right:0px solid #000;
line-height: 1.4em;


}


ul#navigation-1 li a:link,
ul#navigation-1 li a:visited { 
padding:10px 0; 
display:inline-block; 
text-align:center; 
text-decoration:none; 
background:transparent; 
color:#9a8778;
 
height:20px; 
font-weight:normal;
}


ul#navigation-1 li:hover a,
ul#navigation-1 li a:hover,
ul#navigation-1 li a:active { 
 
display:inline-block; 
text-align:center; 
text-decoration:none; 
background:transparent; 
color:#ffffff;

height:30px; 
border-left:0px solid #ffffff; 
border-right:0px solid #ffffff; 
}

	
ul#navigation-1 li ul.navigation-2 { 
margin:0; 
padding:1px 1px 0; 
list-style:none; 
display:none; 
background:transparent; 
width:150px; 
position:absolute; 
top:31px; 
left:-1px; 
border:0px solid #666666; 
border-bottom:0px solid #9a8778; 
}


ul#navigation-1 li:hover ul.navigation-2 { 
display:block; 
}


ul#navigation-1 li ul.navigation-2 li { 
width:150px; 
clear:left; 

}


ul#navigation-1 li ul.navigation-2 li a:link,
ul#navigation-1 li ul.navigation-2 li a:visited { 
clear:left; 
background:#222222; 
padding:4px 0; 
width:150px; 
border:0px solid #9a8778;

position:relative; 
z-index:1000; 
color:#9a8778;
}


ul#navigation-1 li ul.navigation-2 li:hover a,
ul#navigation-1 li ul.navigation-2 li a:active,
ul#navigation-1 li ul.navigation-2 li a:hover { 
clear:left; 
background:#000000; 
padding:4px 0; 
width:150px; 
border:0px solid #9a8778;
position:relative; 
z-index:1000; 
color:#ffffff;
}


ul#navigation-1 li ul.navigation-2 li ul.navigation-3 { 
display:none; 
margin:0; 
padding:0; 
list-style:none; 
position:absolute; 
left:195px; 
top:-2px; 
padding:1px 1px 0 1px; 
border:1px solid transparent; 
border-left:0px solid #666666; 
background:transparent; 
z-index:900; 
}


ul#navigation-1 li ul.navigation-2 li:hover ul.navigation-3 { 
display:block; 
}


ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited { 
background:#666666; 
}


ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active { 
background:#999999; 
}


ul#navigation-1 li ul.navigation-2 li a span { 
position:absolute; 
top:0; 
left:132px; 
font-size:12pt; 
color:#fe676f; 
}


ul#navigation-1 li ul.navigation-2 li:hover a span,
ul#navigation-1 li ul.navigation-2 li a:hover span { 
position:absolute; 
top:0; 
left:132px; 
font-size:12pt; 
color:#ffffff; 
}


/******* navigacija kraj  ***************/



/**********Accordion ***********************/



#wrap{
			margin: 0px auto;
			width: 600px;
			border:0px solid red;
		}

		#accordion{
			width: 600px;
			margin: 0px;
			padding: 0px;
			list-style: none;
		}

		#accordion h2{
			font-size: 12pt;
			margin: 0px;
			padding: 10px;
			background: #bdad8e;
			border-bottom: 1px solid #fff;
		}
		#accordion li div.content{
			display: none;
			padding: 10px;
			background: #D9CBB0;
			border: 1px solid #ddd;
		}

		#accordion li:hover div.content{
			display: inherit;
		}


/**********  Accordion kraj *********/