@charset "utf-8";
/* CSS Document  /////////////////////////////////////////////////////// */
body {
	margin:0px;
	padding:0px;
	font-family:Verdana,Arial;
	background-color: #FFFFFF;
	text-align:center;
	font-size:12px;
	text-align:justify;
	line-height:18px;
	
}
p {
margin:0px;
padding-top:5px;
padding-bottom:5px;
}
.spliter{
height:1px;
display:block;
margin-top:2px;
border-bottom:1px solid #aea488;
}
.spliterdotted{
height:1px;
display:block;
margin-top:2px;
border-bottom:1px dashed #aea488;
margin-bottom:10px;
}
.parni{
background-color:#f6f5f5;
margin-top:2px;
}
.neparni{
background-color:#e9e8df;
margin-top:2px;
}
.downlink{
	font-size:10px;
	text-align:right;
	padding:2px;
}
.desno{
	font-size:10px;
	text-align:justify;
	width:200px;
	margin-left:20px;
}
.desnaColon
{
	background-color:#efede1;
	width:240px;
}

.coskicGore
{
float:right;
background-color:#efede1;
display:block;
height:40px;
width:10px;
-moz-border-radius-bottomleft:10px;
border-bottom-left-radius:10px;
}

.coskicGore2Outer
{
float:right;
background-color:#efede1;
display:block;
height:10px;
width:10px;
}
.coskicGore2
{
background-color:#ffffff;
display:block;
height:10px;
width:10px;
-moz-border-radius-topright:10px;
border-top-right-radius:10px;
}
.LinkNewsletter
{
 padding-top:3px;
 padding-right:20px;
 padding-left:10px;
 font-size:11px;	
 display:block;
 height:20px;
 margin-left:5px;
 margin-right:5px;
 background-image:url(images/newsletterMala.png);
 background-position:75px;
 background-repeat:no-repeat;
}
.LinkSitemap
{
 padding-top:3px;
 padding-right:20px;
 padding-left:15px;
 font-size:11px;	
 display:block;
 height:20px;
 margin-left:5px;
 margin-right:5px;
 background-image:url(images/sitemapMala.png);
 background-position:70px;
 background-repeat:no-repeat;
}
.LinkFacebook
{
 padding-top:3px;
 padding-right:20px;
 padding-left:15px;
 font-size:11px;	
 display:block;
 height:20px;
 margin-left:5px;
 margin-right:5px;
 background-image:url(images/facebookMala.png);
 background-position:70px;
 background-repeat:no-repeat;
}
.LinkToTop
{
 padding-top:3px;
 padding-right:20px;
 padding-left:15px;
 font-size:11px;	
 display:block;
 height:20px;
 width:160px;
 margin-bottom:10px;
 background-image:url(images/backtotop.jpg);
 background-position:110px 6px;
 background-repeat:no-repeat;
}

.LinkNewsletter:link,.LinkNewsletter:visited,.LinkNewsletter:active,
.LinkSitemap:link,.LinkSitemap:visited,.LinkSitemap:active,
.LinkFacebook:link,.LinkFacebook:visited,.LinkFacebook:active
{
color:#ada68c;
}
.LinkNewsletter:hover,
.LinkSitemap:hover,
.LinkFacebook:hover
{
color:#b01e1e;
}

.linijaRazdvajanja
{
 border-bottom:1px dashed #aea488;

}


.searchButton
{
	margin:0px;
	padding:0px;
	border:0px;
	background-color:#FFF;
	color:#ada68c;
	font-weight:700;
	font-size:11px;
	display:block;
	padding:3px;
	width:65px;
	text-align:center;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #ada68c;
}


.rightnaslov{
	font-size:10px;
	font-weight:bold;
	text-align:justify;
	padding:4px;
	color:#FFF;
	background-image:url(images/rsideback.jpg);
	background-repeat:no-repeat;
	width:200px;
}
.rightdate{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	padding:10px;
	color:#b01e1e;
	width:200px;
}
.rightdate2{
	font-size:13px;
	font-weight:bold;
	text-align:center;
	padding:6px;
	color:#b01e1e;
}

.rightheadline{
	font-size:11px;
	font-weight:bold;
	text-align:justify;
	width:200px;
	padding-top:5px;
	margin-bottom:5px;
}
.rightpic{
	width:200px;
	padding-top:5px;
	margin-bottom:5px;
}
.righttext{
	font-size:11px;
	text-align:justify;
	width:200px;
	margin-bottom:5px;
}
.text{
	font-size:11px;
	color:#000000;
	}
