@charset "utf-8";

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

/* font-#3d3732; red-#9c1515; */

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

html, body { height: 100%; }
body { margin:0; padding:0; background:url(/_gfx/bckg-body.jpg)  no-repeat center 140px; }
* { font:1em Corbel, Calibri, Arial, helvetica, sans-serif; color:#3d3732; }
h1, h2, h3 { margin:0; padding:0; line-height:1.2em; font-weight:bold; color:#9c1515; }
h1 { font-size:1.8em; }
h2 { font-size:1.4em; }
h3 { font-size:1em; }
img { border:none; }
a { text-decoration:none; outline:none; }
a:hover { text-decoration:none; color:#fff; background:#9c1515; box-shadow:#3d3732 3px 3px 0px;
	-moz-box-shadow:#3d3732 3px 3px 0px; -webkit-box-shadow:#3d3732 3px 3px 0px; }
p, dt { margin:0; padding:0; line-height:1.8em; font-size:0.9em; }
strong { font-weight:bold; }
ul { list-style:none; margin:0; padding:0; }
ul li { margin:0; padding:0; }
dl, dd { margin:0; padding:0; }

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

body#home { background:url(/_gfx/bckg-body-hp.jpg)  no-repeat center 140px; }
body#home-en { background:url(/_gfx/bckg-body-hp-en.jpg)  no-repeat center 140px; }
body#onama { background:url(/_gfx/bckg-body-1.jpg)  no-repeat center 140px; }
body#tehnologija { background:url(/_gfx/bckg-body-2.jpg)  no-repeat center 140px; }
body#reference { background:url(/_gfx/bckg-body-3.jpg)  no-repeat center 140px; }
body#kontakt { background:url(/_gfx/bckg-body-4.jpg)  no-repeat center 140px; }
body#proizvodi { background:url(/_gfx/bckg-body-5.jpg)  no-repeat center 140px; }

#wrap { position:relative; width:100%; }

	#header { position:relative; width:100%; height:140px; 
			background:url(/_gfx/bckg-header.gif) repeat-x; }
		#header .inner { position:relative; width:800px; margin:0 auto; }
		
	#title { position:relative; width:810px; margin:0 auto 100px auto; }
		#title h1 { color:#fff; padding:10px 0 0 40px; }
	
	#content { position:relative; width:810px; margin:0 auto; }
		#slides { position:absolute; left:295px; top:0; width:497px; height:249px; overflow:hidden; }
		
		/* main content */
		
		#content #main { position:relative; width:760px; padding:25px 25px 15px 25px; }
			#content #main .inner { background:#fff; padding:5px 10px; }
			body#home #content #main, body#home-en #content #main { margin-top:0px; 
					background:url(/_gfx/bckg-cont-main.png) no-repeat; }
			#content h1 { margin-bottom:20px; }
			#content h2 { }
			#content #main-content, #content #sidebar, #content #features { position:relative; }
			#content #main-content { float:left; width:490px; margin-bottom:20px; }
				#main-content p { padding-right:20px; margin-bottom:5px; }
					#main-content p a { font-weight:bold; }
					#main-content small { font-size:0.8em; }
				#main-content p img { float:left; margin:5px 10px 5px 0; padding:7px; 
						border:1px #ccc solid; box-shadow:#ccc 3px 3px 0px;
						-moz-box-shadow:#ccc 3px 3px 0px; -webkit-box-shadow:#ccc 3px 3px 0px; }
					#main-content p a:hover img { background:#9c1515; border-color:#9c1515; }
				#main-content ul { margin:20px; }	
					#main-content li { padding:5px 0; font-size:0.9em; }
					
			/* sidebar */
			
			#content #sidebar { float:right; width:210px; }
				#content #sidebar h3 { margin-bottom:20px; }
				#content #sidebar p { font-size:0.8em; line-height:1.4em; margin-bottom:25px; }
					#content #sidebar p a { padding:3px; }
					#content #sidebar p a:hover {  }
					#content #sidebar p.info { background:#ddd; padding:10px 5px; }
				body#kontakt #sidebar { padding-left:20px; }
				
			#content #features { margin:0; }
				#content #features div { position:relative; float:left; width:245px; }
					#content #features h2 { margin-bottom:20px; }
					#content #features p { padding:0 10px 0 60px ; font-size:0.8em; }
						#content #features p#standardi { 
								background:url(/_gfx/feature-igh.gif) no-repeat; }
						#content #features p#kvaliteta { 
								background:url(/_gfx/feature-iso.gif) no-repeat; }
						#content #features p#tradicija { 
								background:url(/_gfx/feature-1966.gif) no-repeat; }
			
			/* products styling */
			
			#content #products { margin:0; padding:0; }
				#content #products div { position:relative; float:left; width:246px; margin:20px 0; }
					#content #products div img { float:left; margin-right:5px; }
					#content #products div.desc { width:740px; }
						#content #products div.desc p { position:relative; float:left; width:350px; }
							#content #products div.desc small { font-size:0.9em; font-style:italic; line-height:2em; }
							#content #products div.desc p img { margin:0 50px 20px 0; }
					#content #products img.shema { float:right; }
					#content #products table { margin:10px 0; padding-bottom:20px; }
						#content #products th, #content #products td { 
								padding:10px 5px; font-size:0.9em; text-align:center; }
						#content #products th { background:#9c1515; color:#fff; 
								font-weight:bold; font-size:0.8em; padding:5px; }
						#content #products td { border-bottom:1px #ccc solid; }
							#content #products td.sifra { font-weight:bold; }
							#content #products .naziv { text-align:left; padding-left:20px; }
						#content #products tfoot td { font-size:0.8em; text-align:left; }
							#content #products tfoot ul { margin:10px 30px; }
								#content #products tfoot li { padding:2px; list-style:square; }
				#content #products p a { font-size:0.8em; display:block; padding:3px; 
						margin:2px 10px 2px 0; line-height:1.6em; width:120px; float:right; }
			
		/* footer */
		
		#footer { position:relative; width:760px; padding-top:20px; margin:0 auto; height:70px; 
				border-top:1px #e1e1e1 solid; }
			#footer p { font-size:0.9em; }
				#footer p.impress { float:right; text-align:right; }
				#footer p.copy { width:300px; float:left; }
				a.dzdesign, a.dzdesign strong { 
						font:bold 1em "Arial Narrow", Arial, Helvetica, sans-serif; }
				a.dzdesign { color:#000; display:block; padding:3px; }
					a.dzdesign:hover { color:#fff; } 
				a.dzdesign strong { color:#feac47; }

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

a#home { position:absolute; width:210px; height:100px; left:20px; top:10px;
		background:url(/_gfx/logo.gif) no-repeat; z-index:10; }
a#home.en { background:url(/_gfx/logo-en.gif) no-repeat; }
		
ul#nav-util { position:absolute; top:30px; right:20px; }
	ul#nav-util li { float:left; }
		ul#nav-util li a { font-size:0.8em; display:block; padding:3px; }
			ul#nav-util li.hr a, ul#nav-util li.en a { padding-left:25px; margin-left:10px; }
			ul#nav-util li.hr a { background:url(/_gfx/hr.gif) no-repeat 3px 5px; }
			ul#nav-util li.en a { background:url(/_gfx/en.gif) no-repeat 3px 5px; }
			ul#nav-util li.hr a:hover, ul#nav-util li.en a:hover {
					background-color:#9c1515; }

a.back { float:right; display:block; font-size:0.8em; padding:3px; }
		
ul#nav-main { position:absolute; right:0; top:89px; width:500px; height:40px; list-style:none; }
	ul#nav-main li { float:left; }
	ul#nav-main li a { display:block; text-indent:-9999px; height:40px;
			background:url(/_gfx/nav-main.gif); }
	ul#nav-main.en li a { background:url(/_gfx/nav-main-en.gif); }
		ul#nav-main li.proizvodi a { background-position:0 0; width:92px; }
			ul#nav-main li.proizvodi a:hover, ul#nav-main li.proizvodi a.active { 
					background-position:0 -40px; }
		ul#nav-main li.tehnologija a { background-position:-96px 0; width:109px; }
			ul#nav-main li.tehnologija a:hover, ul#nav-main li.tehnologija a.active { 
					background-position:-96px -40px; }
		ul#nav-main li.onama a { background-position:-211px 0; width:109px; }
			ul#nav-main li.onama a:hover, ul#nav-main li.onama a.active { 
					background-position:-211px -40px; }
		ul#nav-main li.reference a { background-position:-325px 0; width:93px; }
			ul#nav-main li.reference a:hover, ul#nav-main li.reference a.active { 
					background-position:-325px -40px; }
		ul#nav-main li.kontakt a { background-position:-430px 0; width:86px; }
			ul#nav-main li.kontakt a:hover, ul#nav-main li.kontakt a.active { 
					background-position:-430px -40px; }

