@charset "utf-8";
/* CSS Document */
/* General styles */
	body {
	margin:0 auto 0 auto;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:800px;
	min-width:750px;    	/* Minimum width of layout - remove line if not required */
	/* The min-width property does not work in old versions of Internet Explorer */
	font-size:90%;
	background-image: url(../background/fleke4.jpg);
	background-repeat: repeat;
	background-color: #727272;
	}
	h1, h2, h3 {
		margin:.8em 0 .2em 0;
		padding:0;
	}
	p {
		margin:.4em 0 .8em 0;
		padding:0;
	}
	img {
		margin:10px 0 5px;
	}
	/* Header styles */
	#header {
	clear:both;
	float:left;
	width:100%;
	background-image: url(../banner/logobanner2.jpg);
	}
	/* 'widths' sub menu */
	#layoutdims {
	clear:both;
	background:#f4f4f4;
	margin:0px;
	padding:6px 15px 12px 18px !important;
	text-align:left;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	}
	/* column container */
	.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
	}
	/* 2 Column (left menu) settings */
	.leftmenu {
	background:#fff;
	}
	.leftmenu .colleft {
	right:75%;			/* right column width */
	background:#f4f4f4;	/* left column background colour */
	}
	.leftmenu .col1 {
	width:72%;			/* right column content width */
	left:101%;
	}
	.leftmenu .col2 {
	width:23%;			/* left column content width (column width minus left and right padding) */
	left:5%;			/* (right column left and right padding) plus (left column left padding) */
	}
	/* Footer styles */
	#footer {
	clear:both;
	float:left;
	width:100%;
	background-image: url(../background/footermenu.png);
	background-repeat: no-repeat;
	height: 155px;
	}
	#footer h3 {
	margin-top: 0px;
	padding-left: 2px;
	padding-top: 2px;
}
	#footer h3 a {
	font-size: 12px;
	color: #959696;
	margin-top: 0px;
	width: 150px;
	padding-left: 15px;
	padding-top: 0px;
}
#footer ul {
	font-size: 11px;
	color: #959696;
	clear: none;
	float: left;
	width: 230px;
	margin-top: 3px;
	display: block;
	text-transform: lowercase;
	margin-right: 7px;
	margin-left: 10px;
	padding-left: 15px;
}
#footer li {
	margin-bottom: 4px;
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: square;
}
.prvo{
	width:96%;
	background-color:#FFF;
	border:#ccc solid 1px;
	color:#000000;
	padding:15px 10px 10px 10px;
	margin-top: 320px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 140%;
	}
.prvo h1{
	font:bold 22px/24px Arial, Helvetica, sans-serif;
	color:#666666;
	height:43px;
	padding:0 0 0 50px;
	margin:0 0 30px 0px;
	background-repeat: no-repeat;
	background-position: 0 3px;
	font-family: Tahoma, Geneva, sans-serif;
	}
.prvo h1 span{
	font:bold 22px/24px Arial, Helvetica, sans-serif;
	color:#CC0000;
	}
	
.prvo h1 span.podnaslov{
	font:bold 11px/19px Arial, Helvetica, sans-serif;
	color:#7D633C; 
	text-transform:uppercase;
	}	


.ssivo{
	color:#3F3F3F;
	background-color:#FFFFFF;
	padding:15px 23px 20px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	}
	
.ssivo2{
	font:12px/16px Arial, Helvetica, sans-serif;
	color:#7E7E7E; 
	}
.ssivo2 img{
	float: left;
	}	
.drugo{
	width:28%;
	background-color:#EBEBEB;
	border:#ccc solid 1px;

	color:#000000;
	padding:15px 7px 10px 10px;
	float:right;
	margin-top: 300px;
	margin-right: 1%;
	clear: right;
	}

.drugo h2{
	font:bold 22px/24px Arial, Helvetica, sans-serif;
	color:#666666;
	height:42px;
	padding:0 0 0 40px;
	margin:0 0 20px 0;
	background-image: url(background/strijelac.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
.drugo h2 span{
	font:bold 22px/24px Arial, Helvetica, sans-serif;
	color:#0033FF;
	}
	
.drugo h2 span.podnaslov{
	font:bold 11px/19px Arial, Helvetica, sans-serif;
	color:#7D633C; 
	text-transform:uppercase;
	}
.drugo:hover {
	BORDER-RIGHT: #DFDFDF 1px solid;
	BORDER-TOP: #DFDFDF 1px solid;
	BORDER-LEFT: #DFDFDF 1px solid;
	COLOR: #000;
	BORDER-BOTTOM: #DFDFDF 1px solid;
	BACKGROUND-COLOR: #fff;
	TEXT-DECORATION: none
}
	
.tri{
	width:26%;
	background-color:#EBEBEB;
	border:#ccc solid 1px;
	color:#000000;
	padding:17px 17px 10px 14px;
	margin-right:7px;
	float:left;
	}
.tri h4{
	font:bold 16px/18px Arial, Helvetica, sans-serif;
	color:#000000;
	height:23px;
	padding:0 0 0 0px;
	margin:0 0 20px 0;
	}
.tri h4 span{
	font:bold 16px/14px Arial, Helvetica, sans-serif;
	color:#386F00;
	}
	
.tri h4 span.date{
	font:bold 10px/14px Arial, Helvetica, sans-serif;
	color:#7D633C;
	text-transform:uppercase;
	}
#flash{
	height:250px;
	position:absolute;
	padding:0px;
	top: 0px;
	width: 575px;
	margin: 10px 0 0 0;
}
#topkut {
	left: 0px;
	top: 0px;
	height: 100px;
	width: 100px;
	display: block;
	position: absolute;
}
#topkut img {
	margin-top: 0px;
	padding-top: 0px;
	border: none;
}
#topkut img a {
	margin-top: 0px;
	padding-top: 0px;
	border: none;
}
#outer4 {
	float:right;
	width:35%;
	clear: right;
	margin-left: 3px;
	font-size: 11px;
	background-color: #03C;
	color: #fff;
	font-family: Verdana, Geneva, sans-serif;
}
.content {
	padding:10px;
}
.nevid {
	text-decoration: none;
	color: #000;
}
#contentend {
	background-image: url(../images/contentendbg.gif);
	height: 13px;
	width: 800px;
	margin: 0px;
	clear: left;
	padding: 0px;
	background-repeat: no-repeat;
}