<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* -------------------------------------------
// (c) Abacus 2010 , info (at) abacus (dot) hr
// 24.02.2012 bvasic
//----------------------------------------- */
body {
	background:url(../img/topBack.jpg) repeat-x;
	font: 12px Arial;
	color: #4B4A4A;
	margin:0;
	padding-top:0;
	padding-left:0;
	padding-right:0;
	padding-bottom:4px;
}
hr{
	color:#e49559;
	background-color:#e49559;
	height:1px;
	border:none;
}
h1{
	font-size: 16px;
	line-height: 16px;
}
h2{
	font-size:14px;
	line-height: 14px;
	color:#12243F;
}
table{
	background-color: #FCFCFC;
	}
table th{
	background-color: #EAEAEA;
}
table tfoot{
	background-color: #EAEAEA;
}

a:link, a:active, a:visited {
	text-decoration: none;
	color: #FE0000;
	font-weight:bold;
}

a:hover {
	color: #ffa043;
}
div.contentHolder{
	width:961px;
	margin:0 auto;
	position:relative;
}
div.headerContainer{
	/*position:relative;*/
}
div.header{
	background:url(../img/header.png) top center no-repeat;
/*background:url(../img/header_ch.png) top center no-repeat;*/

	height:150px;
}
div.menuContainer{
	height:38px;
	margin-top:-38px;
}

div.menuContainer .menu{
	height:38px;
	width:871px;
	padding-left:9px;
	float:left;
}
/****************main content layout begin******************************/
div.mainContainer{
	clear:both;
	position:relative;
	overflow:hidden;
	padding-top:10px;
	background: url(../img/main-bg.png) repeat-x;
	
}
div.container1{
	/*background:none repeat scroll 0 0 #FFFFFF;*/ /* color of center column*/
	float:left;
	/*margin-left:-200px; *//* Width of right column */
	position:relative;
	right:100%;
	width:200%;
	/*background-color:gray; */
}
.rightWidth{
	margin-left:-220px;
}
div.container2{
	/*background-color:silver;*/ /* color of the left column*/
	float:left;
	/*left:400px;*/ /* Left column width + right column width */
	margin-left:-50%;
	position:relative;
	width:100%;
}
.leftANDright{
	left:440px
}
.leftONLY{
	left:220px;
}
.rightONLY{
	left:220px;
}

div.container3{
	float:left;
	width:50%;
	position:relative;
	/*right:200px;*/        	/* Width of left column */
	/*background-color:maroon;*//*color og right column*/
}
.leftWidth{
	right:220px;
}
div.centerColumn{
	/*margin:0 215px;*/     	/* Centre column side padding:
					Left padding = left column width + centre column left padding width
					Right padding = right column width + centre column right padding width */
	position:relative;
	left:200%;
	overflow:hidden;
}
.marginLeftOnly{
	margin:0 0 0 225px;
}
.marginRightOnly{
	margin:0 225px 0 0;
}
.marginBoth{
	margin: 0 225px 0 225px;
}
.marginNoCols{
	margin: 0 0;
}
div.leftColumn{
	float:left;
	float:right;			/* This overrides the float:left above */
	width:210px;        	/* Width of left column content (left column width minus left and right padding) */
	position:relative;
	right:0px;         	/* Width of the left-had side padding on the left column */
}
div.rightColumn{
	float:left;
	float:right;			/* This overrides the float:left above */
	width:210px;        	/* Width of right column content (right column width minus left and right padding) */
	margin-right:20px;  	/* Width of right column right-hand padding + left column left and right padding */
	position:relative;
	left:50%;
}

#navigator{
	height: 21px;
	line-height:21px;
	color:#c06f65;
}
#navigatorPrint{
	font-size:11px;
	font-weight:bold;
	color:#000000;
}

#navigator a{
	color:#c06f65;
	font-size: 12px;
}
#navigatorPrint a{
	color:#000000;
}
#navigator a:hover{
	color:#2B3F0F;
}

.navigatorRightBack {
	background:url(../img/navGraph.png) no-repeat 930px -21px;
	height: 21px;
	padding-right: 16px;
}
.navigatorMainContent {
	background:url(../img/navGraph.png) repeat-x center -42px;
}
/**********TOOL BUTTONS BEGIN******************/
#tools{
	float:right;
	width:68px;
	text-align:right;
	height:22px;
	margin:12px 6px 0 0 ;
}
#tools a{
	display:block;
	float:left;
	margin:2px;
	border:0px solid silver;
}
#tools a:hover{
	border:1px solid #2B3F0F;
}
#tools a img{
	border:none;
}

