@charset "utf-8";
*,html,body{margin:0;padding:0;}
body{background:#fff url(/.img/back.gif) no-repeat center center;font:12px "Comic Sans MS","Comic Sans MS5",cursive;color:#555;}
a{text-decoration:none;outline:none;}
hr{display:none;}
#wrapper{margin:0 auto;width:945px;}
#header{border-bottom:1px solid #fff;background:url(/.img/header.gif) no-repeat left 10px;height:100px;padding:5px;}
#header a{color:#f90;text-shadow:#ebebeb 2px 2px 2px;}
#header strong{font-size:42px;padding:20px 80px;display:block;}
#header span{font-size:14px;}
#navigation {border-top:1px solid #f90;border-bottom:1px solid #f90;list-style:none;height:60px;font-weight:bold;font-size:16px;}
#navigation li{float:left;position:relative;text-align:center;}
#navigation li a{color:#f90;display:block;padding:19px;height:22px;}
* html #navigation li a{width:60px;white-space:nowrap;padding:19px 18px;}
#navigation li a:hover{color:#fff;background:#f90;}
#navigation li ul{display:none;visibility:hidden;list-style:none;font-size:12px;border-top:1px solid #f90;}
#navigation li:hover ul{display:inherit;visibility:visible;background-color:#fff;width:10px;}
#navigation li:hover ul a{background:#fff;color:#f90;border-right:1px solid #f90;border-bottom:1px solid #f90;border-left:1px solid #f90;width:120px;padding:3px;border-top-style:none;}
#navigation li:hover ul a:hover{color:#fff;background:#f90;}
#navigation ul a{height:auto;}
#navigation *{z-index:100;}
#slideshow{position:relative;height:200px;width:945px;margin-top:10px;padding-bottom:10px;border-bottom:1px solid #f90;background:url(/.img/loading.gif) no-repeat center center;}
#slideshow div{z-index:8;height:200px;width:945px;position:absolute;top:0;left:0;}
#slideshow  DIV.active{z-index:10;}
#slideshow  DIV.last-active{z-index:9;}
#main{float:left;width:748px;}
#main h1,#main h2,#main h3{margin:20px 10px 10px;color:#f90;clear:left;text-shadow:#ebebeb 2px 2px 2px;}
#main h1{font-size:24px;}
#main h2{border-top:1px dotted #ccc;padding-top:20px;}
#main h3{border-top:1px dotted #ccc;padding-top:10px;}
#main p{margin:10px;text-align:justify;}
#main p img{float:left;margin:3px 10px 10px 0;border:none;}
#main a{color:#f90;}
#main a:hover{color:#f70;}
#main ul{padding-left:30px;}
#main table{margin-left:10px;}
#main td{padding:5px;}
#main form{margin-left:10px;}
#main .slike{margin:20px 0 20px 5px;text-align:center;}
#main .slike .lightbox{height:260px;width:240px;text-align:center;float:left;border:1px solid #f90;margin-right:5px;color:#666;margin-top:5px;clear:none;}
#main .slike .lightbox img{border-style:none;margin:5px;}
#main .slike .hidden{display:none;}
#main .postavljeno{font-size:10px;text-align:right;margin-top:0;}
#main label{display:block;float:left;width:100px;text-align:right;margin-right:5px;clear:both;}
#sidebar{float:right;width:180px;list-style:none;}
* html #sidebar li a{height:0;}
#sidebar li a{display:block;padding:5px;border-bottom:1px solid #f90;text-align:right;color:#f90;font-weight:bold;line-height:12px;}
#sidebar li a:hover{color:#fff;background:#f90;}
#sidebar div{margin-top:10px;padding:5px;margin-bottom:5px;border-bottom:1px solid #f90;font-size:10px;}
#sidebar div a{color:#f90;}
#sidebar h3{font-size:12px;}
#sidebar h3 a,sidebar p a{border:none;}
/*footer*/
#footer{border-top:1px solid #f90;color:#ccc;font-size:12px;margin-top:28px;margin-bottom:10px;padding:3px;}
#footer a{color:#f90;padding:2px;}
#footer a:hover{color:#fff;background:#f90;}
#footer li{list-style:none;font-weight:bold;width:150px;float:left;margin:5px 2px;text-shadow:#ebebeb 2px 2px 2px;}
#footer li li{height:auto;width:150px;font-weight:normal;float:none;margin:2px;text-shadow:none;}
/*multimediaworkshop*/
#mmw{float:left;width:100%;}
#mmw a{height:22px;background:url(/.img/multimediaworkshop.gif);width:22px;overflow:hidden;display:block;float:right;margin:5px;}
#mmw a:hover{background-position:right;}
#mmw b{display:none;visibility:hidden;overflow:hidden;}
/*lightbox*/
#lightbox{position:absolute;left:0;width:100%;z-index:200;text-align:center;line-height:0;}
#lightbox-hidden{margin:0;padding:0;height:0;width:0;}
#lightbox a img{border:none;}
#outerImageContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#imageContainer{padding:10px;}
#loading{position:absolute;top:40%;left:0;height:25%;width:100%;text-align:center;line-height:0;}
#hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:110;}
#imageContainer>#hoverNav{left:0;}
#hoverNav a{outline:none;}
#prevLink,#nextLink{width:49%;height:100%;background:transparent url(/.img/blank.gif) no-repeat;display:block;}
#prevLink{left:0;float:left;}
#nextLink{right:0;float:right;}
#prevLink:hover,#prevLink:visited:hover{background:url(/.img/prev.gif) left 50% no-repeat;}
#nextLink:hover,#nextLink:visited:hover{background:url(/.img/next.gif) right 50% no-repeat;}
#nextLinkText,#prevLinkText{color:#f90;font-weight:bold;text-decoration:none;}
#nextLinkText{padding-left:20px;}
#prevLinkText{padding-right:20px;}
.ontop #imageData{padding-top:5px;}
#imageDataContainer{font:10px/1.4em "Comic Sans MS", "Comic Sans MS5", cursive;background-color:#fff;margin:0 auto;}
#imageData{padding:0 10px;}
#imageData #imageDetails{width:70%;float:left;text-align:left;}
#imageData #caption{color:#f90;font-size:14px;font-weight:bold;display:block;margin-bottom:5px;text-shadow:#ebebeb 2px 2px 2px;}
#imageData #numberDisplay{display:block;clear:left;padding-bottom:1em;}
#imageData #bottomNavClose{width:66px;float:right;padding-bottom:.7em;}
#imageData #helpDisplay{clear:left;float:left;display:block;}
#overlay{position:absolute;top:0;left:0;z-index:190;width:100%;height:500px;background-color:#333;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;display:none;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
* html>body .clearfix{display:inline-block;width:100%;}
* html .clearfix{height:1%;}