@charset "utf-8";
/*
-------------------------------
Major i partneri CSS v 1.0
Developed by: dzDESIGN, Zagreb
Author: Branko Šabarić
URL: http://www.dz-design.com/
Copyright, March 2010.
------------------------------- */

/* bckg/green-#49531f; dgreen-#1d2209; yellow-#ddb53a; */

/* 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
------------------------------- */

html { background:#49531f url(/_gfx/bckg-html.jpg) repeat-x; }
body { background:url(/_gfx/bckg-body.jpg) no-repeat center 10px; }

* { font:1em "Lucida Sans Unicode", "Lucida Grande", Arial, helvetica, sans-serif; color:#dbdeb8; }
h1 { font-size:1.6em; }
h2 { font-size:1.4em; }
h3 { font-size:1em; }
h4 { font-size:0.9em; }
a { text-decoration:none; outline:none; cursor:pointer; line-height:1.4em; }
a:hover { text-decoration:none; }
p, dt { line-height:1.4em; }
strong { font-weight:bold; }

#wrap { position:relative; width:800px; margin:0 auto; }

	#header, #content { position:relative; width:800px; }
	
	/* Header */
	
	#header { height:150px; }
	
	/* Content */
	
	#main { position:relative; float:left; width:480px; margin:10px; }
		#main p, #main li, #main th, #main td { text-shadow:1px 1px 0 #000; font-size:0.8em; }
		#main p { margin-bottom:20px; }
		#main a { border-bottom:1px #9aa95d dashed; }
			#main a:hover { text-shadow:none; color:#1d2209; border-bottom:1px #1d2209 dashed; }
		#main h2 { display:block; width:480px; height:60px; text-indent:-9999px; 
			background:url(/_gfx/titles-main.gif) no-repeat;
			margin-bottom:20px; }
			#main h2.oruzje { background-position:0 0; }
			#main h2.miniranje { background-position:0 -60px; }
			#main h2.onama { background-position:0 -120px; }
			#main h2.kontakt { background-position:0 -180px; }
		#main h3, #main h4 { color:#20250a; font-weight:bold; text-transform:uppercase; }
		#main h3 { margin-bottom:10px; text-shadow:1px 1px 0 #727d45; }
		#main h4 { margin:10px 0; color:#dfb73b; text-shadow:1px 1px 0 #141805; }
		#main table { width:100%; margin:10px 0 40px 0; }
			#main table th, #main table td { padding:5px; text-align:left;
				border-bottom:1px #6b6e43 solid; }
			#main table th { text-transform:uppercase; font-weight:bold; color:#dfb73b; 
				text-shadow:1px 1px 0 #141805; }
		
		ul.listing { margin:10px 0; }
			ul.listing li { border-bottom:1px #6b6e43 solid; padding:10px 0 10px 30px;
				background:url(/_gfx/icon-listing.gif) no-repeat 0 12px; }
				
		#main .home-content, #main .page-content { position:relative; }
		
		#main .home-content { position:relative; width:480px; padding:30px 0;
			background:url(/_gfx/bckg-cont-border.gif) no-repeat; }
			#main .home-content h3 { display:block; width:130px; float:left; margin-right:20px;
				text-indent:-9999px; height:200px; }
				#main .home-content h3.iskustvo {  
					background:url(/_gfx/title-h3-iskustvo.gif) no-repeat; }
				#main .home-content h3.nudimo { 
					background:url(/_gfx/title-h3-nudimo.gif) no-repeat; }
				#main .home-content ul, #main .home-content p { width:330px; float:right; }
				#main .home-content ul.listing { margin-top:-15px; }
					#main .home-content ul.listing li { padding:20px 0 20px 30px; background-position: 0 23px; }
		
		#main .page-content { float:right; width:330px; }
			#main .page-content img { margin:10px 0; }
		
	#sidebar { position:relative; float:right; width:280px; margin:10px 0; }
		#sidebar h3 { display:block; width:280px; height:20px; 
			text-indent:-9999px; margin-bottom:15px;
			background:url(/_gfx/titles-sidebar.gif) no-repeat; }
			#sidebar h3.video { background-position:0 0; }
			#sidebar h3.linkovi { background-position:0 -40px; }
			#sidebar h3.info { background-position:0 -80px; margin:50px 0 20px 0; }
		#sidebar p { font-size:0.8em; margin-bottom:50px; text-shadow:1px 1px 0 #000; }
		#sidebar a { border-bottom:1px #9aa95d dashed; }
			#sidebar a:hover { text-shadow:none; color:#1d2209; border-bottom:1px #1d2209 dashed; }
		
		#sidebar #video-feature { position:relative; width:280px; height:260px;
			background:url(/_gfx/bckg-sidebar-video.jpg) no-repeat; }
			#sidebar #video-feature a { position:absolute; right:-20px; top:120px;
				text-indent:-9999px; display:block; width:140px; height:30px;
				-webkit-border-radius:7px; -moz-border-radius:7px; border:1px #1c1f07 solid;
				background:#1e240a url(/_gfx/nav-sidebar-video.gif) no-repeat; }
				#sidebar #video-feature a:hover { -webkit-box-shadow:0 0 15px #cdc286; 
					-moz-box-shadow:0 0 15px #cdc286; }
		#sidebar a#sellier-link, #sidebar a#springfield-link, #sidebar a#hls-link, #sidebar a#vilok-link, #sidebar a#orion-link {
			position:relative; width:250px; height:50px; display:block; text-indent:-9999px; border-bottom:none; }
			#sidebar a#sellier-link:hover, #sidebar a#springfield-link:hover, #sidebar a#hls-link:hover,
			#sidebar a#vilok-link:hover, #sidebar a#orion-link:hover { background-position:0 -50px; }
		#sidebar a#sellier-link { background:url(/_gfx/link-sellier.gif) no-repeat;	}
		#sidebar a#springfield-link { background:url(/_gfx/link-springfield.gif) no-repeat;	}
		#sidebar a#hls-link { background:url(/_gfx/link-hls.gif) no-repeat; margin-top:-10px; }
		#sidebar a#vilok-link { background:url(/_gfx/link-vilok.gif) no-repeat; margin-top:-10px; }
		#sidebar a#orion-link { background:url(/_gfx/link-orion.gif) no-repeat; margin-top:-10px; }
					
	/* Footer */
		
	#footer { position:relative; width:100%; height:245px;
		background:url(/_gfx/bckg-footer.gif) repeat-x; }
		#footer .inner { position:relative; width:800px; margin:0 auto; padding-top:24px;
			background:url(/_gfx/bckg-footer-inner.jpg) no-repeat 0 1px; }
		
		#footer p, #footer a { line-height:1.4em; font-size:0.7em; color:#9aa95d; 
			text-align:center; text-shadow:1px 1px 0 #000; }
		#footer strong { color:#fff; } 
		#footer a { font-size:1em; -webkit-border-radius:5px; -moz-border-radius:5px; }
			#footer a:hover { color:#cdc286; text-shadow:none; border-bottom:1px #cdc286 dashed; }
		#footer p.copy { text-align:center; margin-top:30px; text-shadow:none; }
		
		a.dzdesign, #footer a.dzdesign strong { 
				font:bold 1em "Arial Narrow", Arial, Helvetica, sans-serif; }
		#footer a.dzdesign { display:block; padding:5px; width:55px;
				color:#fff; font-size:1em; margin:5px auto; }
			#footer p.copy a.dzdesign:hover { text-decoration:none;
					background-color:#1e240a; border-bottom:none;
					-webkit-box-shadow:0 0 15px #cdc286; -moz-box-shadow:0 0 15px #cdc286; }
			#footer a.dzdesign strong { color:#feac47; }
	
