@charset "utf-8";

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

/* pozadina-#093e67; title-blue-#143471; */

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

html, body { height:100%; }
body { margin:0; padding:0; background:#3c76a7; }
* { font:11px Arial, helvetica, sans-serif; color:#282828; }
h1, h2, h3 { margin:0; padding:0; line-height:1.2em; color:#143471; }
h1 { font-size:3.2em; }
h2 { font-size:3em; }
h3 { font-size:1.6em; }
img { border:none; }
a { text-decoration:none; outline:none; }
a:hover { text-decoration:underline; }
p { }
p, dt { margin:0; padding:0; line-height:1.6em; }
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 ++++++++++ */

#wrap { position:relative; width:100%; margin:0; border-top:10px #1d3544 solid; 
		background:#093e67 url(/_gfx/bckg-body.jpg) no-repeat top center; }

	#header, #footer { position:relative; width:100%; }
	.inner { position:relative; width:800px; margin:0 auto; }
	
	#header { height:115px; }
		#header .inner { height:115px; }
			a#logo, #header .inner h1, #header .inner p { position:absolute; }
			a#logo { left:-10px; top:28px; width:74px; height:74px; z-index:999;
					background:url(/_gfx/header-logo.gif) no-repeat; }
			#header .inner h1, #header .inner p { text-indent:-9999px; }
			#header .inner h1 { left:75px; top:40px; width:477px; height:43px;
					background:url(/_gfx/header-title.gif) no-repeat; }
			#header .inner p { right:20px; top:45px; width:138px; height:56px; 
					background:url(/_gfx/header-info.gif) no-repeat; }
	
	#content { position:relative; width:800px; margin:0 auto; padding-bottom:30px; }
		body#home #subhead { position:relative; width:717px; height:329px; margin-left:65px; 
				background:url(/_gfx/bckg-subhead.png) no-repeat;
				padding-left:8px; padding-top:1px; overflow:hidden; }
		
			#slides { overflow:hidden; }
			dl#subhead-titles { position:absolute; left:20px; top:0; width:215px; z-index:99;
					padding:20px 0; }
				dl#subhead-titles dt { display:block; height:18px; text-indent:-9999px; 
						background:url(/_gfx/slides-titles.gif) no-repeat; }
					dl#subhead-titles dt.stp { background-position:0 0; }
					dl#subhead-titles dt.servis { background-position:0 -18px; }
					dl#subhead-titles dt.prodaja { background-position:0 -36px; }
				dl#subhead-titles dd { margin-bottom:10px; padding-bottom:10px;
						line-height:1.6em; padding-right:10px; margin-top:5px;
						background:url(/_gfx/subhead-divider.gif) no-repeat 0 60px; }
		
		#main { position:relative; width:400px; float:left; 
				margin:0 0 10px 80px !important; margin:0 0 10px 40px; }
			#main h2 { margin-bottom:20px; }
			#main h3 { color:#fff; margin-bottom:15px; }
			#main p, #main ol li, #main ul.list li { font-size:1.2em; line-height:1.6em; margin-bottom:10px; 
					color:#fff; text-shadow:1px 0 0 #1e3646; }
				#main ul.list { list-style-type:square; padding-left:30px; }
					#main ul.list li { padding:0 5px; font-size:1.1em; }
				#main p a.back { color:#143471; font-size:1em; display:block; padding-top:10px;
						border-top:1px #143471 solid; text-shadow:none; height:100%; }
			#main strong, #main a { font-size:1em; color:#fff; }
			
			#main img.novost { border:1px #fff solid; margin-bottom:15px; }
			#main dt, #main dd { text-shadow:1px 0 0 #1e3646; }
			#main dt { clear:both; }
			#main dt a { font-size:1.4em; font-weight:bold; /* color:#87c4f3*/ color:#fff; }
				#main dt a:hover { text-decoration:none; color:#0a2d42; text-shadow:none; }
				#main dt a img { float:left; margin-bottom:10px; }
				#main dt a:hover img { opacity:.5; filter:alpha(opacity=50); }
			#main dd { color:#fff; line-height:1.6em; margin:5px 0 15px 0; }
			#main table.vozilo { width:100%; }
				#main table.vozilo th, #main table.vozilo td { font-size:1.2em; color:#fff; 
						padding:5px; text-align:left; border-bottom:1px #bacedb solid;
						text-shadow:1px 0 0 #1e3646; }
				#main table.vozilo th { font-weight:bold; }
			
		#main-kontakt { position:relative; width:700px; margin:0 0 10px 80px; }
			#main-kontakt .content { width:700px; margin-bottom:30px; padding-top:15px; border-top:1px #fff solid; }
			#main-kontakt h2 { margin-bottom:20px; }
			#main-kontakt h3 { color:#fff; margin-bottom:15px; }
			#main-kontakt p, #main-kontakt a { font-size:1.2em; line-height:1.6em; margin-bottom:10px; color:#fff; }
			#main-kontakt a { font-size:1em; }
			#main-kontakt strong { font-size:1em; color:#fff; }
			#main-kontakt .content .sidebar-kontakt { position:relative; float:right; width:350px; }
		body#home #main { position:relative; width:380px; float:left; 
				margin:10px 0 10px 40px; padding:30px 0 0 10px; }
			body#home #main h2.novosti { display:block; width:406; height:49px; text-indent:-9999px;
					background:url(/_gfx/h2-novosti.gif) no-repeat; }
			
		#sidebar { position:relative; float:right; width:282px; padding-top:10px; 
				margin:10px 17px 0 0 !important; margin:10px 8px 0 0;
				background:url(/_gfx/bckg-akcije-top.gif) no-repeat; }
			#sidebar .content { background:#bacedb; padding:0 10px; }
				#sidebar .content h3, #sidebar .content p { margin-bottom:10px; clear:both; 
						display:block; height:100%; }
				#sidebar .content h3 { height:20px; }
				#sidebar p.cijena { font-size:3em; font-weight:bold; height:40px; }
				#sidebar p.ext-link a, p.phone, p.fax { height:18px; 
						margin-top:5px; padding:0 0 0 25px; }
				#sidebar p.ext-link a { font-weight:bold; 
						background:url(/_gfx/icon-link.gif) no-repeat; }
				p.phone { background:url(/_gfx/icon-tel.gif) no-repeat; }
				p.fax { background:url(/_gfx/icon-fax.gif) no-repeat; }
				#sidebar p a { display:block; height:7px; }
				
				#main p.phone, #main p.fax { padding:2px 0 2px 25px; background-position:0 50%; }
				#sidebar .gallery { }
					#sidebar .gallery li { float:left; }
						#sidebar .gallery li a { margin-right:20px; }
							#sidebar .gallery li.even a { margin-right:0; }
							#sidebar .gallery li a:hover img { opacity:.5; filter:alpha(opacity=50); }
				#sidebar .info { margin:10px 0; }
					#sidebar .info li a { display:block; height:25px; padding-left:25px; 
							background:url(/_gfx/icons-cars.gif) no-repeat; }
						#sidebar .info li.tech a { background-position:0 0; }
						#sidebar .info li.equip a { background-position:0 -37px; }
						#sidebar .info li.price a { background-position:0 -63px; }
						#sidebar .info li.service a { background-position:0 -93px; }
						#sidebar .info li.reg a { background-position:0 -130px; }
				
				#sidebar .bottom { background:url(/_gfx/bckg-akcije-bottom.png) no-repeat; height:40px; }
		ul#sidebar-akcije { position:relative; float:right; width:282px; padding-top:10px; 
				margin:10px 17px 0 0 !important; margin:10px 10px 0 0;
				background:url(/_gfx/bckg-akcije-top.gif) no-repeat; }
			ul#sidebar-akcije li { background:#bacedb; padding:10px; }
			ul#sidebar-akcije li.bottom { background:url(/_gfx/bckg-akcije-bottom.png) no-repeat; height:40px; }
			body#home ul#sidebar-akcije { margin:30px 17px 0 0 !important; margin:30px 10px 0 0; }
			
