/* Start of CMSMS style sheet 'muzej-css' */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


html, body {height: 100%;}
body {color: #fff; background: #000; font-family: Verdana;margin-top:10px;}

#wrapper {
width: 960px;
margin: 0 auto;
}
#header{
width: 960px;
}
#header #logo {
float: left;
}
#header #logo h1{
text-indent: -9999px;
background: url(uploads/images/mso-logo.jpg) no-repeat;
width: 290px;
height: 184px;
}
#header #mainpic {
float: left;
width: 670px;
height: 135px;
overflow:hidden;

}
#header #main_nav {
float: left;
width: 670px;
height: 49px;
/*background: url(uploads/images/nav-matrix.jpg) no-repeat;*/
}
ul#nav{
list-style-type: none;
overflow: hidden;
position: relative;
width: 670px;
height: 49px;
}
ul#nav li a{
background: url(uploads/images/nav-matrix.jpg) no-repeat;
height: 0 !important;
overflow: hidden;
padding: 49px 0 0;
position:absolute;
text-decoration:none;
top: 0;
text-indent:-9999px;
}
#header #main_nav li.muzej a{
background-position:0 0px;
left:0;
width:126px;
height: 49px;
}
#header #main_nav li.muzej a:hover{
background-position:0 -49px;
}
#header #main_nav li.muzej a.current{
background-position:0 -49px;
}
#header #main_nav li.odjeli a{
background-position:-126px 0;
left:126px;
width:128px;
height: 49px;
}
#header #main_nav li.odjeli a:hover{
background-position:-126px -49px;
}
#header #main_nav li.odjeli a.current{
background-position:-126px -49px;
}
#header #main_nav li.izlozbe a{
background-position:-254px 0;
left:254px;
width:128px;
height: 49px;
}
#header #main_nav li.izlozbe a:hover{
background-position:-254px -49px;
}
#header #main_nav li.izlozbe a.current{
background-position:-254px -49px;
}
#header #main_nav li.publikacije a{
background-position:-382px 0;
left:382px;
width:128px;
height: 49px;
}
#header #main_nav li.publikacije a:hover{
background-position:-382px -49px;
}
#header #main_nav li.publikacije a.current{
background-position:-382px -49px;
}
#header #main_nav li.usluge a{
background-position:-510px 0;
left:510px;
width:160px;
height: 49px;
}
#header #main_nav li.usluge a:hover{
background-position:-510px -49px;
}
#header #main_nav li.usluge a.current{
background-position:-510px -49px;
}

#content{
float:left;
width:960px;
}
#content h1{
font-size: 12pt;
color: #e77817;
line-height: 130%;
}
#content h2{
font-size: 11pt;
color: #fff;
line-height: 130%;
font-weight: bold;
}
#content hr{
visibility: hidden;
margin-bottom: 20px;
}
#content #left_news{
float: left;
display: inline;
overflow: hidden;
width: 257px;
padding-right: 33px;
}
#content #left_news #search{
float: left;
width: 257px;
height: 47px;
}
#cntnt01searchinput{
margin-top:10px;
width:195px;
height: 19px;
}
#content #left_news #news_archive{
float: left;
display: inline;
margin-left: 1px;
width: 256px;
}
#content #left_news #news_archive img{
border: 0px none;
}
#content #left_news #news_item{
float: left;
width: 257px;
margin-bottom: 8px;
background: url(uploads/images/newsitembg.jpg) repeat-y;
overflow: hidden;
}
#content #left_news #news_item h1{
color:#fff;
font-size: 9pt;
line-height: 130%;
padding: 10px 10px 10px 14px;
}
#content #left_news #news_item h1 a{
color: #fff;
text-decoration: none;
}

/* veličina news texta*/

#content #left_news #news_item p{

font-size: 8pt;
line-height: 130%;
color: #000;
padding:0 10px 10px 14px;
}
#content #left_news #vise p{
font-size:11pt;
text-align:right;
}
#content #left_news #vise a{
text-decoration: none;
color: #fff;
}
#content #left_news #vise a:hover{
text-decoration: underline;
}
#content #left_news #news_item img{
border: 2px solid #fff;
/* margin: 0 0 10px 9px; */
margin:10px;
}

