@charset utf-8;
body{font:12px Verdana,Arial,Helvetica,sans-serif;background:#f3f3f3 url(/_img/bck.jpg) repeat-x fixed top;text-align:center;color:#666;margin:0;padding:0;}
#container{position:relative;width:950px;text-align:left;clear:both;background:#fff url(/_img/mbck.gif) repeat-y left;margin:0 auto;}
#header{padding-top:27px;background:#f3f3f3 url(/_img/hea.jpg) 0 0;}
#header a:link,#header a:visited{font-size:12px;border-bottom:7px solid #5863b2;display:block;height:70px;width:870px;background:#5863b2 url(/_img/hea.jpg) no-repeat 0 -27px;font-weight:700;color:#eee;margin:0;padding:26px 40px 20px;}
#header a:hover{color:#fff;}
#header b{font-size:30px;}
.search{position:absolute;top:154px;left:50%;width:471px;margin:0;padding:0;text-align:right;}
#menu{list-style-type:none;width:163px;z-index:100;float:left;height:630px;background:#d7daec;border-right:1px solid #5363BA;border-left:1px solid #5363ba;margin:0;padding:0;}
#menu ul{list-style-type:none;margin:0;padding:0;}
#menu li{float:left;background:#5863b2 url(/_img/m.jpg) no-repeat right;}
#menu li,#menu li a{display:block;color:#eee;font-family:Arial, Helvetica, sans-serif;line-height:29px;width:163px;text-decoration:none;cursor:pointer;font-weight:700;text-align:center;}
#menu table{border-collapse:collapse;margin:0 -1px -1px;padding:0;}
#menu ul,#menu :hover ul ul,#menu :hover ul :hover ul ul{position:absolute;left:-999px;width:163px;}
#menu :hover{color:#fff;background:#7881c6 url(/_img/m.jpg) no-repeat 0 0;z-index:500;white-space:nowrap;}
#menu :hover > a{color:#fff;background:url(/_img/m.jpg) no-repeat 0 0;z-index:500;white-space:nowrap;}
#menu :hover ul{position:static;height:168px;background:#fff;margin-top:-1px;}
#menu :hover ul :hover ul,#menu :hover ul :hover ul :hover ul{display:block;position:absolute;left:160px;top:0;height:auto;z-index:500;border:1px solid #fff;}
#menu :hover ul li,#menu :hover ul li a{background:#fff;text-align:left;text-indent:10px;line-height:21px;}
#menu :hover ul li a{background:#fff;font-size:11px;font-weight:400;color:#333;}
#menu :hover ul :hover{background:#255fa3;position:relative;z-index:100;}
#menu a:hover ul li a:hover{background:#eee;color:#333;}
#menu :hover ul li:hover > a{background:#eee;color:#333;}
#side{position:absolute;top:200px;right:10px;width:120px;font:14px Arial,Helvetica,sans-serif;background:url(/_img/n.jpg);height:480px;padding:10px 10px 10px 15px;}
#side a{display:block;width:100px;text-align:center;height:100px;margin:20px 0 10px 10px;}
#side a#vesti{background:url(/_img/note_vesti.gif);}
#side a#vesti:hover{background-position:0 100px;}
#side a#video{background:url(/_img/note_video.gif);}
#side a#video:hover{background-position:0 100px;}
#side a#rasporedi{background:url(/_img/note_rasporedi.gif);}
#side a#rasporedi:hover{background-position:0 100px;}
#side a#uspehucenika{background:url(/_img/note_uspehucenika.gif);}
#side a#uspehucenika:hover{background-position:0 100px;}
#side span{visibility:hidden;}
#mainContent{min-height:500px;height:auto !important;height:500px;text-align:justify;background:url(/_img/obraz.gif) no-repeat right bottom;min-height:500px;margin:40px 165px 30px 180px;padding:10px 9px 70px 8px;}
html>body #mainContent{padding:10px 10px 70px;}
#mainContent h1{color:#5863b2;font:normal 19px "Trebuchet MS",Arial,sans-serif;padding:5px 7px;width:568px;background:#f6f6f6 url(/_img/main_h1.gif) no-repeat;margin:0;height:24px;}
#mainContent h2{font:normal 17px "Trebuchet MS",Arial,sans-serif;color:#5863b2;border-bottom:1px solid #eee;padding-top:9px;margin:10px 5px 5px;}
#mainContent h3{color:#5863B2;font: normal 14px "Trebuchet MS",Arial,sans-serif;margin:10px 5px 5px;border-bottom:1px dotted #eee;}
#mainContent h5{color:#bbb;font-size:10px;margin:0;padding-bottom:5px;}
#mainContent a:hover{text-decoration:underline;}
#mainContent p{padding-left:5px;padding-right:7px;}
.thumb{float:left;text-align:center;width:137px;margin:0 7px 10px 0;height:165px;font-size:9px;background:#f9f9f9 url(../_img/thumb.gif) no-repeat center bottom;}
.thumb img{border:1px solid #ccc;}
.thumb a:hover img{border-color:#5863b2;}
.thumbempty{float:left;width:144px;height:175px;}
.thumbimg{float:left;border:1px solid #ccc;margin:10px 10px 5px 0;}
#foonav{background:url(/_img/foo.jpg) top;height:12px;text-align:center;font-size:10px;margin:0;padding:18px 0 2px;}
#foonav a{color:#545ca5;}
#footer{background:#5363ba url(/_img/foo.jpg) 0px -32px;font-size:10px;text-align:center;color:#eee;height:48px;}
#footer p{margin:0;padding:4px;}
#footer a{color:#eee;}
a:link,a:visited{text-decoration:none;color:#5863b2;outline:none;}
#napomena{margin:20px 3px 0 0;padding:15px;background:#ffc url(/_img/comment.gif) no-repeat 0 -6px;}
#napomenaClose{margin:0 3px 20px 0;background:#ffc url(/_img/comment.gif) no-repeat 0 0;height:6px;overflow:hidden;}
#link{margin:20px 3px 0 0;padding:15px;background:#eaf7ff url(/_img/comment.gif) no-repeat 0 -6px;}
#linkClose{margin:0 3px 20px 0;background:#eaf7ff url(/_img/comment.gif) no-repeat 0 0;height:6px;overflow:hidden;}
#navlink{margin:20px 3px 0 0;padding:15px;background:#f5ffd7 url(/_img/comment.gif) no-repeat 0 -6px;}
#navlinkClose{margin:0 3px 20px 0;background:#f5ffd7 url(/_img/comment.gif) no-repeat 0 0;height:6px;overflow:hidden;}
#scroll{position:fixed;left:50%;bottom:150px;margin-left:475px;}
* html #scroll{position:absolute;}
#scroll a{color:#f3f3f3;height:14px;width:14px;display:block;background:#fff;}
#scroll a:focus{background:#d8d9ed;}
#scroll br{display:block;margin-bottom:5px;}
.help{cursor:help;}
.more{font-size:10px;text-align:right;}
#quick{bottom:0;text-align:center;width:950px;height:18px;background:#f3f3f3 url(../_img/foo.jpg) 0px -80px;padding:4px 0 3px;}
.quick{width:16px;height:16px;background:#ccc;border-width:0;}
.quick:hover{background:#5863b2;}
#ad{height:90px;width:768px;text-align:right;padding:0 31px 20px 151px;}
#mmw{float:left;width:100%;background:#f3f3f3;}
#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;}
