@import url(reset.css);

html, body {height: 100%;}
body {background:url(../img/bgr.jpg) left top repeat-x #d28e35;}
p.dvadeset-godina {position:absolute; right:0; top:0; width:171px; height:171px; text-indent:-9999px; background:url(../img/traka.png) 0 0 no-repeat; z-index:1000;}
#container {position: relative; min-height: 100%; height: 100%; voice-family: "\"}\""; voice-family: inherit; height: auto;}
	html>body #container {height: auto;}
	#wrap {padding-bottom: 80px;}

	#wrap {width:964px; margin:auto;}
	
		/* TOP
		------------------------------------------------------------------- */
		#topSegment {width:964px; height:91px; background:url(../img/top-bgr.jpg) left top no-repeat;}
			#topSegment h1 {float:left; width:158px; padding:14px 0 0 23px; height:64px;}
				#topSegment h1 a {display:block; width:158px; height:64px; background:url(../img/logo.gif) 0 0 no-repeat; text-indent:-100000px;}
			
				
			.rightTop {float:right; width:auto; padding:15px 21px 0 0; position:relative; width:750px;}
				.rightTop fieldset { float:right; overflow:visible !important; overflow:hidden; margin-bottom:0px !important; margin-bottom:9px; width:249px; height:19px; padding-right:21px; background:url(../img/search-bgr.gif) 0 0 no-repeat;}
					td.gsc-input {width:200px; float:left; background:none !important; font-size:11px; padding:3px 7px 0 7px; color:#999;}
						td.gsc-search-button {width:14px !important; height:14px !important; padding:0px !important; background:none !important; vertical-align:top !important; margin:0px !important;  }
							.rightTop fieldset  span input { width:164px; height:14px; background:none; font-size:12px; color:#424242;}
							.rightTop fieldset  input.gsc-search-button { width:14px; height:14px; background:url(../img/search-button.gif) top left; cursor:pointer; float:left; margin-top:4px !important; }
							td.gsc-clear-button {width:21px !important; height:22px !important; padding:0px !important; margin:0px !important; background:url(../img/search-close.jpg) top left no-repeat !important; overflow:hidden;}

				
				a.top-facebook {
					position:absolute; top:9px; right:2px;
					}
				ul#mainNav {float:right; width:545px; clear:both; padding-top:16px !important; padding-top:7px;}
					ul#mainNav  li {float:left; list-style-type:none;}
						ul#mainNav  li a {float:left; display:block; height:41px; text-indent:-9999px; width:101px;}
							ul#mainNav  li a.navHome {background-image:url(../img/nav-home.jpg); width:101px;}
							ul#mainNav  li a.navProducts {background-image:url(../img/nav-products.jpg); width:100px;}
							ul#mainNav  li a.navAdvices {background-image:url(../img/nav-advices.jpg); width:81px;}
							ul#mainNav  li a.navNews {background-image:url(../img/nav-news.jpg); width:89px;}
							ul#mainNav  li a.navAbout {background-image:url(../img/nav-about.jpg); width:81px;}
							ul#mainNav  li a.navJobs {background-image:url(../img/nav-jobs.jpg); width:75px;}
							ul#mainNav  li a.navContact {background-image:url(../img/nav-contact.jpg); width:92px;}
							
							ul#mainNav  li a:hover, ul#mainNav  li a.activeNav {background-position:0 -41px;}
							ul#mainNav  li a.activeProd, ul#mainNav  li a.activeProd:hover {background-position:0 -82px;}
				
				#subNavHolder { width:964px; height:32px; overflow:hidden; }			
					ul#subnav {float:right; margin-right:145px; height:32px; list-style-type:none;}
					* html ul#subnav {margin-right:73px;}
						ul#subnav li {float:left; width:auto; height:32px; line-height:28px; text-transform:uppercase; background:url(../img/submenu-bgr.gif) left top repeat-x; }
							ul#subnav li.leftSubnavBgr {width:10px; background:url(../img/submenu-left-bgr.gif) 0 0 no-repeat;}
							ul#subnav li.rightSubnavBgr {width:10px; background:url(../img/submenu-right-bgr.gif) 0 0 no-repeat;}
								ul#subnav li a {text-indent:0; font-size:10px; padding:0 10px; color:#c0c0c0;}
									ul#subnav li a:hover, ul#subnav li a.activeSubnav {color:#fff; text-decoration:none;}

		/* HOME PAGE
		------------------------------------------------------------------- */
		#homeContent {width:964px; padding:18px 0 30px 0; }
			#homeHeader {width:964px; height:350px; background:url(../img/main-header-bgr.png) 0 0 no-repeat; position:relative;}
				
				#headerNav {position:absolute; top:290px; left:20px; width:435px; padding:2px 0 0 39px; height:39px; background:url(../img/header-nav.png) 0 0 no-repeat; z-index:1000;}
				#headerNav a {width:132px; display:block; float:left; height:35px; text-indent:-9999px;}
					#headerNav a.activeSlide {background:#000; opacity:0.1; filter:alpha(opacity=10); -moz-opacity:.10;}
					
				.nav {position:absolute; top:0; left:0; z-index:101;}
					.nav a {position:absolute; top:303px; display:block; width:9px; height:14px; line-height:14px; text-indent:-9999px; z-index:200;}
						.nav a#next {background-image:url(../img/header-arrow-r.gif); left:470px;} 
						.nav a#prev {background-image:url(../img/header-arrow-l.gif); left:37px;}
							.nav a:hover {background-position:0 -38px;}
							
			#homeBoxes {width:964px; height:250px; padding-top:22px;}
				.homeBox {float:left; width:339px; min-height:210px;height:210px; margin:18px 15px 0 0; background:url(../img/home-box1-bgr.png) left top repeat-y; position:relative;}
				.shortBox {width:254px; margin-right:0; background:url(../img/home-box2-bgr.png) left top repeat-y;}
					.homeBox h3 {padding:0 20px 10px 20px; font-size:13px; letter-spacing:-1px; margin:0px;}
					.homeBox h4 {font-size:12px; color:#4e4e4e; padding:0 20px 5px 20px;}
					.homeBox p {font-size:11px; padding:0 20px; line-height:16px;}
					img.aboutThumb {float:left; margin:0 10px 5px 0;}
					img.tuvLogo {float:right; clear:both; margin-right:20px;}
					* html img.tuvLogo {margin-right:10px;} /* IE6 margin fix */
					.homeBox p span {display:block; text-align:right; padding-top:5px;}
					.shortBox p {line-height:18px;}
					.homeBox p b {color:#6b6b6b;}
					
					.homeBox ul {padding:0 20px;}
						.homeBox ul li {list-style-type:none; font-size:11px; margin-bottom:5px; background:url(../img/news-separator.gif) left bottom repeat-x;}
							.homeBox ul li h6 {font-size:10px; color:#a5a5a5;}
							.homeBox ul li h5 {font-size:11px; margin-bottom:2px;}
							.homeBox ul li p {padding:0 0 9px 0;}
					
					.homeBox div.bottomBox1 {position:absolute; bottom:-23px; left:0; width:339px; height:23px; background:url(../img/home-box1-bottom.png) left top no-repeat;}
					.homeBox div.topBox1 {position:absolute; top:-20px; left:0; width:339px; height:20px; background:url(../img/home-box1-top.png) left top no-repeat;}
					
					.shortBox div.bottomBox2 {position:absolute; bottom:-23px; left:0; width:254px; height:23px; background:url(../img/home-box2-bottom.png) left top no-repeat;}
					.shortBox div.topBox2 {position:absolute; top:-20px; left:0; width:254px; height:20px; background:url(../img/home-box2-top.png) left top no-repeat;}
	
		/* INNER PAGES
		------------------------------------------------------------------- */
		#innerContent {width:964px; padding:18px 0 30px; position:relative;}
			h2 {text-indent:-9999px; width:964px; height:63px; position:relative; background-position:left top; background-repeat:no-repeat;}
				h2.products {background-image:url(../img/title-product.png); z-index:-1;}
			
			#innerBox {width:960px; padding:0 2px; background:url(../img/inner-bgr.png) left top repeat-y; overflow:hidden;}
				ul#sideNav {float:left; width:223px; padding:15px 0 0 0; background:#e4e4e4; border-bottom:#fff solid 1px;}
					ul#sideNav li {font-size:12px; color:#000; list-style-type:none;}
					ul#sideNav li:first-child span {border-top:0px}	
						ul#sideNav li span {height:21px; line-height:21px; display:block; cursor:pointer; padding-left:30px; background:url(../img/bullet-1.gif) 22px 8px no-repeat #e4e4e4; border-bottom:#d5d5d5 solid 1px; border-top:#fff solid 1px;}
							ul#sideNav li span.firstLine {border-top:0px;}
						ul#sideNav li a {color:#555; display:block; font-size:11px; padding-left:10px; background:url(../img/bullet-1.gif) 0 8px no-repeat;}
							ul#sideNav li a:hover {color:#e14103; text-decoration:none;}
						ul#sideNav li ul li {line-height:16px; padding:3px 0 3px 50px;  background-color:#eaeaea; border-top:1px solid #ffffff; border-bottom:1px solid #d5d5d5;}
							ul#sideNav li ul li a {background-position:left 5px;}
							ul#sideNav li ul li:hover {background:url(../img/side-nav-bgr.gif) bottom left repeat-x;}
						
				
							
			#boxContent {float:right; width:691px; padding:13px 18px 0 0; position:relative;}
				#boxContent p {margin-bottom:15px; font-size:12px;}
				h3 {font-size:14px; color:#af3101; line-height:23px; font-weight:normal; margin-bottom:10px;}
				
				.prodBox {padding:21px 0; clear:both; width:691px; border-top:#d5d5d5 solid 1px; overflow:hidden; position:relative;}
					.prodBox a.thumb {display:block; float:left; width:87px; height:87px; position:relative;}
						.prodBox a.thumb span {background:url(../img/thumb-border.gif) 0 0 no-repeat; cursor:pointer; display:block; width:87px; height:87px; position:absolute; top:0; left:0; z-index:2;}
							.prodBox a.thumb:hover span {background-position:0 -87px;}
					.prodBox div {float:left; width:360px; overflow:hidden; padding:0 20px;}
					.prodBox div p {line-height:18px; padding-bottom:20px;}
						.prodBox h4 {font-size:12px; color:#08578a; display:block; padding-bottom:20px;}
					ul.proracun {float:right; width:171px; height:auto; overflow:hidden; list-style-type:none; font-size:10px; empty-cells:hide; background-color:#eaeaea;}
					ul.proracun li {background:url(../img/details-bgr-top.jpg) 0 0 no-repeats; width:auto; height:auto; overflow:hidden; }
						ul.proracun li a {background:url(../img/pdf-icon.png) 11px 12px no-repeat; height:41px; line-height:41px; display:block; padding:0 0 0 41px; font-size:11px; border-bottom:1px solid #d4d4d4;}
							ul.proracun li a span {color:#08578a;}
						ul.proracun li.calcHolder {padding:10px 15px; background:url(../img/details-bgr-bottom.jpg) bottom left no-repeat #dcdcdc; border-top:1px solid #ffffff; border-bottom:0px;}
						ul.proracun li b {font-size:11px;}
						ul.proracun li input {width:45px; border:#ababab solid 1px; font-size:11px; padding:3px 2px;}
						ul.proracun li small {font-size:9px; color:#666;}
			
			ul#dobavljaci {width:964px; height:50px; padding:15px 0 0 0; background:url(../img/dobavljaci-bgr.png) left top no-repeat; list-style-type:none; text-align:center;}
				ul#dobavljaci li {display:inline; margin:0 12px 0 11px;}
				
	/* NOVOSTI
	------------------------------------------------------------------- */		

	h2.novosti {background-image:url(../img/title.png);}
	.novostiBox {padding:21px 0; clear:both; width:691px; border-top:#d5d5d5 solid 1px; overflow:hidden;}
	.novostiLast { border-bottom:#d5d5d5 solid 1px;}
		.novostiBox a.thumb {display:block; float:left; width:126px; height:96px; position:relative;}
			.novostiBox a.thumb span {background:url(../img/novosti-thumb-border.gif) 0 0 no-repeat; cursor:pointer; display:block; width:126px; height:96px; position:absolute; top:0; left:0; z-index:2;}
				.novostiBox a.thumb:hover span {background-position:0 -96px;}
		.novostHolder {width:540px; padding:0 12px; float:left; }
		.novostHolder p { line-height:18px;}
			.novostHolder p span {font-size:12px; color:#4e4e4e; display:block;}
			.novostHolder a.opsirnijeButton {display:block; width:71px; height:28px; text-indent:-9999px; background:url(../img/opsirnije.jpg); outline:none; float:right;}
	
	ul#paginacija {float:left; height:20px; clear:both; padding:21px 0;}
	ul#paginacija li {float:left; list-style-type:none; margin-right:1px;}
		ul#paginacija li a {float:left; display:block; height:20px; text-indent:-9999px; width:25px;}
			ul#paginacija li.first a {background-image:url(../img/pagin-first.jpg); width:25px;}
			ul#paginacija li.prev a {background-image:url(../img/pagin-prev.jpg); width:25px;}
			ul#paginacija li.numb a {background-image:url(../img/pagin-numb.jpg); height:16px; width:15px; text-indent:0px; font-size:11px; color:#555555; padding:4px 0 0 10px;}
			
			ul#paginacija li.next a {background-image:url(../img/pagin-next.jpg); width:25px;}
			ul#paginacija li.last a {background-image:url(../img/pagin-last.jpg); width:25px;}
			ul#paginacija li.active { padding:4px 8px 0px; font-size:11px;}
			ul#paginacija li a:hover {background-position:0 -20px; color:#555555; text-decoration:none;}
			ul#paginacija li.active {background-position:0 -20px; color:#e14103;}
			
			
	/* POSAO
	------------------------------------------------------------------- */		
			.oglasHolder{ padding-bottom:20px; border-top:1px solid #D5D5D5;padding-top:15px;}
			.oglasHolder p{ margin-top:10px}
			#oglas{ display:none; padding-bottom:20px;}
			#oglas h4{ font-size:11px; font-weight:bold;}
			#oglas a{ font-size:11px;}
				#oglas ul {padding-left:20px; margin:15px 0 20px 0;}
				#oglas ul li { }
				#oglas li{ font-size:12px; line-height:15px;}
				a.vidiOglas{ font-size:12px; text-align:center; display:block; width:120px; height:30px; line-height:30px; background:#C30; color:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
				
			
			
			
	/* NOVOST
	------------------------------------------------------------------- */		
			
	.novostBox {padding:21px 0; clear:both; width:691px; border-top:#d5d5d5 solid 1px; overflow:hidden;}
		.novostBox span.datumVesti { display:block; font-size:12px; color:#949393;}
		.novostBox h4 { display:block; font-size:13px; color:#e14103; padding:5px 0 0 0; margin-bottom:21px; }
		.novostBox p {float:left; padding-bottom:21px; font-size:12px; color:#555555; line-height:18px;}
		img.novostFoto { float:left; width:300px; height:225px; margin:0 21px 21px 0;}
			.novostBox p.podnaslov {float: left; display:block; padding:21px 0 0 0; width:691px; font-size:12px; color:#e14103; line-height:18px;}
		.novostBox p span {color:#e14103;}
		.galerija {width:691px; float:left; margin:10px 0 21px 0;}
			.galerija li {width:126px; height:96px; display:inline;}
				.galerija li a.thumb {display:block; float:left; width:126px; height:96px; position:relative; margin:21px 15px 21px 15px;}
				.galerija li a.thumb span {background:url(../img/novosti-thumb-border.gif) 0 0 no-repeat; cursor:pointer; display:block; width:126px; height:96px; position:absolute; top:0; left:0; z-index:2;}
					.galerija li a.thumb:hover span {background-position:0 -96px;}			

	/* KONTAKT
	------------------------------------------------------------------- */	
	
	a#naseLokacijeButton {position:absolute; right:20px; top:20px; display:block; width:130px; height:26px; text-indent:-9999px; background:url(../img/lokacije-button.png) 0 0 no-repeat;}
		a#naseLokacijeButton:hover {background-position:0 -26px;}
	
	.kontaktInf {float:left; width:245px; margin:0 0 21px ; list-style:none; }
		.kontaktInf li {font-size:12px; color:#949393; line-height:21px; margin-bottom:21px;}
		.kontaktInf li.last {margin-bottom:0px;}
			.kontaktInf li span {color:#4e4e4e;}
			.kontaktInf li span.drzava {display:block; color:#949393; padding-left:45px;}
			.kontaktInf li span.telefon {display:block; color:#949393; padding-left:95px;}
			.kontaktInf li span.komercijalisti {display:block; color:#949393; padding-left:30px;}
			.kontaktInf li a {color:#e14103;}
			.kontaktInf li a:hover { text-decoration:underline;}
	
	.kontaktForma {float:right; width:430px; padding:42px 0 0 15px; border-left:1px dotted #d5d5d5;}
		.kontaktForma ul {list-style:none;}
			.kontaktForma ul li { margin:0 0 20px 0; height:27px; display:block; float:left; width:430px;}
				.kontaktForma ul li.poruka { height:107px;}
				.kontaktForma ul li.verify { height:30px;}
				.kontaktForma ul li.dugme { height:28px;}			
				.kontaktForma ul li label { float:left; color:#4e4e4e; font-size:12px; padding:6px 0 0 0;}	
				.kontaktForma ul li label#verifycode {padding:6px 0 0 0;}	
				.kontaktForma ul li span.general {float:right; width:227px; height:27px; background:url(../img/inputBackground.png) 0 0 no-repeat; margin-right:130px; }
				.kontaktForma ul li span.curFocus { background-position:0 -27px;}
				.kontaktForma ul li span.code {width:142px; height:27px; background:url(../img/codeinputBackground.png) 0 0 no-repeat; float:left; margin-left:15px; }
				.kontaktForma ul li span.curFocus { background-position:0 -27px;}

					.kontaktForma ul li span input {width:202px; margin-left:10px; height:15px; color:#4e4e4e; font-size:12px; padding: 5px 0 5px 0; background:none;}
					.kontaktForma ul li span input#cap {width:122px; margin-left:10px; height:15px; padding: 5px 0px 5px 0px; background:none;}
					.kontaktForma ul li input.formButton {width:71px; height:28px; float:right; margin-right:30px; background:url(../img/posalji.jpg) top left no-repeat; cursor:pointer; padding:0px; }
				.kontaktForma ul li span.tekst {float:left; width:406px; height:111px; background:url(../img/textareaBackground.png) 0 0 no-repeat; overflow:hidden;}
				.kontaktForma ul li span.areaFocus {background-position:0 -111px;}
				
					.kontaktForma ul li span textarea { width:386px; height:89px; margin-top:3px; color:#4e4e4e; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:none; padding: 6px 8px 6px 8px; overflow:auto;}
				.kontaktForma ul li #verifyimg {width:150px; height:30px; margin-right:20px; float:left;}
				.kontaktForma ul li.katalog {height:auto;}
					.kontaktForma ul li .zatrazikatalog { float:left; width:143px; margin:0px;}
						.kontaktForma ul li .zatrazikatalog li { display:block; margin-bottom:10px; height:auto; width:143px; float:left;}
						.kontaktForma ul li .zatrazikatalog li.last { margin-bottom:0px;}
							.kontaktForma ul li .zatrazikatalog li input { float:left; margin-right:3px; }
							.kontaktForma ul li .zatrazikatalog li label { color:#949393; float:left; padding:0px;}
							
					.kontaktForma ul li#mailstatus {margin:0; text-align:right; font-size:12px;}
						.kontaktForma ul li#mailstatus b {font-weight:normal; margin-right:30px;}
							
			ul#lokacijeList  {margin-bottom:20px; width:690px;}
				ul#lokacijeList li {padding:10px 0; list-style-type:none; position:relative;}
					ul#lokacijeList li h5 {font-size:15px; margin-bottom:5px; border-bottom:#ccc solid 1px; padding-bottom:5px; color:#000;}
					ul#lokacijeList li p {margin-bottom:2px; color:#999;}
						ul#lokacijeList li p span {color:#333; width:120px; display:inline-block; zoom:1; *display:inline;}
						ul#lokacijeList li p b {display:block; font-weight:normal; text-decoration:underline; margin-top:10px; color:#333;}
						ul#lokacijeList li p sup {font-size:9px; vertical-align:top;}
					
					ul#lokacijeList li ul {position:absolute; top:40px; right:0; width:170px;}
						ul#lokacijeList li ul li {float:right; list-style-type:none; margin-left:5px; padding:0;}
						ul#lokacijeList li ul li img {width:80px;}
						
	
	/* POSAO
	------------------------------------------------------------------- */
	#apliciraj {overflow:hidden; padding:20px 0; border-top:#ccc solid 1px;}
	#apliciraj .kontaktForma {width:auto; float:left; border:0;}
		#apliciraj .kontaktForma ul {overflow:hidden;}
		#apliciraj .kontaktForma ul li {width:500px; margin-bottom:5px;}
		#apliciraj .kontaktForma ul li.noMargin {margin-bottom:0;}
		#apliciraj .kontaktForma ul li.poruka {margin-bottom:10px;}
			#apliciraj .kontaktForma ul li h3 {margin-bottom:0;}
			#apliciraj .kontaktForma ul li p {font-size:10px; color:#666;}
			#apliciraj .kontaktForma ul li label {width:180px;}
			#apliciraj .kontaktForma ul li span {margin-right:0; float:left;}
			#apliciraj .kontaktForma ul li input.formButton {width:71px; height:28px; float:right; margin-right:93px; background:url(../img/posalji.jpg) top left no-repeat; cursor:pointer; padding:0px; text-indent:-9999px; overflow:hidden; text-align:left; }
			
		li.captchaBox {
			overflow:hidden; clear:both;
			height:auto !important;
			}
			li.captchaBox div {
				display:block; clear:both; overflow:hidden;
				height:30px;
				padding-top:5px;
				}
				li.captchaBox div b {
					float:left;
					}
				li.captchaBox div span.general {
					margin-left:30px;
					}
					
	
	/* FOOTER
	------------------------------------------------------------------- */					
	#footerHolder {width:100%; overflow:hidden; clear:both; background:url(../img/footer-bgr.gif) left top repeat-x #434343; position:absolute; bottom:0;}
		#footer {width:960px; margin:auto; padding-top:10px; height:80px;}
			#footer p {float:left; display:block; background:url(../img/footer-logo.gif) 20px 0 no-repeat; font-size:10px; width:auto; color:#c4c3c3; padding:13px 0 0 84px;}
			#footer ul {float:right; width:auto; padding:13px 15px 0 0;}
				#footer ul li {list-style-type:none; display:inline; font-size:10px; color:#7f7f7f;}
					#footer ul li a {color:#c4c3c3; margin:0 5px;}