@charset "utf-8";

/*
-------------------------------
Barke Bonom CSS v 1.0
Developed by: dzDESIGN, Zagreb
Author: Branko Šabarić
URL: http://www.dz-design.com/
Copyright, March 2010.
------------------------------- */

/* body/dblue-#051e55----old-051e55----; highlight/lblue-#8da9c7; silver-#767c83; */

/* Import
------------------------------- */
@import url("/_css/jquery-fancybox.css");

/* Reset
------------------------------- */

html, body { height:100%; }
body, h1, h2, h3, h4, p, dl, dt, dd, ul, li { margin:0; padding:0; }
img { border:none; }
ul { list-style:none; }

/* Layout and typography
------------------------------- */

* { font:1em "Book Antiqua", Georgia, "Times New Roman", Times, serif; color:#051e55; }
h1, h2, h3, h4, h4 a { color:#f67f25/*aba8a8*/; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; }
ul#nav-main li a, ul#nav-sec li a, ul.tabs li a, ul.tabs-page li a, ul.listing li, ul.listing li strong { 
	font-family:Arial, Helvetica, sans-serif; }
h1 { font-size:1.8em; }
h2 { font-size:1.6em; }
h3 { font-size:1em; }
h4 { font-size:0.8em; font-weight:bold; }
p, li, dt, dd { line-height:1.6em; font-size:0.9em; }
strong { font-weight:bold; }
a { text-decoration:none; outline:none; cursor:pointer; color:#888; }
a:hover { text-decoration:none; border-bottom:2px #8da9c7 solid; color:#8da9c7; }

body { background:#fff url(/_gfx/bckg-body.gif) no-repeat top center; }

#wrap { position:relative; width:100%; }

	#header, #content, #footer { position:relative; margin:0 auto; width:1000px; }

	/* Header */
	
	#header { padding-top:110px; }
		body#home #header {  }
		#header img { border-top:1px #767c83 solid; }
		#header h2.titling { position:absolute; left:220px; top:170px; padding:5px;
			font-size:4em; text-shadow:1px 1px 0 #051e55; color:#aba8a8; line-height:1em; }
	
		#slides { position:relative; width:1000px; height:350px; margin:0 auto; overflow:hidden; }
			#slides img { position:absolute; left:0; top:0; display:none; }

	/* Content */
	
	#content { padding:30px 40px; width:920px; }
	
		#content #main, #content #sidebar { position:relative; float:left; }
		
		/* Main content */
		
		#content #main { width:580px; margin-right:20px; }
			#content #main.full { width:912px; margin-right:0; }
			#content #main h2, #content #main h3 { margin-bottom:20px; }
				#content #main.hp h2 { font-size:2.6em; color:#aba8a8; }
				#content #main h3.titling { color:#aba8a8; font-size:2em; margin-bottom:20px; }
			#content #main p { margin-bottom:20px; font-size:1em; }
			#content #main img { margin:0; }
			
			#content #main.items, #content #main.items-row { width:920px; }
				
				#content #main.items div { position:relative; float:left; }
					#content #main.items .last { margin-right:0; }
					#content #main.items h3 { margin-bottom:10px; font-size:0.9em; }
					#content #main.items p { margin:0; font-size:0.8em; }
					#content #main.items div {  }
					#content #main.items div a { display:block; width:200px; height:100px;
						padding:20px 20px 20px 60px; margin:0 25px 20px 0;
						border-bottom:1px #999 dotted; }
						#content #main.items div a.pdf { 
							background:url(/_gfx/icon-pdf.png) no-repeat 0 20px; }
						#content #main.items div a.video { 
							background:url(/_gfx/icon-tv.png) no-repeat 0 20px; }
						#content #main.items div a.mp3 { 
							background:url(/_gfx/icon-sound.png) no-repeat 0 20px; }
						
						#content #main.items div.gallery div { width:290px; height:150px; margin:0 20px 0 0; }
							#content #main.items div.gallery div a { height:110px; }
							#content #main.items div.gallery .last { margin:0; }
						#content #main.items div.gallery a { padding:20px 0; width:290px; }
							#content #main.items div.gallery a img { margin:0 10px 10px 0; float:left; }
							
						 #content #main.items .col { display:block; width:280px; height:100px;
							padding:0; margin:0 25px 20px 0; }
							#content #main.items .col p { line-height:1.6em; font-size:0.9em; }
							
					#content #main.items div a:hover { border-color:#051e55; }
						#content #main.items div a:hover h3 { color:#051e55; }
				#content #main.items-row div {}
					#content #main.items-row img { float:left; margin:0 20px 80px 0; }
					#content #main.items-row h3 { margin-bottom:10px; }
						#content #main.items-row a:hover h3 { color:#051e55; }
					#content #main.items-row .suradnici img { margin-bottom:80px; }
						#content #main.items-row .suradnici img.no-margin { margin-bottom:10px; }
			
			#content span.hidden { display:none; }
			
			.panels { position:relative; margin-bottom:20px; }
				.panels div { display:none; }
				
				#content #main .article p img { float:left; margin:10px 20px 20px 0; }
					#content #main .article p img.alt { float:right; margin:10px 0 20px 20px; }
				
			#content #main div.poznati img { margin:0 0 20px 140px;  }
			
			#video { display:none; }
			
			.gallery-list li { float:left; margin:0 80px 40px 0; }
				.gallery-list li.last { margin-right:0; }
			.gallery-list-short { }
				.gallery-list-short li { margin-right:40px; }
				
			.column { position:relative; width:400px; float:left; padding:10px 30px; }
		
		/* Sidebar */
		
		#content #sidebar { width:292px; float:right; }
			#sidebar h3, #sidebar h4 { margin:10px 0; }
				#sidebar.news { border-bottom:1px #051e55 solid; }
					#sidebar.news .highlight { background:#c5ccd9; display:block; }
						#sidebar.news .highlight p { border-bottom:1px #051e55 solid; padding-bottom:10px; }
				#sidebar.news h4 { border-top:1px #051e55 solid; display:block; padding:10px 5px 0 5px; font-size:1.2em; margin-bottom:20px; }
					#sidebar.news h4.no-border { border-top:none; padding-top:0; }
				#sidebar.news p { margin-bottom:10px; padding:0 5px; }
				#sidebar.news p, #sidebar.news li { font-size:1em; }
			#sidebar p { margin-bottom:20px; }
			#content #sidebar.contact { padding-top:40px; background:url(/_gfx/logo-sidebar.gif) no-repeat }
				#content #sidebar.contact p { padding-right:80px; margin-top:20px; text-align:right }
			#sidebar ul.docs { margin-bottom:50px; }
				#sidebar ul.docs li a { font:0.8em Arial, Helvetica, sans-serif; text-transform:uppercase;
					color:#051e55; text-shadow:1px 1px 0 #ccc; 
					background:url(/_gfx/icon-pdf.png) no-repeat;
					padding:8px 0 8px 40px; margin:10px 0; display:block; height:100%; }
					#sidebar ul.docs li a:hover { color:#8da9c7; border-bottom:none; }
				
				#main.full ul.docs { height:50px; width:260px; float:right; }
					#main.full ul.docs li { padding-top:10px; border-top:1px #051e55 solid; }
					#main.full ul.docs li a { 
						font:0.8em Arial, Helvetica, sans-serif; text-transform:uppercase;
						color:#051e55; text-shadow:1px 1px 0 #ccc; 
						background:url(/_gfx/icon-pdf.png) no-repeat;
						padding:10px 0 10px 40px; margin:10px 0; display:block; height:100%; }
						#main.full ul.docs li a:hover { color:#8da9c7; border-bottom:none; }
						
			.projekti { background:#e5e5e5;	padding:5px 0; margin-bottom:30px; }
				.projekti ul { margin:10px; }
					.projekti li { margin:5px 0; padding-left:20px; line-height:1.4em;
						background:url(/_gfx/bullet.png) no-repeat 0 8px; }
				span.bonom, span.spruce { display:inline-block; height:50px; }
				span.bonom { background:url(/_gfx/logo-bonom.png) no-repeat;  width:140px; margin-left:20px; }
				span.spruce { background:url(/_gfx/logo-spruce.png) no-repeat; width:100px; }
				#sidebar.news p.no-margin { margin:0; padding:0; }
				#sidebar.news p.project-alaska, #sidebar.news p.project-spruce { position:relative; margin-bottom:20px; }
					#sidebar.news p.project-alaska a { position:absolute; left:10px; top:140px; width:140px; height:50px; }
					#sidebar.news p.project-spruce a { position:absolute; right:10px; top:15px; width:85px; height:40px; }
					#sidebar.news p.project-alaska a:hover, #sidebar.news p.project-spruce a:hover {
						border-bottom:none; }
			
		/* Common elements */
		
		ul.listing { margin:20px 0 50px 0; }
			ul.listing li { display:block; padding:5px 0; font-size:0.8em;
				border-bottom:1px #051e55 solid; }
			ul.listing li strong { float:right; text-align:right; } 
					
	/* Footer */
		
	#footer { border-top:1px #051e55 solid; padding-bottom:30px; margin-top:30px; }
		#footer p, #footer a { line-height:1.6em; }
		#footer p { font-size:0.9em; /*text-shadow:#767c83 1px 1px 0;*/ }
		#footer a { font-size:1em; text-shadow:none; }
		#footer p.copy { margin:20px 0; color:#051e55; text-align:center; }
			#footer a.dzdesign, #footer a.dzdesign strong { 
					font:bold 0.9em "Arial Narrow", Arial, Helvetica, sans-serif; }
			a.dzdesign { color:#000; display:inline-block; padding:5px; }
				a.dzdesign:hover { background-color:#fff; color:#000; border-bottom:none; }
				a.dzdesign strong { color:#feac47; }
	
/* Navigation
------------------------------- */

a#home { position:absolute; width:322px; height:41px; left:345px; top:33px; z-index:999;
		text-indent:-9999px; background:url(/_gfx/logo.gif) no-repeat; }
	a#home:hover { border-bottom:none; }

ul#nav-main li a, ul#nav-sec li a, ul.tabs li a, ul.tabs-page li a { display:block;
		color:#051e55; text-transform:uppercase; text-shadow:1px 1px 0 #ccc; }
	ul#nav-main li a:hover, ul#nav-main li a.active, 
	ul#nav-sec li a:hover, ul#nav-sec li a.active,
	ul.tabs li a:hover, ul.tabs li a.current,
	ul.tabs-page li a:hover, ul.tabs-page li a.current { color:#f67f25;/*8da9c7*/ border-bottom:none; }
			
ul#nav-main { position:absolute; left:40px; top:110px; width:125px; height:340px; padding:0 10px; z-index:99;
	border-right:1px #767c83 solid; border-left:1px #767c83 solid;
	border-bottom:1px #767c83 solid; z-index:99; }
	ul#nav-main li a { display:inline-block; padding:7px 0; }
		ul#nav-main li.brand a { font-weight:bold; }
		ul#nav-main li.new a { /*color:#f67f25;*/ }
	#nav-main-bckg { position:absolute; left:41px; top:110px; width:146px; height:340px; z-index:98; 
		background:#fff; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
	ul#nav-main ul#lang { position:absolute; left:10px; top:-20px; }
		ul#nav-main ul#lang li { float:left; }
			ul#nav-main ul#lang li a { text-indent:-9999px; width:16px; height:11px; margin-right:10px; }
				ul#nav-main ul#lang li.hr a { background:url(/_gfx/hr.gif) no-repeat; }
				ul#nav-main ul#lang li.slo a { background:url(/_gfx/si.gif) no-repeat; }
				ul#nav-main ul#lang li.en a { background:url(/_gfx/gb.gif) no-repeat; }
				ul#nav-main ul#lang li.cz a { background:url(/_gfx/cz.gif) no-repeat; }

ul#social { position:absolute; right:10px; top:80px; }
	ul#social li.facebook a { padding-left:20px; height:100%; background:url(/_gfx/icon-face.png) no-repeat; display:block; }

ul#nav-sec { position:absolute; left:220px; top:130px; padding:5px; height:40px; z-index:100; }
	ul#nav-sec li { float:left; }
		ul#nav-sec li a { font-size:0.9em; padding:5px 0; margin-right:10px; color:#8da9c7; text-shadow:1px 1px 0 #000; }
		ul#nav-sec.small li a { font-size:0.8em;}
		
ul.tabs { position:absolute; left:220px; top:581px; height:30px; background:#fff/*203449*/; }
	body.s-header ul.tabs { top:431px; }
	ul.tabs li { float:left; }
		ul.tabs li a { font-size:0.8em; padding:7px; }
		.tab-no { position:absolute; left:572px; top:581px; height:30px; 
			background:#fff; font-size:0.8em; padding:6px 7px; }
			body.s-header.en .tab-no { left:456px; }
			body.s-header .tab-no { top:431px; left:415px; }
			#wrap.extended .tab-no { left:700px; }
			.tab-no a { font:0.9em Arial, Helvetica, sans-serif; text-transform:uppercase;
				color:#051e55; text-shadow:1px 1px 0 #ccc; }
				.tab-no a:hover { color:#8da9c7; border-bottom:none; }
			.upper { position:absolute; left:572px; top:430px; }
		
ul.tabs-page { position:absolute; left:220px; top:435px; height:30px; background:#fff/*203449*/; }
	ul.tabs-page li { float:left; }
		ul.tabs-page li a { font-size:0.8em; padding:7px; }
					
/* Forms
------------------------------- */

#contact-form { width:560px; margin:15px 0; padding:10px; }
	#contact-form p { line-height:18px; margin-bottom:20px; 
		clear:both; height:25px; }
	#contact-form fieldset { border:1px #cdcdcd solid; padding:20px; }
	#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:#4e4e4e; font-size:0.8em; float:right;
				margin:5px 10px 5px 0; }
		#contact-form input.error, #contact-form textarea .error { background:#cdcdcd; }
	#contact-form div.error { display:none; }
	#contact-form input { border:1px #cdcdcd solid; height:20px; line-height:20px; 
		font-size:1.1em; float:left; width:260px; }
		#contact-form input.submit { width:100px; font-size:0.9em; float:right; 
			margin:20px 30px 10px 0; border:none; background:#cdcdcd; color:#4e4e4e; }
		#contact-form input.submit:hover { background:#4e4e4e; color:#fff; 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:none; border:1px #cdcdcd solid; }
	p.message, p.message strong { color:#f67f25; }
	#contact-form .focusField { border:solid 2px #4e4e4e; }
    #contact-form .idleField {  }


/* Misc elements
------------------------------- */

#gmap { position:relative; width:718px; height:400px; margin-bottom:20px; border:1px #000 solid; }
	small { font-size:0.7em; }
	noscript { color:#c00; }
	.gmap-marker { width:auto; height:70px; }
		.gmap-marker p { font-size:0.8em; line-height:1.2em; }
		.gmap-marker img { float:left; margin:0 15px 15px 0; clear:left; }

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

.meerkat-cont { width:100%; margin:20px auto; }
.meerkat { display:none; padding:20px; border-top:4px #051e55 solid; }
	.meerkat .nav { text-align:center; clear:both;height:80px; }
	.meerkat img { float:right; margin:20px 0 20px 20px; }
	.meerkat h3 { margin-bottom:15px; }
	.meerkat a { display:inline-block; padding:10px; margin-left:10px; }
		
.clearfix:after { visibility:hidden; display:block; font-size:0;
	content:" "; clear: both; height: 0; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */