/* Header */
#header {width: 950px; height: 187px; background: #ffffff  }
#headlogo {width: 256px; height: 187px; float: left; }
#headlogo img {width: 180px; height: 125px; margin-top: 5px; border: none; margin-left:0px;}
#headlogoslogan {
	background-image:url(../images/slogan.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	float:left;
	margin-top:15px;
	margin-left:10px;
	width:240px;
	height:30px;
	}
#headslike {
	width: 694px;
	margin-top: 3px;
	float: left;
	margin-right: 0px;
	margin-bottom: 3px;
}
#headerlinksbox {
	width: 950px;
	height: 35px;
	background-image: url(Images/menu_on.gif);
	color: #FFF;
	font-size: 14px;
	text-align: right;
}
#headerlinks {
	color: #ffffff;
	text-align: center;
	width: 698px;
	font-size:13px;
	float: right;
}
#headerlinks li {
	color: #ffffff;
	float: right;
	width: 150px;
}
#headerlinks li a {
	color: #ffffff;
	display: block;
	padding-top: 9px;
	text-decoration: none;
	width: 150px;
	height: 24px;
}
#headerlinks li span {
	background: #767676 url('Images/menu_off.gif') repeat-x top;
	color: #ffffff;
	cursor: default;
	display: block;
	padding-top: 9px;
	width: 150px;
	height: 24px;
}
#headerlinks li a:hover {background: #767676 url('Images/menu_off.jpg') repeat-x top; color: #ffffff;}
/* Left content */
#left {
	width: 220px;
	float: left;
	background-color: #FFF;
}
#menudivider {
	background-image:url(../images/menu_divider.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:18px;
	float:left;
	height: 656px;
	background-color:#FFF;
}
#divider {
	background-image:url(../images/divider.jpg);
	background-position:center;
	width:518px;
	float:left;
	padding-left:100px;
	background-repeat: no-repeat;
}
#naviBox {background: #767676; color: #ffffff; float: left; text-align: left; width: 191px; font-size:13px;}
#naviBox li a {background: url('Images/menu_on.gif') repeat-x; color: #ffffff; display: block; padding-top: 9px; padding-left: 22px; text-decoration: none; width: 169px; height: 24px;}
#naviBox li span {background: #767676 url('Images/menu_off.gif') repeat-x top; color: #ffffff; cursor: default; display: block; padding-top: 9px; padding-left: 22px; width: 169px; height: 24px;}
#naviBox li a:hover {background: #767676 url('Images/menu_off.gif') repeat-x top; color: #ffffff;}
#searchbox { width: 191px; float: left; height: 37px; background: #767676 url('Images/search_background.gif') repeat-x top;}
#placanje {
	width: 220px;
	float: left;
	height: 200px;
	background-image: url(../images/placanja.png);
	background-repeat: no-repeat;
}
#detaljnije {background: #929292; width: 191px; float: left; height: 20px; font-size: 14px; padding-top: 6px;}
#detaljnije a {color: #000000;}
#detaljnije a:hover {color: #ca0000; text-decoration: underline;}
#novostititle {
	background:#ffffff;
	font-size: 15px;
	font-weight: bold;
	padding-top: 12px;
	color: #ffffff;
	width: 220px;
	float: left;
	height: 100%;
	display: block;
}
.crvenacrta {width: 191px; float: left; height: 4px; background: #ca0000 url('Images/crvena_crta.png') no-repeat;}
.novosticontent {font-size: 12px; color:#ffffff; padding-top: 8px; background: #ca0000; text-align: left; width: 191px; float: left; line-height: 15px;}
.novostidatum {font-weight: bold; padding-left: 10px;}
.novostitekst {width: 171px; padding: 8px 10px 10px 10px;}
.novostitekst a {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
.novostitekst a:hover {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

.menulefttitle {
	width: 220px;
	height: 35px;
	float: left;
	text-align: left;
	padding: 0px;
}
#kontaktbox {width: 171px; padding: 15px 10px 15px 10px; font-size: 12px; text-align: left; float: left; line-height: 18px;}
#kontaktbox a {color: #000000;}
#kontaktbox a:hover {color: #ca0000; text-decoration: underline;}
.sidebarmenu ul {
	width:220px;
	background-color: #FFF;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 18;
}
.sidebarmenu ul li {
	width:190px;
	height:30px;
	line-height:29px;
	padding-top: 0px;
	padding-left: 30px;
	color: #999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CBCACA;
}
.sidebarmenu ul li a {
	width:150px;
	display:block;
	color:#3B3B3B;
	text-decoration:none;
	padding:0 0 0 20px;
	background-color: #fff;
	background-image: url(../images/arrow-normal.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
}
.sidebarmenu ul li span {
	text-decoration:none;
	background-image: url(images/arrow-hover.gif);
	background-repeat: no-repeat;
	background-position: 0px 50%;
	width: 150px;
	padding-top: 0px;
	padding-left: 30px;
	color: #277EB5;
}
.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active {	color:#3B3B3B;}
.sidebarmenu ul li a:visited {color:#3B3B3B;}
.sidebarmenu ul li a:hover {
	text-decoration:none;
	background-image: url(../images/arrow-hover.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	color: #277EB5;
}
.sidebarmenu ul li ul {position: absolute; width: 191px; top: 0; visibility: hidden; z-index: 1000;}
.sidebarmenu ul li ul li a {background: url('Images/search_background.gif') repeat-x; border-left: 1px #ffffff solid; color: #ffffff; padding-top: 9px; padding-left: 22px; text-decoration: none; width: 169px; height: 24px; display: block; overflow: auto;}
.sidebarmenu a.subfolderstyle { background: url('Images/right.gif') no-repeat 97% 50%; }
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/*---FOOTER PANEL--*/
#footermainPan{height:174px; background:url(../images/footerbg.gif) 0 0 repeat-x #777; color:#fff; margin:0; padding:0;}
#footerPan{
	width:830px;
	position:relative;
	margin:0 auto;
}
#footerPan img{
	width:130px;
	height:84;
	position:absolute;
	top:37px;
	right:6px;
	opacity:0.6;
	}

#footerPan ul{
	width:760px;
	position:absolute;
	top:16px;
	left:49px;
}
#footerPan li{float:left; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
#footerPan ul li a{
	padding:0 0 0 12px;
	color:#fff;
	text-decoration:none;
}
#footerPan ul li a:hover{text-decoration:underline;}#footcopy {
	background: #f0f0f0;
	width:950px;
	float: left;
	font-size: 10px;
	padding: 4px 0px 4px 0px;
}
#footerPan p.copyright{
	
	color:#fff;
	font:11px/15px Tahoma,Arial, Helvetica, sans-serif;
	position:absolute;
	top:36px;
	left:261px;
	width: 275px;
}
#footerPan ul.proline{
	width:190px;
	background:#7D7D7D;
	color:#fff;
	display:block;
	position:relative;
	top:60px;
	left:340px;
}
#footerPan ul.proline li{height:20px;}
#footerPan ul.proline li a{background:#7D7D7D; display:block; color:#fff; text-decoration:none; padding:0px;}
#footerPan ul.proline li a:hover{text-decoration:underline;}
#footcopy a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%;
	text-decoration: none;
	color: #000;
}
#footcopy a:hover {
	color: #F00;
	text-decoration: none;
	background-color: #CCC;
}

/* jQuery lightBox plugin - Gallery style */
#gallery {width: 700px; padding-top: 20px; padding-right: 10px; padding-bottom: 30px; padding-left: 20px;}
#gallery ul { list-style: none; }
#gallery ul li {
	border: 1px solid #3e3e3e;
	background:#3e3e3e;
	width: 112px;
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
}
#gallery ul li a {
	color: #ffffff;
	background: #3e3e3e;
	display: block;
	padding: 5px 5px 5px 5px;
	text-align: center;
	line-height: 14px;
}
#gallery ul li a img {padding-bottom: 5px;}
#gallery ul li a:hover {color: #000000; background: #808080;