#content #left_navi{
float: left;
width: 257px;
padding-right: 33px;
}
#content #left_navi #search{
float: left;
width: 257px;
height: 47px;
}
#content #left_navi_container{
float: left;
width: 257px;
height: 436px;
background: url(uploads/images/nav-matrix-odjeli.jpg) no-repeat;
padding-bottom: 10px;
}
#content #left_navi img{
border: 1px solid #252120;
margin: 10px 0 10px;
}
ul#leftnav{
list-style-type: none;
overflow: hidden;
position: relative;
width: 257px;
height: 436px;
}
ul#leftnav li a{
background: url(uploads/images/nav-matrix-odjeli.jpg) no-repeat;
height: 0 !important;
overflow: hidden;
padding: 49px 0 0;
position:absolute;
text-decoration:none;
top: 0;
text-indent:-9999px;
}
#leftnav li.arh a{
background-position:0 0px;
top:0;
width:257px;
height: 49px;
}
#leftnav li.arh a:hover{
background-position:-257px 0;
}
#leftnav li.arh a.current{
background-position:-257px 0;
}
#leftnav li.num a{
background-position:0 -49px;
top:49px;
width:257px;
height: 49px;
}
#leftnav li.num a:hover{
background-position:-257px -49px;
}
#leftnav li.num a.current{
background-position:-257px -49px;
}
#leftnav li.pov a{
background-position:0 -98px;
top:98px;
width:257px;
height: 49px;
}
#leftnav li.pov a:hover{
background-position:-257px -98px;
}
#leftnav li.pov a.current{
background-position:-257px -98px;
}
#leftnav li.etn a{
background-position:0 -147px;
top:147px;
width:257px;
height: 49px;
}
#leftnav li.etn a:hover{
background-position:-257px -147px;
}
#leftnav li.etn a.current{
background-position:-257px -147px;
}
#leftnav li.umj a{
background-position:0 -196px;
top:196px;
width:257px;
height: 49px;
}
#leftnav li.umj a:hover{
background-position:-257px -196px;
}
#leftnav li.umj a.current{
background-position:-257px -196px;
}
#leftnav li.pri a{
background-position:0 -245px;
top:245px;
width:257px;
height: 49px;
}
#leftnav li.pri a:hover{
background-position:-257px -245px;
}
#leftnav li.pri a.current{
background-position:-257px -245px;
}
#leftnav li.teh a{
background-position:0 -294px;
top:294px;
width:257px;
height: 49px;
}
#leftnav li.teh a:hover{
background-position:-257px -294px;
}
#leftnav li.teh a.current{
background-position:-257px -294px;
}
#leftnav li.muz a{
background-position:0 -343px;
top:343px;
width:257px;
height: 49px;
}
#leftnav li.muz a:hover{
background-position:-257px -343px;
}
#leftnav li.muz a.current{
background-position:-257px -343px;
}
#leftnav li.hem a{
background-position:0 -392px;
top:392px;
width:257px;
height: 49px;
}
#leftnav li.hem a:hover{
background-position:-257px -392px;
}
#leftnav li.hem a.current{
background-position:-257px -392px;
}

#mr_scroll{
overflow-y: auto;
height: 824px;
}
#content #midcol{
float: left;
width: 301px;
padding-right: 27px;
margin-top: 20px;
}
#content #midcol p{
font-size: 9pt;
line-height: 130%;
}

#content #fullnews{
float: left;
width: 630px;
padding-right: 27px;
margin-top: 20px;
}
#content #fullnews p{
font-size: 9pt;
line-height: 130%;
}

#content #rightcol{
float: left;
width: 308px;
margin-top: 20px;
}
#content #rightcol p{
font-size: 9pt;
line-height: 130%;
}
#content img{
border: 3px solid #e77817;
}
#content #left_news img{
margin: 5px 0 0;
}
#midcol ul, #rightcol ul, #fullnews ul{
margin-left: 14px;
/* list-style-image:url(uploads/images/content-img/bullet.jpg); */
}
#midcol li, #rightcol li, #fullnews li{
padding-left: 12px;
background: url(uploads/images/content-img/bullet.jpg) no-repeat 0 0.6em;
}
#midcol li li, #rightcol li li, #fullnews li li{
padding-left: 0px;
background: transparent;
}
#fullnews .picturelist{
list-style-image:none;
}
#fullnews ul ul li{
list-style-type: circle;
}
#fullnews a{
color: #E77817;
text-decoration: none;
}
#fullnews a:hover{
text-decoration: underline;
}
#content ul ul{
margin-left: 14px;
list-style: none;
list-style-image: none;
}
#content ul li{
font-size: 9pt;
line-height: 140%;
}
p.author{
text-align: right;
color: #e77817;
}
.playbtn{
display: block;
margin: 5px 0 0;
}
p.playbtn{
background:url(uploads/images/play-btn.jpg) no-repeat scroll 0 0;
font-size: 9pt;
height: 26px;
padding: 6px 0 0 32px;
color: #e77817;
}

p.playbtn a{
color: #e77817;
text-decoration: none;
}

img.topimage{
margin:0 0 20px;
}
img.midimage{
margin:20px 0;
}
img.btmimage{
margin:20px 0 0 0;
}

#footer{
margin-top:20px;
text-align: center;
padding-top: 10px;
float:left;
width: 960px;
height: 50px;
display: block;
background: url(uploads/images/content-img/footerbg.jpg) repeat-x;
}
#footer p{
font-size: 9px;
line-height:150%;
color: #e77817;
}

li a{
text-decoration: none;
color: #e77817;
}

.NewsSummaryPostdate{
font-size: 8pt;
padding: 5px 0 0;
}
.NewsSummaryLink{
padding-bottom: 2px;
}

