body{font-family: Verdana; font-size: 0.7em; background-color: #fff; color: #9b9b9b}
.hiddenPic{display:none}
h1{text-shadow: 1px 1px 10px #a4a4a4; font-size: 1.6em; text-align:center}
h2{text-shadow: 1px 1px 10px #a4a4a4; font-size: 1.5em; text-align:left}
h3{text-shadow: 1px 1px 10px #a4a4a4; font-size: 1.2em; text-align:left}
#kontejner{position:relative; width:600px; height:auto; margin-left:auto; margin-right:auto}
.cd{position:relative; margin-top:20px; width:100%;}
.cd p{text-align:left; text-indent:29px;}
.cdx{position:relative; margin-top:5px; height:439px; width:600px; background-image:url(lcd.png);  }
.cdx p{text-align:left; text-indent:29px;}


#footer{text-align: center; position:fixed; width:100%; height:20px; bottom:0px; background:#fff}
#slika img{position:relative; float: left; margin:20px; display:inline}
#tools{position: relative; padding:5px; height:30px}
#opis{position:relative; right:0;  width:320px; height:100%;display:inline;}
#opis p{text-align:right;}
/*#tekst , #tim {float:left}
#tekst div, #tim div{display:inline}*/
#tekst img, #tim img{padding:10px;}
#tekst li, #tim li{list-style-type:none; margin-bottom:0px; padding:10px; text-indent:10px; text-align: left; background: #9b9b9b; color:#fff; width:580px; height:auto;}
#tekst p, #tim p{padding:10px 10px 0px 10px}
#tekst p:first-letter, #tim p:first-letter, {font-weight:bold}
#tekst ul, #tim ul{position: relative; padding:0; margin-left:0px}
#ml{position:absolute; text-align:left; top:25px; left:30px; width:170px; height:auto; z-index:100}
#mc{position:absolute; text-align:left; top:25px; left:230px; width:170px; height:auto; z-index:100}
#mr{position:absolute; text-align:left; top:25px; left:430px; width:170px; height:auto; z-index:100}
#vm{position:relative; width:600px; height:350px; background:#e3e3e3; background-image:url(cbg.png); float:left; margin-bottom:20px;}
#blend{position:absolute; top:0px; left:194px}
a:link{color: #626278}
a:active{color: #626278}
a:visited{color: #626278}
a:hover{color: #909090}




#mySlideshow
{	position:absolute;
	background-color: #fff;
	width: 500px;
	height: 310px;
	top:35px;
	left:50px;
	z-index:5;
}


.jdSlideshow
{
	display: none;
	overflow: hidden;
	position: relative;

}

.jdSlideshow img
{
	border: 0;
	margin: 0;
	
}

.jdSlideshow .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #fff;
	background-repeat: no-repeat;
}


.jdSlideshow .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('img/loading-bar-black.gif');
}


.jdSlideshow .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 40px;
	background: #333;
	color: #fff;
	text-indent: 0;
}


.jdSlideshow .slideInfoZone h2
{
	padding: 0px;
	font-size: 150%;
	margin: 0;
	margin: 2px 5px;
	font-weight: bold;
	color: inherit;
	text-align: center;
	text-shadow: none;
}


.jdSlideshow .slideInfoZone h4
{position:relative;
	padding: 0;
	font-size: 120%;
	bottom:17px;
	left:0px;
	color: #eee;
	text-align: center;
}


.jdSlideshow a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}


.jdSlideshow a.right, .jdSlideshow a.left
{
	position: absolute;
	height: 100%;
	width: 40%;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}


* html .jdSlideshow a.right, * html .jdSlideshow a.left
{
	filter:alpha(opacity=50);
}


.jdSlideshow a.right:hover, .jdSlideshow a.left:hover
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.jdSlideshow a.left
{
	left: 0;
	top: 0;
	background: url('img/fleche1.png') no-repeat top left;
}

* html .jdSlideshow a.left { background: url('img/fleche1.gif') no-repeat top left; }

.jdSlideshow a.right
{
	right: 0;
	top: 0;
	background: url('img/fleche2.png') no-repeat top right;
}

* html .jdSlideshow a.right { background: url('img/fleche2.gif') no-repeat top right; }



.menu {position:relative; height:32px;  margin-left:auto; margin-right:1px; z-index:90;}
/* hack to correct IE5.5 faulty box model */
/* * html .menu {width:auto} */
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:75px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:75px;position:relative; font-size: 9px; font-weight:bold; text-align:center}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;text-decoration:none; color:#fff; width:75px; height:30px; background:#9b9b9b; line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:75px}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#b1b1b1}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#bfbfbf}
.menu ul ul :hover > a.drop {background:#bfbfbf}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#cbcbcb;z-index:100}
/* style the third level hover */
.menu ul ul ul a:hover {background:#9b9b9b;z-index:100}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:30px;left:0; width:75px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px}

/* position the third level flyout menu */
.menu ul ul ul{left:-120px; top:0px; width:75px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-120px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#b1b1b1; color:#fff; height:auto; line-height:1em; padding:5px 10px; width:100px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:75px}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#a4a4a4;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#a4a4a4;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; z-index:100}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;z-index:100}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;z-index:100}