/*
		div#nav_holder  { border-top: #88bbff solid 1px; border-bottom: #88bbff solid 1px; }
		div#main_nav    { background: #77aaff; color: #444444; }
		div#sub_nav     { background: #77aaff; color: #444444; }
		div#content_holder { border-top: #88bbff solid 2px; border-bottom: #88bbff solid 2px; }
		body		    { background: #6699ff; }
*/

/* basic HTML Tags
   ------------------------------------------------------------------  */
html, body, div, p, ul, ol, li, img, h1, h2, h3, h4, h5, h6, form, label
{
	padding: 0px;
	margin: 0px;
	border: none;
}
body
{
	background: #6699ff;
	text-align: center;
}
body, input, textarea, select
{
	font-family: Verdana, tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #222222;
	line-height: 1.5em;
}
p
{
	padding-bottom: 7px;
}


/* paragraphs
   ------------------------------------------------------------------  */
h1
{
	font-size: 15px;
	font-weight: bold;
	/*text-transform: uppercase;*/
	text-align: left;
	padding-bottom: 8px;
}
h2
{
	font-size: 13px;
	font-weight: bold;
	/*text-transform: uppercase;*/
	text-align: left;
	padding-bottom: 5px;
}
h3
{
	font-size: 11px;
	color: #5077bb;
	/*text-transform: uppercase;*/
	padding-bottom: 5px;
	text-align: left;
}

/* links - opcenito
   ------------------------------------------------------------------  */
a
{
	color: #444444;
	text-decoration: none;	
}
a:active, a:hover
{
	color: #ff0068;
	text-decoration: underline;
}

a.navlink
{ 
	color:#444444; 
}
a.navlink:hover 	
{ 
	color:#000068; 
	text-decoration: underline; 
}


/* link - Mehr
   ------------------------------------------------------------------  */
a.more
{
	white-space: nowrap;
	padding-left: 21px;
	background: transparent url('images/a_more_bg.gif') no-repeat left center;
}

/* link - pdf Thumb
   ------------------------------------------------------------------  */
a.pdf
{
	white-space: nowrap;
	padding-left: 21px;
	padding-top: 5px;
	padding-bottom: 5px;
	background: transparent url('images/PDF-Icon.gif') no-repeat left center;
}



/* ------------------------------------------------------------------
   ------------------------------------------------------------------
   Tag CLASSes
   ------------------------------------------------------------------
   ------------------------------------------------------------------  */

/* footnote
   ------------------------------------------------------------------  */
.footnote
{
	background: url('images/footnote.gif') no-repeat left top;
	margin-top: 15px;
	padding-top: 8px;
	padding-bottom: 10px;
	font-family: Verdana, tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.2em;
	text-align: left;
}


/* izreka
   ------------------------------------------------------------------  */
.izreka
{
	float:right;
	text-align: justify;
	width: 400px;
	font-size: 11px;
	margin-right: 70px;
	padding-top: 5px;
	color: #049;
}
/* potpis nakon izreke
   ------------------------------------------------------------------  */
.potpis
{
	float:right;
	font-weight: bold;
	text-align: right;
	width: 400px;
	font-size: 11px;
	margin-right: 70px;
	padding-top: 5px;
	padding-bottom: 15px;
	color: #049;
}

/* naslovi
   ------------------------------------------------------------------  */
