@charset "utf-8";

/* Stilovi za /motorigrigic - Osnovni v 1.0  */
/* Izrada: DZ Design, Zagreb; Autor: Branko Šabarić - Sva prava pridržana, studeni 2009. */

/* body/brown-#5e544c; font/dgrey-#202020; heading/green-#008127; */

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

html { background:#5e544c url(/_gfx/bckg-html.jpg) repeat-x; }
body { margin:0; padding:0; }
* { font:1em Arial, helvetica, sans-serif; color:#212121; }
h1, h2, h3, h4 { margin:0; padding:0; font-weight:bold; }
h1 { font-size:1.6em; }
h2 { font-size:1.3em; }
h3 { font-size:0.9em; }
h4 { font-size:1em; }
img { border:none; }
a { text-decoration:none; outline:none; cursor:pointer; color:#fff; }
a:hover { text-decoration:underline; color:#dedddd; }
p, dt { margin:0; padding:0; line-height:1.6em; 
		font-size:0.8em; text-shadow:1px 1px 0 #212121; color:#fff; }
strong { font-weight:bold; color:#fff; }
ul { list-style:none; margin:0; padding:0; }
ul li { margin:0; padding:0; }
dl, dd { margin:0; padding:0; }

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

body { background:url(/_gfx/bckg-body.jpg) no-repeat top center; }
body#home { background:url(/_gfx/bckg-body-home.jpg) no-repeat top center; }
body#home p, body#home strong, body#home h1, body#home h2, body#home h3, body#home a { color:#fff; }

#wrap { position:relative; width:920px; margin:0 auto; }

	#header { position:relative; width:920px; height:149px; }
		body#home #header { height:590px; background:url(/_gfx/bckg-main-img.jpg) no-repeat 0 140px; }
		#header img.home-main { position:absolute; top:154px; left:13px; }
		
	/* content */
	
	#content { position:relative; width:850px; padding:10px 35px; margin:0; min-height:350px;
			border-top:4px #dedddd solid; background:url(/_gfx/bckg-content.png) repeat-x!important;
			background:#817a73; }
		#content.home { background:none; background-image:none !important; border-top:none; }
		#content h2 { display:block; height:20px; text-indent:-9999px; margin:0 0 20px 5px; 
				background:url(/_gfx/titles.gif) no-repeat; overflow:hidden; }
			#content h2.novosti { width:250px; background-position:0 0; }
			#content h2.onama { width:250px; background-position:0 -20px; }
			#content h2.info { width:250px; background-position:0 -40px; }
			
			#content h2.single-onama, #content h2.single-kontakt, 
			#content h2.single-tuning, #content h2.single-automodel, #content h2.single-novosti { 
					background:url(/_gfx/titles-single.gif) no-repeat; height:25px; margin-top:20px; }
				#content h2.single-kontakt { background-position:0 -62px; }
				#content h2.single-tuning { background-position:0 -30px; }
				#content h2.single-automodel { background-position:0 -93px; }
				#content h2.single-novosti { background-position:0 -125px; }
		
		#content h3, #content h4 { color:#fff; text-shadow:1px 1px 0 #212121; margin:20px 0; }
		#content h4 { font-size:0.8em; margin-top:0; }
		
		#content li { line-height:1.6em; font-size:0.8em; text-shadow:1px 1px 0 #212121; color:#fff; }
			#content li li { font-size:1em; }
		
		#content p.subtitle { font-size:0.7em; font-style:italic; }
		#content p.onama-imgs { width:554px; float:left; position:relative; margin:0 20px 0 0; }
		
		#content a.yoshimura-link, #content a.ohlins-link { display:block; margin-bottom:20px; 
				line-height:20px; font-size:0.8em; }
			#content a.yoshimura-link { background:url(/_gfx/logo-yoshimura.gif) no-repeat; padding-left:135px; }
			#content a.ohlins-link { background:url(/_gfx/logo-ohlins.gif) no-repeat; line-height:30px; padding-left:90px; }
			
		#content #main { position:relative; float:left; width:480px; }
			
		#news { position:relative; margin-bottom:140px; width:850px; }
			#news div { width:255px; height:125px; padding:10px; float:left; margin-right:12px; 
					background:url(/_gfx/bckg-news-item.gif) no-repeat; position:relative; }
				#news div a.link { display:block; width:274px; height:139px; position:absolute; left:0; top:0; }
				
				#news div.bagster, #news div.pmt { padding-left:140px; width:125px; }
				#news div.bagster { background:url(/_gfx/bckg-news-item-bagster.gif) no-repeat; }
				/* #news div.yoshimura { background:url(/_gfx/bckg-news-item-yoshimura.gif) no-repeat; } */
				#news div.pmt { background:url(/_gfx/bckg-news-item-pmt.gif) no-repeat; }
				#news div.two-times { background:url(/_gfx/bckg-news-item-2times.gif) no-repeat; }
				/* #news div.prez-yamaha { background:url(/_gfx/bckg-news-item-prez-yamaha-2.gif) no-repeat; }*/
				#news div.yoshimura-akcija { background:url(/_gfx/bckg-news-item-yoshimura-akcija.gif) no-repeat; }
				#news div.no-bckg { padding:0; background:none; }
					#news div.bagster h3, #news div.pmt h3 { 
							display:block; width:120px; height:20px; text-indent:-9999px; }
					#news div.bagster h3 { background:url(/_gfx/logo-bagster.gif) no-repeat; }
					/* #news div.yoshimura h3 { background:url(/_gfx/logo-yoshimura.gif) no-repeat; } */
					#news div.pmt h3 { background:url(/_gfx/logo-pmt.gif) no-repeat; height:30px; }
					#news div a { color:#000; }
					
				#news div.last { margin-right:0; }
			#content #news h3, #content #news p { color:#212121; text-shadow:none; }
			#news h3 { margin-bottom:10px; }
			#news p { font-size:0.7em; line-height:1.4em; }
			#news img { float:left; margin-right:10px; }
		#desc, #info, #main-cont, #sidebar { position:relative; float:left; }
		#desc, #main-cont { width:560px; margin-right:15px; }
			#desc p.col { position:relative; float:left; width:270px; padding:5px; }
			#main-cont p { margin:10px 0; }
				#main-cont p.col-stand { /*-webkit-column-count:2;*/ }
			#main-cont .pics { margin:20px 0; }
				#main-cont .pics a img { padding:5px; border:1px #fff solid; background:#fff; margin-right:20px; }
					#main-cont .pics a.last img { margin-right:0; }
					#main-cont .pics a:hover img { background:#dedddd; }
			.item { margin:20px 0; padding:20px 0; border-bottom:1px #fff solid; }
				.item h3 { border-bottom:1px #fff dashed; padding-bottom:10px; margin:0 0 10px 0; font-size:1.4em; }
				ul.item-pics { width:350px; float:right; margin:20px 0 0 20px; }
					ul.item-pics li { float:left; }
						ul.item-pics li a { display:block; margin:0 0 10px 10px; }
						ul.item-pics li a img { padding:5px; background:#fff; }
							ul.item-pics li a:hover img { background:#dedddd; }
				ul.item-pics-nolink { width:350px; float:right; margin:20px 0 0 20px; }
					ul.item-pics-nolink li { float:left; display:block; margin:0 0 10px 10px; }
						ul.item-pics-nolink li img { padding:5px; background:#fff; }
				img.single-img { padding:5px; background:#fff; margin:10px 0; }
		
		/* features */
		
		#xmas { position:absolute; left:20px; top:200px; width:880px; height:182px; 
				background:url(/_gfx/xmas-2010.jpg) no-repeat; }
		#year { position:absolute; left:20px; top:200px; width:880px; height:182px; 
				background:url(/_gfx/15-godina.jpg) no-repeat; z-index:1000; }
		
		/* ------------- */
				
		#content p.cards img { background:none; }
		
		#info {}
			#info p { padding:5px; font-size:0.8em; }
		#sidebar { padding:20px 0; }
		
		table.real-data { width:100%; margin:20px 0; }
			table.real-data th, table.real-data td { padding:10px; text-align:left; }
			table.real-data th { background:#fff; font-size:0.9em; font-weight:bold; }
			table.real-data td { border-bottom:1px #fff dashed; font-size:0.8em; }
				table.real-data td.title { font-weight:bold; }
				table.real-data td.subhead { font-weight:bold; background:#000; color:#fff; padding:5px 10px; }
				table.real-data td.akcija { background:url(/_gfx/badge-akcija.gif) no-repeat 0 0; }
				table.real-data td.akcijap { background:url(/_gfx/badge-akcija-plus.gif) no-repeat 0 0; }
				table.real-data td.novo { background:url(/_gfx/badge-novo.gif) no-repeat 0 0; }
				table.real-data td.delete { text-decoration:line-through; }
		
		.panels div { display:none; /* position:absolute; left:20px; top:120px; */ }
		.panels h3, #panel-single { margin:20px 0 0 0; }
		.pages p, #single p { margin:20px 0; }
			.pages p a.xls, #single p a.xls { background:url(/_gfx/icon-xls.gif) no-repeat 0 8px;
					padding-left:30px; font-weight:bold; padding-top:10px; float:right; }
			.pages p.cjenici { display:block; padding:10px; border-bottom:1px #fff dashed; }
				.pages p.cjenici a.xls { float:none; margin:0 100px; }
			.ohlins p img, .onama p img, #single p img { padding:5px; background:#fff; display:block; float:left; margin-right:20px; }
		/* .ohlins div { position:absolute; left:30px; top:80px; width:830px; } */
		
	/* footer */
		
	#footer { position:relative; width:850px; height:60px; margin:25px auto; }
		body#home #footer { border-top:4px #fff solid;  }
		#footer p.copy, #footer p.info { position:relative; margin-top:30px; color:#fff; }
		#footer p.copy { float:left; }
		#footer p.info { float:right; }
			#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:3px; }
				#footer a.dzdesign strong { color:#feac47; }
	
/* +++++++++ NAVIGATION ++++++++ */

a#home { position:absolute; width:249px; height:128px; left:0; top:10px; z-index:999;
		background:url(/_gfx/logo.gif) no-repeat; text-indent:-9999px; }

#footer a.top { display:block; font-size:0.8em; float:left; margin-left:40px; margin:0; }

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-indent:-9999px; overflow:hidden; }

ul#nav-util { position:absolute; top:24px; right:30px; z-index:99; }
	ul#nav-util li a { height:17px; background:url(/_gfx/nav-util.jpg) no-repeat; }
		ul#nav-util li.first a { width:115px; background-position:0 0; }
			ul#nav-util li.first a:hover { background-position:0 -17px; }
		ul#nav-util li.tuning a { width:70px; background-position:-115px 0; }
			ul#nav-util li.tuning a:hover { background-position:-115px -17px; }
		ul#nav-util li.model a { width:165px; background-position:-185px 0; }
			ul#nav-util li.model a:hover { background-position:-185px -17px; }
		ul#nav-util li.onama a { width:70px; background-position:-350px 0; }
			ul#nav-util li.onama a:hover { background-position:-350px -17px; }
		ul#nav-util li.kontakt a { width:73px; background-position:-420px 0; }
			ul#nav-util li.kontakt a:hover { background-position:-420px -17px; }

ul#nav-main { position:absolute; right:20px; top:98px; z-index:100; }
	ul#nav-main li a { width:156px; height:51px; margin-right:5px;
			background:url(/_gfx/nav-main.gif) no-repeat; }
		ul#nav-main li.yamaha a { background-position:0 0; }
			ul#nav-main li.yamaha a:hover { background-position:0 -51px; }
			ul#nav-main li.yamaha a.active { background-position:0 -102px; }
		ul#nav-main li.yoshimura a { background-position:-159px 0; }
			ul#nav-main li.yoshimura a:hover { background-position:-159px -51px; }
			ul#nav-main li.yoshimura a.active { background-position:-159px -102px; }
		ul#nav-main li.ohlins a { background-position:-317px 0; width:126px; }
			ul#nav-main li.ohlins a:hover { background-position:-317px -51px; }
			ul#nav-main li.ohlins a.active { background-position:-317px -102px; }

ul#nav-sec { margin:10px 0 10px -5px; }
	ul#nav-sec li a { font-size:1.4em; font-weight:bold; padding:5px; margin-right:10px; }
		ul#nav-sec li a:hover, ul#nav-sec li a.current { background:#212121; color:#fff; text-decoration:none; }

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

#contact-form { width:548px; margin:20px 0; }
	#contact-form p { line-height:18px; margin-bottom:20px; 
		clear:both; height:25px; }
	#contact-form fieldset { border:1px #fff solid; padding:20px 0; }
	#contact-form label { font-size:1em; width:180px; float:left; text-align:right; 
		margin-right:20px; cursor:pointer; color:#fff; }
		#contact-form label.error, label.error { color:#8daed0; font-size:0.8em; float:right;
				margin:5px 10px 5px 0; }
		#contact-form input.error, #contact-form textarea .error { background:#8daed0; }
	#contact-form div.error { display:none; }
	#contact-form input { border:1px solid #212121; height:20px; line-height:20px; 
		font-size:1.1em; float:left; width:300px; }
		#contact-form input.submit { width:100px; font-size:0.8em; float:right; 
			margin:20px 30px 0 0; border:1px #fff solid; background:#212121; color:#fff; 
			height:30px; }
		#contact-form input.submit:hover { background:#dedddd; cursor:pointer; color:#212121; }
	#contact-form p.desc { margin:0; }
	#contact-form p.pitanje { margin-top:20px; height:90px; }
	#contact-form .gray * { color: gray; }
	#contact-form textarea { width:300px; height:100px; overflow:auto; float:left;
		border:1px solid #212121; }
	p.message, p.message strong { color:#c00; }
	#contact-form .focusField { border:solid 2px #074474; color:#282828; }
    #contact-form .idleField { color:#282828; }

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

#gmap { position:relative; width:548px; height:400px; margin-bottom:20px; border:1px #f8a33a 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:#fff200; padding:3px; font-size:0.8em; color:#231f20; border:1px #231f20 solid; display:none; }