body {background-color:#353535;color:#333333;font-family:Arial,sans-serif;font-size:12px;margin-top:0px;}

a, a:visited, li.self li a, li.self li a:visited {color:#666666;text-decoration:none;}
a:hover, .content a:hover, #rightcolumn h3 a:hover, li.self a, li.self a:visited {color:#999999;text-decoration:none;}

#page{width:980px;margin:0 auto;position:relative}

#header {width:980px;height:150px;background-repeat:no-repeat;position:absolute;top:0px;left:0px;background-image:url(assets/images/zaglavlje.jpg);vertical-align:top;}
@MEDIA screen {#header h1 {display:none}}
#header h1 {position:absolute;left:120px; top:40px; font-size: 40px;font-weight:lighter;font-family:"Arial Narrow"}
#logo{position:absolute;top:15px;left:15px;z-index:1001;border:0;}

#mainmenu_holder {width:960px;height:30px;position:relative;top:100px;left:10px;vertical-align:top;color:#ffffff;font-weight:bold;background-image:url(assets/images/black_line.png);}
#mainmenu {width:940px;font-size:12px;position:relative;left:30px;vertical-align:top;}
#mainmenu li {display:inline;padding:0 0 0 20px;whitespace:nowrap;}
#mainmenu ul {list-style:none;padding:2px 0;text-align:left;line-height:20px;text-indent:-20px;}
#mainmenu li.active a, #mainmenu  li.active a:visited, #mainmenu a {color:#ffffff;text-decoration:none;}
#mainmenu a:hover {color:#cccccc;text-decoration:none;}


#middle {position:absolute;top:150px;left:0px;background-color:#0f0f0f;padding:5px;}
#middle_home {position:absolute;top:150px;left:0px;background-color:#0f0f0f;padding:5px;background-image:url(assets/images/home_bg.jpg);background-repeat: no-repeat;background-position: bottom;}

#content {position:relative;background-color:#e4e4e4;padding:10px; width:760px;}
#contact {text-align:right;}


#right {float:right;width:180px;text-align:right;}
#rightcolumn_naslovna {width:180px;position:relative;}
#icon_holder_naslovna {width:180px;position:relative;}
#icon_holder_naslovna {float: left;}
#icon_holder_naslovna h3, #promo h3 {font-size:16px;line-height:16px;margin-bottom:0px; position:relative; top:-3px;}
#icon_holder_naslovna .ditto  {
filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8; background-color:#000;}
#icon_holder_naslovna .ditto p {font-size:12px;line-height:14px;text-align:left;width:170px;  color:#FFF; padding:5px;
filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1; }
#icon_holder_naslovna img {float:left;margin:0px;border:1px solid black; width:180px;}
#icon_holder_naslovna img:hover {border:1px solid white;}
#icon_holder_naslovna div.ditto {float:left;}
#icon_r_mask {float:left;margin:0px; width:180px;height:80px;}
#icon_r_mask2 {float:left;margin:0px; width:180px;height:130px;margin-right: 5px;margin-bottom: 5px; overflow:hidden;}

#content_naslovna {background-color:#e4e4e4;padding:10px; width:460px;position:relative;top:-330px; left:300px;}
#content_naslovna_c {background-color:#e4e4e4;padding:10px; width:460px;position:relative;top:0px; left:300px;text-align:top left;}

#chatbox {position:relative;width:280px;}
#chatbox_mask {position:relative;top:-300px;width:255px;height:17px;background-color:#333333;padding:5px;font-weight:bold;color:#ffffff}
#video {position:relative;width:290px;height:280px;overflow:hidden;}

#menu_holder {position:relative;width800px;}
#rightcolumn {width:800px;position:relative;}
#icon_menu_holder {width:375px;position:relative;background-color:#999999;padding:5px; margin-top: 10px;margin-right: 10px;margin-bottom: 0px;margin-left: 0px;}
#icon_menu_holder {float: left;}
#icon_menu_holder h3, #promo h3 {font-size:16px;line-height:16px;margin-bottom:0px; position:relative; top:-10px;}
#icon_menu_holder .ditto p {font-size:12px;line-height:14px;text-align:left;width:270px; position:relative; top:-10px;}
#icon_menu_holder img {float:left;margin:0px;border:1px solid black; width:80px;height:80px;margin-right: 10px;margin-bottom: 10px;}
#icon_menu_holder img:hover {border:1px solid white;}
#icon_menu_holder div.ditto {float:left;}
#datum_menu {position:relative;top:-30px;float:right;text-align:right;width:150px;}
#datum_stranica {position:relative;float:right;text-align:right;width:350px;}

#gallery_holder {width:780px;}
#gallery {width:480px;height:454px;overflow:hidden;background-repeat:no-repeat;background-position:center center;float:right;}
#content_gallery {padding:10px; width:270px;float:left; color:#ffffff;}
#banner {width:480px;height:290px;overflow:hidden;background-repeat:no-repeat;background-position:center center;float:right;}
#gallery_title {position:relative;float:right;text-align:left;width:460px; color:white; font-size:20px;padding:10px;}


#rightcolumn_gallery {width:280px;position:relative;}
#icon_holder {width:280px;position:relative;}
#icon_holder {float: left;}
#icon_holder h3, #promo h3 {font-size:16px;line-height:16px;margin-bottom:0px; position:relative; top:-10px;}
#icon_holder .ditto p {font-size:12px;line-height:14px;text-align:left;width:180px; position:relative; top:-10px;}
#icon_holder img {float:left;margin:0px;border:1px solid black; width:80px;height:80px;margin-right: 10px;margin-bottom: 10px;}
#icon_holder img:hover {border:1px solid white;}
#icon_holder div.ditto {float:left;}

#novosti {position:relative;padding:5px; width:460px;color:black;}
#rightcolumn_novost {width:480px;position:relative;}
#news_holder {width:230px;position:relative;}
#news_holder {float: left;}
#news_holder h3, #promo h3 {font-size:16px;line-height:16px;margin-bottom:0px; position:relative; top:-10px;}
#news_holder .ditto p {font-size:12px;line-height:14px;text-align:left;width:130px; position:relative; top:-10px;}
#news_holder img {float:left;margin:0px;border:1px solid black; width:80px;height:80px;margin-right: 10px;margin-bottom: 10px;}
#news_holder img:hover {border:1px solid white;}
#news_holder div.ditto {float:left;}


#footer {clear:both;font-size:11px;text-align:center;padding:5px;color:#ffffff;}
#bottom {width:970px;height:30px;background-repeat:no-repeat;background-image:url(assets/images/zaglavlje.jpg);background-position:bottom;}




.slideshow-controller{background:url(/assets/js/controller.png) no-repeat;height:42px;left:50%;margin:-21px 0 0 -119px;overflow:hidden;position:absolute;top:50%;width:238px;z-index:10000;}
.slideshow-controller *{margin:0;padding:0;}
.slideshow-controller-hidden{opacity:0;}
.slideshow-controller-visible{opacity:1;}
.slideshow-controller a{cursor:pointer;display:block;height:18px;overflow:hidden;position:absolute;top:12px;}
.slideshow-controller a.active{background-position:0 18px;}
.slideshow-controller li{list-style:none;}
.slideshow-controller li.first a{background-image:url(/assets/js/controller-first.gif);left:33px;width:19px;}
.slideshow-controller li.last a{background-image:url(/assets/js/controller-last.gif);left:186px;width:19px;}
.slideshow-controller li.next a{background-image:url(/assets/js/controller-next.gif);left:145px;width:28px;}
.slideshow-controller li.pause a{background-image:url(/assets/js/controller-pause.gif);left:109px;width:20px;}
.slideshow-controller li.play a{background-position:20px 0;}
.slideshow-controller li.play a.active{background-position:20px 18px;}
.slideshow-controller li.prev a{background-image:url(/assets/js/controller-prev.gif);left:65px;width:28px;}
.slideshow-captions {
	background: #000;
	bottom: 0;
	color: #FFF;
	font: normal 16px/20px Arial, sans-serif;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	width: 100%;
	z-index: 10000;
}
.slideshow-captions-hidden {
	height: 0;
	opacity: 0;
}
.slideshow-captions-visible {
	height: 22px;
	opacity: .7;
}

.slideshow-thumbnails {
	bottom:0;
	height: 96px;
	left: 0;
	position: absolute;
	width: 100%;
}
.slideshow-thumbnails * {
	margin: 0;
	padding: 0;
}
.slideshow-thumbnails ul {
	height: 106px;
	left: 0;
	position: absolute;
	top: 0;
	width: 10000px;
}
.slideshow-thumbnails li {
	float: left;
	list-style: none;
	margin: 5px 5px 5px 0;
	position: relative;
	width:96px;
	height:96px;
}
.slideshow-thumbnails a {
	display: block;
	float: left;
	position: relative; 
}
.slideshow-thumbnails a:hover {
	background-color: #FF9 !important;
	opacity: 1 !important;
}
.slideshow-thumbnails img {
	display: block;
}
.slideshow-thumbnails-active {
	background-color: #9FF;
	opacity: 1;
}
.slideshow-thumbnails-inactive {
	background-color: #FFF;
	opacity: .5;
}
#content .yellow{color:#ffd200}
#content .red {color:#d20000;}
#content .green {color:#00d200;}
#content .blue {color:#0000d2;}
#content .turq {color:#00ffd2;}
#content .mag {color:#d200ff;}

/**
Stylesheet: Ligthbox.css
	CSS for Lightbox with Slideshow.

License:
	MIT-style license.

Copyright:
	Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
	
Notes:
	This stylesheet is required for proper functioning of Lightbox.
*/

a:hover .photos {
	border: 1px solid #999;
}
.lbLoading {
	background: #fff url(loader.gif) no-repeat center;
}
.photos {
	border: 1px solid #fff;
	padding: 3px;
}
.lightboxDesc {
	display: none;
}
#lbOverlay {
	background-color: #000;
	cursor: pointer;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 100000;
}
#lbCenter, #lbBottomContainer {
	background-color: #fff;
	left: 50%;
	overflow: hidden;
	position: absolute;
	z-index: 100001;
}
#lbImage {
	border: 10px solid #fff;
	cursor: pointer;
}
#lbBottom {
	border: 10px solid #fff;
	border-top-style: none;
	color: #000;
	font: normal 11px/16px Arial, sans-serif;
	text-align: left;
}