a:link {
	color: #b01e1e;
	text-decoration:none;
	}
a:visited {
    color:#b01e1e;
	text-decoration:none;
	}
a:active{
	color: #b01e1e;
	text-decoration:none;
	}
a:hover {
	color: #b01e1e;
	text-decoration:underline;
	}

.clearall{
clear:both;
}
.flash{
width:100%;
text-align:left;
}
.logo{
padding-bottom:15px;
background-image:url(images/side_back.jpg);
background-repeat: repeat-y;
}
.videosadrzaj {
margin:auto;
margin-bottom:15px;
}

.audiosadrzaj {
margin:auto;
}
.sidetop{
	background-image:url(images/side_top.jpg);
	background-repeat: no-repeat;
	height:12px;
	width:194px;
}
.sideback{
	background-image:url(images/side_back.jpg);
	background-repeat: repeat-y;
	width:194px;
}
.sideback2{
	background-image:url(images/side_back2.jpg);
	background-repeat: repeat-y;
	width:194px;
}
.sidefoot{
	background-image:url(images/side_top.jpg);
	background-repeat: no-repeat;
	height:12px;
}
.podkats{
	margin-left:22px;
	margin-right:5px;
}
.glavno{
	margin-left:22px;
	margin-right:25px;
}
/* Forme /////////////////////////////////////////////////////// */
form{
margin:0px;
padding:0px;
}
fieldset{
margin:5px;
}

