/* Provided by MyFreeTemplates.com */
.body {
	margin-top: 0px;
	margin-left: 0px;
}

.sidetable {
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #2271A0;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.sidetable2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.sidelinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #2271A0;
	font-size: 10px;
	font-weight: bold;
}
.baseline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000033;
}
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.sidelinks2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000033;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}
.sidelinks2:a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
.producthdr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2271A0;
	font-weight: bold;
}
a {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: underline;
}

#liva_strana {
	color: #D6D3CE;
	float: left;
	padding-top: 5px;
	padding-right: 3px;
	padding-left: 4px;
}

.liva_strana-naslov {
	font-size: 12px;
	color: #336699;
	font-weight: bolder;
}

.liva_strana-tekst {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000033;

}

#liva_strana a:link {
	color: #336699;
	text-decoration: none;
}

#liva_strana a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}


/* Content */
#content {
	float:left;
	width:100%;
	margin:0;
	padding:0 0 0 0px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCCCFF;
}

    /* Content - article */
    #content .article {
	clear:both;
	padding:20px;
	background:url("../design/content_article_bg.jpg") 0 0 no-repeat;
	margin-left: 5px;
	}

    #content .article h2 {
	margin:0 -20px; 
	padding:10px; 
	background:#DEE5FD url("../design/content_title_bg.gif") 0 0 repeat-y; 
	color:#192666; 
	}
	
    #content .article h2 span {
	background:url("../design/ico_list.gif") 0 50% no-repeat; 
	padding-left:25px;
	}
    
    #content .article p {
	text-align:justify;
	}
	
    #content .info {
	margin:10px 0; padding-bottom:8px; border-bottom:1px solid #DEE5FD; color:#6685CC;
	}
    #content .info a {color:#6685CC;}
    #content .info a:hover {color:#FF9000;}
    
    #content .info span.date, #content .info span.cat, #content .info span.user, #content .info span.comments {padding-left:15px;}
    #content .info span.date {background:url("../design/ico_date.gif") 0 50% no-repeat;}
    #content .info span.cat {background:url("../design/ico_cat.gif") 0 50% no-repeat; margin-left:8px;}
    #content .info span.user {background:url("../design/ico_user.gif") 0 50% no-repeat; margin-left:8px;}
    #content .info span.comments {background:url("../design/ico_comments.gif") 0 50% no-repeat; margin-left:8px;}

    /* Content - More */
    #content .btn-more {margin:0 0 15px 0; padding:0; border:0; position:relative;}
    #content .btn-more a {display:block; position:absolute; top:0; right:0; width:67px; _width:95px; height:21px; margin:0; padding:0 0 0 28px; background:url("../design/btn_more.gif") 0 0 no-repeat; color:#FFF; text-decoration:none;}
    #content .btn-more a:hover {background:url("../design/btn_more.gif") -95px 0 no-repeat;}
	
    #content .aktualno {
	clear:both;
	padding: 10px;
	background:url("../design/content_article_bg.jpg") 0 0 no-repeat; 
	margin-left: 5px;
	}

    #content .aktualno h2 {
	margin:0 -20px; 
	padding:10px; 
	background:#DEE5FD url("../design/content_title_bg.gif") 0 0 repeat-y; 
	color:#192666; 
	}
	
    #content .aktualno h2 span {
	background:url("../design/ico_list.gif") 0 50% no-repeat; 
	padding-left:25px;
	}
    
    #content .aktualno p {
	text-align:justify;
	}	

   #content .aktualno a {
	text-decoration: underline;
	color: #003366;
	}
	
    #content .aktualno img {
	float:left;
	margin-right: 15px;
	margin-bottom: 8px;
	}

.slika_livo {
	float:left;
	margin-top: 3px;
	margin-right: 12px;
	margin-bottom: 5px;
 
}

.podloga {
	background-image: url(../images/livibg.jpg);
	background-repeat: repeat-y;
	background-position: left;
}

.slovazanaslov {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #336699;
	font-weight: normal;
	padding-left: 8px;
	background-image: url(../images/bg3.gif);
	background-repeat: repeat-x;
	vertical-align: middle;
	height: 20px;
	margin-bottom: 4px;
	padding-top: 3px;
}

.notica {
	float: left;
	width: 200px;
	margin-left: 10px;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 3px;
	padding-left: 5px;
	border: 1px solid #CCCCFF;
	margin-top: 10px;
	font-size: 1.0em;
	background-color: #FFFFFF;
}

.notica a {
	color:#6685CC;
}

.notica a:hover {
color:#FF9000;
}

.podnaslov {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #336699;

}

.slika_livo-manja {
	float:left;
	margin-top: 3px;
	margin-right: 5px;
	margin-bottom: 5px;
 }

.dodatna {
	padding-top: 10px;
	padding-left: 10px;
	float: left;
	padding-right: 5px;
	padding-bottom: 5px;
}

.dodatna-slika {
	width:140px;
	border: 1px solid #99CCFF;
	padding: 3px;
	float: left;
	margin-top: 5px;
	margin-left: 5px;
	text-align: left;
	margin-bottom: 10px;
	font-size: x-small;
}

.dodatna-naslov {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #336699;
}


/* Content */
#content2 {
	float:left;
	width:100%;
	margin:0;
	padding:0 0 0 0px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCCCFF;
}

    /* Content - article */
    #content2 .article {
	clear:both;
	padding:20px;
	background:url("../design/content_article_bg_druga.jpg") 0 0 no-repeat;
	margin-left: 5px;
	}

    #content2 .article h2 {
	margin:0 -20px; 
	padding:10px; 
