/***********************************
Vedranmont d.o.o. screen stylesheet
------------------------------------
Autor: Darko Lončar
Copyright: Nomino d.o.o., Zlatar, 2009
Datum: 7.9.2009

Testirano u: 	Firefox 3.5 (Win XP, Ubuntu Linux 9.04)
		Firefox 3.0 (Win XP, Ubuntu Linux 9.04)
		IE 6 (Win XP)
		IE 8 (Win XP)
		Safari 4 (Win XP)
		Opera 9.6 (Win XP, Ubuntu Linux 9.04)

Body centered, .png layout, fixed

***********************************/

	/*CSS resets*/
	* { padding: 0px; margin: 0px }
	html { background: #fff }
	h1, h2, h3, h4, p, ul, li, a, form, label { background: transparent }

	/*Global positioning*/
	body { margin: 0px auto; width: 1004px; padding: 0px 0px 0px 0px; background: #fff url('../gfx/background.png') 50% 70px; background-repeat: repeat-y; color: #000; font: 70%/1.5em "Trebuchet MS", sans-serif }

	/*Global styling*/
	h2 { font-size: 1.4em; padding: 20px 0px 0px 0px; line-height: 1.5em }
	p { font-size: 1em; padding: 5px 0px 5px 0px }

	/*DIV's*/
	#heading { width: 1004px; height: 70px; display: block; background: transparent url('../gfx/top_banner-trans.png'); background-repeat: no-repeat }
	#title { display: block; float: left; width: 174px; height: 77px; margin: 20px 0px 0px 28px; line-height: 0em; text-indent: -9999px; background: transparent url('../gfx/vedranmont_logo-trans.png'); background-repeat: no-repeat }
	#heading img	{ border: 0px }

	#akcija { float: right; display: block; margin-right: 31px }

	#navigation 		{ display: block; float: left; width: 557px; height: 70px; margin: 0px 0px 0px 25px; padding: 0px 0px 0px 25px; background: transparent url('../gfx/navigation_background-trans.png'); background-repeat: no-repeat }
	#navigation li 		{ float: left; list-style-type: none; padding: 0px; margin: 0px }
	#navigation a	{ display: block; position: relative; background: transparent; width: 120px; height: 39px; text-decoration: none; color: #fff; padding: 12px 0px 0px 0px; margin: 13px 0px 0px 4px; text-align: center; font-weight: bold; font-size: 1.2em; letter-spacing: 0px }
	#navigation a.large { width: 120px }
	#navigation a.small { width: 100px}	
	#navigation a.large:hover	{ background: transparent url('../gfx/nav_link_back-trans.png'); background-repeat: no-repeat }
	#navigation a.small:hover	{ background: transparent url('../gfx/nav_link_back_2-trans.png'); background-repeat: no-repeat }
	#navigation a.current_page_nav_large { background: transparent url('../gfx/nav_link_back-trans.png'); background-repeat: no-repeat; width: 120px }				
	#navigation a.current_page_nav_small { background: transparent url('../gfx/nav_link_back_2-trans.png'); background-repeat: no-repeat; width: 100px }				

	#content_wrap { width: 1004px; display: block; background: transparent; margin: 0px; padding: 40px 0px 0px 0px }
	
	#banners { float: left; width: 132px; background: transparent; margin-left: 21px; padding: 0px 20px 20px 20px }
	#banners h2 { padding: 0px 0px 5px 0px; text-transform: uppercase; font-size: 1.4em; font-family: "Georgia", Serif; letter-spacing: 1px; text-align: center }

	#partneri { text-align: left; border-top: 2px solid #999; border-bottom: 2px solid #999 }
	#partneri li { list-style-type: none; padding: 10px 0px 10px 0px }
	#partneri img { border: 0px }

	#content { float: left; width: 507px; margin-top: -40px; background: transparent; margin-right: 20px; padding: 30px 40px 0px 40px; height: 415px }
	#content p { font-size: 1em; padding: 10px 0px 10px 20px; letter-spacing: 1px; font-family: "Lucida Sans Unicode", Arial, Sans-Serif }
	#content a { color: #66f }
	#content ul { font-size: 1.1em; padding: 10px 120px 10px 20px; margin-left: 30px; letter-spacing: 1px; font-family: "Lucida Sans Unicode", Arial, Sans-Serif }
	#content h2 { font-size: 1.4em; padding: 10px 120px 10px 20px; letter-spacing: 1px; font-family: "Trebuchet MS", Arial, Sans-Serif }
	#content .thumbnail { float: left; width: 145px; height: 180px; display: block; text-align: center; border: 1px solid #ddd; padding: 7px 3px 3px 3px; margin: 5px; background: #eeeeee }
	#content .thumbnail img { margin: 0px auto; border: 0px }
	#content p.thumb_title		{ padding: 0px; margin:0px; letter-spacing: 1px; font-size: 0.8em; font-family: Arial }
	#content p.thumb_description	{ padding: 0px; margin:0px; letter-spacing: 1px; font-size: 0.8em; font-family: Arial }


	#nomino	{ width: 20px; height: 115px; float: right; display: block; margin-top: 200px; margin-right: 19px; line-height: 0px; text-indent: -9999px }

	#footer  { width: 965px; display: block; padding: 0px; margin: 0px 0px 0px 21px; height: 20px; background: transparent url('../gfx/footer-trans.png'); background-repeat: no-repeat; text-align: center }
	#footer p	{ padding: 2px 0px 0px 0px; font-weight: bold; color: #fff; letter-spacing: 1px }

	/*IE 6 fixes*/
	#title { _margin: 10px 0px 0px 14px }
	#banners { _margin-left: 10px }
	#content { _margin-right: 10px; _height: 400px }
	#footer { _margin: 0px 0px 0px 21px }
	#navigation { _margin: 0px 7px 0px 0px }

	/*Classes*/
	.clear { clear: both }
	img.dec { padding: 5px; background: #fff; margin-right: 20px; margin-top: 10px }

	/*Forms*/
	form { position: relative; padding: 0px; margin: 0px; background: none }
	form p { font-size: 1.4em; line-height: 0.8em; padding: 0px; margin: 0px }
	label { float: left; width: 100px; clear: left; font-family: Tahoma, sans-serif; padding: 8px 8px 8px 0px; color: #000 }
	input.txt, textarea { position: relative; border: 2px solid #ddd; padding: 4px; -khtml-border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; font-family: Arial, Geneva, Tahoma; font-size: 1em; color: #000; z-index: 9999; background: #fff }
	input[type="text"]:hover, textarea:hover { background: #f6f6f6 }
	input[type="text"]:focus, textarea:focus { border: 2px solid #666; background: #f6f6f6 }
	input.submit { font-weight: bold; margin: 0px 0px 0px 115px; padding: 6px; font-family: Tahoma, sans-serif }