/*
Design by Yomi
*/


* {
	margin: 0;
	padding: 0;
}

body {
	background: #FFFFFF url(images/img01.gif) repeat-x;
	font: normal small Arial, Helvetica, sans-serif;
	/*color: #999999;*/
	color:#6C6C68;
}

.wrapper
{ 
	margin: 0 auto;
	width: 940px;
}

form {
}

fieldset {
	border: none;
}

legend {
	display: none;
}

h1, h2, h3 {
	margin: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #385B88;
}

h2 {
	margin-bottom: .5em;
	font-size: 1.8em;
}

h3 {
	margin-bottom: 1em;
	font-size: 1em;
}

 blockquote, ul, ol {
	margin-bottom: 1.5em;
	line-height: 1.8em;
}

p {margin-top:10px;
}

blockquote {
	margin-left: 3em;
	font-style: italic;
}

ul 
{
	margin-left: 2em;
	list-style: square;
}

ul li {
}

ol {
	margin-left: 2em;
	list-style: lower-alpha;
}

ol li {
}

a {
	color: #EA672E;
}

a:hover {
	text-decoration: none;
	color: #385B88;
}

img {
	border-style: none;
    border-color: inherit;
    border-width: medium;
}

img.left {
	float: left;
	margin: 0 1em 1em 0;
}

img.right {
	float: left;
	margin: 0 1em 1em 0;
}


/* Boxed Style */

.boxed {
	margin-bottom: 1em;
	background: #FFFFFF;
	border: 1px solid #CAD4DF;
}
.blueboxed{margin-bottom: 1em;
    background-color:#CAD4DF;
    border:1px solid #385B88;
} 

.boxed_link_hover
{
    margin-bottom: 1em;
    background-color:#CAD4DF;
    border:1px solid #385B88;
    cursor:pointer;
}


.boxed .title {
	padding: 10px 0 0 10px;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
}

.boxed .content {
	padding: 10px;
}

.linkboxed {
	margin-bottom: 1em;
	background: #FFFFFF;
	border: 1px solid #CAD4DF;
	cursor:pointer;
}

.linkboxed .title, .boxed_link_hover .title{
	padding: 10px 0 0 10px;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
}


.linkboxed .content {
	padding: 10px;
}

/* Header */
#header {
	width: 900px;
	height: 170px;
	background:  url(images/grb.png) no-repeat left bottom;
	margin-left: 60px;
}


/* search box & language menu */

#search_language_box {
	height: 110px;
	width: 270px;
	float:right;
}


#search_language_box label {
	display: block;
}

#search_language_box #inputtext1, #search_language_box #inputtext2 {
	width: 100px;
	margin-top: 25px;
	margin-left: 83px;
	padding: 2px 5px;
	border: 1px solid #CCCCCC;
	font: normal small Arial, Helvetica, sans-serif;
	color: #999999;
	background:#FFFFFF url(images/bg_input.gif) repeat-x scroll 0 0;
	border:1px solid #CCCCCC;
}

#search_language_box #inputsubmit1 {
	width: 24px;
	height: 20px;
	border: 0px;
	background:  url(images/search.png) no-repeat right bottom;
	cursor:pointer;
}

#search_language_box p {
	margin: 0;
	padding-top: .2em;
	font-size: x-small;
}

#topmenu {
	float: right;
	margin: 0 80px 0 0;
}

#topmenu ul {
	margin: 0;
	list-style: none;
}

#topmenu li {
	display: inline
}

#topmenu a {
	display: block;
	float: left;
	height: 34px;
}

#topmenu a:hover {
}

#topmenu span {
	display: none;
}

#topmenu1 {
	width: 51px;
	background: url(images/img02.gif) no-repeat left center;
}

#topmenu2 {
	width: 50px;
	background: url(images/img03.gif) no-repeat left center;
}





/* Header > Logo */
#logo {
		height: 110px;
		width: 400px;
		margin: 0px 0px 0 180px;		
}


#logo h1 {
	padding: 45px 0 0 0;
	font-size: 3em;
}