#footer { background:#3c76a7; border-top:8px #0a2d42 solid; padding:20px 0; }
	#footer p { color:#bacedb; text-align:center; }
	#footer p.emails { padding:5px 0; }
	#footer p.emails a { display:block; padding:10px; display:inline; color:#bacedb; }
	p.impress a.dzdesign, p.impress a.dzdesign strong { font-weight:bold; }
	p.impress a.dzdesign { color:#fff; }
	p.impress a.dzdesign strong { color:#feac47; }

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

ul#nav-main { position:relative; width:698px; height:42px; list-style:none;
		background:url(/_gfx/bckg-nav-main.jpg) no-repeat -8px -6px; 
		padding-top:13px; padding-left:23px; margin-left:65px; }
	ul#nav-main li { float:left;  }
	ul#nav-main li a { display:block; text-indent:-9999px; height:40px;
			background:url(/_gfx/nav-main.gif) no-repeat; }
		ul#nav-main li.naslovnica a { background-position:0 0; width:65px; }
			ul#nav-main li.naslovnica a:hover { background-position:0 -40px; }
		ul#nav-main li.stp a { background-position:-80px 0; width:140px; }
			ul#nav-main li.stp a:hover { background-position:-80px -40px; }
		ul#nav-main li.servis a { background-position:-240px 0; width:80px; }
			ul#nav-main li.servis a:hover { background-position:-240px -40px; }
		ul#nav-main li.prodaja a { background-position:-395px 0; width:95px; }
			ul#nav-main li.prodaja a:hover { background-position:-395px -40px; }
		ul#nav-main li.staro a { background-position:-500px 0; width:90px; }
			ul#nav-main li.staro a:hover { background-position:-500px -40px; }
		ul#nav-main li.kontakt a { background-position:-535px 0; width:55px; }
			ul#nav-main li.kontakt a:hover { background-position:-535px -40px; }
		ul#nav-main li.onama a { background-position:-612px 0; width:60px; }
			ul#nav-main li.onama a:hover { background-position:-612px -40px; }
		ul#nav-main li.novosti a { background-position:-685px 0; width:100px; }
			ul#nav-main li.novosti a:hover { background-position:-685px -40px; }
		ul#nav-main li.rabljena a { background-position:-800px 0; width:95px; }
			ul#nav-main li.rabljena a:hover { background-position:-800px -40px; }	
		ul#nav-main li.divider { display:block; width:5px; height:40px; margin:0 4px; 
				background:url(/_gfx/nav-main-divider.gif) no-repeat 0 -5px; }