.NewsSummaryLink a{
color: #e77817;
text-decoration: none;
}

.NewsSummary img{
margin: 8px 0 8px 0;
}

.NewsSummaryMorelink a{
text-decoration: none;
color: #fff;
}

#content #fullnews hr{
border: 1px solid orange;
visibility: visible;
clear:both;
}

#NewsPostDetailDate{
font-size: 9pt;
padding-top: 2px;
}

#NewsPostDetailContent img{
margin: 0 5px 5px 0;
}

#NewsPostDetailContent .middlenewsimg{
margin: 10px 10px 10px 0;
}

#NewsPostDetailSummary img{
margin: 8px 0 8px 0;
}

#imageData {
color:#000000;
}

.NewsSummaryMorelink{
padding: 10px 0;
}
#NewsPostDetailSummary img, .NewsSummarySummary img{
float: left;
margin: 0 15px 10px 0;
}



#content #left_news2{
float: left;
width: 257px;
padding-right: 33px;
}
#content #left_news2 #search{
float: left;
width: 257px;
height: 47px;
}
#content #left_news2 #news_archive{
float: left;
display: inline;
overflow: hidden;
width: 256px;
height: 37px;
margin-bottom: 15px;
background-color: #e08611;
margin-left:1px;
}
#content #left_news2 #news_archive p{
text-align:center;
padding: 8px;
}
#content #left_news2 #news_archive a{
color: #000;
text-decoration: none;
}
#content #left_news2 #news_item{
float: left;
width: 257px;
margin-bottom: 8px;
background: url(uploads/images/expoitembg.jpg) repeat-y;
}
#content #left_news2 #news_item h1{
color:#fff;
font-size: 10pt;
line-height: 130%;
padding: 10px 10px 10px 14px;
}
.NewsSummaryLink a{
font-size: 10pt;
}
#content #left_news2 #news_item h1 a{
color: #fff;
text-decoration: none;
}
#content #left_news2 #news_item p{
font-size: 8pt;
line-height: 130%;
color: #000;
padding:0 10px 10px 14px;
}
#content #left_news2 #vise p{
text-align:right;
font-size:11pt;
}
#content #left_news2 #vise a{
text-decoration: none;
color: #fff;
}
#content #left_news2 #vise a:hover{
text-decoration: underline;
}
#content #left_news2 #news_item img{
border: 2px solid #fff;
/* margin: 0 0 10px 9px; */
margin:10px;
}




	div.cf_wrapper
	{
		position: relative;
	}
	
	div.cf_element
	{
		width: 670px;
		height: 135px;
	}
	
	div.cf_element div.content
	{
		padding: 10px;
	}

	div.cf_element div.content h3
	{
		padding-top: 0;
		margin-top: 0;
	}


#zbirke{
float:left;
width:257px;
background: #e7970b;
/* background: url(uploads/images/newsitembg.jpg) repeat-y; */
overflow: hidden;
}

#zbirke h2{
font-size: 10pt;
padding:10px 10px 10px 14px;
}

#zbirke h2 a{
color: #fff;
}

#zbirke p {
color: #fff;
font-weight: bold;
}

#zbirke ul {
font-size: 8pt;
list-style: none;
margin: 0;
padding: 5px 10px 5px 0;
}
#zbirke ul ul{
margin-left: 0px;
}
#zbirke li {
    padding-left: 20px;
    color: #000;
}
#zbirke ul li li{
background-image: url(uploads/images/content-img/05.jpg);
background-position: 0 3px;
background-repeat: no-repeat;
padding-top: 2px;
padding-bottom: 2px;
}
#zbirke li a {
color: #000;
}
#zbirke li a:hover {
text-decoration: underline;
}
#zbirke #nochild{
padding-left: 15px;
}
#zbirke #nochild li{
    background-image: url(uploads/images/content-img/05.jpg);
    background-position: 0 1px;
    background-repeat: no-repeat;
}
.odjeli_li li{
padding: 3px 0;
}

.separator{
/*
border:1px dotted #DDDDDB;
color:#DDDDDB;
margin:10px 5px;
*/
visibility:hidden;
}

.orange{
color: #E77817;
}

.NewsSummaryMorelink a{
font-size: 10pt;
}

#NewsPostDetailTitle{
font-size: 12pt;
}

div#cola, div#colb{
float: left;
width: 300px;
margin: 20px 0 0;
padding: 0 20px 0 0;
}

#cola, #colb, #colb2, #colc, #colc2 p{
font-size: 13px;
line-height: 130%;
color: #ffffff;
}

#cola p a, #colb p a, #colb2 p a, #colc p a, #colc2  p a{
color:#E77817;
text-decoration:none;
}

div#colc{
float: left;
width: 300px;
margin: 20px 0 0;
}

div#colb2{
float: left;
width: 605px;
margin: 20px 0 0;
}

body .news-left{
float:left;
margin-right: 10px;
}

body .news-right{
float:right;
margin: 0 20px 0 0;
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
/* End of 'muzej-css' */