#logo h2 {
	margin: 0;
	padding: 5px 0 0 100px;
	text-transform: uppercase;
	font-size: 1.6em;
}

#logo a {
	text-decoration: none;
	color: #385B88;
}



/* Menu */

#menu {
	width: 700px;
	height: 80px;
	margin: 0px 0px 0px 175px;
	position:absolute;
	top:110px;
}



#menu ul {
	margin:40px 0px 0px 0px;
	list-style: none;
	line-height: normal;
	padding-left:5px;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	padding: 0 1.5em 0 0;
	text-transform: uppercase;
	text-decoration: none;
	font-size: .8em;
	font-weight: bold;
}

#menu a:hover {
	text-decoration: underline;
}

#menu .first a {
	padding-left: 0;
	background: none;
}



/* Content */

#content {
	width: 940px;
	margin: 0 auto;
	padding: 20px 0;
}

/* Content > Main */

#main{
	float:left;
    margin:20px 20px 0px 20px;
	width:460px;
}

/* Content > Main > Example */

#example {
}

/* Content > Main > Welcome */

#welcome {
	margin: 0 0 1em 0;
	padding: 0px 0px 1.2em 0px;
	border-bottom: 1px dotted #CAD4DF;
}

/* Content > Sidebar */

#sidebar_right
{
	float: right;
	width: 220px;
	margin: 20px 0 0 0;
}

#sidebar_left{
	float: left;
	width: 220px;
	margin: 20px 0 0 0;
}

/* Content > Sidebar  */

#izbornik {
}

#izbornik p {
	margin: 0;
	padding-top: .2em;
}

#izbornik a {
	color: #EA672E;
	text-decoration: none;
}

#izbornik a:hover {
	text-decoration:underline;
	color: #385B88;
}

.izbornik {
}

.izbornik p {
	margin: 0;
	padding-top: .2em;
}

.izbornik a {
	color: #EA672E;
	text-decoration: none;
}

.izbornik a:hover {
	text-decoration:underline;
	color: #385B88;
}

/* Content > Sidebar > Updates*/

#updates {
}

#updates ul {
	margin: 0;
	list-style: none;
}

#updates li {
	margin-bottom: 1em;
}

#updates h3 {
	margin: 0;
	padding: 0 0 0 10px;
	font-size: x-small;
}

#updates p {
	margin: 0;
	padding: 0 0 0 10px;
	line-height: normal;
	font-size: .85em;
}

#updates a {
	text-decoration: none;
}


#nacelnik {
}

#nacelnik ul {
	margin: 0;
	list-style: none;
}

#nacelnik li {
	margin-bottom: 1em;
}

#nacelnik h3 {
	margin: 0;
	padding: 0 0 0 10px;
	font-size: x-small;
}

#nacelnik p {
	margin: 0;
	padding: 0 0 0 10px;
	line-height: normal;
	font-size: .85em;
}

#nacelnik a {
	text-decoration: none;
}

/* Content > Sidebar > FAQ*/

#faq {
	background: #FFFFFF;
}

#faq ul {
	margin: 0;
	list-style: none;
}

#faq li {
	margin-bottom: 1em;
}

#faq h3 {
	margin: 0;
	padding: 0 0 0 10px;
	font-size: x-small;
}

#faq p {
	margin: 0;
	padding: 0 0 0 10px;
	line-height: normal;
	font-size: .85em;
}

#faq a {
	text-decoration: none;
}

/* Content > Sidebar > Partners*/

#info_content {
}


/* Footer */

#footer {
	clear: both;
	padding: 40px 0 60px 0;
	background: #C3CDDB;
	border: 1px solid #CAD4DF;
	text-align:center;
}

#footer p {
	width: 960px;
	margin: 0 auto;
	font-size: x-small;
}

/* QuickMenu 0 */

/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmfv{visibility:visible !important; }.qmfh{visibility:hidden !important;}

.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;z-index:9;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none;}.qmmc li:hover>ul{left:auto;}#qm0 li {float:none;}#qm0 li:hover>ul{top:0px;left:100%;}#qm1 li {float:none;}#qm1 li:hover>ul{top:0px;left:100%;}#qm2 li {float:none;}#qm2 li:hover>ul{top:0px;left:100%;}