/*	background:#DEE5FD url("../design/content_title_bg.gif") 0 0 repeat-y;  */
	background:#DEE5FD;
	color:#192666; 
	}
	
    #content2 .article h2 span {
	background:url("../design/ico_list.gif") 0 50% no-repeat; 
	padding-left:25px;
	}
    
    #content2 .article p {
	text-align:justify;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 105%;	
	}
	
    #content2 .info {
	margin:10px 0; padding-bottom:8px; border-bottom:1px solid #DEE5FD; color:#6685CC;
	}
    #content2 .info a {color:#6685CC;}
    #content2 .info a:hover {color:#FF9000;}
    
    #content2 .info span.date, #content2 .info span.cat, #content2 .info span.user, #content2 .info span.comments {padding-left:15px;}
    #content2 .info span.date {background:url("../design/ico_date.gif") 0 50% no-repeat;}
    #content2 .info span.cat {background:url("../design/ico_cat.gif") 0 50% no-repeat; margin-left:8px;}
    #content2 .info span.user {background:url("../design/ico_user.gif") 0 50% no-repeat; margin-left:8px;}
    #content2 .info span.comments {background:url("../design/ico_comments.gif") 0 50% no-repeat; margin-left:8px;}

    /* Content - More */
    #content2 .btn-more {margin:0 0 15px 0; padding:0; border:0; position:relative;}
    #content2 .btn-more a {display:block; position:absolute; top:0; right:0; width:67px; _width:95px; height:21px; margin:0; padding:0 0 0 28px; background:url("../design/btn_more.gif") 0 0 no-repeat; color:#FFF; text-decoration:none;}
    #content2 .btn-more a:hover {background:url("../design/btn_more.gif") -95px 0 no-repeat;}


/* Djelatnosti */
.subnav {
	float: left;
	width: 160px;
	background-image: url(design/col_bg.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.subnav h1 {
	background: #2271A0;
	color: #FFE;
	font: bold 1.1em Verdana,sans-serif;
	line-height: 2px;
	padding-left: 8px;
}
.subnav ul {margin: 0; padding: 0;}

.subnav li {
	border-bottom: 1px solid #696755;
	list-style: none;
}
.subnav li a {
	/*	background: #89866F;	*/
	color: #111;
	display: block;
	padding: 4px 2px 4px 10px;
	width: 148px;
	text-decoration: none;
	background-image: url(design/col_bg.gif);
}
.subnav li a:hover {
	background: #336699;
	color: #FFF;
}

/* tabovi - djelatnosti */

    #tabs {
	float:left;
	width:100%;
	font-size:93%;
	line-height:normal;
*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000033;
	background-image: url(../design/bg.gif);
	background-repeat: repeat-x;
	  }
    #tabs ul {
	margin:0;
	padding:2px 0px 0 5px; 
	list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      float:left;
      background:url("../design/tableftB.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs a span {
      float:left;
      display:block;
      background:url("../design/tabrightB.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#FF9834;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }
	  
/* naslov - djelatnosti i mali menu */	  

.djelatnosti-naslov {
	font-size: 14px;
	color: #336699;
	font-weight: bolder;
	padding-top: 15px;
}

.djelatnosti-naslov-mali {
	font-size: 12px;
	color: #336699;
	padding-top: 15px;
	font-weight: 300;
}

.djelatnosti_slika_desno {
	float:right;
	margin-top: 3px;
	margin-left: 12px;
	margin-bottom: 5px;
 
}

.djelatnosti_slika_desno-tekst {
	float:right;
	margin-top: 3px;
	margin-left: 12px;
	margin-bottom: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	width: 120px;
}

.djelatnosti-malimenu {
	
}


#NewsTicker{
	/*	border:solid 1px #cccccc; */
	background:transparent;
	width:130px;
	height:75px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 5px;
}
	#NewsTicker h1{
		padding:6px; margin:0; border:0;
/*		background: #FFCC00; */
		color:#000000;
		font-size:11px;
		font-weight:bold;
	}
	#NewsVertical {
	width: 128px;
	height: 75px;
	display: block;
	overflow: hidden; 
	position: relative; 
	}
	
	#controller{
	padding:5px;
	font-size:11px;
	color:#666;
	}
	
	#play_scroll_cont{display:none;}
/* --------------- */
/* Ticker Vertical */
	#TickerVertical {
	width: 110px;
	height: 65px;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	}
	
	#TickerVertical li {
		display: block;
		width: 120px;
		height: auto; 
		color: #ffffff;
		text-align: left;
		font-size: 11px;
		margin: 0;
		padding: 6px;
		float: left;
	}
		#TickerVertical li .NewsTitle{
	display: block;
	color: #003366;
	font-size: 10px;
	font-weight:bold;
	margin-bottom:6px;
	height:auto;
		}
		#TickerVertical li .NewsTitle a:link,
		#TickerVertical li .NewsTitle a:Visited {
	display: block;
	color: #003366;
	font-size: 11px;
	margin-bottom:6px;
	text-decoration:none;
		}
		
		#TickerVertical li .NewsTitle a:hover {
			text-decoration:underline;
		}
		
		#TickerVertical li .NewsImg{
			float:left;
			margin-right:10px;
			width: 30px;
			height: 30px;
		}
		#TickerVertical li .NewsFooter{
	display: block;
	color: #333333;
	font-size: 10px;/*			margin:6px 0 14px 0; */
		}