* {
	margin: 0;
	padding: 0;
}
#sidenav a {
	color: #36C;
}
#sidenav a:hover {
	color: #06F;
}
body {
	background: #EEE url(img/body.jpg);
	color: #444;
	font: normal 62.5% "Lucida Sans Unicode",sans-serif;
	margin: 0;
}

#sidenav p, ul {
	font-size: 1.2em;

}

.clearer {
	clear: both;

}


.container {
	background: url(img/bgcontainer.gif) repeat-y;
	margin: 0 auto;
	padding-bottom: 6px;
	width: 767px;
}
.header {
	background-color: #FFCC66;
}


.title h1 {
	color: #0066CC;
	font: normal 3em Verdana,sans-serif;
	padding-top:40px;
	height: 110px;
	margin-bottom: 8px;
	text-align: center;
	
}


.navigation {
	margin-bottom: 4px;
}
.navigation a {
	background-color: #4A91C3;
	color: #FFF;
	float: left;
	font: bold 1.2em "Trebuchet MS",sans-serif;
	padding: 8px 0;
	width: 19%;
	border-right: 1px solid #FFF;
	text-align: center;
	text-decoration: underline;
}
.navigation a:hover {
	background-color: #000;
	color: #FFF;
}


.main {
	clear: both;
	padding: 8px 18px;
}


.sidenav h1,.sidenav ul {
	padding-left: 12px;
}
.sidenav {
	background: #eee;
	border: 1px solid #E5E5E5;
	float: left;
	width: 200px;
}
.sidenav h1 {
	color: #666;
	font-size: 1.2em; 
	font: "Lucida Sans Unicode";
	font-weight:bold;
	height: 20px;
	margin-top: 1.2em;
}
.sidenav ul {
	border-top: 1px solid #FAFAFA;
	background: url(img/bgul.gif) repeat-x;
	margin: 0;
	padding: 0;
}
.sidenav li {
	border: 1px solid #eee;
	border-top: none;
	list-style: none;
	margin: 0px;
}
.sidenav li a {
	color: #0066CC;
	display: block;
	font-size: 1em;
	padding: 4px 0px 4px 14px;
	text-decoration: underline;
	margin:0;
}
.sidenav li a:hover {
	color: #0066CC;
	text-decoration: underline;
}


.content {
	float: left;
	width: 520px;
	
	font: 130% "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
	word-spacing:2px;
	color:#444;
}

.content2 {
	float: center;
	width: 725px;
	
	font: 130% "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
	word-spacing:2px;
	color:#444;
}
.content .item {
	padding: 0px 12px;
	border: 1px solid #EEE;
	background: #FFF;
	margin-bottom: 8px;
}




.footer {
	background: #FFF;
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
	color: #666;
	font-size: 1.1em;
	margin: 0 auto;
	text-align: left;
	padding-top: 20px;
	width: 720px;
	padding-bottom: 20px;
}


p {
	margin:15px 0;
	line-height:20px;
}

h1 {
	font:160% arial;
}

h2 {
	font:130% Arial;
	color:#FF8040;
	border-bottom:2px solid #f6f6f6;
}

h2 a {
	color:#003399;
	text-decoration:none;
}

h2 a:hover {
	color:#0066CC;
	text-decoration:underline;
}


a {
	color:#0066CC;
	text-decoration:underline;
}

a:hover {
	color:#0066CC;
	text-decoration:underline;

}

h3 {
	font:140% Trebuchet MS;
	margin:10px 0;
	color: #FF8040;
}

.content .item ul {
	font-size: 100%;
	margin:15px 0 15px 0;
	line-height:25px;
	padding:15px 0 15px 15px;
	
	color:#999;
}
.content .item ul span {
	color:#444;
}

.content img{
padding:5px;
}

form {

max-width:120px;
width:120px; !important
}

form input  {

width:120px;
}

form .radio {
width:50%;
}

.levo{
margin-left:-30px;
}

.slike {
padding:5px 40px 5px 40px;
}