.qmpersistent{ }
 #qm0 div a.qmpersistent, #qm0 ul a.qmpersistent{ text-decoration:underline; color:#385B88;}
  #qm1 div a.qmpersistent, #qm1 ul a.qmpersistent{ text-decoration:underline; color:#385B88;}
   #qm2 div a.qmpersistent, #qm2 ul a.qmpersistent{ text-decoration:underline; color:#385B88;}



#qm0{width:150px;background-color:transparent;}
#qm0 a{padding:5px 5px 5px 8px;color:#EA672E;font-family:Arial;font-size:12px;text-decoration:none;}
#qm0 a:hover{text-decoration:underline;}
#qm0 li:hover>a	{text-decoration:underline;}
body #qm0 .qmactive, body #qm0 .qmactive:hover{	text-decoration:none;font-weight:bold;}
#qm0 div, #qm0 ul{padding:5px 0px 5px 0px;}
#qm0 div a, #qm0 ul a{padding:2px 0px 2px 15px;margin:0px 5px 0px 5px;background-image:none;color:#999999;font-size:11px;}
#qm0 div a:hover{text-decoration:underline;}
#qm0 ul li:hover>a{text-decoration:underline;}
body #qm0 div .qmactive, body #qm0 div .qmactive:hover{	text-decoration:none;font-weight:bold;}
#qm0 .qmtitle{font-size:11px;}
ul#qm0 .qmparent{background-repeat:no-repeat;background-position:95% 55%;}
ul#qm0 ul a	{padding:2px 20px 2px 5px;}
ul#qm0 ul{	border-width:1px;border-style:solid;border-color:#3C3C3C;}
ul#qm0	{border-width:1px;border-style:solid;border-color:#3C3C3C;}

#qm1{width:150px;background-color:transparent;}
#qm1 a{padding:5px 5px 5px 8px;color:#EA672E;font-family:Arial;font-size:12px;text-decoration:none;}
#qm1 a:hover{text-decoration:underline;}
#qm1 li:hover>a	{text-decoration:underline;}
body #qm1 .qmactive, body #qm1 .qmactive:hover{	text-decoration:none;font-weight:bold;}
#qm1 div, #qm1 ul{padding:5px 0px 5px 0px;}
#qm1 div a, #qm1 ul a{padding:2px 0px 2px 15px;margin:0px 5px 0px 5px;background-image:none;color:#999999;font-size:11px;}
#qm1 div a:hover{text-decoration:underline;}
#qm1 ul li:hover>a{text-decoration:underline;}
body #qm1 div .qmactive, body #qm1 div .qmactive:hover{	text-decoration:none;font-weight:bold;}
#qm1 .qmtitle{font-size:11px;}
ul#qm1 .qmparent{background-repeat:no-repeat;background-position:95% 55%;}
ul#qm1 ul a	{padding:2px 20px 2px 5px;}
ul#qm1 ul{	border-width:1px;border-style:solid;border-color:#3C3C3C;}
ul#qm1	{border-width:1px;border-style:solid;border-color:#3C3C3C;}

#qm2 {width:150px;background-color:transparent;}
#qm2 a{padding:5px 5px 5px 8px;color:#EA672E;font-family:Arial;font-size:12px;text-decoration:none;}
#qm2 a:hover{text-decoration:underline;}
#qm2 li:hover>a	{text-decoration:underline;}
body #qm2 .qmactive, body #qm2 .qmactive:hover{	text-decoration:none;font-weight:bold;}
#qm2 div, #qm2 ul{padding:5px 0px 5px 0px;}
#qm2 div a, #qm2 ul a{padding:2px 0px 2px 15px;margin:0px 5px 0px 5px;background-image:none;color:#999999;font-size:11px;}
#qm2 div a:hover{text-decoration:underline;}
#qm2 ul li:hover>a{text-decoration:underline;}
body #qm2 div .qmactive, body #qm2 div .qmactive:hover{	text-decoration:none;font-weight:bold;}
#qm2 .qmtitle{font-size:11px;}
ul#qm2 .qmparent{background-repeat:no-repeat;background-position:95% 55%;}
ul#qm2 ul a	{padding:2px 20px 2px 5px;}
ul#qm2 ul{	border-width:1px;border-style:solid;border-color:#3C3C3C;}
ul#qm2	{border-width:1px;border-style:solid;border-color:#3C3C3C;}

