body {
    background-image: url(images/podloga.gif);
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
.kucica {
    display:block;
    float:left;
    width:13px;
    height:30px;
}
.k1 {
    margin-left:13px;
}
.kselected {
	background-image: url(imhere.png);
	opacity:0.6;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	background-repeat: no-repeat;
	background-position: top;
}
#timeline {
	background: url(timel.png);
	width: 780px;
	height:30px;
}
#prevnext {
	width: 780px;
}
#previous, #next {
	font-size:8pt;
	color:silver;
}
#previous {
	float:left;
}
#next {
	float:right;
}
.txt-sredina {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 3px;
	letter-spacing: -1px;
}
.txt-sredina-Zuti {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F9CA06;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 3px;
	letter-spacing: -1px;
}
.okvir-slika {
	border: 1px solid #000000;
}
.txt-timeline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	letter-spacing: -1px;
	padding-bottom: 1px;
}
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #F9CA06;
	text-decoration: none;
}
a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #F9CA06;
	text-decoration: none;
}
.txt-scroll {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	letter-spacing: -1px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.txt-mali {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}
.txt-normalni {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	letter-spacing: -1px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#tooltip {
background-color:#EEEEEE;
border:1px solid #111111;
color:#464646;
font-family: sans-serif;
font-size:11pt;
opacity:0.85;
padding:5px;
position:absolute;
z-index:3000;
font-weight: bold;
}
#tooltip h3, #tooltip div {
margin:0pt;
}
#wrapper {
	margin:0pt auto;
	width:780px;
}
#content {
		margin-top:5px;
}
#content div {
	float:left;
	display:block;
}
#d50years {
	background: url(images/50years_23.gif) repeat-x;
	height:250px;
	width:123px;
}
.border {
	background: url(images/50years_border.gif) repeat-x;
	padding-top:2px;
	padding-left:2px;
	padding-right:2px;
}
.clear {
	clear: both;
}
#ship {
   background: url(images/50years_17.gif) repeat-x;
	width:374px;
	padding:1px;
}
.brodovi {
	width:100px;
	height:250px;
	background: url(images/50years_17.gif) repeat-x;
	padding:2px;
	text-align: center;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
		overflow: auto;
}
.slika {
	float:left;
	margin-right:7px;
	margin-bottom:7px;
}
.slika img {
		width:100px;
}
#pojasnitime {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: silver;

}
#slike{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	font-variant: small-caps;
}
.naslov {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #F9CA06;
	font-weight: bold;
	font-variant: small-caps;
 text-align:center;
 width:100%;
}
#chart {
	display: block;
	height: 30px;
}
#chart table {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	width:780px;
}
#chart td {
	color:#F9CA06;
	text-align:right;
	font-weight:bold;
}
.bar {
	background-image: url(images/bar1.jpg);
	color:#323232;
	float:left;
	height:14px;
	background-position: top;
	background-repeat: repeat-x;
	padding-right:4px;
}
.bar b {
	position:absolute; 
  text-align:right;
}
.currentbar {
	background: url(images/bar2.jpg) repeat-x top;
	color:#F9CA06;
}
.broj td {
	padding-left:10px;
}
#chart th {
	color:white;
	font-weight:bold;
	text-align:left;
	padding-left:10px;
}
td.txt-sredina, td.db {
	border-right: 1px solid #00008b;
}
td.txt-sredina, td.txt-sredina-Zuti, td.bb {
	border-bottom: 1px solid #00008b;
}
td.nbb {
	border-bottom: 0px;
}
td.txt-scroll {
	text-align:center;
}
.cent {
	text-align: centeR;
}
.hd1 {
	background-image:url(images/glava2_04.gif);
	float:left;
	background-position: right;
	height:78px;
	background-repeat: no-repeat;
}
#header {
	height:76px;
	overflow:hidden;

}
#tblgodina {
	width:110px;
	height:74px;
  float:left;
  padding:3px;
  padding-right:6px;
  padding-top:15px;
  background-color: #265196;
      background-image: url(images/podloga.gif);

}
.brodovi .hdr {
	color:#F9CA06;
}
.tdhdr {
/*		background-image:url(images/glava2_03.gif);
		background-position: top;
 		background-repeat: repeat-x;
*/		background-color: #265196;
    background-image: url(images/podloga.gif);
}
.noviGodina {
	font-weight:bold;
	text-align: left;
	padding-left:6px;
	clear:both;
	display:block;
}
.lista {
	display:block;
	text-align:center;
	clear:both;
	width:100%;
}


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: silver;
}
.jScrollPaneDrag {
	position: absolute;
	background: #585858;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

a.jScrollArrowUp {
	background: url(images/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(images/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}
.nodecoration img{
	border: 0px hidden;
	text-decoration: none;
}