body{
margin:0;
padding:0;
border:0;
background:
	black
	url(../images/background.jpg) 	
	repeat-x
	top left;
}

#top{
height:63px;
margin:0;
padding:0;
border:0;
background:#292929;
}

#header{
height:147px;
margin:0;
padding:0;
border:0;
background:
	#1c1c1c
	url(../images/logo.jpg) 	
	no-repeat
	top center;
}

#middle{
width:603px;
height:220px;
margin:0 auto;
margin-top:0;
padding:0;
padding-top:23px;
padding-left:45px;
background:
	transparent
	url(../images/background_middle.jpg) 	
	no-repeat
	top left;
}

#footer{
margin:0 auto;
padding:0;
border:0;
background:#000;
text-align:center;
}

#headertext{/*text ispod loga*/
margin:0;
padding:104px 0 8px 0;
text-align:center;
font:11px verdana;
color:#7f9ff6;
}


/********* stilovi *********/

.login{/*login forma*/
width:454px;
margin:0 auto;
padding:0;
text-align:center;
font:11px verdana;
font-weight:bold;
color:#1f77c1;
border-left:1px solid #006fd7;
border-right:1px solid #006fd7;
}

.logmsg{/*login forma*/
position: absolute;
top: 222px;
left: 0px;
width:100%;
margin:0 auto;
padding:0;
text-align:center;
font:12px verdana;
font-weight:bold;
color:#CC0000;
}

.logmsg .alert {
	font-size: 200%;
}

.inputfield{/*stil za inputboxove u formi*/
width:111px;
height:18px;
margin:0 4px;
padding:0 2px;
color:#f3f3f3;
background-color:#150f57;
border:0;
border-top:1px solid #150f57;
border-bottom:1px solid #45436b;
}

.enter{
margin:0 0 0 8px;
padding:0 8px;
height:18px;
background:#3175b1;
border:0;
border-top:1px solid #88afd2;
border-bottom:1px solid #3175b1;
font:11px verdana;
font-weight:bold;
color:#1c1c1c;
}

.ador{
margin:15px 10px 0 0;
}


a.ador:link, a.ador:visited{
font:10px verdana;
color:#818181;
text-decoration:none;
}

a.ador:hover, a.ador:active{color:#818181;}


dt, dl, dd, ul, li {
list-style-type: none;
margin: 0 3px 0 0;
padding: 0;
font:11px verdana;
color:#1c76c2;
}

dt{padding-top:30px;}

dd{padding-top:10px;}

#menu { margin-left:28%;}

#menu dl {float: left;}

#menu li {
display: inline;
font:11px verdana;
}

#menu a {
text-decoration: none;
color:#829df8;
padding: 5px 8px;
}

#menu a.drugi:link, #menu a.drugi:visited{color:#1c76c2;}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7 {
position: absolute;
text-align:left;
width:400px;
}

a.svjetli:link{color:#809DF6;}
a.svjetli:hover{color:#ccc;}

a.tamni:link{color:#1E76C2;}
a.tamni:hover{color:#ccc;}


/*********************************************************++*/

li{
position: relative;
display: inline;
list-style-type: none;
padding:0px;
margin:0px;
font:11px verdana;
color:#1c76c2;
}

li a{
text-decoration: none;
color:#829df8;
}

li a:link, li a:visited{color:#829df8;}

li.drugi a:link, li.drugi a:visited{color:#1c76c2;}

li a:hover, li a:active{background:#000;}

li ul{
position: absolute;
display:none;
padding-top:8px;
border:0;
}

li li{
padding:0;
margin:0;
}

li:hover ul {display: block;}

a:link,a:visited{
color:inherit;
text-decoration:none;
}

a:hover,a:active{color:#ccc;}