@charset "utf-8";

/*
-------------------------------
Theme Name: Drvopod
Theme URI: http://www.drvopod.hr/
Description: Theme developed for customer website drvopod.hr
Developed by: dzDESIGN, Zagreb
Author: Branko Šabarić
URL: http://www.dz-design.com/
Version: 1.0
Tags: red, black, corporate, product
Copyright, July 2010.
------------------------------- */

/* red-#98040a; */

/* Import
------------------------------- */
@import url("css/typo.css");
@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; }
body { overflow-x:hidden; }
img { border:none; }
ul { list-style:none; }

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

* { font:1em 'DroidSansRegular', Arial, Helvetica, sans-serif; color:#333; }
h2, h3, h4, h2 a, h3 a, h3 span, h2 span { color:#98040a; text-transform:uppercase; font-weight:bold; font-family:'PTSansNarrowBold', 'Arial Narrow', Helvetica, sans-serif; }
h2 span { text-align:center; font-size:1.2em; }
h2 { font-size:1.7em; }
h3 { font-size:1.4em; }
h4 { font-size:1em; }
p, li, dt, dd { line-height:1.6em; font-size:0.8em; }
strong { font-weight:bold; }
img { border:none; }
a { text-decoration:none; outline:none; cursor:pointer; }
a:hover, a:hover strong { text-decoration:none; }
a:active {  }

body { background:#fff url(/wp-content/themes/drvopod/gfx/bckg-body-main.jpg) repeat-x	; }

#wrap { position:relative; width:100%;
	background:url(/wp-content/themes/drvopod/gfx/bckg-body.jpg) no-repeat top center; }
		
	/* Grid */
	.col-1, .col-2, .col-3, .col-4, .col-5 { position:relative; margin-right:20px; float:left; }
	.col-1 { width:105px; }
	.col-2 { width:230px; }
	.col-3 { width:355px; }
	.col-4 { width:480px; }
	.col-5 { width:605px; }
	.col-6 { width:730px; }
	.last { margin-right:0; }
		
	.inner { position:relative; width:770px; margin:0 auto; }
	
	/* Header */
	
	#header { height:100px; }

	/* Content */
	
	#content { min-height:550px; }
		body.single #content, body.page #content, body.error404 #content, 
		body.search #content { padding:20px 0;
			background:#fff url(/wp-content/themes/drvopod/gfx/bckg-single-page.jpg) top center no-repeat; }
		
		#content p, #content h2, #content h3 { text-shadow:#fff 0 1px 0; }
			#content p { margin-bottom:10px; }
			#content h2, #content h3 { margin-bottom:10px; }
			body.page-template-single-corporate-php #main h3, 
			body.page-template-archive-php #main h3 { margin-left:20px; }
			#content #main h2 a { font-size:0.9em; }
			
			#content #main, #content #sidebar { position:relative; float:left; }
				#content #main.product-page { float:right; }
				#content #main h2, #content #main p { margin:10px 20px; }
					#content #main.product-page h2, #content #main.product-page p { margin-left:0; }
					#content #main.product-page h3 { margin-bottom:0; margin-top:20px; }
					#content #main.product-page p { margin:2px 20px 2px 0; }
					#content #main.product-page img.desc { float:right; margin:-23px 0 20px 20px; }
					#content #main.product-page ul { margin:5px 0; }
						#content #main.product-page ul li { padding:2px 0 2px 25px; 
							background:url(/wp-content/themes/drvopod/gfx/bullet.gif) no-repeat 0 5px; }
				#content #main p { font-size:0.9em; }
				#content #main a { border-bottom:1px #000 dotted; }
					#content #main a:hover { border-bottom:1px #98040a dotted; color:#98040a; }
				
				#sidebar {  }
					#sidebar.news ul { margin:20px 0; }
						#sidebar.news ul li a { display:block; color:#000; padding:5px; font-size:1em; 
							border-bottom:1px #98040a solid; }
							#sidebar.news ul li a:hover { background:#98040a; color:#fff; 
								-moz-box-shadow:4px 4px 0 #000; -webkit-box-shadow:4px 4px 0 #000; }
					#sidebar p.cta-info { position:absolute; left:0; top:0; width:198px; height:90px;
						padding:5px 10px 5px 50px; font-weight:bold; font-size:0.8em; line-height:2em;
						background:url(/wp-content/themes/drvopod/gfx/sidebar-time.gif) no-repeat; }
						#sidebar p.cta-info strong { font-size:/*1.7*/1.4em; line-height:1.6em; }
						#sidebar p.cta-info, #sidebar p.cta-info strong, #sidebar p.cta-info a { 
							color:#fff; text-shadow:1px 1px 0 #333; }
							#sidebar p.cta-info a:hover { border-bottom:1px #fff dotted; }
					
					#sidebar p.facebook, #sidebar p.facebook-reset { 
						background:url(/wp-content/themes/drvopod/gfx/icon-facebook.gif) no-repeat; }
					#sidebar p.facebook { margin-top:110px; }
							#sidebar p.facebook a, #sidebar p.facebook-reset a { padding:4px 0 4px 20px; }
								#sidebar p.facebook a:hover span, #sidebar p.facebook-reset a:hover span { 
									border-bottom:1px #98040a dotted; color:#98040a; }
				
			#intro { width:730px; height:340px; padding:20px; margin-bottom:-25px; position:relative;
				background:url(/wp-content/themes/drvopod/gfx/bckg-hp-slider.jpg) no-repeat; }
				#intro a:hover { border-bottom:1px #98040a dotted; }
				#news { padding-top:45px; width:240px; }
					#news h3 { margin-bottom:0; line-height:1.2em; font-size:1.2em;	}
						#news h3.tagline { font-size:2.3em; line-height:1.4em; }
					#news p { margin-top:10px; font-size:0.8em; line-height:1.6em; text-align:right; }
						#news p strong { text-decoration:underline; font-size:1.1em; float:left; text-align:left; }
						#news p span.big { font-size:1.2em; line-height:1em; }
					
					p.cards { margin-top:90px; margin-bottom:0; font-size:0.7em; }
						p.cards img { margin:5px 10px 0 0; }
				
				#slides img { display:none; position:absolute; top:0; left:0; }
				.disabled { visibility:hidden; }
				
		#content table { width:100%/*690px*/; margin:15px 0; }
			#content table.product { margin:15px 15px 15px 0; 	}
			#content table th, #content table td { font-size:0.8em; padding:5px; text-align:left;
				border-bottom:1px #333 dotted; }
			#content table th { font-weight:bold; }
			#content table.s td { font-size:0.7em; }

					
		/* Common elements */
		
		ul.listing { margin:20px; }
			ul.listing li { font-size:0.75em; padding:15px 15px 15px 25px;
				background:url(/_gfx/icon-tick.png) no-repeat 0 15px; border-bottom:1px #ccc dotted; }
		
	/* Footer */
		
	#footer { position:relative; 
		background:#000 url(/wp-content/themes/drvopod/gfx/bckg-footer.gif) repeat-x; }
		#footer .inner { padding-top:130px; padding-bottom:40px;
			background:url(/wp-content/themes/drvopod/gfx/bckg-footer-inner.gif) no-repeat top center; }
		body.home #footer .inner { padding-top:180px; }
		#footer p, #footer a, #footer strong { color:#fff; text-shadow:1px 1px 0 #000;  }
		#footer p, #footer li { font-size:0.75em; }
			#footer h3 { font:1.2em 'PTSansNarrowBold', 'Arial Narrow', Helvetica, sans-serif;
		margin-bottom:10px; text-transform:uppercase; color:#98040a; text-shadow:1px 1px 0 #747474; }
			#footer p.copy { margin-top:15px; }
			#footer a span { color:#fff; padding:3px; }
				#footer a:hover span { border-bottom:1px #fff dotted; }
			
			#footer .working-hours p { padding:0 0 10px 35px; 
				background:url(/wp-content/themes/drvopod/gfx/icon-time.png) no-repeat; }
			
			#footer a.dzdesign, #footer a.dzdesign strong { 
					font:bold 1em "Arial Narrow", Arial, Helvetica, sans-serif; }
			#footer a.dzdesign { color:#fff; display:inline-block; padding:5px; }
				#footer a.dzdesign:hover { color:#ccc; }
				#footer a.dzdesign strong { color:#feac47; }
	
