@charset "utf-8";
/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family:Arial, Helvetica, sans-serif;
}

td {
padding:5px;
margin:5px;
vertical-align: top;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

img, .pngfix, input { behavior: url("iepngfix/iepngfix.htc") }

body {
background-color:#e7e7e7;
background-position:center top;
background-repeat:repeat-y;

}

#logo-click {
	display:block;
	position:relative;
	width:240px;
	height:100px;
	left:30px;
	top:20px;
	}
	
#wrapper {
width:1000px;
margin: auto;
background-color:#ffffff;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
color:#616161;

}
#holder {
position:relative;
width:1000px;
padding:0px;

}




#lijevo {
margin:0px;
padding:0px;
width:1000px;
background-image:url(../images/content.jpg);
background-position: top;
background-repeat:no-repeat;
background-color:#ffffff;
height:250px;
}




.desno {
font-size:12px;
 position:absolute;
width:308px;

left:692px;
top:-30px;

color:#005caa;
font-weight:bold;
font-size:14px;
margin-bottom:5px;
margin-top:10px;


}
.news-inner{
padding:10px;
}
#news {
background-image:url(../images/bg-news.jpg);
}
.desno  .novost{
padding-bottom:20px;

}


.desno  .vise {
float:right;
}


#content {
float:left;
width:580px;
margin:0px;
padding:0px;

margin-left:55px;

}


#novosti{


width:220px;
margin:0px;
padding:0px;
margin-left:20px;
}

#novosti-naslov {
width:220px;
color:#9b1519;
font-weight:bold;
font-size:14px;
margin-bottom:15px;
margin-top:10px;
margin-left:20px;
text-transform:uppercase;
}
#content h2 {
color:#005caa;
font-weight:bold;
font-size:14px;
margin-bottom:15px;
margin-top:10px;

}

#content h3 {
color:#005caa;
font-weight:normal;
font-variant:all-caps;
font-size:14px;
margin-bottom:15px;
margin-top:10px;

}

h5, h5 a {
margin-bottom:5px;
margin-top:5px;
font-size:10px;
color:#999;	
	}
 h5 a:hover {
color:#000;	
	}
	
	
	

#content strong,
#content b
 {
font-weight:bold;
}

#content p, #content li {
color:#616161;
font-size:12px;
}

#content li {
margin-bottom:5px;
}

#content small {

font-size:10px;
}
.copy {
position:relative;
top:150px;
left:50px;
font-size:10px;
color:#666;
}
.copy a {
font-size:10px;
color:#666;
}

#onama-menu {
float:left;
padding-bottom:20px;
padding-right:15px;
margin-right:15px;
border-right:1px dashed #ccc;
}

#content #onama-menu a {
display:block;
padding-bottom:5px;
}

#content a {
color:#616161;
font-size:12px;
}
#content a:hover {
color:#000000;
font-size:12px;
}
#sub-page  {
float:left;
width:300px;
}
#content #sub-page ol , #content #sub-page ul  {
margin-left:20px;
}

#content ol, #content ul {
list-style-type:disc;
margin-left:20px;
margin-bottom:10px;
margin-top:10px;
}

.slika {
	padding:10px;
	}

.desno p {
color:#666;
font-size:10px;
font-weight:normal;
}
.desno a {
text-decoration:underline;
color:#666;
font-size:10px;
}

.vise {
float:right;
}

#header {
background-image:url(../images/header.jpg);
width:1000px;
height:200px;
margin:0px;
padding:0px;
margin-top:20px;
}
#header-text {
position:relative;
top:-80px;
left:180px;
font-size:12px;
}

#end-article {
width:1000px;
height:120px;
margin:0px;
padding:0px;
}

#end-article img {
float:left;
margin:0px;
padding:0px;
}

#footer {
clear:both;
background-image:url(../images/footer-bg.jpg);
background-position: top;
background-repeat:no-repeat;
width:1000px;
height:320px;
margin:0px;
padding:0px;

margin-bottom:20px;
}

#footer-links {
color:#656565;
position:relative;
top:210px;
left:50px;
font-size:12px;
width:550px;
}

#footer-links a{
color:#656565;
text-decoration:none;
}
#footer-links a:hover{
color:#000000;
text-decoration:underline;
}

.separator {
color:green;
width:50px;
}

#footer-info {
color:#656565;
position:relative;
top:170px;
left:700px;
font-size:12px;
width:200px;
}

#footer-info a{
color:#656565;
}
#footer-info a:hover{
color:#000000;
}

#menu {
position:relative;
top:150px;
left:50px;
}

#menu a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#787878;
	text-decoration:none;
	}
	
#menu a:hover {
	color:#000000;

	}
	
	* html .button {display:inline;}
.button {
	float:left;
	margin-right:3px;
	margin-left:3px;
	}
	
#menu a  img,
#menu p
 {
	float:left;
	}	
#menu a  img {
margin-top:3px;
margin-left:5px;
margin-right:15px;
}	
	
	
/* 
	jQuery dropdown stilovi
*/

ul	{ list-style: none; }

.button-dropdown {

	
	margin-right:5px;
	margin-left:5px;
	
	z-index:10;
	}
/* 
	LEVEL ONE
*/

ul.dropdown {
	position: relative;
	}

ul.dropdown li  {
	font-weight: bold;
	float: left;  	
	width:130px;
}

ul.dropdown li.first {
	font-weight: bold;
	float: left;  	
	width:100px;
}


ul.dropdown a:hover		            { }

ul.dropdown a:active                { }

ul.dropdown li a {
	display: block;
	padding: 0px 0px;
	
	}
	
ul.dropdown li:last-child a {
	border-right: none; } 


/* Doesn't work in IE */

ul.dropdown li.hover,
ul.dropdown li:hover {
	
	color: black; 
	position: relative; }
ul.dropdown li.hover a {
	color: black; }


/* 
	LEVEL TWO
*/
ul.dropdown ul {
	padding-top:10px;
	width: 200px;
	
/*	background-image:url(images/submenu.png); */
	background-repeat:no-repeat;
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: -30px;
	z-index:100;
	background-color:#ffffff;
	padding-bottom:20px;
	}
	
ul.dropdown ul li {
	width:150px;
	font-weight: normal;
	margin-top:10px;
	margin-left:35px;
 	float: none; }
					
ul.dropdown ul img {
	margin-right:10px;
 	float: right; }					
									  
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a	{
	border-right: none; width: 100%;
	display: inline-block;
	color: #787878 !important;
	
	}
	
ul.dropdown ul li a:hover	{
	border-right: none; width: 100%;
	display: inline-block;
	color: #000000 !important;
	text-decoration:underline !important;
	
	}  
	
.lang {
	background-color: #E7E7E7;
	margin: 15px auto -10px;
	width: 1000px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 25px;

}
	
/* 
	LEVEL THREE
*/
ul.dropdown ul ul 	
{ left: 100%;
top: 0; }
ul.dropdown li:hover > ul 
{ visibility: visible; 
}

/* forma */

#content td{
border: solid 1px;
border-collapse:collapse;
}

