@charset "utf-8";

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

/* font-#4a4a4a; top-#dde4e7; border-#93b2ac; headlines-#116394;  */

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

html, body { height: 100%; }
html { background:url(/_gfx/bckg-html.gif) repeat-x; }
body { margin:0; padding:0; background:#cfe2e9; }
* { font:1em "Lucida Grande", "Lucida Sans", Arial, helvetica, sans-serif; color:#4a4a4a; }
h1, h2, h3 { margin:0; padding:0; line-height:1.2em; font-weight:bold; color:#116394; }
h1 { font-size:2em; }
h2 { font-size:1.8em; }
h3 { font-size:1em; }
img { border:none; }
a { text-decoration:none; outline:none; color:#93b2ac; }
a:hover { text-decoration:underline; text-shadow:#93b2ac 0 0 20px; }
p, dt { margin:0; padding:0; line-height:1.4em; }
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:100%; }

	#top-bar, #header { position:relative; width:100%; }
	#top-bar { height:30px; background:#dde4e7; border-bottom:1px #93b2ac solid; }
	#header { height:338px; background:url(/_gfx/bckg-header.gif) repeat-x; }
	
	#header-inner, #content, #footer { position:relative; width:720px; margin:0 auto; }
		#header-inner { background:url(/_gfx/bckg-header-inner.jpg) no-repeat; 
				height:338px; }
			#title { position:relative; float:right; width:274px; height:110px; margin:190px 10px 0 0; }
			#title h1, #title h2 { display:block; text-indent:-9999px; width:274px; }
			#title h1 { background:url(/_gfx/h1-header-inner.gif) no-repeat; height:60px; }
			#title h2 { background:url(/_gfx/h2-header-inner.gif) no-repeat; height:50px; }
	
	#content { padding:0 35px 25px 35px; width:650px; 
			background:url(/_gfx/bckg-content.gif) repeat-y; }
		#main { position:relative; float:left; width:390px; }
			#content p { font-size:0.9em; }
			.service { margin-top:20px; }
			.service img { float:left; }
			.service h2 { padding-top:15px; }
			#content .service p { font-size:0.75em; line-height:1.6em; margin-top:10px; }
			p.warning { display:block; padding-left:40px; font-weight:bold; height:33px;
					line-height:33px; margin-top:20px; 
					background:url(/_gfx/icon-warning.gif) no-repeat; }
		#sidebar { position:relative; float:right; width:230px; }
			#sidebar h2 { margin-bottom:15px; }
			#sidebar p { font-size:0.75em; line-height:1.6em; }
			p.vcard { margin-top:20px; }
				p.vcard .fn { font-weight:bold; color:#116394; }

#footer { background:url(/_gfx/bckg-footer.gif) repeat-x; padding-top:30px; }
	#footer p { font-size:0.7em; }
		#footer p.copy { padding-left:35px; float:left; }
		#footer p.impress { text-align:right; padding-right:35px; float:right; }
		#footer p.col { width:300px; }
		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:193px; height:157px; right:0; top:10px;
		background:url(/_gfx/logo.gif) no-repeat; z-index:10; }
		
ul#nav-main { position:relative; width:699px; height:48px; list-style:none; }
	ul#nav-main li { float:left; }
	ul#nav-main li a { display:block; text-indent:-9999px; height:48px;
			background:url(/elind/_gfx/nav-main.gif); }
		ul#nav-main li.el-radovi a { background-position:0 0; width:230px; }
			ul#nav-main li.el-radovi a:hover, ul#nav-main li.el-radovi a.active { 
					background-position:0 -48px; }

ul#nav-top { position:relative; width:290px; padding-left:430px; margin:0 auto; }
	ul#nav-top li { float:left; }
		ul#nav-top li a { font-size:0.7em; margin-right:10px; color:#4a4a4a; 
				display:block; line-height:30px; }
		ul#nav-top li.first a { color:#939292; margin-right:20px; }

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

.clear { clear:both; }

#tooltip { position:absolute; border:1px solid #93b2ac; background:#dde4e7; font-size:0.8em;
		padding:2px 5px; color:#4a4a4a; display:none; z-index:1000; }

/* gmap */

#gmap { position:relative; width:678px; border:1px #325974 solid; }
#gmap p { padding:10px; display:block; }