@charset "utf-8";

/*
-------------------------------
Poljo-nova d.o.o. CSS v 1.0
Developed by: dzDESIGN, Zagreb
Author: Branko Šabarić
URL: http://www.dz-design.com/
Copyright, April 2010.
------------------------------- */

/* main/green-#005400; hover/lgreen-#91d491; */

/* Import
------------------------------- */
@import url("/_css/jquery-fancybox.css");
@import url("/_css/jquery-nivo-slider.css");

/* Reset
------------------------------- */

html, body { height:100%; }
body, h1, h2, h3, h4, p, dl, dt, dd, ul, li { margin:0; padding:0; }
img { border:none; }
ul { list-style:none; }

/* Layout and typography
------------------------------- */

* { font:1em Arial, Helvetica, sans-serif; color:#101010; }
h2, h3, h4 { text-transform:uppercase; }
h2 { font-size:1.3em; }
h3 { font-size:1em; }
h4 { font-size:0.8em; font-weight:bold; }
p, li, dt, dd { line-height:1.6em; font-size:1em; }
strong { font-weight:bold; }
img { border:1px #005400 solid; }
a { text-decoration:none; outline:none; cursor:pointer; }
a:hover, a:hover strong { text-decoration:none; }
a:active {  }

body { background:#005400; }

#wrap { position:relative; width:100%;
	background:#fff url(/_gfx/bckg-body.jpg) repeat-x; }
	
	#header, #content, .inner { position:relative; width:900px; margin:0 auto; }
		
		/* Grid */
		.col-1, .col-2, .col-3, col-4 { position:relative; margin-right:20px; float:left; }
		.col-1 { width:210px; }
		.col-2 { width:440px; }
		.col-3 { width:670px; }
		.col-4 { width:900px; }
		.last { margin-right:0; }
	
	/* Header */
	
	#header { height:150px; background:url(/_gfx/bckg-header.jpg) no-repeat; }
		body#product-page #header { height:220px; }

	/* Content */
	
	#content { padding-bottom:40px; }
	
		#intro, #main, #sidebar, #feature { position:relative; }
		#content a:hover { color:#595a1d; }
		#content h2.ruler { border-bottom:1px #d8d8b3 solid; }
		
		#intro { width:900px; height:363px; 
			background:url(/_gfx/bckg-slider.jpg) repeat-x; }
			#intro #intro-content { position:absolute; top:20px; right:20px;
				width:190px; }
				#intro-content h2, #intro-content p, #intro-content a { 
					color:#fff; text-shadow:1px 1px 0 #000; }
				#intro-content h2 { font-size:1.1em; margin-bottom:10px; }
				#content #intro-content p { font-size:0.8em; margin-bottom:7px; line-height:1.6em; }
					#intro-content p a:hover { text-shadow:none; color:#91d491; }
		
		#main {}
			#main h2, #sidebar h2, body#single-page #content h2 { display:block; color:#595a1d; line-height:1.8em; 
				margin-bottom:20px; padding:0 5px;
				border-top:3px #9b9c50 solid; border-bottom:1px #9b9c50 solid; }
				#content h3 { margin-bottom:20px; display:block; padding:20px 0; }
				#content p { font-size:0.8em; line-height:1.8em; margin-bottom:10px; }
				#content img.inline-image { float:left; margin:10px 10px 10px 0; }
				#content img.inline-image-right { float:right; margin:10px 0 10px 10px; }
				#content img.no-border { border:none; }
				body#page #main img { margin:20px; }
					body#page #main img.first { margin-top:0; margin-left:0; float:left; }
					body#page #main img.alt { margin-right:0; float:right; }
				#main.akcije h3, #main.akcije div p { padding:0 7px; }
				#main.akcije h3 { font-size:0.8em; margin-bottom:5px; }
				#main.akcije p { font-size:0.75em; margin:20px 0; }
					#main.akcije div p  { margin:3px 0; font-size:0.7em; }
					#main.akcije p.price, #main.akcije p.price span { color:#005400; }
						#main.akcije p.price span { font-size:0.8em; }
				#main.akcije img { padding:4px; border:none; margin-bottom:7px; background:#005400; }
					#main.akcije a:hover img { background:#91d491; }
				#main.deutz-fahr-content { 
					background:url(/_gfx/logo-deutz-fahr.gif) no-repeat 490px 50px; }
			
			#content table { width:100%; }
				#content table.small-table { width:335px; float:left; }
				#content table th, #content table td { font-size:0.75em; padding:5px; text-align:center;
					border-bottom:1px #d8d8b3 solid; }
				#content table th { color:#005400; font-weight:bold; }
		
		#sidebar {}
			#sidebar.novosti ul { margin-top:-9px; }
				#sidebar.novosti li a { padding:7px; display:block; 
					border-bottom:1px #d8d8b3 solid; font-size:0.75em; line-height:1.6em; }
					#sidebar.novosti li.last a { border-bottom:none; }
			.sidebar p a { font-weight:bold; } 
		
		#content #feature { margin:20px 0; }
			#content #feature h2 { color:#595a1d; line-height:1.8em; margin-bottom:10px; }
			#content #feature h2, #content #feature p { padding:0 7px; text-shadow:1px 1px 0 #fff; }
			#content #feature p { font-size:0.9em; line-height:1.6em; }
				#content #feature p.map { font-size:0.7em; padding:10px 7px 10px 50px;
					background:url(/_gfx/icon-map.gif) no-repeat 0 14px;
					border-bottom:1px #d8d8b3 solid; }
					#content #feature p.first { margin-top:-10px; }
					#content #feature p.last { border-bottom:none; }
			#content #feature .col-3, #content #feature .servis { height:150px; padding:10px 0;
				background:url(/_gfx/bckg-content-feature.gif) repeat-x; }
				#content #feature .servis p.wrench { display:block; padding:0 55px 0 7px;
					font-size:0.7em; 
					background:url(/_gfx/icon-wrench.gif) no-repeat 155px 5px; }
					#content #feature .servis p.wrench strong { font-size:1.6em; line-height:1.8em; }
			#content #feature span.side-gfx { position:absolute; left:-67px; top:-159px;
				width:67px; height:470px;
				background:url(/_gfx/bckg-content-side.png) no-repeat; }
		
		ul#logos { margin:30px 20px; }
			ul#logos li { float:left; }
				ul#logos li a { display:block; height:60px; text-indent:-9999px;
					background:url(/_gfx/logos.gif) no-repeat; }
					ul#logos li.deutz a { width:200px; background-position:0 0; }
						ul#logos li.deutz a:hover { background-position:0 -60px; }
					ul#logos li.kuhn a { width:120px; background-position:-200px 0; }
						ul#logos li.kuhn a:hover { background-position:-200px -60px; }
					ul#logos li.stoll a { width:160px; background-position:-320px 0; }
						ul#logos li.stoll a:hover { background-position:-320px -60px; }
					ul#logos li.capello a { width:170px; background-position:-480px 0; }
						ul#logos li.capello a:hover { background-position:-480px -60px; }
		
		/* Common elements */
		
		ul.listing { margin:20px 0; }
			ul.listing li { font-size:0.75em; padding:7px 7px 7px 25px;
				background:url(/_gfx/icon-tick.png) no-repeat 0 10px; }
		
	/* Footer */
		
	#footer { position:relative; width:100%; height:200px; padding:20px 0;
		background:url(/_gfx/bckg-footer.gif) repeat-x; }
		#footer p, #footer li, #footer a { color:#ebf2d7; text-shadow:1px 1px 0 #000;  }
		#footer p, #footer li { font-size:0.75em; }
			#footer p.copy { text-align:right; }
			#footer a:hover { color:#91d491; text-shadow:none; }
			#footer a.dzdesign, #footer a.dzdesign strong { 
					font:bold 1em "Arial Narrow", Arial, Helvetica, sans-serif; }
			#footer a.dzdesign { color:#fff; display:inline-block; padding:5px; }
				#footer a.dzdesign:hover { color:#000; border-bottom:none; }
				#footer a.dzdesign strong { color:#feac47; }
	