ul#prodaja-automobila { position:relative; margin:5px 0 0 70px; width:462px; height:82px; 
		background:url(/_gfx/bckg-prodaja.gif) no-repeat 0 7px; padding:7px 0 0 255px; }
	ul#prodaja-automobila li { float:left; }
	ul#prodaja-automobila li a { display:block; width:110px; height:71px; text-indent:-9999px;
			background:url(/_gfx/prodaja-automobila.jpg) no-repeat; }
		ul#prodaja-automobila li.honda a { background-position:0 0; }
			ul#prodaja-automobila li.honda a:hover { background-position:0 -71px; }
		ul#prodaja-automobila li.fiat a { background-position:-230px 0; }
			ul#prodaja-automobila li.fiat a:hover { background-position:-230px -71px; }
		ul#prodaja-automobila li.alfa a { background-position:-350px 0; }
			ul#prodaja-automobila li.alfa a:hover { background-position:-350px -71px; }
		ul#prodaja-automobila li.lancia a { background-position:-100px 0; }
			ul#prodaja-automobila li.lancia a:hover { background-position:-100px -71px; }

ul#nav-sec { position:relative; margin:10px 0 10px 70px; height:20px; }
	ul#nav-sec li { float:left; }
	ul#nav-sec li a { display:block; color:#143471; font-size:1.5em; padding:5px 10px; }
	ul#nav-sec.minus-one li a { font-size:1.3em; padding:5px 7px; }
	ul#nav-sec li.title { display:block; color:#fff; font-size:1.3em; padding:5px 10px 5px 7px; }

ul#nav-footer { padding:0 40px; }
	ul#nav-footer li { float:left; }
	ul#nav-footer li a { font-size:1.2em; text-shadow:#000 1px 1px 1px; 
			line-height:50px; color:#fff; margin-right:10px; }
	ul#nav-footer li.first a { color:#bacedb; margin-right:30px; }

/* ++++++++ 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:#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 #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 #fff; background:#093e67; 
		padding:2px 5px; color:#fff; display:none; z-index:1000; }

/* gmap */

#gmap-1, #gmap-2, #gmap-3, #gmap-4 { position:relative; margin:0; padding:0; width:350px; height:250px; 
		margin-top:10px; clear:both; border:1px #00548e solid }
#gmap p { font-size:11px; line-height:18px; margin:10px 0; padding:5px 10px 10px 10px }