/**********TOOL BUTTONS END******************/

div.footer{
	text-align: center;
	width: 961px;
	height: 20px;
	background:url(../img/foot.png) repeat-x;
	margin-left: auto;
	margin-right: auto;
	padding-top:20px;
	font-size:11px;
	color: #828282;
}

div.footer a{
	color: #828282;
}

.footTop{
	height:44px;
	padding-top:10px;
	color:#57bcbf;
	padding-left:15px;
}

.footTop a{
	color:#57bcbf;
	font-size:15px;
	font-weight:normal;
	font-size:13px;
}

.footTop a:hover{
	text-decoration:underline;
}

.footBott{
	padding-top:24px;
	text-align:center;
}

.abcs {
	
}
.bottom-line{
	background-color:#ffa043;
	height: 33px;
	width: 100%;
	}


.footerRight{
	background: url(../img/footerGraph.png) no-repeat 912px -14px;
	height: 14px;
	padding-right: 18px;
}

.footerCont{
	background: url(../img/footerGraph.png) repeat-x center -28px;
	height: 14px;
}

/***WIDGETS BEGIN**/
.widgetWraper{
	margin-bottom:5px;
	position:relative;
}
.widgetBorders{
	background: #FFFFFF;
	padding-bottom:1px;
	/*border: 1px #272d32 solid;*/
}
.widgetCorner{
	height:17px;
	background-image:url(../img/widget-corners.png);
	background-repeat:no-repeat;
}
.leftWidget{
}
.leftWidget .widgetCorner{
	background-position:left 0;
}
.rightWidget{
}
.rightWidget .widgetCorner{
}
/**********horizontal text scroller begin**************/
#horTextScroller{
	line-height:24px;
	height:24px;
	background-color:#CACFD3;
	white-space:nowrap;
	font-size:9px;
	font-weight:normal;
}
span.scrollTextContainer{
	font-weight:bold;
}
span.scrollTextContainer a{
	font-weight:normal;
}
/**********horizontal text scroller end**************/
/**********vertical text scroller begin**************/
#verTextScroller{	
	height:154px;
	padding:0 6px;
	background-color:#ffffff;
	margin:0;
	border: 1px solid #FFA043;
	color:#4B4A4A;
}

#verTextScroller div a {
	color:#272d32;
	font-weight: bold;
	font-size: 11px;
}
#verTextScroller div a:hover {
	color:#000000;
}

/**********vertical text scroller end**************/
#imgSliderTop{
	position:absolute;
	width:450px;
	height:100px;
	overflow:hidden;
	right:10px;
	top:10px;
	z-index:1;
}

div.widgetTitle{
	background:#FFA043;
	font-size:16px;
	font-weight:bold;
	color:#ffffff;
	padding-left:14px;
	line-height:32px;
	margin-bottom:2px;
}
.simpleContent{
	padding:0 6px;
	background-color:#ffffff;
	margin:0;
	border: 1px solid #FFA043;
	color:#272d32;
}
/*************info box begin****************/
div.infoCont {
	margin:0 10px 10px;
	border: 1px solid #FFA043;
	padding:5px;
}
/*************info box end****************/
/*************brzi linkovi begin****************/
div.speedLinks{
	margin-bottom:10px;
	border-bottom: 1px solid #C0EEF0;
	background:#FFA043;
}
div.speedLinks a {
	display:block;
	padding: 4px 10px 4px 9px;
	color:#FFFFFF;
	font-weight: bold;
	font-size:13px;
	line-height: 19px;
	position: relative;
	border-bottom: 2px solid #ff0000;
}
div.speedLinks a:hover{
	background:#FF0000;
	color:#efefef;
}
div.speedLinks a span {
	display: block;
	position: absolute;
	height: 20px;
	width: 20px;
	left: 5px;
}
div.speedLinks a:hover span {
	background:#FFA043;
	color:#405d80;
}