ul#nav-main li a:hover, a#home { box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }

ul#nav-utility { position:absolute; top:40px; right:5px; width:auto; }
	ul#nav-utility li { float:left; }
	ul#nav-utility li a { font-size:0.8em; line-height:1.4em; display:block; 
			font-weight:bold; margin-left:15px; }
		ul#nav-utility li.first a { color:#848484; font-weight:normal; margin-right:10px; }
	ul#nav-utility li a:hover {  }

ul#nav-sec { position:absolute; width:213px; top:14px; left:14px; z-index:15; }
	ul#nav-sec li { float:left; }
	ul#nav-sec li a { width:202px; font-size:0.8em; display:block; padding:10px 5px;
			border-bottom:1px #c0c0c0 solid; background:#e5e4e4; }
	ul#nav-sec li a:hover { text-decoration:none; background:#fff; }
	ul#nav-sec li a.active { background:#fff; border-right:1px #fff solid; }

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

#contact-form { width:430px; margin:10px 0; padding:20px 10px; background:#e2eaf0; }
	#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:120px; float:left; text-align:right; 
		margin-right:20px; cursor:pointer; }
		#contact-form label.error, label.error { color:#8daed0; font-size:0.8em; }
		#contact-form input.error, #contact-form textarea .error { background:#8daed0; }
	#contact-form div.error { display: none; }
	#contact-form input { border:1px solid #325974; 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 10px 0 0; border:1px #042135 solid; background:#325974; color:#fff; 
			height:30px; }
		#contact-form input.submit:hover { background:#042135; cursor:pointer; }
	#contact-form p.desc { margin:0; }
	#contact-form p.pitanje { margin-top:20px; height:90px; }
	#contact-form .gray * { color: gray; }
	#contact-form textarea { width:260px; height:100px; overflow:auto; float:left;
		border:1px solid #325974; }
	p.message, p.message strong { color:#c00; }
	#contact-form .focusField { border:solid 2px #325974; color:#282828; }
    #contact-form .idleField { color:#282828; }

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

.clear { clear:both; }

#tooltip { position:absolute; background:#9e0000; font-size:0.8em;
		padding:2px 5px; color:#fff; display:none; z-index:1000; box-shadow:#3d3732 3px 3px 0px;
		-moz-box-shadow:#3d3732 3px 3px 0px; -webkit-box-shadow:#3d3732 3px 3px 0px;}

#gmap { position:relative; width:478px; height:390px; padding:5px; margin-bottom:20px;
		border:1px #ccc solid; box-shadow:#ccc 3px 3px 0px; 
		-moz-box-shadow:#ccc 3px 3px 0px; -webkit-box-shadow:#ccc 3px 3px 0px; }