/*addon by tr1pl3x*/


UL.ArticleInfo
{ list-style:none; margin:0px 0px 10px 0px; padding:0px;
    display:block; width:100%; clear:both; }

UL.ArticleInfo LI
{ float:left; margin:0px 0px 10px 0px;
	/*color: #385B88;*/
	color:#313131;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}

.VelikoSlovo
{
    padding: 0px 2px 0px 0px; 
    float: left; 
    text-transform: uppercase; 
    line-height: 80%; 
    display: block; 
    color: rgb(51, 51, 51); 
    font-size: 32px; 
    font-family: Georgia,"Times New Roman","Trebuchet MS";
 }

h2.ArticleTitle, h2.GalleryTitle
{ margin:0px 0px 2px 0px; padding:0px;font-size: 1.4em;}

h2.GalleryTitle
{font-size: 1.8em;/*font-family:Cambria,serif;*/}

.clearer, .clear
{ clear:both; width:100%; font-size:0px; height:0px;}

.ArticleWraper 
{ width:460px;font-size:12px;color:#6C6C68;
font-family:Verdana,Tahoma,Arial,"Times New Roman"; }

.article_short /*ovo je za static content*/
{font-size:12px;color:#6C6C68;
font-family:Verdana,Tahoma,Arial,"Times New Roman";}

.opsirnije,.opsirnije_alb,.opsirnije_sw
{
float:right;
padding-right:16%;
padding-top:10px;
display:block;
background:transparent url(images/next.png) no-repeat;
background-position:0 40%;
height:30px;
margin-left:4px;
margin-right:4px;
text-indent:20px;
}
.opsirnije_alb
{
padding-right:5%;
background:transparent url(images/next.png) no-repeat;
background-position:0 50%;
}
.opsirnije_sw
{
    padding-right:5%;
    background:transparent url(images/SlideShow_16.png) no-repeat; 
    background-position:0 50%;    
}

.article_short IMG,.article_full IMG
{ padding:0px; margin:0px 5px 0px 0px; border:solid 1px white;
   width:auto; height:auto;}
   
img.VelikaSlika { width:460px;}
   
.content .linkovi
{}
.content .tagcloud
{}

IMG.inboxed
{float:left; top:-8px; position:relative; padding-right:5px; height:48px; width:48px;}

#main_wide
{ float: left;
	/*margin: 0px 15px 0px 12px;*/
	padding:10px 20px 0px 20px;
	width: 680px; }
	
#main_wide_right
{ float: right;
	/*margin: 0px 20px 0px 20px;*/
	padding:10px 20px 0px 20px;
	width: 680px; }

#content_wide
{
    padding:10px;
}

    
.staticDesc /*opis sadrzaja kod priakza desc u static*/
{ padding:15px 0px 15px 0px;}
.staticDesc IMG
{ padding-right:5px;
   padding-bottom:5px;}

.page_nav /*navigacija polozaja na stranici*/
{
    text-transform:uppercase;
    font-size: .8em;
    top:10px;    
    right:-110px;
    position:relative;
    width:840px;
}

.page_nav a /*navigacija polozaja na stranici*/
{
    cursor:pointer;
    text-decoration:none;
    font-weight: bold;
}

.page_nav a:hover /*navigacija polozaja na stranici*/
{
    text-decoration:underline;
	color: #385B88;
}

IMG.galerija_listaalbuma
{float:left; width:120px;height:96px; background-color:RGB(222,222,222); 
 text-align:center;
 background-image:url(images/opcina_slika_galerija_back_smal.png);
 background-repeat:no-repeat;}

IMG.galerija_javascript
{float:left; padding:2px; width:150px; height:120px; 
 background-image:url(images/opcina_slika_galerija_back_large.png);
 background-repeat:no-repeat;
  background-color:RGB(222,222,222); }
  
  
.linkinboxed a
{
    margin: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #385B88;
	margin-bottom: .5em;
	font-size: 1.8em;
    }
#sidebar_right_wide
{
    float: right;
	width: 220px;
	margin: 10px 0px 0px 0px;}
	
#sidebar_left_wide
{float: left;
	width: 220px;
	margin: 10px 0px 0px 0px;}
/*sitemap*/

h2.lvl1
{ margin-left:50px;}

h2.lvl2
{ margin-left:80px;}

.lvl3
{ margin-left:150px;}

/*tagcloud*/
.cloud1
{ font-size:1.9em; font-weight:bolder;}
.cloud2
{ font-size:1.5em; font-weight:bolder;}
.cloud3
{ font-size:1.4em; font-weight:bolder;}
.cloud4
{ font-size:1.2em; }
.cloud5
{ font-size:1.0em; }


/*kontakt forma*/
.kontaktInput,.kontaktInputFocused,.kontaktInputPrimaoc
{ font-size:large; padding:2px; margin:2px; text-align:center;
  font-family: sans-serif;
	font-weight: normal;
	color: #999999;
	background:#FFFFFF url(images/bg_input.gif) repeat-x scroll 0 0;
	border:1px solid #CCCCCC;
	}
.kontaktInputFocused
{ color:Black;}

.inputbox
{font-family: sans-serif;
 color: #999999;
	background:#FFFFFF url(images/bg_input.gif) repeat-x scroll 0 0;
	border:1px solid #CCCCCC;}

/*dokumenti*/

.doc_category_title
{text-align:left; 
 text-transform:uppercase; 
 font-weight:bold; 
 width:100%; 
 border-bottom:dashed 1px #CAD4DF;}
 
 .doc_mainbox
 {margin-bottom: 1em;
	background: #FFFFFF;
	border: 1px solid #CAD4DF;
	cursor:pointer;
	display:block; 
	padding:5px; 
	height:60px;}
	
.doc_mainbox_hover
{
    margin-bottom: 1em;
    background-color:#CAD4DF;
    border:1px solid #385B88;
    cursor:pointer;
    display:block; 
	padding:5px; 
	height:60px;
}
.faq_mainbox
{ margin-bottom: 1em;
	background: #FFFFFF;
	border: 1px solid #CAD4DF;
	cursor:pointer;
	display:block; 
	padding:5px;}
	
.faq_mainbox_hover
{margin-bottom: 1em;
    background-color:#CAD4DF;
    border:1px solid #385B88;
    cursor:pointer;
    display:block; 
	padding:5px;}

UL.faq_info
{ margin:0px 0px 10px 15px;}

UL.faq_info LI
{ font-weight:bold; height:14px; list-style-type:disc;}
	
.doc_hitcount
{
	background: #FFFFFF;
	border: 1px solid #CAD4DF;
	float:right; 
 padding:2px; 
 position:relative; 
 top:-10px; 
 right:-10px; 
 background-color:#385B88; 
 color:White;}
 
 .docLoginInputBox, .docLoginInputBoxFocused
 {font-family: sans-serif;
 color: #999999;
	background:#FFFFFF url(images/bg_input.gif) repeat-x scroll 0 0;
	border:1px solid #CCCCCC;
	 width:185px; height:20px;
	 font-size:14px; padding-top:4px;
	 text-align:center;
	 margin: 1px 1px 1px 1px;
	 }
.docLoginInputBoxFocused
{ color:Black;}
	 
 .docLoginButton
{/*
    margin-bottom: 1em;
    background-color: #CAD4DF;
    border: 1px solid #385B88;*/
    width: 185px;
    height: 25px;
    font-size: 14px;
    text-align: center;
    margin: 5px;
}

li.link_sadrzaj /*oov je na sadržajima i islistajima*/
{width:100%;  border-bottom:dashed 1px #CAD4DF;  display:block;
    }
    
UL.list
{padding:0px;
    margin:0px 0px 0px 15px;}