@charset "utf-8";

	body{	
		background-color: #2d2d2d;
		font:Arial, Helvetica, sans-serif;
		font-size:14px;
	}
	#sajt{
		position:relative;
		margin: 0 auto;
  		width: 800px;
		text-align:left;
	}
	#header{
		position:absolute;
		top:0px;
		left:0px;
		height:264px;
		width:800px;
		background-color:#2d2d2d;
		background-image:url(images/header.jpg)
		}
	#sadrzaj{
		position:absolute;
		left:0px;
		top:264px;
		width:800px;
		float:left;
		background-color:#2d2d2d;
		}
	#centar{
		position:relative;
		float:left;
		top:0px;	
		left:0px;	
		width:800px;
		background-color:#ffffff;
		background-image:url(images/kraj_strane.jpg);
		background-position:bottom;
		background-repeat:no-repeat;
		}
	#centar ul {
		position:relative;
		left:22px;
		width:600px;
		list-style:none;
		list-style-type:none;
		}	
	#desni_bar{
		position:relative;
		float:left;
		top:0px;
		width:200px;
		background-color:#2d2d2d;
		}
	#footer{
		position:relative;
		left:0px;
		top:30px!important;
		top:10px;
		float:left;		
		width:800px;
		height:60px;
		background-color:#2d2d2d;
		background-image:url(images/footer_pattern.jpg);
		background-repeat:repeat-x
		}
	#footerL{
		position:relative;
		left:0px;
		float:left;		
		width:24px;
		height:57px;
		background-color:#2d2d2d;
		background-image:url(images/footer_levi.jpg);
		background-position:left;
		background-repeat:no-repeat;
		}
	#footerD{
		position:absolute;
		top:0px;
		left:775px;
		float:left;		
		width:25px;
		height:57px;
		background-color:#2d2d2d;
		background-image:url(images/footer_desni.jpg);
		background-position:right;
		background-repeat:no-repeat;
		}
	.box{		
		background-color:#ffffff;
		position:relative;
		padding:7px;
		border:solid #00CC33 1px;
		margin-bottom:5px;
		width:635px;
		height:290px;
			
	}
	.box p{
		
		font-size:1em;
		font-weight:normal;
		}
	.box h3{
		font-size:1em;
		}
	.box img{
		border:solid #00cc33 1px;
		margin-top:2px;
		margin-left:2px;
		margin-right:5px;
		margin-bottom:5px;
		width:150 px;
		height:110 px;
		float:left;
		}
    .box_info1{
   		position:3;
		top:0px;
		left:30px;
		width:230px;
		height:150px;
		float:left;		
		}
	.box_info2{
		position:relative;
		top:1px;
		left:35px;
		width:350px;
		height:150px;
		float:left;		
		}
	#nav{
		position:absolute;
		top:164px;
		left:66px;
		width:240px;
		height:32px;
		}
	#nav ul{
		font-size:1.1em;
		border:0px;
		margin:0px;
		padding:0px;
		list-style-type:none;
		list-style:none;
		text-align:right;
		clear:left;
		}
	#nav ul li{
		color:#ffffff;
		font-smooth:always;
		display:block;
		float:right;
		text-align:right;
		padding:5px;
		margin:0px;
	}		
	#nav ul li a {
		font-family:Arial, Helvetica, sans-serif;
		display:block;
		color:#ffffff;
		text-decoration:none;
	}
	#nav ul li a:hover{
		font-family:Arial;
		display:block;
		text-decoration:underline;
	}
	
	#nav_mala{
	position:absolute;
	top:-30px;
	left:257px;
	width:226px;
	height:32px;
		}
	#nav_mala ul{
		font-size:1em;
		font-weight:none;
		border:0px;
		margin:0px;
		padding:0px;
		list-style-type:none;
		list-style:none;
		text-align:right;
		clear:left;
		}
	#nav_mala ul li{
		color:#ffffff;
		font-smooth:always;
		display:block;
		float:right;
		text-align:right;
		padding:5px;
		margin:0px;
	}		
	#nav_mala ul li a {
		font-family:Arial;
		display:block;
		color:#ffffff;
		text-decoration:none;
	}
	#nav_mala ul li a:hover{
		font-family:Arial;
		display:block;
		text-decoration:underline;
	}
	#num_strane{
		position:absolute;
		top:-70px!important;
		top:-57px;
		left:63px;
		color:#000000;
		float:left;
		width: 137px;
		display:block;
		}
	#num_strane a{
		color:#000000;
		text-decoration:none;
		}
	#num_strane a:hover{
		background-color:#999999;
		}
	#copy{
		position:absolute;
		top:37px;
		left:328px;
		color:#003300;
		font-family:Arial;
		font-size:0.8em;
		}
	#made{
		position:absolute;
		top:14px;
		left:25px;
		color:#003300;
		font-family:Arial;
		font-size:0.7em;
		}
	#made a{
		color:#003300;
		text-decoration:none;
		}
	#nosac{
		position:relative;
		top:30px;
		left:30px;
		width:551px;
		height:410px;
		border:1px solid #006600;
		padding:10px;
		}	
	#nosac p{
		
		font-size:1em;
		}
	#baneri{
		position:absolute;
		top:30px;
		left:615px;
		width:150px;
		height:410px;
		border: solid;
		border-color:#006600;
		border:1px solid #006600;
		padding:10px;
		float:left;
		text-align:center;
		}
	#baneri img{
		padding-top:10px;
		}
	#nosac_kontakt{
		position:relative;
		top:30px;
		left:30px;
		width:551px;
		height:368px;
		border: solid;
		border-color:#006600;
		border:1px;
		padding:10px;
		}
	#baneri_kontakt{
		position:absolute;
		top:30px;
		left:615px;
		width:150px;
		height:388px;
		border: solid;
		border-color:#006600;
		border:1px;
		float:left;
		text-align:center;
		}
	#baneri_kontakt img{
		padding-top:10px;
		}		
	#kontakt_mapa{
		position:absolute;
		top:96px;
		left:257px;
		width:334px;
		height:188px;
	}
	p{ color:#000000; font-family:Arial; font-size:1em; text-align:justify;}
	h1{ color:#000000; font-family:Arial; font-size:1.3em; }
	h2{ color:#000000; font-family:Arial; font-size:1.2em;	}
	h3{ color:#000000; font-family:Arial; font-size:1.1em;text-decoration:underline; margin-top:-2px;}
	h4{ color:#000000; font-family:Arial; font-size:1.1em; margin-top:-2px;}
.naslovna1 {
	float: left;
	height: 100px;
	width: 100px;
	padding-top: 10px;
}