body {
	margin: auto; padding: auto; width: 100%; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #036; background-color:#FFFFFF;
}
input, textarea {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000;
}
div#login {
	position:absolute;
	left:282px;
	top:59px;
	z-index:3;
	text-align: left;
	margin: 2px auto;
	padding: 5px 35px 20px 35px;
	background-image:url(../slike/bg.jpg);
	border: 1px solid #036;
	height: 139px;
	width: 182px;
}
	div#login div.error {
		color: #ed2f2f; font-weight: bold; font-size:12px;
	}
	div#login label {
		display: block; font-weight: bold; margin: 10px 0px 5px 0px;
	}
	div#login input {
		border: 1px solid #036; 
	}
	div#login input.button {
		border: 1px solid #FEFEFE; background-color: #036; color: #FEFEFE;  margin: 20px 0px 0px 65px; cursor: pointer;
	}
div#main {
	width: 500px; margin: 10px auto; text-align: left; border: 1px solid #036; padding: 15px;
}
	div#main div#menu {
		border-bottom: 1px solid #036; padding: 0px 0px 5px 0px; margin: 0px 0px 10px 0px; font-size: 12px;
	}
		div#main div#menu a {
			color: #036; font-weight: bold;
		}
		div#main div#menu a:hover {
			color: #F60;
		}
		div#main div#menu a.on {
			color: #F60;
		}
	div#main h1 {
		font-size: 18px;
	}
	div#main label {
		display: block; font-weight: bold; margin: 10px 0px 5px 0px;
	}
	div#main input {
		border: 1px solid #036; 
	}
	div#main textarea {
		border: 1px solid #036;
	}
	div#main input.button {
		border: 1px solid #FEFEFE; background-color: #036; color: #FEFEFE; padding: 3px; margin: 20px 0px 0px 0px; cursor: pointer;
	}
	
	div#main div#news {
		margin: 20px 0px 0px 0px; padding: 10px 0px 0px 0px; border-top: 1px solid #036;
	}
		div#main div#news div.news-date {
			font-weight: bold;
		}
		div#main div#news div.news-head {
			font-weight: bold; font-size: 13px; color: #005; margin: 2px 0px 0px 0px;
		}
		div#main div#news div.news-text {
			color: #222;
		}
		div#main div#news div.news-links {
			padding: 0px 0px 15px 0px; border-bottom: 1px solid #036; margin: 5px 0px 15px 0px;
		}
			div#main div#news div.news-links a {
				color: #036; font-weight: bold;
			}
			div#main div#news div.news-links a:hover {
				color: #F60;
			}
	.vijesti-slika {
	MARGIN: 0px 4px 0px 0px
}

.tekst-vijesti {
	DISPLAY: block; FONT-WEIGHT: normal; COLOR: #213409; font-size: 0.7em; width:400px; 
}
.text-small { 
	font-family : Tahoma, Verdana, Helvetica, Tahoma;
	font-size : 10px;
	color : #ffffff;
} 
.text-impress { 
	font-family : Tahoma, Verdana, Helvetica, Tahoma;
	font-size : 14px;
	color : #ffffff;
} 
.text-news { 
	font-size : 11px;
	color : #000000;
	font-family : Tahoma, Verdana, Helvetica, Arial;
} 
.text-lok { 
	font-size : 12px;
	color : #000000;
	font-family : Tahoma, Arial, Verdana, Tahoma;
} 
.text-program { 
	font-size : 12px;
	color : #000000;
	font-family : Tahoma, Arial, Verdana, Tahoma; 
	margin-top:2px;
} 
.text-topliste { 
	font-size : 12px;
	color : #000000;
	font-family : Tahoma, Arial, Verdana, Tahoma;
} 
.text-toplistehead { 
	font-size : 10px;
	color : #000000;
	font-family : Tahoma, Arial, Verdana, Tahoma;
	background-color : #FFFFFF;
} 
.text-zaglavlje { 
	font-size : 13px;
	color : #000000;
	font-family : Tahoma, Verdana, Arial;
	font-style : normal;
	font-weight : bold;
}		
.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/* ----------- stylized ----------- */
#stylized{
border:solid 2px #b7ddf2;
background:#ebf4fb;
}
#stylized h1 {
font-size:12px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color:#666666;
margin-left: 10px;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:5px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:120px;
float:left;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:120px;
}
#stylized input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:350px;
margin:2px 0 20px 10px;
}
#stylized button{
clear:both;
margin-left:100px;
margin-right: 7px;
margin-bottom: 20px;
width:125px;
height:31px;
background:#666666 url(../slike/button.png) no-repeat;
text-align:center;
line-height:21px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}