@charset "utf-8";

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

/* bckg-gray-#dddddf; red-#b30404;  */

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

html, body { height: 100%; }
body { margin:0; padding:0; background:#dddddf; }
* { font:11px "Lucida Grande", "Lucida Sans Unicode", Arial, helvetica, sans-serif; 
		color:#000; }
h1, h2, h3, h4 { margin:0; padding:0; line-height:1.2em; font-weight:bold; color:#b30404; }
h1 { font-size:2.6em; }
h2 { font-size:1.8em; }
h3 { font-size:1.6em; }
h4 { font-size:1.4em; }
img { border:none; }
a { text-decoration:none; outline:none; font-size:1em; line-height:1.8em;  }
a:hover { text-decoration:underline; }
p, dt, li { margin:0; padding:0; line-height:1.8em; font-size:1.2em; }
strong { font-weight:bold; font-size:1em; }
ul { list-style:none; margin:0; padding:0; }
ul li { margin:0; padding:0; }
dl, dd { margin:0; padding:0; }

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

#wrap { position:relative; width:720px; min-height:600px; margin-left:-100px; padding-left:400px;
		background:url(/_gfx/bckg-wrap.jpg) no-repeat; }

	#header, #content, #footer { position:relative; width:720px; }
	
	#header { height:180px; background:url(/_gfx/bckg-header.jpg) no-repeat; }
	
	#content { background:url(/_gfx/bckg-content.jpg) repeat-y; }
		#main { position:relative; float:left; width:450px; padding:0 0 20px 20px; margin-right:20px; min-height:500px; }
			#main h1, #main h2 { margin-bottom:20px; clear:both; }
			#main h2 { margin-top:20px; display:block; }
				#main h2.bridgestone { background:url(/_gfx/logo-bridgestone.gif) no-repeat top right; }
				#main h2.firestone { background:url(/_gfx/logo-firestone.gif) no-repeat top right; }
				#main h2.dayton { background:url(/_gfx/logo-dayton.gif) no-repeat top right; }
			#main p { margin-bottom:10px; }
				#main p.intro { font-size:2em; color:#b30404; line-height:1.4em; margin:20px 0 30px 0; }
				#main p.col { position:relative; float:left; width:220px; margin-right:10px;
					margin-top:30px; }
					#main p.col img { margin:0; }
				#main p.emphasis { width:200px; padding:5px 10px 0 10px; background:#b30404; color:#fff; 
						font-weight:bold; font-size:1.5em; line-height:1.6em; }
				#main p.last { margin-right:0; }
				#main p.button { height:100px; overflow:hidden; padding-bottom:5px; }
			#main ul { margin-left:20px; }
			#main ul.list li, #main ul.pdf-list li { display:block; padding-left:30px; }
				#main ul.list li { 
						background:url(/_gfx/icon-check.gif) no-repeat 0 4px; }
			#main ul.pdf-list { margin:10px 0 10px 30px; }
				#main ul.pdf-list li { 
						background:url(/_gfx/icon-pdf.gif) no-repeat 0 9px; }
				#main ul.pdf-list li a { display:block; border-bottom:1px #ddd solid; padding:5px 0; }
					#main ul.pdf-list li small { color:#aaa; }
			#main img { margin:10px 0; }
			#main small { line-height:1.8em;  }
			#main ul.gallery { margin:0; padding:0; }
				#main ul.gallery li { float:left; padding:0 }
				#main ul.gallery li a { display:block; width:220px; height:156px; margin:0 10px 10px 0; padding:0; }
				#main ul.gallery li a img { background:#e2eaf0; padding:5px; }
				#main ul.gallery li a:hover img { background:#dddddf; }
				#main ul.gallery li.last a { margin-right:0; }
		#sidebar { position:relative; float:left; width:190px; height:auto; padding-bottom:10px; 
				background:url(/_gfx/bckg-sidebar-bottom.gif) no-repeat bottom center; }
			#sidebar .inner { position:relative; width:170px; padding:10px;
					background:url(/_gfx/bckg-sidebar-main.gif) repeat-y; }
			#sidebar h3 { display:block; clear:both; width:170px; height:25px; text-indent:-9999px; margin-bottom:5px; }
				#sidebar h3.kontakt { background:url(/_gfx/sidebar-contact-tel.gif) no-repeat -3px -4px; }
				#sidebar h3.vrijeme { background:url(/_gfx/sidebar-contact-time.gif) no-repeat -3px 0; }
				#sidebar h3.lokacija { background:url(/_gfx/sidebar-contact-loc.gif) no-repeat -3px 0; }
				#sidebar p.tel { display:block; width:160px; height:30px; text-indent:-9999px; margin-bottom:0;
						background:url(/_gfx/sidebar-contact-tel.gif) no-repeat -12px -33px; }
			#sidebar p { font-size:1em; margin-bottom:10px; padding-left:5px; }
			#sidebar p.col { position:relative; width:80px; float:left; }
			#sidebar a.gmap { padding-top:5px; display:block; }
				#sidebar a.gmap img { background:#fff; padding:5px; }
				#sidebar a.gmap:hover img { background:#dddddf; }
			#sidebar #featured-tires { position:absolute; width:190px; height:200px; left:0; bottom:-230px; 
					background:url(/_gfx/sidebar-gume.jpg) no-repeat; }
	
	#footer { background:url(/_gfx/bckg-footer.jpg) no-repeat; min-height:80px; padding-top:40px; }
		ul#logos { position:relative; float:left; margin-left:20px; }
			ul#logos li { float:left; }
				ul#logos li a { display:block; height:25px; text-indent:-9999px; 
						background:url(/_gfx/footer-logos.gif) no-repeat; }
					ul#logos li.bridgestone a { width:100px; margin-right:10px; }
					ul#logos li.firestone a { width:100px; background-position:-112px 0; }
					ul#logos li.dayton a { width:100px; background-position:-215px 0; }
		#footer p { font-size:1em; color:#6d6d6d; text-align:right; }
		#footer p.impress { width:300px; display:block; float:right; margin:0 40px 0 0; }
			a.dzdesign, a.dzdesign strong { font:bold 1em Arial, Helvetica, sans-serif; }
			a.dzdesign { color:#000; }
			a.dzdesign strong { color:#feac47; }

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

a#home { position:absolute; width:500px; height:55px; left:24px; top:53px; z-index:10; }
		
ul#nav-main { position:absolute; bottom:20px; left:135px; width:565px; height:43px; }
	ul#nav-main li { float:left; }
	ul#nav-main li a { display:block; height:43px;
			background:url(/_gfx/nav-main.gif) no-repeat;
			text-indent:-9999px; overflow:hidden; }
	ul#nav-main li.last a { /* margin:0; */ }
	ul#nav-main li.gume a { background-position:0 -43px; width:103px; }
	ul#nav-main li.gume a:hover, ul#nav-main li.gume a.active { background-position:0 0; }
	ul#nav-main li.onama a { background-position:-103px -43px; width:125px; }
	ul#nav-main li.onama a:hover, ul#nav-main li.onama a.active { background-position:-103px 0; }
	ul#nav-main li.kontakt a { background-position:-228px -43px; width:118px; }
	ul#nav-main li.kontakt a:hover, ul#nav-main li.kontakt a.active { background-position:-228px -0; }
	ul#nav-main li.galerija a { background-position:-346px -43px; width:219px; }
	ul#nav-main li.galerija a:hover, ul#nav-main li.galerija a.active { background-position:-346px -0; }

ul#nav-footer { position:relative; padding:20px 0; }
	ul#nav-footer li { display:inline; }
	ul#nav-footer li a { padding:0 5px; border-right:1px #001830 solid; }
	ul#nav-footer li.first a { color:#325974; }
	ul#nav-footer li.first a, ul#nav-footer li.last a { border-right:none; }

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

#contact-form { width:430px; margin:10px 0; padding:20px 10px; background:#e2eaf0;
		border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
	#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; /* border:1px solid #000;*/ background:#161e27; 
		padding:2px 5px; color:#fff; display:none; z-index:1000; }

/* gmap */

#gmap { position:relative; width:448px; clear:both; margin:20px 0; border:1px #dddddf solid;
		border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
#gmap p { padding:10px; display:block; }