@charset "utf-8";

/* Stilovi za ZAC - Osnovni v 1.0  */
/* Izrada: DZ Design, Zagreb - Sva prava pridržana, travanj 2009. */

/* text-#444; headings-#637e13; dark-green-#172304  */

/* ++++++++++ RESET ++++++++++ */

body { margin:0; padding:0; background:#fff url(/_gfx/bckg-body.jpg) repeat-x top center }
* { font:11px "Lucida Grande", "Lucida Sans Unicode", Arial, helvetica, sans-serif; color:#444 }
h1, h2, h3 { margin:0; padding:0; line-height:1.2em; font-weight:bold; color:#637e13 }
h1 { font-size:2.5em; }
h2 { font-size:1.5em; }
h3 { font-size:1.4em; }
img { border:none }
a { text-decoration:none; font-size:1.1em }
a:hover { text-decoration:underline }
p { margin:0; padding:0; }
p, strong { font-size:1.2em; line-height:1.8em; }
strong { font-weight:bold; }
ul { list-style:none; margin:0; padding:0 }
ul li { margin:0; padding:0 }
dl, dd { margin:0; padding:0 }
.clear { clear:both }

/* ++++++++++ LAYOUT AND FORMATTING ++++++++++ */

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

#header { height:205px; background:url(/_gfx/bckg-header.jpg) no-repeat; z-index:500px }

#content { background:url(/_gfx/bckg-content.jpg) no-repeat; }
#content #inner { position:relative; width:822px; background:#fff; margin:0 100px; padding:0 39px 39px 39px }
#fader { position:relative; border:1px #637e13 solid; width:820px; height:200px; overflow:hidden;
	margin-bottom:18px; }
#groups { position:relative; }
#groups div { width:262px; float:left; margin-right:18px; }
#groups div.last { margin-right:0; }
#groups a img { padding:1px; background:#637e13; margin-bottom:10px; }
#groups a:hover img { background:#172304; }
#groups h3 { font-weight:normal }
#main { position:relative; float:left; width:540px; }
#main h1 { margin-top:20px; }
#main.page h1 { margin:0 }
#main p { margin:20px 0; }

#main ul.product-list { margin:30px 0; padding:0 }
#main ul.product-list li, #main ul.reference-list li { float:left; }
#main ul.product-list li a { width:162px; display:block; margin:8px 13px 8px 0; padding:2px; }
#main ul.product-list img { border:1px #637e13 solid; margin-bottom:5px; 
		display:block; width:160px; height:107px; }
#main ul.product-list li a p { padding:0 3px }
#main ul.product-list li a p, #main ul.product-list li a strong { font-size:1em; margin:0;  }
#main ul.product-list li a:hover p, #main ul.product-list li a:hover strong { color:#fff }
#main ul.product-list li a:hover, #main ul.reference-list li a:hover { 
		text-decoration:none; background:#637e13;  }
#main ul.reference-list { margin:10px 0; padding:0 }
#main ul.reference-list li a { width:252px; padding:2px; margin:10px 20px 10px 0; display:block; }
#main ul.reference-list li.last a { margin-right:0; }
#main ul.reference-list img { border:1px #637e13 solid; display:block; width:250px; height:160px; }

#main #ponuda { position:relative; margin:20px 0; }
	#main #ponuda div { position:relative; width:262px; float:left; display:block; margin:0 15px 15px 0; }
		#main #ponuda div.last { margin-right:0; }
		#main #ponuda div p { margin:5px 0; text-align:center; }
		#main #ponuda div img { border:1px #637e13 solid; } 

#gmap { width:538px; border:1px #637e13 solid; margin:10px 0 30px 0; }
#gmap p { font-size:1em; line-height:1.6em; padding:10px; margin:0; }

#sidebar { position:relative; float:right; width:260px;  }
#sidebar #info { display:block; width:180px; background:url(/_gfx/bckg-info.jpg) no-repeat; padding:40px; margin-top:10px; }
#sidebar #info p { font-size:1.1em; line-height:1.6em; }
#sidebar #info h3 { margin:0 0 30px 45px; font-size:1.4em; }

#footer { width:920px; height:150px; background:url(/_gfx/bckg-footer.jpg) no-repeat; padding:35px 90px 0 90px; }

#impress { position:relative; float:right; width:auto; padding-right:90px; }
#impress p { color:#172304; text-align:right; font-size:1em; }
#impress a.dzdesign, #impress a.dzdesign strong { font:bold 1em Arial, Helvetica, sans-serif; }
#impress a.dzdesign { color:#000; }
#impress a.dzdesign strong { color:#ffcc00; }

/* +++++++++ NAVIGATION ++++++++ */

a#home { position:absolute; width:165px; height:181px; left:465px; top:0; z-index:999;
		background:url(/_gfx/bckg-nav-home.jpg) no-repeat;
		border-bottom:2px #fff solid; border-left:2px #fff solid; border-right:2px #fff solid; }

ul#nav-main { position:absolute; bottom:39px; left:224px; height:50px }
ul#nav-main li { float:left }
ul#nav-main li a { display:block; height:32px; width:119px; margin-right:1px; text-transform:uppercase; color:#fff; font-size:1.2em;
		border-top:2px #fff solid; background:url(/_gfx/bckg-nav-main.jpg) repeat-x; padding-top:15px; text-align:center; }
ul#nav-main li a.first { border-left:2px #fff solid; }
ul#nav-main li a.middle { margin-right:169px }
ul#nav-main li a.last { border-right:2px #fff solid; }
ul#nav-main li a:hover, ul#nav-main li a.active { background:#172304; text-decoration:none }

ul#nav-main-level-2 { margin-bottom:10px; padding-bottom:10px; border-bottom:1px #172304 solid; 
		height:20px; text-align:center; }
