@charset "utf-8";
/* CSS Document */

@import url("reset.css");

h2.kontakt{font: normal 24px Arial, Helvetica, sans-serif; color:#fff; padding:0; margin:0;}
p.kpodaci{margin:0 0 0 40px; padding:0; font:normal 1em/1.2  Arial, sans-serif; color:#fff;}


body{
	background:#EFEFDF url(images/bg-body.jpg) no-repeat top left;
	padding:10px 0 10px 0;
	}
	
#omotac-vanjski{
	width:990px;
	margin:0 auto 0 auto;
	padding:0 0 20px 0;
	}
	
#header{
	width:982px;
	height:190px;
	background:url(images/bg-header.jpg) no-repeat top left;
	}
	
#logo a img{
	behavior: url(iepngfix.htc);
	width:283px;
	height:68px;
	margin:110px 0 0 20px;
	}
	
#menu{
	width:985px;
	height:87px;
	}
	
	#menu-left{
		float:left;
		width:8px;
		height:87px;
		background:url(images/menu-left.jpg) no-repeat top left;
		}
		
	#menu-middle{
		width:963px;
		height:87px;
		background:url(images/bg-middle.jpg) repeat-x top left;
		float:left;
		}
	#menu-right{
		float:left;
		width:11px;
		height:87px;
		background:url(images/menu-right.jpg) no-repeat top left;
		}
		
	#menu-middle ul{
		margin:2px 0 0 0;
		padding:0px;
		}
		
	#menu-middle ul li{
		float:left;
		}
		
	#menu-middle ul li a:link, #menu-middle ul li a:visited{
		display:block;
		width:121px;
		height:47px;
		background:url(images/bg-menu-item.jpg) no-repeat top left;
		padding:32px 0 0 0;
		text-align:center;
		font:normal 18px Arial, Helvetica, sans-serif;
		letter-spacing:1px;
		color:#fff;
		}
		
	#menu-middle ul li a:hover, #menu-middle ul li#currentpage a{
		background-position:bottom;
		}
		
#content{
	width:985px;
	margin:25px 0 0 0;
	}
	
#left-side{
	width:360px;
	float:left;
}
	
#right-side{
	width:500px;
	margin:0 0 0 10px;
	float:left;
	}
	
#about{
	width:580px;
	height:388px;
	margin:68px 0 0 0;
	background:url(images/bg-about.png) no-repeat top left;
	behavior: url(iepngfix.htc);
	padding:0 15px;
	}
	
	#about p {
		font:normal 0.8em/1.5 Trebuchet MS, Arial, sans-serif;
		color:#333;
		text-align:justify;
		}
		
#footer{
	width:985px;
	margin:20px 0 0 0;
	}
	
	#footer-up{
		width:965px;
		
		background:#B9B99D;
		border-top:2px solid #D2D2B5;
		border-bottom:2px solid #D2D2B5;
		padding:10px;
		float:left;
		}
		
	#footer-down{
		width:985px;
		height:49px;
		background:url(images/bg-footer-down.jpg) repeat-x top left;
		
		} 
	
	#latest-news{
		width:400px;
		height:225px;
		float:left;
		}
		
		#latest-news h3{
			background:url(images/h3-bullet.jpg) no-repeat center left;
			font:normal 1.5em Trebuchet MS, Tahoma, Arial, sans-serif;
			color:#fff;
			padding:0 0 0 20px;
			}
			
		#latest-news p{
			margin:10px 0 0 20px;
			font:normal 0.8em Trebuchet MS, Tahoma, Arial, sans-serif;
			color:#333;
			}
			
	#hire-us{
		float:left;
		margin:0 0 0 40px;
		width:504px;
		padding:10px;
		background:#656565 url(images/bg-hire-us.jpg) repeat-x top left;
		}
		
	#hire-us form label{
		display:block;
		width:150px;
		float:left;
		margin:5px 0 0 0;
		font:normal 0.8em Trebuchet MS, Tahoma, Arial, sans-serif;
		color:#fff;
		}
	#hire-us form input.text, #hire-us form select.text, #hire-us form textarea{
		float:left;
		margin:5px 0 0 0;
		font:normal 0.8em Trebuchet MS, Tahoma, Arial, sans-serif;
		width:250px;
		}
		
	 #hire-us form textarea{
	 	width:250px;
		height:100px;
		}
		
	#hire-us fieldset{
		border:none;
		}
		
	#hire-us h3{
		font:normal 1.5em Trebuchet MS, Tahoma, Arial, sans-serif;
		color:#fff;
		}
	
	.submit{
		float:left;
		margin:5px 0 0 151px;
		font:normal 0.8em Trebuchet MS, Tahoma, Arial, sans-serif;
		width:100px;
		}
		
	.chkbx{
		float:left; 
		margin:7px 0 0 0 !important;
		margin:3px 0 0 0;
		}
		
