@charset "utf-8";
/* Stilovi za /europaneli - Osnovni v 1.0  */
/* Izrada: DZ Design, Zagreb - Sva prava pridržana, srpanj 2009. */
/* font-#343434; orange-#f09739;  */

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

html, body { height: 100%; }
html { background:url(/_gfx/bckg-html.jpg) repeat-x; }
body { margin:0; padding:0; background:url(/_gfx/bckg-body.jpg)  no-repeat top center; }
* { font:1em "Century Gothic", Arial, helvetica, sans-serif; color:#343434; }
h1, h2, h3 { margin:0; padding:0; line-height:1.2em; font-weight:bold; }
h1 { font-size:1.8em; }
h2 { font-size:1.4em; }
h3 { font-size:1em; }
img { border:none; }
a { text-decoration:none; outline:none; }
a:hover { text-decoration:underline; /* text-shadow:#fff 1px 1px 0px; */ }
p, dt { margin:0; padding:0; line-height:1.8em; }
strong { font-weight:bold; }
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:800px; margin:0 auto; }
	#header, #content { position:relative; width:800px; }
	#header { height:390px; }
		#cont-head { position:absolute; left:0; top:190px; width:800px; }
			#main-img { position:relatiove; height:200px; }
			#main-img { float:left; width:550px; }
			#news, #news-overlay { width:250px; height:200px; position:absolute;
					bottom:0; right:0;	}
			#news { z-index:15; padding:10px; width:230px; height:180px; }
			#news-overlay { background:#fff; opacity:.6; filter:alpha(opacity=60); z-index:14px; }
				#news ul { margin-top:10px; }
				#news li a { font-size:0.8em; padding-bottom:2px; margin-bottom:2px; 
						display:block; }
				#news li a:hover { text-decoration:none; color:#f09739; }
	
	#content { padding:20px 0; }
		#content h1 { margin:0 0 10px 0; }
		#content h2, #content h3 { margin:10px 0; }
		#content p { font-size:0.8em; }
		#main, #sidebar { position:relative; }
		#main { width:530px; padding-right:20px; float:left; }
			ul.list { margin:20px; }
				ul.list li { font-size:0.8em; padding:8px 0 8px 40px;
						background:url(/_gfx/bullet-1.gif) no-repeat; display:block; }	
			#main small { font-size:0.7em; }
		#sidebar { width:220px; float:right; padding-right:10px; }
			#sidebar h3 { padding-bottom:10px; border-bottom:1px #c0c0c0 solid; }
			#sidebar a img { padding:5px; /* border:1px #c0c0c0 solid; */ }
				#sidebar a:hover img { background:#f09739; }
		
		#items-all { position:relative; float:right; width:600px; margin-top:10px; }
		.items-row { border-bottom:1px #dedede solid; }
			.item { position:relative; float:left; width:246px;
					border-right:1px #dedede solid; margin:10px 0; padding:0 10px; }
				.item h3 { margin:5px 0; }
				.item p { font-size:0.8em; margin:0; }
				.item a:hover h3, .item a:hover p { color:#f09739; }
			.items-row.last, .items-row .last { border:none; }
		#items-all .item { width:179px; }
			#items-all .item h2 { margin-bottom:10px; }

#footer { width:100%; height:320px;
		background:url(/_gfx/bckg-footer.gif) repeat-x 0 210px; }
	#footer #inner { position:relative; width:800px; margin:0 auto; }
	#footer p { font-size:0.8em; color:#848484; }
		#footer #impress { float:right; text-align:right; }
		a.dzdesign, a.dzdesign strong { 
				font:bold 1em "Arial Narrow", Arial, Helvetica, sans-serif; }
		a.dzdesign { color:#000; }
		a.dzdesign strong { color:#feac47; }

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

a#home { position:absolute; width:115px; height:105px; left:0; top:25px;
		background:url(/_gfx/logo.gif) no-repeat; z-index:10; }

ul#nav-utility { position:absolute; top:20px; right:0; z-index:11; }
	ul#nav-utility li { float:left; }
	ul#nav-utility li a { display:block; height:15px; text-indent:-9999px; 
			background:url(/_gfx/nav-utility.gif) no-repeat; }
		ul#nav-utility li.naslovnica a { background-position:0 0; width:90px; margin-right:20px; }
			ul#nav-utility li.naslovnica a:hover { background-position:0 -15px; }
		ul#nav-utility li.onama a { background-position:-90px 0; width:68px; }
			ul#nav-utility li.onama a:hover { background-position:-90px -15px; }
		ul#nav-utility li.kontakt a { background-position:-158px 0; width:64px; }
			ul#nav-utility li.kontakt a:hover { background-position:-158px -15px; }
		ul#nav-utility li.akcije a { background-position:-220px 0; width:80px; }
			ul#nav-utility li.akcije	 a:hover { background-position:-220px -15px; }

ul#nav-main { position:absolute; left:0; top:143px; height:40px; padding-top:7px; 
		width:800px; background:#f09739 url(/_gfx/bckg-nav-main.gif) no-repeat; }
	ul#nav-main li { float:left; }
	ul#nav-main li a { display:block; color:#fff; fheight:40px; line-height:40px; margin-left:19px; 
			border-right:1px #f0ab3f solid; padding-right:25px; font-size:1em; }
		ul#nav-main li a:hover, ul#nav-main li a.active { text-decoration:none; color:#343434; }
		ul#nav-main li.last a { padding-right:0; border-right:0; }

ul#nav-sec { position:relative; width:160px; float:left; margin-top:20px; }
	ul#nav-sec li { float:left; }
	ul#nav-sec li a { width:150px; font-size:0.8em; display:block; padding:10px 5px;
			border-bottom:1px #c0c0c0 solid; }
	ul#nav-sec li a:hover { text-decoration:none; background:#f09739; color:#fff; }
	ul#nav-sec li a.active { background:#fff; border-right:1px #fff solid; }

ul.nav-footer { position:relative; float:left; width:110px; padding:10px; }
	ul.nav-footer li {}
	ul.nav-footer li.first { margin-bottom:5px; font-weight:bold; }
	ul.nav-footer li a { display:block; padding:3px 0; font-size:0.75em; }
	ul.nav-footer li a:hover { color:#f09739; text-decoration:none; }

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

#contact-form { width:530px; margin:10px 0; padding:20px 10px; background:#f09739; }
	#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:0.8em; width:120px; float:left; text-align:right; 
		margin-right:20px; cursor:pointer; }
		#contact-form label.error, label.error { color:#c00; font-size:0.7em; }
		#contact-form input.error, #contact-form textarea.error { background:#ccc; }
	#contact-form div.error { display:none; }
	#contact-form input { border:1px solid #343434; height:20px; line-height:20px; 
		font-size:0.8em; float:left; width:360px; }
		#contact-form input.submit { width:100px; font-size:0.8em; float:right; 
			margin:20px 10px 0 0; border:1px #c0c0c0 solid; background:#343434; color:#fff; 
			height:30px; }
		#contact-form input.submit:hover { background:#343434; cursor:pointer; }
	#contact-form p.desc { margin:0; }
	#contact-form p.pitanje { margin-top:20px; height:210px; }
	#contact-form .gray * { color:#343434; }
	#contact-form textarea { width:360px; height:200px; overflow:auto; float:left;
		border:1px solid #343434; }
	p.message, p.message strong { color:#c00; }
	#contact-form .focusField { border:solid 2px #343434; color:#343434; }
    #contact-form .idleField { color:#343434; }

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

#tooltip { position:absolute; border:1px solid #fff; background:#f09739; font-size:0.8em;
		padding:2px 5px; color:#fff; display:none; z-index:1000; }

/* gmap */

#gmap { position:relative; width:528px; height:450px; border:1px #c0c0c0 solid; }
	#gmap #map-cont { height:auto; margin:0; padding:0; }
	#gmap p.map-adress { font-size:0.7em; }
	
p.loader { padding: 1em 1em 1em 3em; 
	background: transparent url("/_gfx/loader.gif") 1em center no-repeat; }

div.firstVideo { padding-top: 0px; }
div#channel_div { padding-top: 0px; }
	#channel_div table { padding:10px 0; border-bottom:1px #ccc solid; margin-bottom:10px; }
div#videos { padding:20px 0; position:relative; width:555px; float:left; }