@charset "utf-8";
/* CSS Document */

body {
	margin:0px;
	padding:0px;
	background-image: url(slike/pozadina.jpg);
	background-repeat: repeat-x;
	background-color: #FCEDD6;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #000;
}

a {
	color: #069;
	text-decoration: none;		
}

a:hover {
	text-decoration:underline;
}

#omotac {
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

#zaglavlje_levo {
	width:481px;
	padding-left:129px;
	padding-top:43px;
	height:102px;
	float:left;
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	color: #FFF;
	background-image: url(slike/znak.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#zaglavlje_desno {
	width:340px;
	height:145px;
	float:right;
	background-image: url(slike/pozadina_search.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#sredina {
	background-image: url(slike/sredina.png);
	background-repeat: repeat-y;
}

#menu {
	background-image: url(slike/menu.jpg);
	background-repeat: no-repeat;
	background-position: center center;	
	height:38px;
}

#menu_l {
	margin:0;
/*	width:660px;*/
	height:38px;
	float:left;
	width:580px;
	padding-left:15px;
}
#menu_l ul { padding:0; margin:0; list-style:none; border:0; height:38px;}
#menu_l ul li { float:left; margin:0; padding:0 5px; border:0; height:38px;}
#menu_l ul li a {
	float:left;
	margin:0;
	padding:10px 0;
	color:#FFFF99;
	text-decoration:none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
}
#menu_l ul li a span { padding:10px 10px; background:none;}
#menu_l ul li a:hover {
	background-image: url(slike/menu_d.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#menu_l ul li a:hover span {
	background-image: url(slike/menu_l.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
/*#menu_l ul li a.active { background:url(slike/r_menu.gif) right no-repeat; color:#1f63b3;}
#menu_l ul li a.active span { background:url(slike/l_menu.gif) left no-repeat;}*/

#menu_d {
	float:right;
	width:340px;
	height:31px;
	padding-right:20px;
}

#menu_d ul { padding:0; margin:0; list-style:none; border:0; height:38px;}
#menu_d ul li { float:right; margin:0; padding:0 5px; border:0; height:38px;}
#menu_d ul li a {
	float:right;
	margin:0;
	padding:10px 0;
	color:#FFFF99;
	text-decoration:none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
}
#menu_d ul li a span { padding:10px 10px; background:none;}
#menu_d ul li a:hover {
	background-image: url(slike/menu_d.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#menu_d ul li a:hover span {
	background-image: url(slike/menu_l.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#slider {
	width:643px;
	height:288px;
}

.slajdovi {
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #CCC;
	/*margin:13px;
	padding:8px;*/
	/*width:914px;
	height:422px;*/
	margin-top:13px;
	margin-bottom:30px;
	padding:8px;
	width:643px;
	height:288px;
}

.txtSearch {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	background-color: #FFF;
	margin-top: 61px;
	margin-left: 50px;
	border: 1px solid #FFF;	
	height:24px;
	width:250px;	
}

.formaPrijava {
	padding-top:7px;	
}

.labelePrijava {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	color: #FFFF99;	
	float:left;
	margin-top:6px;
	margin-right:3px;
}

.txtPrijava {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000;
	border: 1px solid #F90;
	height: 16px;
	width: 100px;
	font-weight: bold;
	float:left;
	margin-top:3px;
	margin-right:3px;
}

.dugmeOK {
	float:left;	
}

.clr {
	clear:both;
}

#adminOmotac {
	padding:15px;	
}

#menuAdmin1 {
	padding-top:40px;
	width:80px;
	float:left;
	position:absolute;
}

#menuAdmin1 ul {
	padding:0;
	margin:0;
	list-style:none;
}
#menuAdmin1 ul li{
	margin-bottom:1px;
	margin-top:2px;	
}

#menuAdmin1 ul li a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	background-image: url(slike/tab1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	display: block;
	height: 50px;
	width: 80px;
	padding-top:8px;
	padding-bottom:2px;
	text-decoration: none;
	font-weight: bold;
}

#menuAdmin1 ul li a:hover{
	color: #A7393C;
	background-image: url(slike/tab2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#menuAdmin1 ul li a.menuAdminActive{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	background-image: url(slike/tab3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	display: block;
	height: 50px;
	width: 80px;
	padding-top:8px;
	padding-bottom:2px;
	text-decoration: none;
	font-weight: bold;
}

#menuAdmin1 ul li a img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;		
}



#adminPanel {
	width:829px;
	float:right;
	border: 1px solid #dbd8d8;
	padding:10px;
	min-height:300px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#adminPanel a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #069;
	text-decoration: none;		
}

#adminPanel a:hover {
	text-decoration:underline;	
}