/*####################################  FOOTER DOWN #############################################*/

#footer-down ul{ margin:0; padding:0; color:#fff;}

#footer-down ul li{float:left; margin:10px 0 0 0;text-align:center;}

#footer-down a:link, #footer-down a:visited{
	font:normal 0.8em Trebuchet MS, Tahoma, Arial, sans-serif;
	color:#fff;
	margin:0 10px 0 10px;
	padding:0 3px;
	}
#footer-down a:hover{
	background:#fff;
	color:#000;
	}

#copy-info{
	float:right;
	font:normal 0.8em Trebuchet MS, Tahoma, Arial, sans-serif;
	margin:10px 10px 0 0;
	color: #999999;
	}
	



/*####################################  KLASE  #############################################*/


.title img{
	behavior: url(iepngfix.htc);
	}
	
.recent-slika{
	width:354px;
	height:104px;
	background:#B9B99D;
	margin:10px 0 0 0;
	padding:5px 0 0 5px;
	}
	
.recent-opis{
	width:349px;
	
	margin:10px 0 0 0;
	background:url(images/bg-recent-opis.png) repeat;
	behavior: url(iepngfix.htc);
	padding:5px;
	}
	
.recent-opis table{
	margin:-6px 0 0 0;
	padding:0;
	font:normal 12px/1.2 Trebuchet MS, Arial, sans-serif;
	color:#333;
	}
	
.dshd-brdr{
	border-bottom:1px dashed #333;
	}
	
table td a:link, table td a:visited{
	color: #FF00FF;
	padding:0 2px;
	}
	
table td a:hover{
	color:#fff;
	background:#ff00ff;
	} 
	
.clr{
	clear:both;
	}
	
#logo a:link h1, .title h2{
	margin:0;
	padding:0;
	}
	
span.date{
	display:block;
	width:380px;
	font:bold 12px Trebuchet MS, Arial, sans-serif;
	color: #333;
	border-bottom:1px solid #A49D7C;
	margin:0 0 0 20px;
	}
	
/*#############################################IDENTITET########################################*/

.work-holder{
	float:left;
	margin:0 10px 0 0;
	}
	
/*#############################################CONTACT.PHP########################################*/

#kontakt-podaci{
	width:350px;
	height:480px;
	float:left;
	background:url(images/bg-kontakt-podaci.png) no-repeat top left;
	behavior: url(iepngfix.htc);
	padding:10px;
	}

#kontakt-forma{
	width:580px;
	
	padding:10px;
	float:left;
	margin:0 0 0 10px;
	background:url(images/bg-kontakt-forma.png) no-repeat top left;
	behavior: url(iepngfix.htc);
	}
	
#contact-us{
		
		
		width:560px;
		padding:10px;
		background:#656565 url(images/bg-hire-us.jpg) repeat-x top left;
		}
		
	#contact-us form label{
		display:block;
		width:200px;
		float:left;
		margin:5px 0 0 0;
		font:normal 0.8em Trebuchet MS, Tahoma, Arial, sans-serif;
		color:#fff;
		}
	#contact-us form input.text, #contact-us form select.text, #contact-us form textarea{
		float:left;
		margin:5px 0 0 0;
		font:normal 0.8em Trebuchet MS, Tahoma, Arial, sans-serif;
		width:250px;
		}
		
	 #contact-us form textarea{
	 	width:250px;
		height:100px;
		}
		
	#contact-us fieldset{
		border:none;
		}
		
	#contact-us h3{
		font:normal 1.5em Trebuchet MS, Tahoma, Arial, sans-serif;
		color:#fff;
		}
	
	.submit{
		float:left;
		margin:5px 0 0 151px;
		font:normal 0.8em Trebuchet MS, Tahoma, Arial, sans-serif;
		width:100px;
		}
		
	.chkbx{
		float:left; 
		margin:7px 0 0 0 !important;
		margin:3px 0 0 0;
		}