/*

BJELA:         #fff
CRNA:          #000
PETROL:        #008498
PLAVA:         #004589
SIVA SVJETLA:  #f0f0f0
SIVA SREDNJA:  #c8c8c8
SIVA TAMNA:    #999

*/

html { font-size:100.01%; }
body { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 0.7em;}

h1,h2,h3,h4,h5,h6 {  margin: 0; font-weight: bold; font-size:1em;}
h1 { font-size: 36px; line-height: 20px; padding-top: 18px; padding-bottom: 18px; }
h2 { font-size: 20px; line-height: 16px; padding-top: 9px; padding-bottom: 9px; }
h3 { font-size: 18px; line-height: 14px; padding-top: 9px; padding-bottom: 9px; }
h4 { font-size: 14px; line-height: 14px; padding-top: 9px; padding-bottom: 9px; }
h5 { font-size: 12px; line-height: 14px; padding-top: 9px; padding-bottom: 9px; }
h6 { font-size: 10px; line-height: 14px; padding-top: 9px; padding-bottom: 9px; }

a { color: #999; }
a:hover { color: #004589; }



.clear { clear: both; }
.invisible { position: absolute; left: -5000px; width: 4000px;	}
.structurelabel { position: absolute; left: -5000px; width: 4000px;	}



/*  BODY, CONTAINER  */


body {
	background: #f0f0f0;
	}
	#container { 
		margin:0 auto; 
		background: #fff;
		width: 1000px; 
		}



/*  HEADER  */
#header { 
	height:136px;
}

	#logo { 
		float: left; width:231px; height:136px;
		background: url(../images/logo-bg.gif) no-repeat top left #fff;
	}
		#logo a        { display:block; width:100%; height:100%; text-decoration: none; outline:none; }
		#logo a:hover  { text-decoration: underline; outline:none; }
		#logo a  i     { display:none;}
	
	#banner { 
		float:left; width:769px; height:136px;
		background: url(../images/banner-bg.jpg) no-repeat top left #fff;
	}


/*  HEADING   */

#heading {
	background: url(../images/heading-bg.gif) repeat-y top left #fff;
	padding: 1px 0 1px 126px;
	font-size: 1.0em; white-space: nowrap;
	}
	#heading span.date { color: #c8c8c8;  margin-left:-7px; margin-right:6px;  }
	#heading span.home { border:1px #000 solid; }
	#heading span.pathway {color: #008498; white-space: nowrap;}
	#heading span.pathway i { color:#000; font-style:normal; }
		#heading a { color:#000; text-decoration: none; outline:none; }
		#heading a:hover { color:#000; text-decoration: none; outline:none; }
		#heading a.home   { background:url(../images/home.gif) no-repeat top left; } 
		#heading a.home i { visibility: hidden; }


/*  SIDEBAR  &  MAIN CONTENT  */

#content { background: url(../images/content-bg.gif) repeat-y top left #fff; 
	line-height:1.4; 
	}

	#sidebar {
		width: 145px;
		float: left;
		}

		#partneri { 
			height:290px; 
			background: url(../images/partneri.gif) no-repeat #fff;
		}

		#login {text-align:center; margin-top:-42px;}
		#login h2 { font-size: 120%; color:#008498; padding:0px; padding-top:4px;}
		#login h3 { font-size: 80%; color:#999; padding:0px; padding-top:4px; padding-bottom:4px;}
		#login h4 { font-size: 78%; color:#999; padding:0px; padding-top:4px;}
		#login h5 { font-size: 78%; color:#999; padding:0px; padding-bottom:20px;}
		#login input.button { margin-top:10px;}


	#main-content {
		text-align:justify;
		padding: 5px 15px 10px 0;
		margin-left: 165px;
		}
	#main-content h2 { color:#999; }
	#main-content li { list-style-type: disc; margin-left: 15px; }




/*  FOOTER  */

#footer {
	background: url(../images/footer-bg.gif) left repeat-y #008498;
	height:20px;
	font-size: 70%;
	text-align:right;
	padding-top:10px; 
	padding-right:10px;
	}
	#footer span {  color:#fff;  }
	#footer a        { color:#fff; text-decoration: none; outline:none; }
	#footer a:hover  { color:#fff; text-decoration: underline; outline:none; }


/* Frontpage */


#main-content .leading {
	position: relative;
	padding: 5px 20px 20px 20px;
	border: solid 1px #CCCCCC; 
	}
	#main-content  div.blog h2 {
		font-size: 14px;
		color: #008498;
		}
	#main-content .leading span { 
		font-size: 12px;
		color:#999;
		}
	#main-content .leading_separator { 
		display: block; height: 10px;
		border-bottom: solid 0px #008498;
		}


.column1 , .column2 {
	position: relative;
	float: left;
	width:48%;
 }
.column2 { float: right;}
.row_separator { display: block; clear: both; }
.article_separator { position: absolute; left: -5000px; width: 4000px; }

	.article_row { margin: 0;padding: 0; overflow: hidden; }
	.article_column { padding: 5px 5px 5px 0px; }

	#main-content div.blog_more  h2 {
		font-size: 14px;
		color: #008498;
		}
	.iteminfo .createdate { font-size: 12px; color:#999; }

/* Page */

#page h2, .componentheading { font-size: 18px; color:#008498;  }
#page h3 { font-size: 16px; color:#999;  }
#page h4, #page h5 { font-size: 12px; color:#999;  }


/* Kontakt */

tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td { padding: 4px; }
td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 { padding: 3px; }