.titles {
	font-size: 11px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.titles2 {
	font-size: 12px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.titles3 {
	font-size: 13px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}


/* ------------------------------------------------------------------
   ------------------------------------------------------------------
   DIVS
   ------------------------------------------------------------------
   ------------------------------------------------------------------  */


div#clear
{
	clear: both;
}



/* container
   ------------------------------------------------------------------  */
div#container
{
	width: 800px;
	/*background: #6699ff;*/
	background: #ffffff;
	color: #000068;
	margin: 0 auto; /*Center container on page*/
	margin-top: 10px;
	text-align: justify;
}


/* top
   ------------------------------------------------------------------  */
div#top
{
	height: 132px;
	background-color: #ffffff;
	background-image: url(images/komaja_ch_800b.jpg);
	background-repeat: no-repeat;	
}


/* main_nav
   ------------------------------------------------------------------  */
div#main_nav
{
	height: 23px;
	padding-left: 3px;
	text-align: left;
	background: #366ed0;   /* 77aaff*/
	color: #ffffff;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
}
div#main_nav ul
{
	list-style: none;
	padding-top: 3px;
}
div#main_nav ul li
{
	margin: 0px;
	padding: 0px 10px 0px 11px;
	display: inline;
}
div#main_nav ul li a
{
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
}
div#main_nav ul li.l
{
	border-left: solid 1px #444444
}


/* Main Contact
   ------------------------------------------------------------------  */
div#main_contact
{
	width: 300px;
	padding: 5px;
	text-align: left;
	background: #99bbff;   /* 77aaff*/
	border: thin #6699ff;
}

/* Content
   ------------------------------------------------------------------  */
div#contentholder
{
	padding: 0px 0px 0px 0px;
}

#main_content
{
	float: left;
	width: 800px;
	min-height: 100px;
	margin-left: 5px;
	display: inline; /* ie double margin fix */
}

#main_content #left_pics
{
	float: left;
	width: 148px;
	padding-top: 20px;
	padding-bottom: 10px;
}	

#main_content #left_pics img
{
	float: left;
	margin-top: 0px;
	margin-bottom: 9px;
	margin-left: 5px;
}

#main_content #down_pics
{
	float: left;
	width: 800px;
	padding-top:  20px;
	padding-left: 148px;
	padding-right: 20px;
	padding-bottom: 10px;
}	

#main_content #down_pics img
{
	margin-top: 0px;
	margin-left: 10px;
}



#main_content #wide_content
{
	float: left;
	width: 780px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 12px;
	text-align: justify;
}

#main_content #wide_content #left_half
{
	float: left;
	width: 370px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	text-align: justify;
}

#main_content #wide_content #right_half
{
	/*float: right;*/
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 0px;
	text-align: justify;
}

#main_content #content
{
	float: left;
	width: 600px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 12px;
	text-align: justify;
}

#main_content #content ol
{
	margin: 10px;
	margin-left: 25px;
}

#main_content #content ol li
{
	padding-bottom: 5px;
}

/*
div#main_nav ul
{
	list-style: none;
	padding-top: 3px;
}
div#main_nav ul li
{
	margin: 0px;
	padding: 0px 10px 0px 11px;
	display: inline;
}
*/
#main_content #content ul
{
	margin:10px;
	margin-left: 25px;
}
#main_content #content ul li
{
	padding-bottom: 5px;
}


/*
#main_content #content ul
{
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 14px;
	background: url('images/bullet_circle.png') no-repeat left top;
}
*/

/* Bottom
   ------------------------------------------------------------------  */
div#bottom {
	clear: both;
	height: 30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: normal;
	background: #6699ff;
	color: #222222;
	margin: 0px;
	padding-top: 10px;
}

div#bottomleft {
	float: left;
}

div#bottomright {
	float: right;
	margin: 0px;
}




/* anylinkcss
   ------------------------------------------------------------------  
   ------------------------------------------------------------------  
   ------------------------------------------------------------------     */
.anylinkcss{
	position:absolute;
	visibility: hidden;
	line-height: 23px;
	z-index:0;
	text-align: left;
	background: #366ed0; 
	color: #ffffff;		
	padding: 5px 0px 5px 12px;		/* top, right, bottom, left*/
	border-left:   solid 1px #444444;
	border-bottom: solid 1px #444444;
	width: 200px;
	left: 434px;
	top: 24px;	
}

.anylinkcss a
{
	color: #ffffff;
	display: block;
	padding: 0px;
	text-decoration: none;
	font-weight: bold;
}
	
.anylinkcss a:hover		/*hover background color*/
{ 
	color: #ffffff;
	text-decoration: underline;
}