@charset "utf-8";

/* Stilovi za noe.hr - Osnovni v 1.0  */
/* Izrada: DZ Design, Zagreb - Sva prava pridržana, svibanj 2009. */

/* backg-body-#dedede; green-#42949c; red-#e2001a */

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

html, body { height:100%; }
body { margin:0; padding:0; background:#dedede url(/_gfx/bckg-body.jpg) repeat-x; }
* { font:11px Arial, helvetica, sans-serif; color:#000; }
h1, h2, h3, h4 { margin:0; padding:0; line-height:1.2em; font-weight:bold; color:#42949c; }
h1 { font-size:2em; }
h2, h3 { font-size:1.5em; }
h4 { font-size:1.2em; color:#000; }
img { border:none; }
a { text-decoration:none; font-size:1.1em; outline:none; }
a:hover { text-decoration:underline; }
p { margin:0; padding:0; line-height:1.8em; font-size:1.1em; }
strong { font-weight:bold; line-height:1.8em; font-size:1em; }
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 { margin:0 auto; }
#wrap, #header, #content { position:relative; width:900px; }
#header, #content { background:#fff; }

#header { margin-top:80px; }

#content { padding-bottom:30px; }
	#content h1 { margin-bottom:20px; clear:both; }
	#content h2 { margin:20px 0; clear:both; }
	#content h3, #content h4 { margin-bottom:10px; }
	#main, #main-hp { padding-left:120px; margin-right:15px; }
	#main-img { margin:15px; width:765px; float:right; }
	#main, #main-hp, #features, #info { position:relative; float:left; }
	#main { width:585px; }
		ul.list { margin:10px; }
		ul.list li { background:url(/_gfx/icon-list-bullet.gif) no-repeat 0 9px; 
				padding-left:15px; font-size:1.2em; line-height:1.6em; }
		img.illo { float:right; }
		ul#reference {  }
			ul#reference li { float:left; }
			ul#reference li a { display:block; width:165px; height:120px; overflow:hidden;
					margin:0 30px 30px 0; }
			ul#reference li a:hover { text-decoration:none; }
			ul#reference li a:hover img { margin-left:-165px; }
			ul#reference li p { font-size:0.8em; color:#fff; display:block;
					position:relative; width:inherit; height:40px; margin:0; }
			ul#reference li.last { margin-right:0; }
		#main p a.link { display:block; padding:5px; font-weight:bold; 
				font-size:1em; margin-bottom:15px; width:200px; }
		#main p a.link:hover { text-decoration:none; color:#fff; background:#42949c; }
	#main-hp { width:300px; }
	#features { width:270px; margin-right:15px; }
		#features h4 a { font-size:1em; font-weight:bold; display:block; 
				line-height:1.2em; padding:2px; }
		#features h4 a:hover { background:#42949c; color:#fff; text-decoration:none; }
		#main p, #main-hp p { margin-top:10px; }
		#features p { font-size:1em; }
			p span.sig-ref { font-size:0.9em; float:right; 
					font-style:italic; padding-top:10px; }
		#features img { float:left; border:1px #42949c solid; padding:3px; 
				margin:5px 5px 0 0; }
	#info { width:165px; }
		#info p, #info a, #info strong { font-size:1em; line-height:1.6em; }
		#info p { margin-bottom:20px; }
		#info a { font-weight:bold; color:#42949c; padding:2px 1px; }
		#info a:hover { background:#42949c; color:#fff; text-decoration:none; }

#footer { background:#000; padding:0 15px; }

#footer p { text-align:right; font-size:1em; color:#fff; line-height:40px; }
#footer a.dzdesign, #footer a.dzdesign strong { font:bold 12px Arial, Helvetica, sans-serif; }
#footer a.dzdesign { color:#fff; }
#footer a.dzdesign strong { color:#FFCC00; }

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

a#home { position:absolute; width:90px; height:90px; left:15px; top:15px; z-index:999;
		background:url(/_gfx/logo.gif) no-repeat; }

p.link-home { position:absolute; width:100px; top:-7px; left:0; text-align:right; }
p.link-home a { display:block; padding:5px;  }
p.link-home a:hover { background:#42949c; color:#fff; text-decoration:none; }

ul#nav-main { position:absolute; right:15px; top:-40px; width:605px; height:40px; }
	ul#nav-main li { float:left; text-align:center; }
	ul#nav-main li a { display:block; height:40px; width:120px; margin-left:1px; 
			background:#42949c; color:#fff; font-size:1.4em; font-weight:bold; line-height:40px; }
	ul#nav-main li a:hover, ul#nav-main li a.active { background:#000; text-decoration:none; }
ul#nav-sec { position:relative; width:585px; }
	ul#nav-sec li { float:left; }
	ul#nav-sec li a { display:block; font-size:1.3em; line-height:2.2em; padding:0 10px; margin:0 0 10px 1px; }
	ul#nav-sec li a:hover, ul#nav-sec li a.active { background:#42949c; color:#fff; text-decoration:none; }

#nav-footer { position:relative; width:auto; float:left; }
	#nav-footer ul { float:left; width:170px; margin-right:15px; }
		#nav-footer li { float:left; }
		#nav-footer li a { display:block; padding:5px 2px; width:168px; border-bottom:1px #fff solid; }
		#nav-footer li a:hover { color:#e38e41; text-decoration:none; }
		#nav-footer li.last a { border-bottom:none; }

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

/* tooltip */

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