/* Navigation
------------------------------- */

a#home { position:absolute; left:15px; top:35px; z-index:1; 
	width:273px; height:103px; text-indent:-9999px;
	background:url(/_gfx/logo.gif) no-repeat; }

ul#nav-main li, ul#nav-footer li { float:left; }
ul#nav-main li a, ul#nav-sec li a { display:block; }

ul#nav-main { position:absolute; top:50px; right:0; }
	ul#nav-main li a { margin-right:5px; text-indent:-9999px; height:35px; 
		-webkit-border-radius:7px; -moz-border-radius:7px;
		background:url(/_gfx/nav-main.gif) no-repeat; }
		ul#nav-main li a:hover, ul#nav-main li a.active { 
			background-color:#1e240a;
			-webkit-box-shadow:0 0 15px #cdc286; -moz-box-shadow:0 0 15px #cdc286; }
		ul#nav-main li.oruzje a { width:180px; background-position:9px 0; }
			ul#nav-main li.oruzje a:hover, ul#nav-main li.oruzje a.active { 
				background-position:9px -40px; }
		ul#nav-main li.miniranje a { width:110px; background-position:-175px 0; }
			ul#nav-main li.miniranje a:hover, ul#nav-main li.miniranje a.active { 
				background-position:-175px -40px; }
		ul#nav-main li.onama a { width:80px; background-position:-284px 0; }
			ul#nav-main li.onama a:hover, ul#nav-main li.onama a.active { 
				background-position:-284px -40px; }
		ul#nav-main li.kontakt a { width:90px; background-position:-366px 0; }
			ul#nav-main li.kontakt a:hover, ul#nav-main li.kontakt a.active { 
				background-position:-366px -40px; }
	