/* Navigation
------------------------------- */

a#home { position:absolute; width:254px; height:78px; left:0; top:10px; z-index:999;
		text-indent:-9999px; background:url(/wp-content/themes/drvopod/gfx/logo.gif) no-repeat; }

a.more { font-weight:bold; }

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

ul#nav-util { top:20px; right:180px; z-index:998; }
	ul#nav-util li { padding:0; margin:0; }
		ul#nav-util li a { font-size:1em; line-height:35px; color:#fff;
				text-shadow:#000 1px 1px 0; margin-right:10px; }
			ul#nav-util li a:hover { color:#ffc4c4; }
			ul#nav-util li.first a { margin-right:20px; }

ul#nav-main { position:absolute; right:0; top:66px; z-index:997; }
	ul#nav-main li {  }
		ul#nav-main li a { margin-right:10px; text-indent:-9999px; height:20px; line-height:20px;
			background:url(/wp-content/themes/drvopod/gfx/nav-main.gif) no-repeat; }
			ul#nav-main li a.proizvodi { width:80px; background-position:0 0; }
				ul#nav-main li a.proizvodi:hover, ul#nav-main li a.proizvodi.active {
					background-position:0 -20px; }
			ul#nav-main li a.pribor { width:60px; background-position:-90px 0; }
				ul#nav-main li a.pribor:hover, ul#nav-main li a.pribor.active {
					background-position:-90px -20px; }
			ul#nav-main li a.gradevinarstvo { width:130px; background-position:-160px 0; }
				ul#nav-main li a.gradevinarstvo:hover, ul#nav-main li a.gradevinarstvo.active {
					background-position:-160px -20px; }
			ul#nav-main li a.janka { width:100px; background-position:-300px 0; }
				ul#nav-main li a.janka:hover, ul#nav-main li a.janka.active {
					background-position:-300px -20px; }
			ul#nav-main li a.galerija { width:70px; background-position:-410px 0; }
				ul#nav-main li a.galerija:hover, ul#nav-main li a.galerija.active {
					background-position:-410px -20px; }