#menu2 {
	padding-left: 15px;
	height:35px;
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dbd8d8;*/
}

#menu2 ul {
	padding:0;
	margin:0;
	list-style:none;
}

#menu2 ul li {
	float:left;
	padding:0px;
	margin:1px;
}

#menu2 ul li a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-image: url(slike/tab2-1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	display: block;
	height: 35px;
	width: 100px;
	text-decoration: none;
	font-weight: bold;
	line-height:35px;	
}

#menu2 ul li a:hover {
	background-image: url(slike/tab2-2.jpg);
	background-repeat: no-repeat;
	color: #A7393C;
	text-decoration: none;		
}

#menu2 ul li a.menu2Active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-image: url(slike/tab2-3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	display: block;
	height: 35px;
	width: 100px;
	text-decoration: none;
	font-weight: bold;
	line-height:35px;	
}

#panel2 {
	padding:5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #dbd8d8;
}

.uvlacenje {
	padding-top:3px;
	padding-bottom:3px;
}

.dugmadForma {
	padding-top:3px;
	padding-bottom:3px;
	text-align: center;
}

.zaglavlje {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFF99;
	background-color: #069;		
}

.boja1 {
	background-color: #D9F2FF;	
}

.boja2 {
	background-color: #E4EBED;	
}

.boja3 {
	background-color: #D9F2FF;
	padding:3px;
	margin-bottom:1px;	
}

.boja4 {
	background-color: #E4EBED;
	padding:3px;
	margin-bottom:1px;		
}

.naslovAdmin {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: bold;
	color: #000;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
}

.button {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	background-color: #9F3134;
	border: 4px double #FFF;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.buttonSave {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color: #FF0;
	background-color: #9F3134;
	border: 4px double #FFF;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-image: url(slike/snimi.png);
	background-repeat: no-repeat;
	background-position: 8px center;
	height: 38px;
	width: 130px;
}

.buttonOdustani {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #FFF;
	background-color: #9F3134;
	border: 4px double #FFF;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-image: url(slike/odustani.png);
	background-repeat: no-repeat;
	background-position: 8px center;
	height: 38px;
	width: 130px;
}


.txtField {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #999;
}

.txtField2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #C00;
	color: #CCC;
}

.lblLabela {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #000;		
}

.obavestenja1 {
	padding-top: 15px;
	display: none;
	text-align: center;
}

.obavestenja2 {
	padding-top: 15px;
	display: block;
	text-align: center;
}


.poruka1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	/*line-height: 50px;*/
	font-weight: bold;
	color: #000;
	background-color: #FFC;
	min-height: 50px;
	width: 300px;
	padding-left: 60px;
	padding-top:25px;
	background-image: url(slike/ok.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	margin-left:auto;
	margin-right:auto;
	border: 3px double #9F3134;
}

.poruka2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	/*line-height: 50px;*/
	font-weight: bold;
	color: #F00;
	background-color: #FFC;
	min-height: 50px;
	width: 300px;
	padding-left: 60px;
	padding-top:25px;
	background-image: url(slike/cancel.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	margin-left:auto;
	margin-right:auto;
	border: 3px double #9F3134;
}

.navigacijaDno {
	text-align: right;
	line-height:25px;
	margin-top:5px;		
}

.fajlovi {
	height:400px;
	padding:10px;
	background-color: #F5F5F5;
	border: 2px double #900;
	overflow: auto;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.fajlLevo {
	padding: 2px;
	float: left;
	height: 38px;
	width: 54%;	
	line-height:38px;	
}

.fajlLevo a img {
	float:left;
	margin-right:5px;
	border:0px;
}

.fajlDesno {
	padding: 1px;
	float: right;
	height: 38px;
	width: 45%;
	line-height:38px;
	text-align: center;
}

.fajlDesno a img {
	border:0px;
}

#slikaPreview img {
	background-color: #EBEBEB;
	margin: 2px;
	padding: 5px;
	border: 1px solid #9F3134;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.sadrzaj {
	padding:18px;	
}

.naslov1 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 24px;
	font-weight: bold;
	color: #C00;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #C00;
	font-style: italic;
	margin-top:5px;
	margin-bottom:5px;
}

.naslov2 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 20px;
	font-weight: bold;
	color: #C00;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #C00;
	font-style: italic;
	margin-top:5px;
	margin-bottom:5px;
}

.naslov3 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 16px;
	font-weight: bold;
	color: #C00;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #C00;
	font-style: italic;
	margin-top:5px;
	margin-bottom:5px;
}