/*************brzi linkovi end****************/
div.imageListWithText,
div.imageList{
	text-align:center;
	margin:10px 10px 4px 10px;
	overflow:hidden;
}
div.imageListText{
	padding:1px 4px 4px;
}
div.imageListWithText img,
div.imageList a img{
	border:0px;
	width:198px;
	margin-bottom:6px;
}
div.imageList a:hover img{
	opacity:0.9;
	filter:alpha(opacity=90);
}
/************* foto album slider **********/
#fotoAlbumSlider{
	width:208px;
	height:79px;
	margin: 0 auto 0 auto;
	padding-bottom:11px;
	overflow:hidden;
}
#fotoAlbumSlider a{
	float:left;
	display:block;
	width:100px;
	height:75px;
	background-color:transparent;
	border:2px solid transparent;
	text-align:center;
	cursor:pointer;
	margin: 0 auto 0 auto;
}
#fotoAlbumSlider a  img{
	border:0px;
}
#fotoAlbumSlider a:hover{
	background-color:#F0F0F0;
	border-color:#2B3F0F;
}
/************* foto album slider **********/
/***WIDGETS END**/


/**********article list begin**************/
div.listItem{
	clear:left;
	padding:5px;
	overflow:hidden;
	margin-bottom:5px;
}
.listItemBg1{
	background-color:transparent;
}
.listItemBg2{
	background-color:transparent;
}
div.listImage{
	float:left;
	width:110px;
}
div.listImage a{
	display:block;
	width:100px;
	height:75px;
	background-color:#FFFFFF;
	border:1px solid #6087ad;
	text-align:center;
	float:left;
	cursor:pointer;
}
div.listImage a img{
	border:0px;
}
div.listImage a:hover{
	background-color:#F0F0F0;
	border-color:#2B3F0F;
}
div.listEventDate{
	font-size:9px;
	color:#ef0000;
}
div.listTitleLink a{
	color:#ef0000;
	font-weight: bold;
	font-size: 13px;
}
div.listTitleLink a:hover{
	color:#ef0000;
}
div.listDescription {
	text-align:justify;
	color:#ff2222;
}
div.listDescription a{

}
div.listDetailsLink{
	text-align:right;
	padding-top:8px;
}
div.listDetailsLink a{
	font-size:11px;
	padding:7px;
	color: #ffffff;
	background: #FFA043;
	width:50px;
	height:20px;
	}
div.listDetailsLink a:hover{
	background-color: #fe0000;
}
/**********article list end**************/
/**********article details begin**************/
div.detArticle{
	padding:0 5px 10px;
}
div.detEventDate{
	font-size:11px;
	font-weight:bold;
}
div.detTitle{
	color:#ffa043;
	font-weight:bold;
	padding:5px 0;
	font-size:16px
}

div.detArticle hr{
	background-color:#ffa043;
	height:4px;
}
.clr{
	background-color:#ffa043 !important;
	height:1px !important;
	clear: both;
}	
div.detContent{
}
div.detContent .floatL{
	float: left;
	margin:0 15px 0 0;
}

div.detContent .floatR{
	float: right;
	margin:0 0 0 10px;
}

div.titleFiles{
	color:#e13200;
	font-weight:bold;
	padding:10px 0 5px 0;
	font-size:11px;
}
div.artPicsCont{
	text-align:left;
	padding-left:30px;
}
div.artPicsCont a img{
	margin:2px;
	height:75px;
}

div.artleFileCont{
	clear:left;
	width:300px;
	padding-left:30px;
}
div.artFileIconCont{
	float:left;
	width:40px;
}
div.artFileIconCont img{
	width:32px;
	height:32px;
	border:0px;
}
div.artFileDesc{
	font-size:9px;
}
span.artFileSize{
	color:red;
}
div.artLinksCont{
	padding-left:2px;
}
div.artLinks{
}
div.artLinks a{
	color:#467700;
	font-weight: bold;
	font-size: 12px;
}
div.artLinks a:hover{
	color:#000000;
}
/**********article details end**************/
/********CONTACT FORM BEGIN**********/
div.title{
	padding:10px;
	font-weight:bold;
	font-size:12px;
	color:#ef0000;
}
div.error{
	text-align:center;
	color:red;
}