ul#nav-sec { position:relative; float:left; width:120px; margin-right:20px; display:block; }
	ul#nav-sec li a { width:120px; padding:7px 3px; border-bottom:1px #6b6e43 solid;
		color:#dbdeb8; text-shadow:1px 1px 0 #1d2209; }
		ul#nav-sec li a:hover, ul#nav-sec li a.active { text-shadow:none; color:#1d2209;
			border-bottom:1px #1d2209 dashed; }
	ul#nav-sec li.title { color:#20250a; font-weight:bold; text-transform:uppercase;
		text-shadow:1px 1px 0 #727d45; margin:10px 0; }
			
#footer .inner a.top { position:relative; margin:0 auto; width:44px; height:15px; 
	font-size:0.6em; text-shadow:none; padding-top:12px; text-align:center; display:block;
	background:url(/_gfx/bckg-footer-top.gif) no-repeat; margin-bottom:12px; }
	#footer .inner a.top:hover { border-bottom:none; }
		 
/* Forms
------------------------------- */

#contact-form { width:460px; margin:15px 0; padding:10px; }
	#contact-form p { line-height:18px; margin-bottom:20px; 
		clear:both; height:25px; }
	#contact-form fieldset { border:1px #20250a solid; padding:20px;
		 -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
	#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:#ddb53a; font-size:0.8em; float:right;
				margin:5px 10px 5px 0; }
		#contact-form input.error, #contact-form textarea .error { background:#ddb53a; }
	#contact-form div.error { display:none; }
	#contact-form input { border:1px #20250a solid; height:20px; line-height:20px; 
		font-size:1.1em; float:left; width:260px; color:#20250a; }
		#contact-form input.submit { width:100px; font-size:0.9em; float:right; 
			margin:20px 30px 10px 0; border:none; background:#20250a; color:#ddb53a; 
			height:30px;  border:1px #0a0b02 solid; 
			-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
		#contact-form input.submit:hover { cursor:pointer; 
			-webkit-box-shadow:0 0 15px #cdc286; -moz-box-shadow:0 0 15px #cdc286;}
	#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 #20250a solid; color:#20250a; }
	p.message, p.message strong { color:#c00; }
	#contact-form .focusField { border:solid 2px #20250a; }
    #contact-form .idleField {  }

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

#features { position:relative; width:800px; height:320px; z-index:11; margin-bottom:20px; }
	#features #panes { position:relative; width:494px; height:306px; margin:0; padding:0; }
		#features #panes div { width:494px; height:306px; 
				position:absolute; left:8px; top:22px; display:none; }
	#nav-features { position:absolute; right:15px; top:20px; width:270px; }
		#nav-features li { float:left; }
			#nav-features li a { position:relative; width:250px; height:90px; 
				display:block; padding-bottom:5px; margin:3px 0 8px 0; 
				font-size:0.9em; border-bottom:1px #6b6e43 solid; }
				#nav-features li.last a { border-bottom:none; }
				#nav-features li a img { float:left; margin:5px 10px 0 5px; }
				#nav-features li a p { position:absolute; right:0; top:0; display:block; width:250px; }
				#nav-features li a span { font-size:0.8em; line-height:1.2em; display:block; margin-left:90px;
					color:#20250a; text-shadow:1px 1px 0 #c4be8f; }
					#nav-features span.miniranje, #nav-features span.streljivo, 
					#nav-features span.proizvodnja { 
						width:160px; height:20px; text-indent:-9999px; margin-bottom:5px;
						background:url(/_gfx/title-features.gif) no-repeat; }
						#nav-features span.streljivo { background-position:0 0; }
						#nav-features span.streljivo { background-position:0 -20px; }
						#nav-features span.proizvodnja { background-position:0 -40px; }
				#nav-features li a.current span, #nav-features li a:hover span { 
					text-shadow:none; }
	#featured-projects-bckg { position:absolute; left:0; top:15px; z-index:10;
		width:800px; height:320px; filter:alpha(opacity=30); opacity:0.3; background:#fff; 
		-webkit-box-shadow:0 0 25px #000; -moz-box-shadow:0 0 25px #000; 
		-webkit-border-radius:8px; -moz-border-radius:8px; }

#gmap { position:relative; width:750px; height:400px; margin:10px auto; border:4px #270404 solid; }
	noscript { color:#c00; font-size:0.8em; padding:20px; margin:15px; display:block; }
	#content #main .gmap-marker { padding:0;}
		#content #main .gmap-marker p { font-size:0.7em; line-height:1.2em; color:#000; margin:0; padding:0; }
		#content #main .gmap-marker strong { color:#000; }
		#content #main .gmap-marker img { float:left; }
	#content #gmap div div div .gmnoprint .gmnoprint div div .gmap-marker p, #content #gmap div div div .gmnoprint .gmnoprint div div .gmap-marker strong { color:#270404; text-shadow:none; }
		
#tooltip { padding:5px; display:none; z-index:1000;
	background:#1d2209; font-size:0.7em; color:#ddb53a; border:1px #0a0b02 solid;
	-webkit-box-shadow:0 0 15px #cdc286; -moz-box-shadow:0 0 15px #cdc286;
	-webkit-border-radius:4px; -moz-border-radius:4px; }
	
#video { display:none; }

/* fancybox */

.fancybox { margin:20px 0; width:480px; display:block; }
	.fancybox li { float:left; padding:0 10px; }
		.fancybox li a { display:block; width:220px; color:#ddb53a; margin-bottom:10px; }
			#main .fancybox li a { border-bottom:none; }
			.fancybox li a img { margin-bottom:5px; }
			.fancybox li a span { display:block; padding:5px;  /* -webkit-border-radius:5px; -moz-border-radius:5px;*/ }
				.fancybox li a:hover span { color:#1d2209; 
					/*-webkit-box-shadow:0 0 15px #cdc286; -moz-box-shadow:0 0 15px #cdc286;*/ }
				.fancybox li a.hidden { display:none; }
		.fancybox li.even a { float:right; }
		.fancybox li.odd a { float:left; }