/* URI: http://www.nar-uciliste.hr/ | CSS master screen stylesheet | Copyright (c) 2011. Multilink d.o.o (http://www.multilink.hr) */

html{background:#fff;font:14px/2.0 'MS Sans-serif', Arial, Helvetica;}
body{margin:0;padding:0;font-size:1em;color:#1f1a17;text-align:center;line-height:140%;}
a{color:#3575a9;text-decoration:none;}
a:hover{color:#d7228f;}
h2, h3{padding:0;font-weight:normal;text-transform:uppercase;}
h2{margin:0 0 25px 0;font-size:150%;}
h2 a{color:#1f1a17;}
h3{margin:0;font-size:140%;}
h4{font-size:110%;}	
p{margin:0.5em 0;}
img{border:0;}
fieldset{border:0;}
table, td, select, input, textarea, li{font:100% 'MS Sans-serif', Arial, Helvetica;}
.textMin{font-size:0;line-height:0;text-indent:-9999px;}
.listReset{margin:0;padding:0;list-style:none;}
.button1,.button2,.button3{height:23px;display:inline-block;border:none;color:#fff;text-align:center;cursor:pointer;font-size:.9em;}
a.button1,a.button2,a.button3{padding-top:2px;}
.button1{background:url(../images/button.gif) no-repeat;width:59px;}
.button2{background:url(../images/button-2.gif) no-repeat;width:80px;}
.button3{background:url(../images/button-3.gif) no-repeat;width:108px;}

/* CONTAINER */
#default, #page, #page3rd{background:#f2f2f2;margin:0 auto;width:1024px;text-align:left;}

/* HEADER */
#header{background:url(../images/bg-flowers.gif) top left no-repeat;height:158px;position:relative;width:960px;margin:0 auto;z-index:1;}
h1{background:url(../images/logo.png) no-repeat;width:363px;margin:0;padding:0;position:absolute;top:55px;left:0;}
h1 a{display:block;height:72px;}
#metaNav{background:url(../images/bg-meta-nav.gif) no-repeat;width:427px;height:73px;position:relative;margin:0 0 0 487px;padding:0 0 0 25px;color:#fff;}
#metaNav a{color:#fff;display:inline-block;margin-top:30px;}
#search{position:absolute;right:25px;top:30px;}
.searchField{border:1px solid #a9ccdf;width:179px;height:17px;padding:2px;vertical-align:top;}
.tabsApplication{position:absolute;top:103px;right:25px;}
.tabsApplication li{height:45px;margin-left:4px;padding:11px 0 0 0;float:left;display:inline-block;font-size:.9em;text-align:center;}
.tabsApplication li a{color:#fff;}
#programsApp{background:url(../images/button-programs-app.gif) no-repeat;width:146px;}
#programsStart{background:url(../images/button-programs-start.gif) no-repeat;width:127px;}
/* CONTENT */
#wrapper{background:url(../images/bg-wrapper.gif) repeat-y 0 8px;width:960px;margin:15px auto 0 auto;display:table;}
#contentTopImg{background:url(../images/bg-contentTop-img.gif) top left no-repeat;height:12px;font-size:0;}
#contentTop, #contentTopDefault{background:#fff url(../images/bg-content-top.gif) bottom left repeat-x;width:946px;margin:0 7px;display:inline-block;position:relative;}
/* headers */
#headImgBg{background:url(../images/bg-header-img.gif) no-repeat;width:910px;height:354px;margin:10px 15px 0 15px;}
.headImg{width:854px;height:304px;margin:22px 0 0 27px;}
/* home flash */
/* no flash plugin */
#headBgFlash{background:url(../images/bg-header-flash-img.png) no-repeat;width:910px;height:354px;margin:10px 15px 0 15px;}
.homeFlash{margin:22px 0 0 8px;float:left;}
/**/
#content{background:url(../images/bg-content.gif) bottom left repeat-x #f6f6f6;width:910px;margin:0 7px;padding:17px 18px;float:left;display:inline;min-height:500px;}
#contentBottom{background:url(../images/bg-content-bottom.gif) no-repeat #f6f6f6;width:960px;height:292px;margin:0 32px 30px 32px;}
#registration{background:url(../images/bg-register.png) repeat-y;width:810px;height:39px;position:absolute;top:263px;left:42px;padding:17px 25px;
    font-style:italic;font-size:1.1em;}
/* HOME LEFT */
#homeLeft{float:left;width:580px;margin:0 30px 0 0;}
/* news default */
#newsDefault{background:url(../images/bg-news-default.gif) no-repeat;width:526px;min-height:430px;padding:35px 27px;}
#newsDefault h2{width:50%;margin:0;display:inline;}
#newsMore{margin-left:305px;}
#newsDefault ul{float:left;}
#newsDefault li{width:100%;margin-bottom:18px;line-height:140%;float:left;}
#newsDefault li p{margin:0;padding:0;}
#newsDefault ul a{text-transform:uppercase;}
#newsDefault img{width:100px;height:75px;border:1px solid #5189b8;float:left;margin-right:24px;}
/* scroller */
/* scroller */
.scroller{width:520px;height:400px;overflow:auto;}
.jScrollPaneContainer, .jScrollPaneDrag, .jScrollPaneDragTop, .jScrollPaneDragBottom, .jScrollArrowUp, .jScrollArrowDown{overflow:hidden;}
.jScrollPaneTrack, .jScrollPaneDrag, .jScrollPaneDragTop, .jScrollPaneDragBottom, .jScrollArrowUp, .jScrollArrowDown{position:absolute;}
.jScrollPaneContainer{position:relative;z-index:10;float:left;display:inline;margin:10px 0 10px 8px;}
.jScrollPaneTrack{height:100%;top:0;right:0;}
.jScrollPaneDrag{background:url(../images/scrollpane.gif) repeat-y;cursor:pointer;}
.jScrollPaneDragTop{top:0;left:0;}
.jScrollPaneDragBottom{bottom:0;left:0;}
.jScrollArrowUp{background:url(../images/scroll.gif) 0px 0px;height:20px;display:block;top:0;right:0;z-index:10;text-indent:-9999em;}
.jScrollArrowUp:hover{background-position:0px 0px;}
.jScrollArrowDown{background:url(../images/scroll.gif) 0px 20px;height:20px;display:block;right:0;bottom:0;z-index:10;text-indent:-9999em;}
.jScrollArrowDown:hover{background-position:0px 20px;}
/* HOME RIGHT */
#homeRight{float:left;width:284px;}
#accessMax,#accessMin{height:21px;margin:7px 18px 28px 5px;padding:2px 0 0 27px;display:inline-block;color:#1f1a17;font-size:.9em;}
#accessMax{background:url(../images/button-increase.gif) no-repeat;width:93px;}
#accessMin{background:url(../images/button-decrease.gif) no-repeat;width:87px;}
.banner{width:278px;height:94px;}
/* poll */
#pollBox{background:url(../images/bg-poll.gif) no-repeat;width:229px;height:171px;margin-top:36px;padding:27px 16px 20px 35px;}
p#pollQuest{padding:0;}
#pollBox .button1{float:right;margin:-15px 4px 4px 4px;}
input[disabled]{color:#333;}
/* poll archive */
#pollResults{margin:15px 5px 0 5px;border-bottom:1px solid #006599;text-align:left;}
#pollsOld{margin:0 5px;text-align:left;}
#pollsOld a{color:#006599;font-weight:bold;}
.pollAnswers{list-style:none;margin:5px 10px;padding:0;}
.pollAnswers li{text-align:left;padding:0;line-height:1.6em;font-size:1em;}
.pollAnswers li span.pollAnswer{height:10px;width:auto;}
/* HOME BOTTOM - programs, courses */
#programs, #courses{height:179px;float:left;display:inline;margin:57px 0 0 16px;padding:21px 25px;}
#programs{background:url(../images/bg-programsBox.png) no-repeat;width:458px;color:#fff;}
#programs h3{border-bottom:1px solid #3ea5d4;padding-bottom:8px;}
#programs a{color:#fff;}
#courses{background:url(../images/bg-coursesBox.png) no-repeat;width:323px;margin-left:43px;}
#courses h3{border-bottom:1px solid #d7a900;padding-bottom:8px;}
#courses a{color:#1f1a17;}
#page #programs, #page3rd #programs, #page #courses, #page3rd #courses{margin:30px 0 0 10px;padding:21px 25px;}
/* social networks */
#social{background:url(../images/bg-social.gif) no-repeat;width:955px;height:23px;margin:30px 0 0 41px;padding:11px 0 8px 20px;font-size:0.9em;}
#social li{height:15px;float:left;display:inline;padding:4px 0 4px 28px;}
#youTube{background:url(../images/button-youtube.gif) no-repeat;width:174px;}
#facebook{background:url(../images/button-facebook.gif) no-repeat;width:174px;}
#twitter{background:url(../images/button-twitter.gif) no-repeat;width:156px;}
#myspace{background:url(../images/button-myspace.gif) no-repeat;width:156px;}
#print{background:url(../images/button-print.gif) no-repeat;width:124px;}

/* MENU */

#menu{width:960px;position:absolute;top:138px;left:0;height:auto;}
#menu ul, #menu li{padding:0;list-style:none;}
#menu ul{width:833px;height:44px;margin:0 0 0 120px;}
#menu li{position:relative;float:left;display:inline;margin:0 1px 15px 0;font-size:0;line-height:0;text-indent:-9999px;}
#menu li a{display:block;height:44px;color:#1f1a17;}

/* 1st level */
#menu_2_1 a{background:url(../images/menu.gif) 0 0;width:103px;}
#menu_2_2 a{background:url(../images/menu.gif) 717px 0;width:136px;}
#menu_2_3 a{background:url(../images/menu.gif) 580px 0;width:99px;}
#menu_2_4 a{background:url(../images/menu.gif) 480px 0;width:199px;}
#menu_2_5 a{background:url(../images/menu.gif) 280px 0;width:178px;}
#menu_2_6 a{background:url(../images/menu.gif) 101px 0;width:101px;}
/* 1st level selected */
#menu_2_1 a:hover, #menu_2_1 a.selected, li#menu_2_1:hover > a{background:url(../images/menu.gif) 0 44px;}
#menu_2_2 a:hover, #menu_2_2 a.selected, li#menu_2_2:hover > a{background:url(../images/menu.gif) 717px 44px;}
#menu_2_3 a:hover, #menu_2_3 a.selected, li#menu_2_3:hover > a{background:url(../images/menu.gif) 580px 44px;}
#menu_2_4 a:hover, #menu_2_4 a.selected, li#menu_2_4:hover > a{background:url(../images/menu.gif) 480px 44px;}
#menu_2_5 a:hover, #menu_2_5 a.selected, li#menu_2_5:hover > a{background:url(../images/menu.gif) 280px 44px;}
#menu_2_6 a:hover, #menu_2_6 a.selected, li#menu_2_6:hover > a{background:url(../images/menu.gif) 101px 44px;}
/* 1st level ie6 */
#menu_2_1.over a{background:url(../images/menu.gif) 0 44px;}
#menu_2_2.over a{background:url(../images/menu.gif) 717px 44px;}
#menu_2_3.over a{background:url(../images/menu.gif) 580px 44px;}
#menu_2_4.over a{background:url(../images/menu.gif) 480px 44px;}
#menu_2_5.over a{background:url(../images/menu.gif) 280px 44px;}
#menu_2_6.over a{background:url(../images/menu.gif) 101px 44px;}

/* dropdown 2nd level */
#menu ul ul{position:absolute;left:4px;top:44px;width:191px;height:auto;margin:0;display:none;z-index:2;}
#menu ul ul li{background:url(../images/bg-submenu.png) repeat-y;width:100%;float:none;display:block;margin:0;padding:0;font-size:14px;line-height:normal;text-indent:0;}
#menu ul ul li.first{padding-top:10px;}
#menuLast{background:url(../images/bg-submenu-bottom.png) left bottom no-repeat;height:10px;}
#menu ul ul li a{width:166px;height:auto;padding:4px 13px;background:none;}
/* ie6 */
#menu li.over ul a{background:none;}
/* */
#menu ul ul li a:hover, #menu ul ul li a.selected, #menu ul ul li:hover > a{background:url(../images/bg-submenu-sel.gif) repeat-y 3px 0;}
#menu ul ul li.over a{background:url(../images/bg-submenu-sel.gif) repeat-y 3px 0;}
/* show-hide */
#menu ul li:hover>ul{display:block;}
#menu ul li.over ul{display:block;}

/* MENU DOWN - 3rd and 4th level */
#menuDown{float:left;background:url(../images/bg-submenu2-top.gif) no-repeat top left;width:239px;height:auto;}
/* 3rd level */
#menuDown ul{width:195px;background:url(../images/bg-submenu2-bottom.gif) no-repeat bottom left;height:124px;padding:35px 22px;float:left;padding-bottom:80px;}
html>body #menuDown ul{height:auto;min-height:142px;}
#menuDown li{width:195px;line-height:1.3em;}
#menuDown li a{padding-bottom:6px;display:inline-block;color:#1f1a17;}
#menuDown li a:hover, #menuDown li a.selected{color:#3575a9;}
/* 4th level */
#menuDown ul ul{background:none;width:185px;height:0;margin:4px 10px 10px 10px;padding:0;}
html>body #menuDown ul ul{height:auto;min-height:0;}
#menuDown ul ul li{width:185px;background:none;}
#menuDown ul ul li a{width:185px;padding:4px 0 0 0;}

/* PAGE CONTENT */
#page #content, #page3rd #content{padding-top:0;}
#breadAccessBox{width:910px;height:18px;padding:10px 0;}
#breadcrumb{width:65%;float:left;display:inline;font-size:0.8em;margin:0 30px;padding:0;list-style:none;}
#breadcrumb li{float:left;display:inline;margin-right:3px;}
#breadcrumb li:first-letter{text-transform:capitalize;}
#page #accessMax, #page3rd #accessMax, #page #accessMin, #page3rd #accessMin{margin:0 3px 0 4px;}
#contentText{background:url(../images/bg-text.png) repeat-y;width:848px;padding:22px 31px;float:left;}
.text{float:left;}
.text p{margin:1em 0;}
#page3rd h2{width:80%;}
#page3rd .text{width:550px;margin-left:45px;}
#textTop, #textBottom{width:910px;height:12px;display:inline-block;font-size:0;}
#textTop{background:url(../images/bg-text-top.png) no-repeat;}
#textBottom{background:url(../images/bg-text-bottom.png) no-repeat;}
#contentBottomPage{background:url(../images/bg-content-bottom-page.gif) no-repeat;height:12px;margin:0 32px 30px 32px;}
/* lecturers, pricelist */
.lecturePrice{border-top:1px solid #d4e7f2;padding:10px 0;}
.lecturePrice p{margin-top:0;}

/* NEWS */
#newsBox{width:100%;float:left;}
#newsNav{width:100%;float:left;margin-bottom:30px;color:#999;}
#newsNav li{float:left;padding:0 2px;}
#newsNav .selected{font-weight:bold;}
#newsNav .inactive{color:#999;}
#news li{margin:20px 0;}

/* CONTACT */
.infoLabel{display:inline-block;margin-bottom:20px;color:#0089cf;font-weight:bold;}
.form{width:100%;float:left;margin-top:20px;}
.entry label{width:30%;float:left;display:block;}
.entry input, .entry textarea{width:60%;float:left;margin:5px 0;padding:2px;border-width:1px;border-style:solid;border-color:#808080 #d4d0c8 #d4d0c8 #808080;}
.entry textarea{height:150px;}
.entry img{margin:10px 0 0 255px;}
.btnSend{background:#b6dcf2;width:60px;display:block;margin:3px 8px;padding:1px 2px;border:1px solid #a0cbee;cursor:pointer;}

/* application form */
#tblBanner{width:100%;margin:20px 0;}
#tblBanner th{background:#d4e7f2;padding:5px;}
#tblBanner td{vertical-align:top;padding:5px;}
#titlePrijava{margin-bottom:20px;}
.formChange a{background:#d4e7f2;padding:5px 17px;font-weight:bold;}
.formTbl{margin:1em 0;width:100%;}
.formTbl td{padding:3px 5px;background:#ebebeb;}
.formTbl th{padding:3px 5px;text-align:left;background:#ebebeb;}
.formTbl .note{font-style:italic;}
.formTbl .inputField{width:200px;}
.formTbl .inputFieldLarge{width:300px;}
.formChange{margin:.5em 0;text-align:right;}
.formChange a{margin-left:.5em;}

/* NEWSLETTER */
/* newsletter assignment */
.lastNewsletter{width:50%;text-align:right;}
/* newsletter form */
#newsletterBoxPage{float:left;width:100%;}
#newsletterBoxPage table{margin:10px 0;}
.inputButton{background:#0089cf;margin:10px 5px;padding:3px;color:#fff;border:none;cursor:pointer;}
/* newsletter - web */
/*#newsletter{background:#fff;width:630px;margin:0 auto auto auto;padding:0;text-align:left;color:#333;line-height:125%;}
#newsletter table tr td{margin:0;padding:0;line-height:125%;color:#333;}
#newsletter .fontNull{margin:0;padding:0;font-size:0;line-height:0;vertical-align:top;}
#newsletter p{margin:0 0 1em 0;padding:0;}*/

/* SITEMAP */
#sitemap{width:100%;float:left;}
#sitemap li{margin:5px 0;}

/* RELATED DOCUMENTS */
#relatedDocumentsTitle{width:100%;float:left;}
#relatedDocuments{margin:.5em 0;padding:0;width:100%;float:left;}
#relatedDocuments li{list-style:none;}

/* FOOTER */
#footer{background:url(../images/bg-flowers.gif) no-repeat 50% 0%;height:72px;padding:1em 0;}
#copyright{background:url(../images/logo-NU-60.gif) no-repeat top left;width:auto;height:60px;float:left;display:inline;margin:20px 60px 0 60px;padding-left:60px;}
#verif{background:url(../images/logo-mzos.gif) no-repeat top left;width:237px;height:60px;float:left;padding-left:24px;}
#signature{width:100%;display:block;text-align:center;}

/* LOGIN */
#secure{padding:40px;}
.r5{-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.btn{background:url(../images/nav-projekt.png) repeat-x;color:#fff;}
#secure .info{float:left;width:320px;background:url(../images/secure.png) 0% 50% no-repeat;padding-left:120px;display:block;}
#secure #login{float:left;margin-left:30px;display:block;}
#login .entry{width:360px;margin-bottom:10px;}
#login label{display:block;}
#login input.text, #login input.password{width:350px;padding:8px 5px;background:url(../images/search.png) repeat-x;border:1px solid #cacaca;border-bottom-width:2px;}
#login input.error{background:#ffeded;border-color:#cc0000;}
#login #submit label{float:left;font-size:.8em;}
#login #submit input{float:right;width:120px;height:30px;margin:0 auto;text-transform:uppercase;border:none;cursor:pointer;}
#login .validate{float:left;color:#df0707;text-transform:uppercase;font-size:.8em;}
/* Logout */
.user{position:relative;}
.user .textbtn{position:absolute;top:10px;right:0;width:110px;height:30px;padding:7px 20px;border:none;color:#fff;text-transform:uppercase;text-align:center;cursor:pointer;z-index:999;}
/* COLORBOX */
/*** colorbox callers ***/
.zoom, .colorbox{cursor:pointer;}
/*** colorbox style - pimped globals ***/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute;top:0;left:0;z-index:9999;}
#cboxOverlay{position:fixed;width:100%;height:100%;background:#000;}
#colorbox{background:#fff;padding:1px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
#cboxWrapper{background:#e1e1e1;padding:2px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
#cboxContent{background:#fff;position:relative;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
/*** colorbox style - globals ***/
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow, #cboxPrint{cursor:pointer;}
/*** colorbox style - user style ***/
#cboxLoadingOverlay{background:#000;}
#cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}
#cboxTitle, #cboxCurrent, #cboxSlideshow{display:none;}
#cboxPrevious, #cboxNext{position:absolute;top:50%;width:35px;height:35px;text-indent:-9999px;}

#cboxPrevious{left:0;background:url(../images/controls.png) 0 0;}
#cboxPrevious.hover{background:url(../images/controls.png) -35px 0;}
#cboxNext{right:0;background:url(../images/controls.png) 0 -35px;}
#cboxNext.hover{background:url(../images/controls.png) -35px -35px;}

#cboxClose{position:absolute;top:-17px;right:-17px;display:block;width:35px;height:35px;text-indent:-9999px;z-index:999;background:url(../images/controls.png) 0 35px;}
#cboxClose.hover{background:url(../images/controls.png) 35px 35px;}