#contactForm{
	width:100%;
}
#contactForm td{
	text-align:left;
}
#contactForm td.aRight{
	text-align:right;
	padding-right:10px;
	width:30%;
}
#contactForm td.bold{
	font-weight:bold;
}
#contactForm td.top{
	vertical-align:top;
}
#contactForm td textarea,
#contactForm td input{
	width:225px;
	border:1px solid #2B3F0F;
	padding:2px;
	font: 11px Verdana;
}
#contactForm td textarea {
	height:150px;
}
#contactForm td input.submitBtn{
	width:75px;
	cursor:pointer;
}
/********CONTACT FORM END**********/
/********paginator begin***********/
div.paginator{
	text-align:center;
	padding-top:15px;
}
.paginator a{

}
.paginator a.current-page{
	font-size: 13px;
	font-weight:bold;
	color:#000000;
}
/********paginator end***********/
/********foto-album begin***********/
#foto-root{
	list-style:none outside none;
	padding:0;
	margin:4px 0 20px 15px;
	text-align:left;
}
#foto-root ul{
	list-style:none outside none;
	padding:0;
	text-align:left;
	margin:4px 0;
}
#foto-root li{
	margin-top: 2px;
	margin-bottom:2px;
}
#foto-root li li {
	margin-left:10px;
}
#foto-root li table{
	border-spacing:0;
}
#foto-root li table td{
	vertical-align:top;
	padding:0;
	white-space: normal;
}
#foto-root li table td.icon{
	width:16px;
}
#foto-root li table td.text{
	padding:3px 0 0 3px;
}
#foto-root li table td img.expander{
	width:16px;
	height:16px;
}
#foto-root li table td img.closed{
	background-image:url(../iconsdir/pointer.gif);
	background-position: 0px -32px;
	
}
#foto-root li table td img.closed-hover{
	background-image:url(../iconsdir/pointer.gif);
	background-position: 0px -48px;
	
}
#foto-root li table td img.opened{
	background-image:url(../iconsdir/pointer.gif);
	background-position: 0px 0px;
}
#foto-root li table td img.opened-hover{
	background-image:url(../iconsdir/pointer.gif);
	background-position: 0px -16px;
}
#foto-root li table td img.item-icon{
	width:16px;
	height:16px;
}
#foto-root a{
	font-size:9px;
	font-weight:normal;
}
div.groupTitle{
	color:#000000;
	font-weight:bold;
	padding-bottom:5px;
	font-size:11px
}
div.groupTitle div.picCount{
	font-weight:normal;
	font-size:9px;
	color: #4B4A4A;
}
a.fotoContainer{
	display:block;
	width:120px;
	height:100px;
	border:2px solid silver;
	background-color:#FFFFFF;
	text-align:center;
	margin-right:16px;
	margin-bottom:16px;
	float:left;
	cursor:pointer
}
a.fotoContainer  img{
	border:0px;
}
a.fotoContainer:hover{
	background-color:#F0F0F0;
	border-color:#2B3F0F;
}
/********foto-album end***********/
/**********home page begin***********/

div.homePageContainer{
	padding:0 0 5px 0;
	margin-bottom:5px;
}
div.posRelative{
	position:relative
}
div.hpTopLeftContainer{
	height:233px;
	width:476px;
	overflow:hidden;
}
div.hpTopLeftHtmlContainer{
	position:absolute;
	left:0px;
	bottom:0px;
	background-color:#dddee0;
	padding:7px;
	width:462px;
	opacity:0.9;
	filter:alpha(opacity=90);
}
div.hpTopLeftTitle{
	color:#12243f;
	font-size:16px
}
div.hpTopLeftText{
	color:#383c40;
}
#homeAccordion{
	height:233px;
	width:480px;
	overflow:hidden;
	position:absolute;
	right:0px;
	top:0px;
}
#homeAccordion div{
	overflow:hidden;
	height:233px;
	position:absolute;
	float:left;
	width:120px;
}
#homeAccordion a.homeAccordionLink {
	position:absolute;
	bottom:0px;
	padding:15px 5px;
	margin:0;
	width:100%;
	background-color:#5e5e5f;
	font-size:14px;
	font-weight:bold;
	height:36px;
	overflow:hidden;
	opacity:0.7;
	filter:alpha(opacity=70);
}
#homeAccordion a.homeAccordionLink:hover{
	opacity:1;
	filter:alpha(opacity=100);
}
#homeAccordion a span{
	display:block;
	line-height:18px;
	width:95%;
	padding:0;
	margin:0;
	color:white;
}
div.middleContainer{
	height:360px;
	border-bottom:4px solid #99c1dd;
	padding-bottom:8px;
}