/* Navigation
------------------------------- */

a#home { position:absolute; width:320px; height:50px; left:0; top:25px; z-index:999;
		text-indent:-9999px; }

a.top { display:block; padding:5px 0; text-transform:uppercase; line-height:1.4em; }
		
ul#nav-util, ul#nav-main, ul#nav-sec { position:absolute; }
	ul#nav-util li, ul#nav-main li, ul#nav-sec li { float:left; }
		ul#nav-util li a, ul#nav-main li a { display:block; text-transform:uppercase; font-size:0.7em; }

ul#nav-util { top:40px; right:0; }
	ul#nav-util li {  }
		ul#nav-util li a { color:#434b35; text-shadow:1px 1px 0 #fff; margin-right:20px; }
			ul#nav-util li a:hover { color:#101010; text-shadow:none; }

ul#nav-main { left:0; top:97px; }
	ul#nav-main li {  }
		ul#nav-main li a { color:#fff; text-shadow:1px 1px 0 #000; width:145px; 
			padding:0 10px 0 25px; line-height:1.2em;
			background:url(/_gfx/bullet-nav-main.gif) no-repeat 0 5px; }
			ul#nav-main li a.single-line { padding-top:5px; padding-bottom:5px; }
			ul#nav-main li a:hover, ul#nav-main li a.active { color:#91d491; text-shadow:none; }