legend{
color:#990000;
}
.theforma{
border-top:2px solid #2571a5;
border-bottom:2px solid #2571a5;
background-color: #F2F9FF;
}
.butashi{
background-color:#2571a5;
border:1px solid black;
color:#FFFFFF;
font-size:10px;
}
.formobject{
font-size:10px;
color:#ffffff;
padding:3px;
background-color:#000000;
}
.unos{
font-size:10px;
color:#2571a5;
}
.unos2{
font-size:11px;
color:#2571a5;
}
.dan{width:20px;font-size:10px;color:#2571a5;}
.mjesec{width:20px;font-size:10px;color:#2571a5;}
.godina{width:35px;font-size:10px;color:#2571a5;}

.labels{
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size:10px;
color: #666666;
}
/* VIJESTI /////////////////////////////////////////////////////// */
	/* full //// */

.vijestnaslov{
padding:2px;
font-size:12px;
font-weight:bold;
color:#000000;
text-align:left;
}
.vijestdatum{
	padding:2px;
	font-size:9px;
}
.vijestsadrzaj{
padding:2px;
font-size:11px;
color:#000000;
}

/* Naslovi /////////////////////////////////////////////////////// */
.naslovibig{
font-size:17px;
font-weight:normal;
margin-top:10px;
margin-right:18px;
margin-bottom:10px;
}
.naslovi{
font-size:11px;
font-weight:bold;
}
.naslovi a:link{
font-size:11px;
font-weight:bold;
color:#000000;
}
.naslovi a:visited{
font-size:11px;
font-weight:bold;
color:#000000;
}
.naslovi a:active{
font-size:11px;
font-weight:bold;
color:#000000;
}
.naslovi a:hover{
font-size:11px;
font-weight:bold;
color:#000000;
text-decoration:underline;
}

.vijestBlock{
 padding-top:10px;
}
.vijestBlockHover{
 padding-top:10px;
}
.sadrzajer{
cursor:pointer;
}
.sadrzajerDesno{
cursor:pointer;
}
.gallerypic{
float:left;
margin-top:8px;
margin-right:8px;
margin-bottom:8px;
border:1px solid #ffffff;
}
.gallerypicon{
float:left;
margin-top:8px;
margin-right:8px;
margin-bottom:8px;
border:1px solid #000000;
}
.folder{
background-color:#000000;
display:block;
float:left;
margin:5px;
padding:2px;
}
.folderon{
background-color:#ffffff;
float:left;
display:block;
margin:5px;
padding:2px;
}
.datum{
font-size:9px;
color:#666666;
margin-left:8px;
}
.datum2{
font-size:9px;
color:#666666;
margin-right:22px;
float:right;
}
.pagingblack{
font-size:11px;
font-weight:bold;
color:#ffffff;
background-color:#000;
}
.paging{
font-size:13px;
font-weight:bold;
color:#000000;
margin-bottom:4px;
margin-left:5px;
}
.paging a:link{
padding:4px;
color:#ffffff;
font-size:11px;
font-weight:bold;
background-color:#000000;
text-decoration:none;
}
.paging a:visited{
padding:4px;
color:#ffffff;
font-size:11px;
font-weight:bold;
background-color:#000000;
text-decoration:none;
}
.paging a:active{
padding:4px;
color:#ffffff;
font-size:11px;
font-weight:bold;
background-color:#000000;
text-decoration:none;
}
.paging a:hover{
padding:4px;
color:#ffffff;
font-size:11px;
font-weight:bold;
background-color:#000000;
text-decoration:underline;
}
.boxic{
	display:block;
	width:15px;
	height:15px;	
	font-size:11px;
	color: #ffffff;
	padding:2px;
	background-color: #DDD;
	border:1px solid #666;
	margin-right:3px;
	vertical-align:middle;
	float:left;
	text-align:center;
}
.boxic2{
	display:block;
	width:15px;
	height:15px;
	cursor:default;
	font-size:11px;
	color: #C9C9C9;
	padding:2px;
	background-color: #F5F5F5;
	border:1px solid #666;
	margin-right:3px;
	text-align:center;
	vertical-align:middle;
	float:left;
}
.pagingtop{
	margin:auto;
	text-align:center;
	margin-top:3px;
}
.pagingfoot{
	text-align:right;
	height:30px;
	margin-top:10px;
}

/* Foot /////////////////////////////////////////////////////// */
.footmain {
font-size:10px;
color: #ffffff;

}
.footmain a:link{
color: #ffffff;
text-decoration:none;
}
.footmain a:active{
color: #ffffff;
text-decoration:none;
}
.footmain a:visited{
color: #ffffff;
text-decoration:none;
}
.footmain a:hover{
color: #ffffff;
text-decoration:none;
}
.foot{
font-size:10px;
color: #ffffff;

margin-left:194px;
margin-right:0px;
text-align:right;
background-color:#aea488;
}

/*tryout*/
.calendarBox {
	width: 370px;
	margin:auto;
	}

	.calendarFloat {
		float: left;
		width: 45px;
		height: 35px;
		margin:1px;
		border: 1px solid #000;
	}
	.calendarNavig {
		background-image:url(login/images/backslideover.png);
		background-position:top;
		background-repeat:repeat-x;
		float: left;
		width: 45px;
		height: 18px;
		margin:1px;
		border: 1px solid #000;
		text-align: center;
		cursor: pointer;
	}
	.calendarBlank {
		float: left;
		width: 45px;
		height: 18px;
		margin:1px;
		border: 1px solid #fff;
		text-align: center;
		cursor:default;
	}
	.calendarDays {
		background-image:url(login/images/backslideover.png);
		background-position:top;
		background-repeat:repeat-x;
		padding-top:10px;
		font-weight:bold;
	}



ul.tabsVertikal {
	margin: auto;
	padding: 0;
	list-style: none;
	border-bottom: 0px solid #999;
	border-left: 0px solid #999;
	width: 100%;
	cursor:pointer;
}
ul.tabsVertikal li {
	/*--float: left;--*/
	margin: 0;
	padding: 0;
	border: 0px solid #999;
	border-left: none;
	margin-bottom: 5px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	/*background-color: #aea488;*/
}
ul.tabsVertikal li a {
	text-decoration: none;
	color: #900;
	display: block;
	padding: 0 20px;
	border: 0px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabsVertikal li a:hover {
	/*background-color: #CDC4B6;*/
	color: #900;
	text-decoration:underline;
}
html ul.tabsVertikal li.active, html ul.tabsVertikal li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 0px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}
.tab_containerVertikal {
	border: 0px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	margin:auto;
	width: 100%;
	background: #fff;
}
.tab_contentVertikal {
	padding-top:8px;
}


ul.tabs {
	margin: auto;
	padding: 0;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 0px solid #999;
	border-left: 0px solid #999;
	width: 100%;
	cursor:pointer;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 0px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	/*background-color: #aea488;*/
}
ul.tabs li a {
	text-decoration: none;
	color: #900;
	display: block;
	padding: 0 20px;
	border: 0px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	/*background-color: #CDC4B6;*/
	color: #900;
	text-decoration:underline;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 0px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}
.tab_container {
	border: 0px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	margin:auto;
	width: 100%;
	background: #fff;
}
.tab_content {
	padding-top:8px;
}