div.middleColContainer{
	height:360px;
	width:300px;
	overflow:hidden;
}
div.midleCol2{
	position:absolute;
	left:330px;
	top:0px;
}
div.midleCol3{
	position:absolute;
	right:0px;
	top:0px;
}
div.homeInfoBoxCont{
	height:220px;
	overflow:hidden;
}
div.homeLinksCont{
	height:130px;
	text-align:center;
}
#hpTabContainer{
	width:300px;
	height:17px;
	border-bottom:4px solid #99c1dd;
	padding:12px 2px 6px 2px;
	margin:0;
}
div.hpTab{
	float:left;
	margin-left:3px;
	border:solid #b0bac1;
	border-width:1px 1px 0 1px;
	color:#b0bac1;
	padding:6px 8px;
	margin-top:-6px;
	cursor:pointer;
	font-size:14px;
	font-weight:bold;
}
div.hpTabActive{
	border-color:#99c1dd;
	color:#12243f;
	cursor:auto;
}
h3.hpHeading{
	font-size:14px;
	font-weight:bold;
	color:#12243f;
	height:17px;
	border-bottom:4px solid #99c1dd;
	padding:12px 2px 6px 2px;
	margin:0 0 2px 0;
}
div.homeListItem{
	height:56px;
	font-size:12px;
	padding:0 2px 4px 2px;
	border-bottom:1px solid #e49559;
	margin-top:4px;
}
div.hpListImage{
	float:left;
	width:60px;
}
div.hpListImage a{
	display:block;
	width:54px;
	height:54px;
	background-color:#FFFFFF;
	border:1px solid #7899ba;
	text-align:center;
	float:left;
	cursor:pointer;
}
div.hpListImage a img{
	border:0px;
}
div.hpListImage a:hover{
	background-color:#F0F0F0;
	border-color:#3e71ba;
}
span.hpListEventDate{
	font-size:9px;
	color:#3e71ba;
}
a.hpListLink{
	display:block;
	height:42px;
	font-size:12px;
	color:#12243f;
	overflow:hidden;
}
img.hpInfoImg{
	float:right;
	margin-left:8px;
	border:none;
}
img.hpLinksImg{
	border:none;
	margin-bottom:10px;
}
div.hpBottomContainer{
	height:190px;
}
div.hpBotomColContainer{
	height:190px;
	width:162px;
	position:absolute;
	top:0px;
	overflow:hidden;
}
div.bottomCol1{
	left:10px;
}
div.bottomCol2{
	left:205px;
}
div.bottomCol3{
	left:400px;
}
div.bottomCol4{
	left:595px;
}
div.bottomCol5{
	right:10px;
}
h3.hpHeadBottom{
	font-size:17px;
	color:#246da5;
	padding:0 2px;
	border-bottom:1px solid #246da5;
	margin:12px 0 8px 0;
}
a.hpBotomLink{
	font-size:14px;
	color:#8ea3b3;
	display:block;
	height:29px;
	line-height:29px;
	overflow:hidden;
	padding: 0 2px;
	border-bottom:1px solid #8ea3b3;
}
/**********home page end***********/



/*------------------------------------------------------------------------------- 

  Kontakti izgled

-------------------------------------------------------------------------------*/

.Ver8Black {
  font: normal 8pt Verdana;
  color: black;
  line-height: 18px;
}

.Ver8BBlack {
  font: bold 8pt Verdana;
  color: black;
  line-height: 18px;
}

.Ver8BBlu {
  font: bold 8pt Verdana;
  line-height: 18px;
  color: #2D7FCD;
}

.Ver8BPnk {
  font: bold 8pt Verdana;
  line-height: 18px;
  color: #D1017D;
}

.Ver7Dark {
  font: normal 7.5pt Verdana;
  color: #4E4E4E;
  line-height: 18px;
}

.Ver8Dark {
  font: normal 8pt Verdana;
  color: #4E4E4E;
  line-height: 18px;
}

.NasTd {
  background-color: #FAFAFA;
  font: bold 8pt Verdana;
  color: #C2575D;
  text-align: center;
  line-height: 18px;
}

.MainNasTd {
  background-color: #FAFAFA;
  font: bold 8pt Verdana;
  color: #2D7FCD;
  text-align: center;
  line-height: 18px;
  padding: 3px;
  border: 1px solid #DEDDDB; 
}

.TdGrB {
  background-color: #FAFAFA;
  font: bold 8pt Verdana;
  color: #5E5E5E;
  line-height: 18px;
  text-align: left;
}

.TdGr {
  font: normal 8pt Verdana;
  color: #5E5E5E;
  line-height: 18px;
  background-color: #FAFAFA;
  text-align: left;
}</pre></body></html>