@charset "utf-8";

/* Stilovi za /apz - Osnovni v 1.0  */
/* Izrada: DZ Design, Zagreb - Sva prava pridržana, ožujak 2009. */

/* pozadina-#9f9f98; font/sjena-#282828; žuta-logo-#f1e85e; svj-siva-#ededed; t-siva-#b4b4b4;  */

/* ++++++++++ RESET ++++++++++ */

html, body { height: 100%; }
body { margin:0; padding:0; background:url(/_gfx/bckg-body.jpg) no-repeat top center #9f9f98; }
* { font:11px Arial, helvetica, sans-serif; color:#282828; }
h1, h2, h3 { margin:0; padding:0; line-height:1.2em; font-weight:normal; }
h1 { font-size:24px; text-transform:uppercase; }
h2 { font-size:24px; }
h3 { font-size:20px; }
img { border:none; }
a { text-decoration:none; font-weight:bold; }
a:hover { text-decoration:underline; }
p { text-align:justify; }
p, dt { margin:0; padding:0; line-height:1.8em; }
strong { font-weight:bold; }
ul { list-style:none; margin:0; padding:0; }
ul li { margin:0; padding:0; }
dl, dd { margin:0; padding:0; }
.clear { clear:both; }

/* ++++++++++ LAYOUT AND FORMATTING ++++++++++ */

#container { position:relative; width:820px; margin:0 auto; }

	#top { position:relative; width:820px; height:83px;
			background:url(/_gfx/bckg-cont-top.gif) no-repeat center bottom; }

	#content { position:relative; width:820px; background:url(/_gfx/bckg-cont.gif) repeat-y; }
			
		#sidebar { position:relative; float:left; width:166px; min-height:300px; }
			#info { padding-right:10px; }
				#info p, #info strong, #info a { color:#ededed; }
				#info p, #info a { font-size:0.95em; line-height:1.5em; }
				#info p strong { text-transform:uppercase; }
				#info p { margin-bottom:10px; text-align:right; }
		#main { float:right; width:642px; padding:0 8px 0 4px; margin:0; }
			#main h1.title { text-align:right; margin:5px 0; padding-right:10px; }
			#main .form { padding:20px; }
			#slides, #header { position:relative; width:642px; }
			#slides { height:220px; overflow:hidden; }
			#description { padding:20px; width:370px; float:left; }
				#description h2, #description h3 { margin-bottom:20px; }
				#description p { margin-bottom:10px; }
				#description dl {  }
					#description dt, #description dd { float:left; border-top:1px #9f9f98 solid; 
							padding:9px 0 5px 0; line-height:1.6em; }
					#description dt { font-weight:bold; width:160px; }
					#description dd { width:200px; padding-left:10px; 
							height:auto!important; min-height:40px; height:40px; }
						#description dd a.fancybox img { padding:1px; }
						#description dd a.fancybox:hover img { background:#282828; }
						.fancybox-hidden { display:none; }
						#description img.chart { margin:20px 0; }
				#description ul { margin:10px 20px; list-style:square; }
					#description li { line-height:1.4em; margin:3px 0; }
			#services { padding:20px 20px 20px 0; width:202px; float:right; }
				#services li:last-child a { border-bottom:none; }
				#services li a { font-size:1.4em; display:block; width:194px; font-weight:normal;
						padding:6px 4px 6px 4px; border-bottom:1px #9f9f98 solid; color:#9f9f98; }
				#services li a:hover { background:#d3d1ca; text-decoration:none; }
			#latest-projects { padding-left:20px; width:390px; }
				#latest-projects h2 { margin-bottom:20px; }
				#latest-projects ul { margin:0; padding:0; }
					#latest-projects li { float:left; margin-right:25px; width:72px; height:120px; }
						#latest-projects li.big { height:160px; }
					#latest-projects li a { display:block; /* margin-bottom:10px; */ }
					#latest-projects li a div { display:block; width:70px; height:70px; padding:1px;
							cursor:pointer; }
					#latest-projects li a:hover div { background:#282828; }
					#latest-projects li p { font-size:0.8em; line-height:1.4em; font-weight:normal;
							padding-top:5px; text-align:left; }
					#latest-projects li a:hover { text-decoration:none; }
			
	#footer { position:relative; width:640px; height:120px; padding:20px 0 0 180px;
		background:url(/_gfx/bckg-footer.gif) no-repeat; }
		#footer p { color:#ededed; }
		a.dzdesign, a.dzdesign strong { font:bold 1em Arial, Helvetica, sans-serif }
		a.dzdesign { color:#fff }
		a.dzdesign strong { color:#feac47 }

/* +++++++++ NAVIGATION ++++++++ */

a#home { position:absolute; width:87px; height:87px; left:50px; top:-5px;
		background:url(/_gfx/logo.gif) no-repeat; z-index:999; }
		
ul#lang { position:relative; float:right; margin:20px 40px 0 0!important; margin:20px 20px 0 0; }
	ul#lang li { float:left; }
	ul#lang li a { display:block; width:16px; height:11px; margin-right:20px; overflow:hidden; }
	ul#lang li.hr a { background:url(/_gfx/icon-hr.gif) no-repeat; }
	ul#lang li.gb a { background:url(/_gfx/icon-gb.gif) no-repeat; }
	ul#lang li.hr a:hover, ul#lang li.hr a.active,
	ul#lang li.gb a:hover, ul#lang li.gb a.active { background-position:0 -11px; }

ul#nav-main { position:relative; width:166px; list-style:none; margin-top:100px;
		background:url(/_gfx/nav-main-bottom.gif) no-repeat center bottom; 
		padding-bottom:17px; text-align:right; }
	ul#nav-main a.title { display:block; font-size:1.4em; text-transform:uppercase; 
			padding:4px; background:#b4b4b4; color:#282828; }
	ul#nav-main a.title:hover { background:#b4b4b4; text-decoration:none; }
	ul#nav-main a.first { border-top:4px #ededed solid; }
	ul#nav-main li {  }
	ul#nav-main li a { display:block!important; display:inline-block; font-weight:normal; 
			border-left:4px #ededed solid; border-bottom:4px #ededed solid; }
	ul#nav-main li a:hover { background:#000; }
		ul#nav-main li ul { background:#ededed; padding-left:4px; }
		ul#nav-main li ul li a { color:#000; border-bottom:1px #b4b4b4 solid; width:158px; 
				padding:4px 4px 4px 0; border-left:none; }
		ul#nav-main li ul li a:hover { background:#d3d1ca; text-decoration:none; }
		ul#nav-main li ul li a.last { border-bottom:none; border-bottom:4px #ededed solid; }

