/* ZSM screen stylesheet 9/2006 */
* { margin: 0; padding: 0; }
body { background: #eeede5; color: #333; font-family: Verdana, Arial, sans-serif; font-size: 62.5%; padding-bottom: 20px; }
abbr { border-bottom: 1px dotted #ccc; cursor: help; }
a img { border: 0; }
#skipper { display: none; }

/* top bar */
#top-bar { margin: 0 auto; width: 898px; font-size: 1.1em; background: url(./gfx/top-bar-bg.gif) bottom no-repeat; height: 22px; padding: 20px 0 5px 0; position: relative; }
	#top-bar ul { padding: 0 14px; }
	#top-bar ul li { float: left; list-style: none; color: #777; background: url(./gfx/top-bar-divider.gif) 0 55% no-repeat; }

	#top-bar ul li a { color: #cacaca; display: block; padding: 4px 8px 3px 8px; text-decoration: none; }
	#top-bar ul li a:hover { color: #cacaca; }
		#top-bar ul li.active { padding: 4px 8px 3px 8px; color: #fff; font-weight: bold; }
		#top-bar ul li#home { background: none; }
	
	#top-bar ul#lang { float: right; }
		#top-bar ul#lang li { margin-left: 4px; background: #113366 url(./gfx/top-li-corner.gif) top right no-repeat; border-bottom: 1px solid #deded8; }
		#top-bar ul#lang li a {  }
	
	.imgLogin { position: absolute; top: 20px; right: 160px; }
	.imgPromjenaPodataka { position: absolute; top: 20px; right: 290px; }

#wrap { clear: both; margin: 0 auto; background: #fff; width: 886px; padding: 0 5px 5px 5px; border: 1px solid #d0d0c9; border-top: 0; }

/* head */
#header { background: url(./gfx/head-bg.jpg) no-repeat; height: 160px; position: relative; }
#en #header { background: url(./gfx/head-bg-EN.jpg) no-repeat; }
	#header #aNaslovnica { position: absolute; top: 30px; left: 30px; height: 90px; width: 630px; z-index: 3; text-indent: -9999px; }

#main-nav { border-bottom: 5px solid #136; background: #1e81c2; }
	#main-nav ul { padding: 0 0 6px 0; width: 680px; }
	#main-nav ul li { list-style: none; display: inline; }
	#main-nav ul li a { font-size: 1.3em; font-family: "Trebuchet MS", Arial, sans-serif; color: #fff; font-weight: bold; text-decoration: none; padding: 4px 7px 4px 5px; background: #1e81c2 url(./gfx/main-nav-divider.gif) right no-repeat; }
	#main-nav ul li a:hover, #main-nav ul li a:active { color: #fc0; }

	#main-nav #search { width: 200px; float: right; }
		.searchField { border: 1px solid #359; font-size: 1.1em; font-family: Verdana, Tahoma, serif; padding: 2px 2px 2px 18px; width: 120px; float: left; background: #fff url(./gfx/search-bg.gif) no-repeat; }
		.searchButton { background: transparent; border: 0; font-size: 1.1em; font-family: "Trebuchet MS", Arial, sans-serif; color: #fff; font-weight: bold; cursor: pointer; float: left; }

/* main */
#main-wrapper { float: left; width:100%; } /* essential */

#main { margin: 3px 203px; }
	#main a { color: #037; }
	#main a:hover { color: #b11; }
	
	#breadcrumbs { background: #f3f2ed url(./gfx/breadcrumbs-bg.jpg) right top repeat-y; margin: 0 0 2px 0; font-size: 1.2em; padding: 4px 0 4px 15px; /*cursor: help;*/ }
		#breadcrumbs a { padding-right: 7px; background: url(./gfx/breadcrumb-bullet.gif) 100% 50% no-repeat; }
		#breadcrumbs ul li { display: inline; font-family: "Trebuchet MS", Arial, sans-serif; }

	

	#content { border: 1px solid #ddd; border-top: 1px solid #eee; padding-bottom: 20px; background: #fff url(./gfx/content-bg.gif) repeat-x; }
		#content a:visited { background: url(./gfx/tick.gif) 100% 58% no-repeat; padding-right: 9px; }
		
		#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { font-family: "Trebuchet MS", Arial, sans-serif; color: #037; clear: both; font-weight: normal; }
		#content h1 { font-size: 2.1em; margin: .6em 12px 0 12px; letter-spacing: -1px; font-weight: bold; }
		#content h2 { font-size: 1.8em; margin: 20px 12px 12px; letter-spacing: -1px; }
			#content h2.naslovNovost { margin-top: 5px; }
		#content h3 { font-size: 1.5em; margin: 20px 12px 12px; clear: none; }
		#content h4 { font-size: 1.3em; margin: 20px 12px 12px; }
		#content h5 { font-size: 1.1em; margin: 20px 12px 12px; }

		#content p { font-size: 1.2em; margin: 1em 12px; line-height: 1.4em; }
			#content p.meta { clear: both; font-size: 1.1em; font-family: "Trebuchet MS", Arial, sans-serif; margin-bottom: .2em; padding: 1em 0 0 12px; background: #fff url(./gfx/news-meta-icon.gif) 0 80% no-repeat; border-top: 1px solid #ddd; }
			.pOpsirnije { clear: both; }
		#content ul, #content ol { font-size: 1.2em; line-height: 1.5em; margin: .4em 12px 1em 24px; }
			#content ul ul, #content ol ol { font-size: 1em; }
		#content ul li { list-style: none; background: url(./gfx/sidebar-bullet.gif) 0 7px no-repeat; padding: 0 0 0 10px; }
		#content ol li { margin-left: 10px; }

		#content .image { float: right; margin: 12px; }
			#content .image img { padding: 3px; background: #fff; border: 1px solid #888; }
			#main #content .image a { background-image: none; padding: 0; }
		
		#content .imageL { float: left; margin: 12px; }
			#content .imageL img { padding: 3px; background: #fff; border: 1px solid #888; }
			#main #content .imageL a { background-image: none; padding: 0; }
		
		.imgIspis { float: right; width: 44px; height: 13px; margin: 6px 12px 0 0; }
		.imgKarta {  padding: 3px; background: #fff; border: 1px solid #aaa; margin: 0 12px; }
		.imgVijesti { margin: 12px; padding: 3px; background: #fff; border: 1px solid #aaa; }
		.imgBio { margin: 12px; padding: 3px; background: #fff; border: 1px solid #aaa; float: right; }
		
		#content .divTrazilica { background: #777; padding: 5px 10px; }
			#content .divTrazilica select { width: 110px; vertical-align: top; }
			#content .divTrazilica input {  }
		
		#content .divBoxDokumenti { background: #f2f2f2; padding: 12px 0; border-top: 2px solid #eee; margin: 12px; clear: both; }
			#content .divBoxDokumenti h2 { margin: 0 12px; }
		
		#content .divBoxGalerija { width: 220px; height: 230px; margin: 12px 0 0 12px; float: left; }
			#content .divBoxGalerija h3 { float: none; margin: 0; padding: 5px; text-align: center; }
			.divBoxGalerija img { padding: 3px; background: #fff; border: 1px solid #aaa; }
			#content .divBoxGalerija a:visited { background: none; padding: 0; }
				
		#content .divBoxGalerijaSlike { width: 142px; height: 142px; margin: 12px 0 0 12px; float: left; }
			.divBoxGalerijaSlike img { padding: 3px; background: #fff; border: 1px solid #aaa; }
			#content .divBoxGalerijaSlike a:visited { background: none; padding: 0; }
						
		#content table { font-size: 1.1em; margin: 1em 12px; width: 450px; }
			#content table tr, #content table th, #content table td { border-collapse: collapse; border-spacing: 0; }
			#content table th { font-weight: bold; text-align: center; padding: 2px 5px; background: #d6ecfa; border: 1px solid #fff; border-bottom: 2px solid #c2d4df; }
			#content table td { text-align: left; padding: 2px 5px; background: #f3f2ed; border: 1px solid #fff; }
				#content table tr.trTamni td { background: #f8f8f8; }
				#content table td.tdLijevo { text-align: left; }
				#content table td.tdDesno { text-align: right; }
				#content table td.tdCentar { text-align: center; }
				
				#content table table { font-size: 1em; margin: 0; width: 100%; }
		
			#content table.tblLogiranje td { padding: 0; border: none; }
				#content table.tblLogiranje td table td { padding: 2px 5px; border: 1px solid #fff; }
					.tblLogiranje .formInput { width: 200px; border: 1px solid #595f74; padding: 2px 3px; }
					.tblLogiranje .formSubmit { border: 3px double #a0bdcf; color: #000; font-weight: bold; font-size: 1.1em; background: #d6ecfa; }
			
			#content table.tblSmjerovi td { text-align: center; }
				#content table.tblSmjerovi td.tdPredmet { text-align: left; font-weight: bold; }
			
			#content table.tblStudenti td { padding: 7px 5px; }
			
			#content table.tblICM td { text-align: center; }
				#content table.tblICM td.tdExam { text-align: left; font-weight: bold; width: 160px; }
				
			#content table.tblIspiti td.tdKolegij { font-style: italic; }
				#content table.tblIspiti td.tdKolegij span { font-weight: bold; font-style: normal; }
					#content table.tblIspiti td.tdKolegij span.spanKomentar { font-weight: normal; font-style: italic; color: #555; }
				#content table.tblIspiti td.tdKolegij ul, #content table.tblIspiti td.tdPopisi ul { font-size: 1em; margin: 0; padding: 0 0 5px; list-style: none; }
					#content table.tblIspiti td.tdKolegij ul li, #content table.tblIspiti td.tdPopisi ul li { padding: 0; background: none;  }

		
		#content .divButtoniNav { text-align: center; padding: 20px 0; }
			
		/* download */
		#content a.excel, #content a:visited.excel { padding: 0 20px 2px 0; background: url(./gfx/download-icons.gif) 100% 0 no-repeat; }
		#content a.word, #content a:visited.word { padding: 0 20px 2px 0; background: url(./gfx/download-icons.gif) 100% -32px no-repeat; }
		#content a.pdf, #content a:visited.pdf { padding: 0 20px 2px 0; background: url(./gfx/download-icons.gif) 100% -64px no-repeat; }
		
		/* wip: gallery styles */
		#gallery { width: 440px; padding: 10px 15px; }
			#gallery img { float: left; margin: 0 25px 20px 0; padding: 1px; background: #fff; border: 1px solid #888; }
			#content #gallery a { padding: 0; background-image: none; }
		
/* sidebar */
#sidebar { width: 200px; float: left; margin-left: -886px; }
	#sidebar h4 { background: #700 url(./gfx/sidebar-h4-bg.gif) no-repeat; color: #fff; font-size: 1.2em; font-family: "Trebuchet MS", Arial, sans-serif; padding: 4px 0 4px 23px; margin: 3px 0 2px 0; }
	#sidebar h4.h4Brzo { background: #113366 url(./gfx/links-h4-bg1.gif) left top no-repeat; color: #fff; font-size: 1.2em; font-family: "Trebuchet MS", Arial, sans-serif; padding: 4px 0 4px 23px; margin: 3px 0 2px 0; }
	#sidebar h4.h4Info { background: #e9aa36 url(./gfx/links-h4-bg2.gif) no-repeat; color: #fff; font-size: 1.2em; font-family: "Trebuchet MS", Arial, sans-serif; padding: 4px 0 4px 23px; margin: 3px 0 2px 0; }

	#secondary-nav { background: #b11 url(./gfx/secn-nav-bg.gif) repeat-x; font-size: 1.1em; font-weight: bold; border: 1px solid #911; }
		#secondary-nav ul { padding: 6px 0; }
		#secondary-nav ul li { list-style: none; }
		
		#secondary-nav ul li a { width: 180px; color: #fff; text-decoration: none; display: block; border-bottom: 1px solid #c11; background: url(./gfx/bullet.gif) 11px 50% no-repeat; padding: 4px 0 4px 18px; }
		#secondary-nav ul li a:hover, #secondary-nav ul li.liNavSelektiran a { color: #fc0; background: #9a0000 url(./gfx/bullet.gif) 12px 50% no-repeat; }
		#secondary-nav ul li#active a { color: #fc0; }
			
			#secondary-nav ul li ul { padding: 0; }
			#secondary-nav ul li ul li a, #secondary-nav ul li a.aNavOznacen { background: url(./gfx/bullet.gif) 21px 50% no-repeat;  padding-left: 28px; width: 170px; }
			#secondary-nav ul li ul li a:hover, #secondary-nav ul li ul li.liNavSelektiran a, #secondary-nav ul li a.aNavOznacen:hover, #secondary-nav ul li.liNavSelektiran a.aNavOznacen { color: #fc0; background: #9a0000 url(./gfx/bullet.gif) 22px 50% no-repeat; }
			
			#secondary-nav ul li a.aNavOznacen1 { background: url(./gfx/bullet.gif) 31px 50% no-repeat;  padding-left: 38px; width: 160px; }
			    #secondary-nav ul li a.aNavOznacen1:hover, #secondary-nav ul li.liNavSelektiran a.aNavOznacen1 { color: #fc0; background: #9a0000 url(./gfx/bullet.gif) 32px 50% no-repeat; }


	#secondary-navBrzo { background: #3e7ca7 url(./gfx/secn-nav-bg1.gif) repeat-x; font-size: 1.1em; font-weight: bold; border: 1px solid #215a81; }
		#secondary-navBrzo ul { padding: 6px 0; }
		#secondary-navBrzo ul li { list-style: none; }
		
		#secondary-navBrzo ul li a { width: 180px; color: #fff; text-decoration: none; display: block; border-bottom: 1px solid #5b8cad; background: url(./gfx/bullet.gif) 11px 50% no-repeat; padding: 4px 0 4px 18px; }
		#secondary-navBrzo ul li a:hover, #secondary-navBrzo ul li.liNavSelektiran a { color: #fc0; background: #215a81 url(./gfx/bullet.gif) 12px 50% no-repeat; }
		#secondary-navBrzo ul li#active a { color: #fc0; }
			
			#secondary-navBrzo ul li ul { padding: 0; }
			#secondary-navBrzo ul li ul li a, #secondary-navBrzo ul li a.aNavOznacen { background: url(./gfx/bullet.gif) 21px 50% no-repeat;  padding-left: 28px; width: 170px; }
			#secondary-navBrzo ul li ul li a:hover, #secondary-navBrzo ul li ul li.liNavSelektiran a, #secondary-navBrzo ul li a.aNavOznacen:hover, #secondary-navBrzo ul li.liNavSelektiran a.aNavOznacen { color: #fc0; background: #215a81 url(./gfx/bullet.gif) 22px 50% no-repeat; }




	#kontakt-info { background: #D6ECFA url(./gfx/blue-box-bg.gif) repeat-x; border: 1px solid #C9E2F2; font-size: 1.1em; padding: 1.2em; color: #345; }
		#kontakt-info address { font-style: normal; }
		#kontakt-info a { color: #345; }
			#kontakt-info a:hover { color: #000; }
		#kontakt-info p { margin: .2em 0; line-height: 1.4em; }
		#kontakt-info ul { margin: .2em 0; line-height: 1.4em; }
		#kontakt-info ul li { list-style: none; background: url(./gfx/sidebar-bullet.gif) 0 6px no-repeat; padding-left: 9px; }

/* links */
#links { width: 200px; float: left; margin-left: -200px; }
	#links h4 { background: #b11 url(./gfx/links-h4-bg.gif) left top no-repeat; color: #fff; font-size: 1.2em; font-family: "Trebuchet MS", Arial, sans-serif; padding: 4px 0 4px 23px; margin: 3px 0 2px 0; }
	#links h4.h4Brzo { background: #113366 url(./gfx/links-h4-bg1.gif) left top no-repeat; color: #fff; font-size: 1.2em; font-family: "Trebuchet MS", Arial, sans-serif; padding: 4px 0 4px 23px; margin: 3px 0 2px 0; }
		#links h4 a:link, #links h4 a:visited { color: #fff; }
		#links h4 a:hover, #links h4 a:active { color: #fc0; }
	.link-box { background: #f3f2ed url(./gfx/link-box-bg.gif) repeat-x; padding: 0 1.2em 1.2em 1.2em; border: 1px solid #e4e2d7; }
	   .link-boxINFO { padding-bottom: .5em; }
		.link-box a { color: #555; text-decoration: none; background: url(./gfx/link-bullet.gif) 0 6px no-repeat; padding: .1em 0 .1em .6em; }
		.link-box a:hover { color: #000; background: url(./gfx/link-bullet.gif) 1px 6px no-repeat; text-decoration: underline; }
		.link-box ul { margin: 1em 0 0 0; line-height: 1.6em; }
		.link-box ul li { font-size: 1.1em; list-style: none; }
		   .link-boxINFO ul li { font-size: 1.2em; list-style: none; padding-bottom: 7px; }
			.link-box ul ul { margin: 0 0 0 1em; }
			.link-box ul li ul li { font-size: 1em; }
			
	.link-boxVERN { background: #f3f2ed; padding: 0; }
		.imgVern1 { margin-left: 2px; }
		.imgVern2 { margin-top: 2px; }

/* foot */
#foot { height: 42px; background: url(./gfx/foot-bg.jpg) no-repeat; clear: both; border-top: 5px solid #7c0c09; }
	#foot p { color: #fff; font-size: 1.2em; font-family: "Trebuchet MS", Arial, sans-serif; text-align: center; padding: 10px 15px; }
	#foot a { color: #fc0; text-decoration: none; }
		#foot a:hover { color: #fff; }
	#foot p#top { float: left; }
	#foot p#developers { float: right; }