ul#nav-sec { left:0; top:140px; }
	ul#nav-sec li a { display:block; width:125px; margin-right:20px;
		font-size:0.7em; line-height:1.3em; }
		ul#nav-sec li a, ul#nav-sec li a strong { text-shadow:1px 1px 0 #fff; }
		ul#nav-sec li a strong { text-transform:uppercase; color:#005400; }
		ul#nav-sec li.last a { margin-right:0; }
			ul#nav-sec li a:hover, ul#nav-sec li a:hover strong,
			ul#nav-sec li a.active, ul#nav-sec li a.active strong { color:#595a1d; text-shadow:none; }

ul#nav-product { margin-top:-20px; }
	ul#nav-product li { font-size:0.75em; }
		ul#nav-product li.title { text-transform:uppercase; color:#005400; font-weight:bold;
			padding:7px; margin-top:20px; }
		ul#nav-product li a { display:block; padding:7px; border-bottom:1px #d8d8b3 solid; }

ul.nav-footer { }
	ul.nav-footer li a { display:block; padding:7px;
		border-bottom:1px #266326 solid; }
		ul.nav-footer li.title { text-transform:uppercase; padding:7px; margin-bottom:10px; }
		ul.nav-footer li.last a { border-bottom:none; }
	

/* Forms
------------------------------- */

#contact-form { width:560px; margin:15px 0; padding:10px; }
	#contact-form p { line-height:18px; margin-bottom:20px; 
		clear:both; height:25px; }
	#contact-form fieldset { border:1px #cdcdcd solid; padding:20px; }
	#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:#4e4e4e; font-size:0.8em; float:right;
				margin:5px 10px 5px 0; }
		#contact-form input.error, #contact-form textarea .error { background:#cdcdcd; }
	#contact-form div.error { display:none; }
	#contact-form input { border:1px #cdcdcd solid; height:20px; line-height:20px; 
		font-size:1.1em; float:left; width:260px; }
		#contact-form input.submit { width:100px; font-size:0.9em; float:right; 
			margin:20px 30px 10px 0; border:none; background:#cdcdcd; color:#4e4e4e; }
		#contact-form input.submit:hover { background:#4e4e4e; color:#fff; 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:none; border:1px #cdcdcd solid; }
	p.message, p.message strong { color:#c00; }
	#contact-form .focusField { border:solid 2px #4e4e4e; }
    #contact-form .idleField {  }

/* Misc elements
------------------------------- */

#gmap { position:relative; width:928x; height:500px; margin:20px 0; border:1px #025028 solid; }
	small { font-size:0.7em; }
	noscript { color:#c00; }
	.gmap-marker { width:auto; height:70px; }
		.gmap-marker p { font-size:0.8em; line-height:1.2em; }
		.gmap-marker img { float:left; margin:0 15px 15px 0; clear:left; }

#tooltip { background:#005400; padding:5px; font-size:0.75em; color:#fff; 
	border:1px #fff solid; display:none; z-index:1000; }
	
ul.fancy { margin:20px 0; padding:0; }
	ul.fancy li { float:left; margin:0; padding:0; }
		ul.fancy li a { margin:0 5px 5px 0; }
			body#page #main ul.fancy li a img { padding:4px; border:none; margin:0; background:#005400; }
				body#page #main ul.fancy li a:hover img { background:#91d491; }