/* ++++++++ FORMS ++++++++ */

#contact-form { width:450px; margin:30px 0 30px 50px; padding:20px 10px 20px 10px; 
		background:#d3d1ca; }
	#contact-form p { font-size:1.2em; line-height:18px; margin-bottom:20px; 
		clear:both; height:25px; }
	#contact-form fieldset { border:none; }
	#contact-form label { font-size:1em; width:130px; float:left; text-align:right; 
		margin-right:20px; cursor:pointer; }
		#contact-form label.error, label.error { color:#f1e85e; text-shadow:#282828 1px 1px 0; font-size:0.8em; }
		#contact-form input.error, #contact-form textarea .error { background:#f1e85e; }
	#contact-form div.error { display: none; }
	#contact-form input { border:1px solid #9f9f98; height:20px; line-height:20px; 
		font-size:1.2em; float:left; width:260px; }
		#contact-form input.submit { width:100px; font-size:0.8em; float:right; 
			margin:20px 30px 0 0; border:1px #fff solid; background:#282828; color:#fff; 
			height:30px; }
	#contact-form p.desc { margin:0; }
	#contact-form p.pitanje { margin-top:20px; }
	#contact-form .gray * { color: gray; }
	#contact-form textarea { width:260px; height:100px; overflow:auto; float:left;
		border:1px solid #9f9f98; }
	p.message, p.message strong { color:#c00; }
	#contact-form .focusField { border:solid 2px #9f9f98; color:#282828; }
    #contact-form .idleField { color:#282828; }

/* ++++++++ MISC ELEMENTS ++++++++ */

#tooltip { position:absolute; border:1px solid #000; background:#f1e85e; 
		padding:2px 5px; color:#000; display:none; z-index:1000; }

/* gmap */

#gmap { position:relative; margin:0; padding:0; width:528px; margin-top:10px; clear:both; border:1px #a6bfd6 solid }
#gmap p { font-size:11px; line-height:18px; margin:10px 0; padding:5px 10px 10px 10px }