ul#nav-sec { position:relative; margin-left:10px; }
	ul#nav-sec li a { color:#000; padding:10px; font-size:1.2em; border-bottom:1px #98040a solid; }
		ul#nav-sec li a:hover, ul#nav-sec li a.active { background:#98040a; color:#fff; 
		-moz-box-shadow:4px 4px 0 #000; -webkit-box-shadow:4px 4px 0 #000; }

ul.nav-footer {  }
	#footer ul.nav-footer li.title { font:1.2em 'PTSansNarrowBold', 'Arial Narrow', Helvetica, sans-serif;
		margin-bottom:10px; text-transform:uppercase; color:#98040a; text-shadow:1px 1px 0 #747474; }
	#footer ul.nav-footer li { border-bottom:1px #98040a solid; }
		#footer ul.nav-footer li.title, #footer ul.nav-footer li.last { border-bottom:none; }
		ul.nav-footer li a { display:block; padding:7px; }
			ul.nav-footer li a:hover { background:#98040a; color:#fff; }
	
/* Forms
------------------------------- */

#searchform { position:absolute; top:25px; right:10px; }
	#searchform input { width:100px; font-size:0.7em; border:1px #000 solid; padding:3px; }
		#searchform input#searchsubmit { width:50px; font-size:0.7em; padding:3px;
				background:#98040a; color:#fff; border:none;
				-moz-box-shadow:3px 3px 0 #000; -webkit-box-shadow:3px 3px 0 #000; box-shadow:3px 3px 0 #000;  }

#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:#c00; }
	#contact-form .focusField { border:solid 2px #4e4e4e; }
    #contact-form .idleField {  }

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

#gmap { position:relative; width:730px; height:535px /*400px*/; margin:20px; overflow:hidden; }
	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:#000; padding:5px; font-size:0.75em; color:#fff; 
	border:1px #fff solid; display:none; z-index:1000; }
	
ul.fancy { margin:20px 0; padding:0; }
	ul.fancy li { float:left; margin:0; padding:0; }
		ul.fancy li a {  }
			body#page #main ul.fancy li a img { padding:4px; border:none; margin:0; background:#005400; }
				body#page #main ul.fancy li a:hover img { background:#91d491; }
a.fancy { width:105px; height:105px; display:block;}	
	a.fancy:hover { opacity:0.8; }

#content .gallery { margin: auto; overflow: hidden; margin:15px 0 15px 20px; }
	#content #main .gallery a { border-bottom:none; }
	#content .gallery .gallery-item { float: left; text-align: center; margin: 0 10px 10px 0;
		padding: 0; display:block;  width:105px; }
		#content .gallery .gallery-item .gallery-icon { margin: 0; padding: 0;
			display:block; }
		#content .gallery img { border: none;  }
		#content .gallery .gallery-caption { margin: 0; }
		#content .gallery .gallery-description { margin: 0; }
		#content .gallery br.clear { clear: both; height: 0.001px; visibility: hidden; }
				
