/* ------ reset start ----- */
html{color:#000;}body,div,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}body {font:13px verdana,arial,helvetica,clean,sans-serif;font-size:small;font:x-small;}table {font-size:inherit;font:100%;}
/* ---------------- reset end --------*/

body{
font-family:Arial, Helvetica, sans-serif;
background-color:#7b7f6f;
}

#kontent
{
margin:0 auto;
width:881px;
background-image:url(../images/margine-bg.gif);
}

#kolona1{
float:left;
width:611px;
background-color:#FFFFFF;
}
#kolona2{
float:left;
width:218px;
background-color:#FFFFFF;

}
#leva-margina, #desna-margina{
float:left;
width:26px;
background-image:url(../images/margine-bg.gif);
}

#desna-margina{
float:right;
}

#leva-margina div, #desna-margina div{
	height:16px; 
	background-color:#7b7f6f;
}



#futer{
margin:0 auto;
width:855px;
height:23px;
padding-top:5px;
padding-right:25px;
background-color:#000000;
color:#CCCCCC;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:right;
border-top:2px solid #ef5511;
}

h1{
padding-top:17px;
font-size:16px;
font-weight:bold;
font-family:Arial Narrow;
color:#cc0000;
background: url(../images/za-naslove.gif) 0 20px no-repeat; 
text-indent:25px;
}

h2{
padding-left:5px;
_padding-left:0;
padding-bottom:3px;
font-weight:bold;
font-size:11px;
color:#cc0000;
}

h2 a{
text-decoration:none;
font-weight:bold;
font-size:11px;
}

h3{
font-weight:bold;
font-size:11px;
font-weight:bold;
margin-left:5px;
padding-top:3px;
}

h3 a
{
text-decoration:none;
font-weight:bold;
color:#FFFFFF;
}

h3 a:hover
{
text-decoration:none;
color:#000000;
}

#header{

height:148px;
background-image:url(../images/studenti.jpg);
background-position:right;
background-repeat:no-repeat;

}

#logo{
width:342px;
height:20px;
padding-top:90px;
background:#7b7f6f url(../images/logo.gif) 0 16px no-repeat; 

}

#menu
{
float:left;
background-color:#000000;
padding-left:45px;
}
#menu ul
{
	float:left;
	height:19px;
	display:block;
	margin:0;
	padding:0;
	padding-left:15px;
	padding-top:3px;
	font-size:11px;
	background-color:#000000;

}
#menu ul li
{
display:inline;
color:#FFFFFF;
padding-left:2px;;
}
#menu ul li a
{
color:#FFFFFF;
text-decoration:none;
}
#menu ul li a:hover
{
color:#ea3c0c;

}



.kontakt
{
	margin-left:67px;
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
}

.kontakt a
{
	color:#FFFFFF;
	text-decoration:none;
}

.vise-informacija a{
	font-size:10px;
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
	color:#FFFFFF;
}

.vise-informacija a:hover{
color:#000000;
}

#gornja-linija /* slicica sa glavama iznad hedera*/
{
margin-top:3px;
margin-left:363px;
}


.za-naslove{
float:left;
margin-left:45px;
margin-right:5px;
}

#datum /* gornji desni ugao*/
{
	height:14px;
	color:#FFFFFF;
	font-size:9px;
	padding-left:10px;
	padding-top:2px;
	background-color:#000000;
}

#o-akademiji{
float:left;
width:571px;
margin-left:40px;
_margin-left:20px;

}

#o-akademijitxt
{
float:left;
width:270px;
padding:10px;
font-size:11px;
color:#333333;
}

.fakultet-slika
{
width:202px;
height:270px;
float:left;
margin:15px;
background-color:#ffcc99;
}


.fakultet-slika img
{
	width:182px;
	height:250px;
	margin-left:10px; 
	margin-top:10px;

}

.border-gornji{
margin-top:15px;
}

.border-donji{

}

.vesti{
float:left;
height:135px;
margin-top:5px;
overflow:hidden;
}

.vesti a 
{
 margin-left:5px;
 text-decoration:none;
 font-size:10px;
 color:#ffa741;
}
.vesti-sadrzaj
{
width:230px;
height:80px;
overflow:hidden;
}
.vesti-tekst{
padding-left:5px;
padding-right:5px;
font-size:10px;
color:#808080;
}

#vest1{
width:245px;
margin-left:40px;
_margin-left:20px;
}
#vest2{
width:277px;
margin-left:5px;
_margin-top:5px;

}
#vest3{
width:245px;
margin-left:40px;
_margin-left:20px;


}
#vest4{
width:277px;
margin-left:5px;
_margin-top:4px;
}

#starije-vesti
{
	float:right;
	width:100px;
	margin-right:20px;
	_margin-right:12px;
	margin-bottom:20px;

}

#starije-vesti a
{
 text-decoration:none;
 font-size:12px;
 color:#ffa741;
}

.tackica{
margin-right:3px;
}
.vesti-slika{
float:left;
margin:0 5px 0px 5px; 
}
#mejling-lista

{	
	height:98px;
	padding-left:11px;
	padding-top:18px;
	font-size:11px;
	color:#FFFFFF;
	background-image:url(../images/ruke.jpg);
}

#sporedni-menu{
width:218px;
float:left;
background-color:#e1e1e1;


}

#sporedni-menu ul{
height:133px;
padding-bottom:0;
margin-bottom:8px;
padding-left:3px;
margin-left:0px;
margin-top:8px;
list-style-type:none;
font-size:12px;
}

#sporedni-menu ul li{

margin:0;
vertical-align:bottom;
}

#sporedni-menu ul li a{
text-decoration:none;
color:#000000;
}

#sporedni-menu ul li a:hover{
color:#be0000;
}

.smer{
float:left;
padding-bottom:5px;
}

.smer-naslov{
width:218px;
height:30px;
}

.podnaslov
{
font-weight:100;
font-size:9px;
}

.smer-sadrzaj{
width:207px;
_width:203px;
font-size:10px;
padding-left:5px;
padding-right:5px;
padding-top:8px;
border-left:dotted #cccccc;
}

.smer-sadrzaj a{
display:block;
text-decoration:none;
color:#ff9933;
}

#slikarstvo {
background-color:#f54b0e;
}

#trad_slikarstvo{
background-color:#d45c00;
}

#grafika{
background-color:#d4a600;
}

#grafika-6{
background-color:#a67a2d;
}
.bela-slova{
color:#FFFFFF;
}


/***STIL ZA JAVASCRIPT U PADAJUCEM MENIJU **/

#sddm
{	
	z-index: 30;
}

#sddm li
{	
	list-style: none;
	float: left;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;

}

#sddm li a
{	display: block;
	padding-left: 5px;
	padding-right:5px;
	background-color:#000000;
	color: #FFF;
	}


#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	margin-left:-20px;
}

	#sddm div a
	{	position: relative;
		margin: 0;
		text-align: left;
}

#sddm div a:hover
	{	
	}