ul#nav-main-level-2 li { display:inline; margin-right:10px; text-transform:uppercase;font-size:1.1em; }
ul#nav-main-level-2 li a { padding:5px }
ul#nav-main-level-2 li a:hover { background:#637e13; color:#fff; text-decoration:none; } 
ul#nav-main-level-2 li a.active { background:#172304; color:#fff; } 

#nav-sec { position:relative; float:right; width:260px; }
#nav-sec li { float:left; }
#nav-sec li a { display:block; width:250px; padding:10px 5px; font-size:1.2em;
		border-bottom:1px #172304 solid; }
#nav-sec li a:hover { background:#637e13; color:#fff; text-decoration:none; }
#nav-sec li a.active { background:#172304; color:#fff; }
#nav-sec li.last a { border-bottom:none; }

#nav-footer { position:relative; width:auto; float:left; padding-left:80px; }
#nav-footer li { float:left; }
#nav-footer li, #nav-footer li a { color:#172304; display:block; padding:0 2px; font-size:1em; line-height:1.8em }
#nav-footer li a.first { color:#637e13; padding:0; }

/* ++++++++ MISC ELEMENTS ++++++++ */

/* tooltip */

#tooltip { position:absolute; border:1px solid #fff; background:#172304; padding:2px 5px; color:#fff; display:none; z-index:1000 }

/* slider */

#slider { float:right; margin:0 35px 0 60px!important; margin:0 20px 0 60px; }	
#slider-gallery { width:auto; margin:0 auto }
#slider li { width:285px; height:408px; overflow:hidden; }
#slider-gallery li { width:508px; height:508px; overflow:hidden; }
#slider li img, #slider-gallery li img { float:none; margin:0 }
#prevBtn, #nextBtn { display:block; width:30px; height:77px; position:absolute; top:71px; }
#prevBtn a, #nextBtn a { display:block; width:60px; height:50px; text-indent:-9999px; overflow:hidden; }
#prevBtn a { background:url(/_gfx/btn-prev.gif) no-repeat }
#nextBtn a { background:url(/_gfx/btn-next.gif) no-repeat }
#prevBtn { right:348px!important; right:326px; }
#nextBtn { right:40px!important; right:10px; }
#content.gallery #prevBtn { left:50px; }
#content.gallery #nextBtn { right:80px!important; right:50px; }
/* #slider-gallery li p { position:absolute; top:0; left:100px; color:#000 } */