.coin-slider { position:absolute; top:0; right:0; }
	.cs-buttons { position:absolute; bottom:-5px; right:15px; padding:15px 15px 15px 5px;
		background:#98040a;	-moz-box-shadow:3px 3px 0 #000; -webkit-box-shadow:4px 4px 0 #000; }
		.cs-buttons a { margin-left:10px; height:12px; width:12px; float:left; background:#fff; text-indent:-9999px; }
			#intro .cs-buttons a:hover { border-bottom:none; background:#000; }
		.cs-buttons a.cs-active { background:#000; }
	.cs-prev, .cs-next { background-color:#fff; color:#000; padding:10px 15px; font-size:2em; font-weight:bold; }
		#intro .cs-prev:hover, #intro .cs-next:hover { border-bottom:none; }
		
.stack-slider { width:730px; height:240px; position:relative; margin-top:20px; margin-bottom:-150px; z-index:1000 }
	.stack-slider a.next, .stack-slider a.prev { position:absolute; 
		background-color:#750102; background-repeat:no-repeat; background-position:4px 4px;
		-moz-box-shadow:3px 3px 0 #000; -webkit-box-shadow:4px 4px 0 #000;
	    width:25px; height:25px; top:50%;
		margin-top:-10px; cursor:pointer; outline:none; }
		.stack-slider a.prev:hover, .stack-slider a.next:hover { background-color:#000;
		-moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }
	.stack-slider a.disabled, .stack-slider a.disabled:hover { opacity:0.4;
	    border:1px solid #111; cursor:default; }
	.stack-slider a.prev { left:-50px; 
		background-image:url(/wp-content/themes/drvopod/gfx/prev.png); }
	.stack-slider a.next { right:-50px;
	    background-image:url(/wp-content/themes/drvopod/gfx/next.png); }
	.stack-slider .stack-item { width:208px; height:230px; padding:10px;
		background-color:#750102; border:1px solid #fff;
		position:absolute; top:0px; text-align:center; 
		-moz-box-shadow:0 0 4px #000; -webkit-box-shadow:0 0 4px #000; box-shadow:1px 1px 4px #000; }
		.stack-slider .stack-item:hover {  }
		.stack-slider .stack-item img { border:4px solid #fff; }
		.stack-slider .stack-item div { display:block; margin-top:5px; text-align:left; }
			.stack-slider .stack-item div p { display:block; color:#fff; font-size:0.75em; line-height:1.4em; }
			.stack-slider .stack-item div h2 { color:#fff; font-size:1.2em; }
			#content .stack-slider .stack-item div h2, #content .stack-slider .stack-item div p {
				text-shadow:0 1px 0 #000; }

			.stack-item a.link-more { display:inline-block; font-size:0.7em; padding:10px;
				background:#98040a; color:#fff; float:right;
				-moz-box-shadow:3px 3px 0 #000; -webkit-box-shadow:3px 3px 0 #000; box-shadow:3px 3px 0 #000; }
				.stack-item a.link-more:hover { background:#000; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }

.feature { background:#98040a; padding:5px 10px; }
	.feature h3, .feature p { color:#fff; }
	
.news-home { padding:20px; }

.ribbon { clear:both; background:#98040a; margin:20px 0 30px; }
	.ribbon p { text-align:center; color:#fff; text-transform:uppercase; font-weight:bold; height:50px; line-height:50px; font-size:2em; }