@charset "utf-8";

/*
-------------------------------
Tina Plus CSS v 1.0
Developed by: Branko Šabarić
Author: Branko Šabarić, dzDESIGN
URL: http://www.dz-design.com/
Copyright, July 2011.
------------------------------- */

/* d-blue-#1e2434; red-#d70000; grey-#b0b6c1; */

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

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

* { font:1em Georgia, "Times New Roman", Times, serif; color:#131313; }
h2, h3, h4 { text-rendering:optimizeLegibility; 
	margin-bottom:20px; color:#d70000; font-style:italic; }
h2 { font-size:2.5em; }
h3 { font-size:1.8em; }
h4 { font-size:1em; }
p, li, dt, dd { text-rendering:optimizeLegibility; line-height:1.6em; font-style:italic; }
h2, h3, p, a, li, dt, dd, th, td { text-shadow:1px 1px 0 #fff; }
body, select, input, textarea { color:#444; }
strong, th { font-weight:bold; font-style:italic; }
small { font-size:85%; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
img { border:none; }
a { text-decoration:none; outline:none; cursor:pointer; font-style:inherit; }
a:hover, a:hover strong, a.active { text-decoration:none; color:#b0b6c1;
	-webkit-transition:color .2s linear; -moz-transition:color .2s linear; 
	-o-transition:color .2s linear; }
::-moz-selection { background:#d70000; color:#fff; }
::selection { background:#d70000; color:#fff; text-shadow:none; }

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

body { background:#0a0d15; }

#wrap { background:url(/_gfx/bckg-wrap.png) repeat; }
	
	#wrap, header, #main, footer { width:100%; }
	header, section, footer, aside, nav, #main, .inner { position:relative; } 
	.inner { margin:0 auto; float:none; }
	
	/* Header */
	
	header { height:45px; background-color:#0a0d15; }
		
	/* Main */
	
	#main { background:url(/_gfx/bckg-content.png) repeat-x; padding:20px 0; }
	
		#main .content { position:relative; background:#fff; border:1px #dedede solid; 
			padding:20px; margin-left:-22px; 
			-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
          	-moz-background-clip:padding; -webkit-background-clip:padding-box;
			background-clip:padding-box; }
			
			#slider, .primary p { margin-bottom:10px; }
			.primary a { border-bottom:2px #b0b6c1 solid; padding-bottom:1px; }
			.primary ol { margin:15px 40px; }
				.primary ol li { padding:5px; }
			.content img.banner { margin-bottom:20px; }
			
			#slider { position:relative; }
				#slider p { position:absolute; bottom:40px; right:40px; width:380px;
					text-align:right; font-size:1.3em; }
					
			.primary p.tel, .primary p.fax, .primary p.mob { padding:3px 0 3px 40px; 
				background:url(/_gfx/icon-com.png) no-repeat; }
				.primary p.tel { background-position:0 8px; }
				.primary p.fax { background-position:0 -92px; }
				.primary p.mob { background-position:0 -194px; }
				
			body.kontakt .info { margin-bottom:30px; }
	
			aside { }
				aside h3, aside p, aside form { margin:10px 15px; }
				aside h3 { font-size:1.4em; }
				aside p { font-size:0.75em; }
				
				aside.quick-form, aside.box { background:#e9e8e7;
					-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
					-moz-background-clip:padding; -webkit-background-clip:padding-box;
					background-clip:padding-box; }
					
				aside.pdf, aside.box { background:#fff;
					-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
					-moz-background-clip:padding; -webkit-background-clip:padding-box;
					background-clip:padding-box; }	
					
				.box { padding:10px; margin-bottom:30px; }
				
				p.box { background:#e9e8e7; }
	
			ul.listing { margin:15px; }
				ul.listing li { padding:4px 15px 4px 25px; margin:0; height:100%; 
					font-size:0.8em; }
					ul.listing li li { font-size:0.9em; }
					ul.listing li li li { font-size:1em; }
					ul.listing li:before { content:"— "; color:#d70000; 
						font-size:2em; margin-left:-25px }
						
			ul.rel-links { }
			ul.rel-links li { padding:10px 5px; border-bottom:1px #dddcdc solid; }
				ul.rel-links li a { display:block; border-bottom:none;}
					ul.rel-links li a:after { content:attr(href); float:right; color:#858585; font-style:italic; }
					
			ul.price-list { margin-bottom:20px; }
				ul.price-list li { padding:10px 5px; border-bottom:1px #dddcdc solid; font-size:0.8em; }
					ul.price-list li:last-child { border-bottom:none; }
					ul.price-list li span { display:inline-block; float:right; font-style:italic; font-size:0.9em; color:#858585; }
			
			table { margin:15px 0 20px 0; }
				table th, table td { font-size:0.8em; padding:10px; }
				table thead th { background:#cadcf2; color:#153a67; text-align:left; }
				table tr { border-bottom:1px #cadcf2 solid; }
					table tr.main td { font-weight:bold; }
				table td.zoom-logo { text-indent:-9999px; 
					background:url(/_gfx/logo-s.png) no-repeat 0 10px; }
					
			hr { border-bottom:1px #ccc solid; }
		
	/* Footer */
		
	footer { padding:20px 0 30px 0; background:#0a0d15; }
	
		footer p, footer li { font-size:0.8em; }
			footer p, footer a, footer span { color:#b0b6c1; text-shadow:none; }
			footer a { font-size:1em; }
			footer .lower { padding:0 20px; }
			footer span.tel, footer span.fax { display:inline-block; padding:5px 0 5px 25px; 
				background:url(/_gfx/icon-footer.png) no-repeat; margin-top:5px; }
			footer span.tel { background-position:0 7px; }
			footer span.fax { background-position:0 -80px; }

		footer p.copy { text-align:right; float:right; }
		footer a.dzdesign, footer a.dzdesign strong { 
				font:bold 0.9em "Arial Narrow", Arial, Helvetica, sans-serif; }
		footer a.dzdesign { color:#fff; border-bottom:none;
			display:inline-block; padding:3px 8px; background:rgba(255,255,255,0.1);
			border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
			footer a.dzdesign:hover { background:rgba(255,255,255,0.5); }
			footer a.dzdesign strong { color:#feac47; font-size:1em; }
				
/* Navigation
------------------------------- */

h1 a { font:4.0em "Century Gothic", Arial, Helvetica, sans-serif;color:#d70000; }
	h1 a span { font:0.4em "Century Gothic", Arial, Helvetica, sans-serif; 
		 text-transform:uppercase; margin-left:-15px; }
		h1 a span.tagline { font:0.2em "Century Gothic", Arial, Helvetica, sans-serif;
			display:block; padding:0 40px 0 25px; }
	h1 a:hover { color:#1e2434; }
	
nav.main li, nav.footer li { float:left;}
	nav.main li a, nav.footer li a { display:block; margin-left:25px; } 
		nav.main li a:hover, nav.main li a.active, 
		nav.sec li a:hover, nav.sec li a.active { color:#b0b6c1; }

nav.main { position:absolute; right:20px; top:0; }
	nav.main li a { font-size:1em; color:#fff; line-height:45px; 
		font-style:italic; text-shadow:none; }
		
nav.sec { margin-right:0; }
	nav.sec ul { padding-right:40px; margin:40px 0 0 0; }
		nav.sec li { font-size:0.9em; line-height:1.4em; 
			padding:7px 5px 7px 60px;
			border-top:1px #faf9fa solid; border-bottom:1px #c6c6c6 solid;
			background:url(/_gfx/icon-services.png) no-repeat; }
			nav.sec li:first-child { border-top:none; background-position:0 -290px; }
			nav.sec li:nth-child(2) { background-position:0 15px; }
			nav.sec li:nth-child(3) { background-position:0 -140px; }
			nav.sec li:nth-child(4) { background-position:0 -440px; }
			nav.sec li:last-child { border-bottom:none; background-position:0 -590px; }
			nav.sec li a { display:block; padding:10px 0; 
				font-size:0.8em; color:#d70000; }

nav.footer { border-bottom:1px #1e2434 solid; padding-bottom:20px; margin:0 0 20px 0; }
	nav.footer li a {  }
		nav.footer li a:hover { color:#fff; }
		nav.footer li:last-child { float:right; margin:-20px 15px 0 0; }
			nav.footer li:last-child a { padding:15px 40px; background:#1e2434; }
	
/* Forms
------------------------------- */

label, input[type=button], input[type=submit], button { cursor: pointer; }
button {  width:auto; overflow:visible; }
input[type="search"] { -webkit-appearance: textfield; }
input, textarea { outline:none; }
textarea { resize:none; overflow:auto; }
input::-webkit-input-placeholder, 
textarea::-webkit-input-placeholder { color:#c8c8c8; }

#contact-form { margin:0; }
	#contact-form p { line-height:18px; margin-bottom:20px; 
		clear:both; height:25px; }
		#contact-form p em { font-size:0.8em; line-height:1em; }
	#contact-form fieldset { border:none; padding:0; }
	#contact-form label { width:90px; float:left; text-align:right; 
		margin-right:20px; margin-top:10px; }
		#contact-form label.error, label.error { color:#FC3; 
			font-size:0.75em; float:right; text-shadow:none;
			margin:-50px 10px 5px 0; width:130px; }
		#contact-form input.error, #contact-form textarea .error { 
			background:#b10d0f; border-color:#153a67; color:#fff; }
	#contact-form div.error { display:none; }
	#contact-form input, #contact-form textarea { border:1px solid #fff;
		padding:13px 10px; margin:5px 0; float:left; width:400px;
		-moz-box-shadow:inset 0px 0px 6px #000;
		-webkit-box-shadow:inset 0px 0px 6px #00;
		box-shadow:inset 0px 0px 3px #666; font-style:italic; }
		.quick-form #contact-form input { width:180px; margin:0 0 15px 0; }
		#contact-form input#captcha { width:50px; margin-right:15px; }
		#main #contact-form span.captcha-message em { 
			font-size:0.9em; padding:0; margin:0; line-height:45px; }
		#contact-form input.submit { height:50px; line-height:50px; color:#fff;
			border-radius:2px; display:inline-block; padding:0 30px;
			text-shadow:none; background:#d40000; width:202px; font-size:1.4em;
			border:1px #fff solid; margin:20px 50px 0 80px; float:right;
			-webkit-transition:background .2s linear; 
			-moz-transition:background .2s linear; 
			-o-transition:background .2s linear; }
			.quick-form #contact-form input.submit { 
				margin:10px 0 20px 0; float:left; }
			#contact-form input.submit:hover { background:#b0b6c1;
				-moz-box-shadow:none; -webkit-box-shadow:none; box-shadow: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; }
	#contact-form .focusField { border:solid 1px #c8c8c8; 
		-moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }
    #contact-form .idleField { color:#c8c8c8; }

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

#map { position:relative; width:734px; height:330px; 
	border:1px #dedede solid; margin-bottom:20px; }

#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; padding:0; }
	ul.fancybox li { float:left; margin:0; padding:0; }
		ul.fancybox li a { width:135px; height:123px; margin:0 20px 20px 0; display:block; text-align:center; }
			ul.fancybox li a img { padding:2px; background:#fff; opacity:1;
				-webkit-transition:opacity .2s linear; -moz-transition:opacity .2s linear; 
				-o-transition:opacity .2s linear; }
				ul.fancybox li a:hover img { opacity:0.7; filter:alpha(opacity = 70);
					-webkit-box-shadow:0 0 20px #666; -moz-box-shadow:0 0 20px #666; 
					box-shadow:0 0 20px #666; }
			ul.fancybox li.last a { margin-right:0; }

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


#check {display:none!important}