.panel {
	padding:5px;
	border: 1px solid #dbd8d8;
	margin-top:10px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

a.profesor {
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	color: #069;
	text-decoration: none;
	background-color: #F2FBFF;
	margin: 5px;
	padding: 5px;
	float: left;
	width: 282px;
	border: 1px solid #dbd8d8;
	font-weight: bold;
	line-height:62px;
	display:block;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
}

a:hover.profesor {
	background-color: #FFC;
	border: 1px solid #069;
}

a.profesor img {
	margin: 5px;
	padding: 5px;
	float: left;
	border: 1px solid #C00;
	background-color: #CCC;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.slika {
	margin: 5px;
	padding: 5px;
	border: 1px solid #C00;
	background-color: #CCC;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}

.podatak {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D8D8D8;
	background-image: url(slike/pozadina_podatak.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

.podatakLevo {
	/*background-color: #F3F3F3;*/
	float: left;
	width: 140px;
	font-weight: bold;
	color: #000;
	padding:4px;
}

.podatakDesno {
	float: right;
	width: 480px;
	padding:4px;		
}

.podatakDesno2 {
	float: right;
	width: 760px;
	padding:4px;		
}

.ime {
	font-family: "Times New Roman", Times, serif;
	font-size: 28px;
	font-weight: bold;
	color: #000;
}

.naziv {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left:20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-bottom:10px;
}

.uvlacenje2 {
	padding-top:15px;
	padding-bottom:15px;	
}

.sakrij {
	display:none;
}

.prikazi {
	display:block;
}

.celijaLiteratura {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #dbd8d8;
}

.profilFajloviSadrzaj {
	max-height:600px;
	overflow: auto;
}

.profilFajlovi {
	padding:10px;
	height:38px;
	line-height:38px;	
}

.ravnanjeLevo {
	float:left;	
}

a.predmet {
	font-family: "Times New Roman", Times, serif;
	font-size: 17px;
	color: #069;
	text-decoration: none;
	background-color: #F2FBFF;
	margin: 2px;
	padding: 5px;
	/*width: 100%;*/
	border: 1px solid #dbd8d8;
	font-weight: bold;
	line-height:40px;
	display:block;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
}

a:hover.predmet {
	background-color: #FFC;
	border: 1px solid #069;
}

.tekstPredmeta {
	margin-top:10px;	
}

.readmore {
	background-image: url(slike/trougao.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;		
}

.sadrzajPocetna {
	padding-left:15px;
	padding-right:15px;	
}

.levo {
	width:655px;
	float:left;	
}

.desno {
	width:255px;
	float:right;
	font-size: 0.8em;
}

.datum {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #999;
}

.otvoreno {
	display:block;
	border: 1px solid #CCC;
	padding:5px;
}

.zatvoreno {
	display:none;
}

a.tooltip {
	position: relative;
}

a.tooltip span {
	display: none;
}

a.tooltip:hover span {
	display: block;
	position: absolute;
	top: 1em;
	left: 2em;
	padding: 0.2em 0.6em;
	border:1px solid #069;
	min-width:150px;
	background-color:#DDF4FF;
	color:#000;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-weight: normal;
}

a.clanci {
	font-size: 16px;
	line-height: 45px;
	color: #9f3134;
	background-image: url(slike/clanci_dugme1.jpg);
	background-repeat: no-repeat;
	text-align: center;
	height: 45px;
	width: 230px;
	margin-bottom: 5px;
	background-position: left top;
	display:block;
	text-decoration: none;
	font-weight: bold;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #9f3134;
}

a.clanci:hover {
	color:#006599;
	background-image: url(slike/clanci_dugme2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #006599;

}

#linkoviPocetna {
	text-align: center;
	padding-top: 43px;
	padding-bottom: 13px;		
}

.anketaOK {
	min-height:40px;
	padding-left:45px;
	line-height:40px;
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: bold;
	color: #090;
	background-image: url(slike/ok.png);
	background-repeat: no-repeat;
	background-position: left center;		
}

.anketaGreska {
	min-height:40px;
	padding-left:45px;
	line-height:40px;
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: bold;
	color: #F00;
	background-image: url(slike/greska.png);
	background-repeat: no-repeat;
	background-position: left center;
}

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		/*width:914px;
		height:422px;*/
		width:643px;
		height:288px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
	padding:0;
	height:20px;
	margin-top: 15px;
	margin-right: 0;
	margin-left: 10px;
	float:right;
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:20px;
		line-height:20px;
		}
	ol#controls li a{
	float:left;
	height:20px;
	line-height:20px;
	border:1px solid #ccc;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color:#555;
	padding:0 10px;
	text-decoration:none;
	font-size: 11px;
	background-color: #F2F2F2;
		}
	ol#controls li.current a{
	color:#fff;
	background-color: #C00;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */