@charset "utf-8";

/*
-------------------------------
Possum CSS v 1.0
Designed and developed by: dzDESIGN
Copyright, January 2012.
------------------------------- */

/* blue-#005779; grey-#aeafb0; */

/* Import
------------------------------- */
@import url("reset.css");
@import url("grid.css");
@import url("jquery-orbit.css");
@import url("jquery-fancybox.css");

/* Layout and typography
------------------------------- */
* { font-family:Arial, Helvetica, sans-serif; 
	color:#333; -webkit-font-smoothing:antialiased; }
h2, h3, h4 { color:#005779; text-transform:uppercase; font-weight:normal; 
	text-rendering:optimizeLegibility; line-height:1.25em; letter-spacing:-0.025em;
	margin-bottom:15px; }
h2 { font-size:1.6em; }
h3 { font-size:1.2em; }
h4 { font-size:0.8em; }
p, li, dt, dd, th, td { text-rendering:optimizeLegibility; 
	line-height:1.6em; font-size:0.9em; }
body, select, input, textarea { color:#444; }
strong { font-weight:bold; }
small { font-size:85%; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
img { border:none; }
hr { border:solid #ddd; border-width:1px 0 0; clear:both; margin:12px 0 18px; height:0; }
a { text-decoration:none; outline:none; cursor:pointer; color:#aeafb0; 
	-webkit-transition:color .2s linear; -moz-transition:color .2s linear; 
	-o-transition:color .2s linear; }
a:hover, a:hover strong, a.active { text-decoration:none; color:#333; border-bottom:none; }
ul { list-style: none outside; }
ol { list-style: decimal; }
::-moz-selection { background:#005779; color:#fff; }
::selection { background:#005779; color:#fff; text-shadow:none; }

html { -webkit-font-smoothing:antialiased; height:100%; }

body { background:#f6f6f6; }

	header, section, footer, aside, nav { position:relative; }
	header, #main, footer { padding:0 20px; }
		
	/* Header */
	
	header { height:355px; background:#fff; border-top:6px #005779 solid; }
		body.page header { height:130px; }
		body.sbh header { height:188px; }
		body.frank header { height:169px; }
		
		.search { width:229px; height:165px; background:#005779;
			position:absolute; right:0; top:130px; padding:20px; }
			.search h3, .search p { color:#fff; }
			.search p { font-size:0.8em; padding-left:45px; line-height:1.3;
				background:url(/_gfx/icon-doc.png) no-repeat 0 5px; }
				
		.banner { position:relative; margin:0 -20px 20px -20px; }
		
	/* Main */
	
	#main { background:#fff; }
		body.no-banner #main { padding-top:20px; }
		
		#main p { margin-bottom:15px; }
			#main p a { border-bottom:1px #aeafb0 solid; }
				#main p a:hover { border-bottom:1px #232323 solid; }
			#main p img { float:left; margin:10px 20px 20px 0; }
	
		.primary { padding-bottom:40px; }
					
		/* Asides */
		
		aside { }
		
			.refs {}
				.refs li { margin-bottom:15px; }
					.refs li a { color:#333; }
					.refs li img { float:left; margin-right:10px; }
						
		body.single .primary, body.single aside { padding-top:20px; }
		
		/* Common elements */
			
		ul.listing { margin:15px; }
			ul.listing li { padding:4px 15px 4px 25px; margin:0; height:100%; 
				font-size:0.9em; }
				ul.listing li:before { content:"• "; color:#aeafb0; 
					font-size:2em; margin-left:-30px; }
					
		.cta { text-align:center; float:left; margin-right:30px; }
			#main p.cta a { display:inline-block; color:#005779; font-size:1.2em;
				border-bottom:1px #8cb9cb solid; padding:5px 0; } 
					#main p.cta a:hover { color:#8cb9cb; }
		
		.link-small, #main p a.link-small { font-size:0.75em; color:#005779; padding:3px 0; 
			border-bottom:1px #8cb9cb solid; -webkit-transition:color .2s linear; 
			-moz-transition:color .2s linear; -o-transition:color .2s linear; }
			.link-small:hover, #main p a.link-small:hover { color:#8cb9cb; }
					
		table { width:100%; margin-bottom:30px; }
			table thead { background:#005779; }
			.primary table tbody tr { border-bottom:1px #aeafb0 solid; }
			table th, table th sub { color:#fff; font-size:0.75em; font-weight:normal; }
			table th, table td { font-size:0.8em; text-align:center; padding:5px 10px; vertical-align:middle; }
			table div, table ul.fancybox { padding-top:20px; }
			table ul.fancybox li a { margin:0; }
			table div h3 { text-align:left; }
			
		.hidden { display:none; }
					
	/* Footer */
		
	footer { padding-bottom:40px; }
		
		footer p.copy { text-align:right; }
		footer a.dzdesign, footer a.dzdesign strong { 
			font:bold 1em "Arial Narrow", Arial, Helvetica, sans-serif; }
			footer a.dzdesign { color:#000; border-bottom:none;
				display:inline-block; padding:3px 8px; background:rgba(255,255,255,0.2);
				border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
				footer a.dzdesign:hover { background:rgba(255,255,255,0.7); }
				footer a.dzdesign strong { color:#feac47; font-size:1em; }
				
	/* SBH */
	
	body.sbh { /*background:#000154;*/ }
		body.sbh h2, body.sbh h3, body.sbh h4, body.sbh p a, body.sbh nav.sec li a, 
		body.sbh nav.footer li a, body.sbh nav.footer h3,
		body.sbh #main p a.link-small  { color:#000154; }
		body.sbh #main p a { border-bottom:1px #000154 solid; }
			body.sbh #main p a:hover { border-bottom:1px #999 solid;  }
		body.sbh #main p a.link-small:hover, body.sbh p a:hover, body.sbh nav.sec li a:hover,
		body.sbh nav.sec li a.active, body.sbh nav.footer li a:hover { color:#999; }
		/*body.sbh nav.main li.group a { color:#000154; }
			body.sbh nav.main li.group a:hover, body.sbh nav.main li.group a.active { color:#8cb9cb; }*/
		body.sbh nav.prod li a:hover, body.sbh nav.prod li a.active { background:#ffff00; color:#000154; }
		body.sbh nav.sec, body.sbh nav.footer { background:#ffff00; }
		body.sbh footer p { color:#fff; }
		body.sbh table thead { background:#000154; }
		
	/* Frank */
	
	body.frank {  }
		body.frank h2, body.frank h3, body.frank h4, body.frank p a, body.frank nav.sec li a, 
		body.frank nav.footer li a, body.frank nav.footer h3,
		body.frank #main p a.link-small  { color:#a8191c; }
		body.frank #main p a { border-bottom:1px #ca3015 solid; }
			body.frank #main p a:hover { border-bottom:1px #999 solid;  }
		body.frank #main p a.link-small:hover, body.frank p a:hover, body.frank nav.sec li a:hover,
		body.frank nav.sec li a.active, body.frank nav.footer li a:hover { color:#ccc; }
		/*body.frank nav.main li.group a { color:#000154; }
			body.frank nav.main li.group a:hover, body.frank nav.main li.group a.active { color:#8cb9cb; }*/
		body.frank nav.prod li a:hover, body.frank nav.prod li a.active { background:#ffff00; color:#000154; }
		body.frank nav.sec, body.frank nav.footer { background:#a8191c; }
			body.frank nav.sec li a, body.frank nav.footer li a { color:#fff; }
		body.frank footer p { color:#fff; }
		body.frank table thead { background:#ca3015; }
				
/* Navigation
------------------------------- */

a#home { position:absolute; left:0; top:40px; z-index:9999;
	width:228px; height:46px; text-indent:-9999px;
	background:url(/_gfx/logo.png) no-repeat; 
	-webkit-transition:opacity .2s linear; 
	-moz-transition:opacity .2s linear; 
	-o-transition:opacity .2s linear; }
	a#home:hover { opacity:0.7; }

nav.main li, nav.sec li, nav.footer li { float:left; }	
	nav.main li a, nav.sec li a, nav.prod li a, nav.footer li a { display:block; }
	
nav.main { position:relative; }
	nav.main ul { position:absolute; top:55px; right:0; }
	  nav.main li a { padding:5px; margin-left:5px; 
	  	text-transform:uppercase; font-size:1.05em; }
		nav.main li.group a { color:#005779; }
			nav.main li.group a:hover, nav.main li a.active { color:#8cb9cb; }
		
nav.sec { position:absolute; left:0; top:130px; width:913px; padding:0 10px; }
	nav.sec li { font-size:0.75em; }
		nav.sec li a { text-align:center; text-transform:uppercase; padding:10px 18px; }
					
nav.footer { margin-bottom:20px; padding:20px; background:#005779; margin-left:-20px; }
	nav.footer ul { margin-top:5px; }
		nav.footer ul.first { margin-left:0; }
	nav.footer h3, nav.footer li a { color:#fff; margin:0; }
	nav.footer li a { font-size:0.9em; padding:5px 0; margin-right:15px; }
		nav.footer li:last-child { float:right; }
			nav.footer li:last-child a { margin-right:0; }
	
/* Forms
------------------------------- */

label, input[type=button], input[type=submit], button { cursor: pointer; }
button {  width:auto; overflow:visible; }
input[type="search"] { -webkit-appearance: textfield; }
input, textarea, select { outline:none; padding:7px; border:none;
	border:1px #d3cfc7 solid; font-size:0.8em; }
	input.submit { font-weight:bold; background:#005779; color:#fff; 
		border:none; padding:6px 10px; -webkit-transition:background .2s linear; 
		-moz-transition:background .2s linear; -o-transition:background .2s linear;  }
		input.submit:hover { background:#232323; }

.newsletter {}
	.newsletter input { width:260px; }
		.newsletter input.submit { width:100px; height:34px; line-height:34px; 
			text-transform:uppercase; padding:0; margin-left:-5px; }
	.newsletter .titling { float:left; margin-right:20px; }

#contact-form { margin:0; }
	#contact-form fieldset { border:none; padding:0; }
	#contact-form p.intro { margin-bottom:20px; }
	#contact-form label { display:block; margin-bottom:10px; }
	#main #contact-form p { position:relative; margin-bottom:10px; }
	#contact-form input, #contact-form textarea {
		padding:10px; width:290px; }
		#contact-form input.submit { width:170px; margin-top:10px; 
			text-transform:uppercase; font-size:1em;
			line-height:45px; height:45px; padding:0; }
				
	#contact-form input#captcha { width:30px; margin-right:10px; }
		#contact-form label.captcha { float:left; margin-right:10px; }
		#contact-form span.captcha-message { font-size:0.75em; 
			padding:0; margin:3px 0 0 0; line-height:1.3em; float:left; }
			#contact-form input#captcha { float:left; }
			#contact-form span.captcha-message strong { color:#4c5d60; }
				
	#contact-form label.error, label.error { color:#fff; 
		font-size:0.75em; text-shadow:none; width:130px;
		position:absolute; right:-20px; top:5px; }
	#contact-form input.error, #contact-form textarea .error { 
		background:#be1e2e; border-color:#153a67; color:#fff; }
	#contact-form div.error { display:none; }
	
	#contact-form p.desc { margin:0; }
	#contact-form p.pitanje { margin-top:20px; height:90px; }
	#contact-form .gray * { color: gray; }
	
	p.message, p.message strong { color:#b10d0f; }
	.focusField { border:solid 1px #232323; }
    .idleField { color:#ccc; }
	
/* Misc elements
------------------------------- */

#map { position:relative; width:310px; height:430px; 
	border:1px #958873 solid; margin:20px 0; }

#tooltip { background:#fff; padding:5px; font-size:0.75em; color:#000;
	-moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000;
	display:none; z-index:1000; }
	
ul.fancybox { margin:0 0 0 -20px; padding:0; }
	ul.fancybox li { float:left; margin:0; padding:0; }
		ul.fancybox li a { width:146px; height:155px; margin-left:20px; display:block; text-align:center; font-size:0.8em; }
			ul.fancybox li a img, ul.refs li a img { padding:2px; opacity:1; border:1px #ccc solid;
				-webkit-transition:opacity .2s linear; -moz-transition:opacity .2s linear; 
				-o-transition:opacity .2s linear; }
				ul.fancybox li a:hover img, ul.refs li a:hover img { 
					opacity:0.7; filter:alpha(opacity = 70); }
			ul.fancybox li.last a { margin-right:0; }
	
#cse-search-form .gsc-control-cse { padding:0!important; border:none; background:none; }
	.gsc-control-searchbox-only { padding:0!important; margin:0 0 20px 0!important; }
	.cse form.gsc-search-box, form.gsc-search-box { padding:0!important; }
		.cse input.gsc-input, input.gsc-input { width:170px!important; border:none!important; 
			margin:0!important; padding:0!important; line-height:30px!important; height:30px!important; }
		.cse input.gsc-search-button, input.gsc-search-button { 
			font-size:0.9em!important; background:#8bb9cb!important; border:none!important; text-shadow:none!important;
			border-radius:none!important; margin:0!important; line-height:30px!important; height:30px!important; }
				input.gsc-search-button { border-radius:none; }
	#cse-search-form .gsc-clear-button { display:none; }
	.cse table.gsc-search-box td.gsc-input, table.gsc-search-box td.gsc-input { padding:0!important; }
	
.addthis_toolbox { padding:20px 0; margin-top:30px; border-top:1px #d3cfc7 solid; }
	.addthis_toolbox h3 { display:inline-block; float:left; margin-right:20px; }
	
.reveal-modal-bg { position:fixed; height:100%; width:100%;
	background:#f4f2ee; background:rgba(244,242,238,.4); z-index:1000;
	display:none; top:0; left:0; }
.reveal-modal { visibility:hidden; top:100px; left:27%; width:500px; 
	background:#fff; position:absolute; z-index:1001; text-align:left;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; 
	padding:10px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4); }
	body.kolekcije .reveal-modal { top:-200px; left:70px; width:700px; }
	.reveal-modal.small { width: 200px; margin-left: -140px;}
	.reveal-modal.medium { width: 400px; margin-left: -240px;}
	.reveal-modal.large { width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge { width: 800px; margin-left: -440px;}
	.reveal-modal .close-reveal-modal, .reveal-modal .next-reveal-modal {
		cursor:pointer; font-size:1.1em; }
	.reveal-modal .close-reveal-modal { float:right;
		color:#fff; background:#958873; text-align:center; 
		width:30px; height:30px; line-height:30px; 
		border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;
		-webkit-transition:background .2s linear; -moz-transition:background .2s linear; 
		-o-transition:background .2s linear; }
		.reveal-modal .close-reveal-modal:hover { background:#232323; }
			
dl.tabs { display: block; padding: 0; position:relative; margin-bottom:20px; }
	dl.tabs dd { display: block; width: auto; padding: 0; line-height:1.4em; font-size:0.8em; }
	dl.tabs dd a { display: block; width: auto; padding:10px; margin:0; background:#ffff00; color:#000154; }
	dl.tabs dd a.active { color: #fff; background:#000154; }
	body.frank dl.tabs dd a { background:#ccc; color:#666; }
	body.frank dl.tabs dd a.active { background:#a8191c; color:#fff; }
	
	
	ul.tabs-content { margin: 0; display: block; }
	ul.tabs-content > li { display:none; font-size:1em; }
	ul.tabs-content > li.active { display: block; }
	
	dl.contained, dl.nice.contained { margin-bottom: 0px; }
	dl.contained.tabs dd a { padding: 0px 14px; }
	dl.nice.contained.tabs dd a { padding: 7px 18px 9px; }
	
	ul.contained.tabs-content { padding: 0; }
	ul.contained.tabs-content li { padding: 20px; border: solid 0px #ddd; border-width: 0px 1px 1px 1px; }
	ul.nice.contained.tabs-content li { border-color: #eee; }

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

.fb-like-box iframe { height:100px !important; margin-left:-10px !important; }


/* Media queries
------------------------------- */

@media handheld, only screen and (max-width: 767px) {
	body, p {  font-size: 15px; font-size: 1.5rem; line-height: 1.4; }
	}
@media print {
	 * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
	-ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
	p a, p a:visited { color: #444 !important; text-decoration: underline; }
	p a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
	tr, img { page-break-inside: avoid; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3{ page-break-after: avoid; }
	}