


	#kategorije{background:url(img/kategorije.jpg) no-repeat;
	width:480px;height:130px; position:relative; margin-left:-30px;}
	
	
	

	
	
	
	
	 ul#katnav {margin:0 auto; position: relative; height: 130px; width:420px;}
    ul#katnav li { line-height:5pt; display: inline; float: left; }
    ul#katnav li a span { text-decoration:none; color:black;   font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif;}
	    ul#katnav li a:hover span { color:white; background-color:red;}
			    ul#katnav li a#selected span { color:white; background-color:red;}
	 body:first-of-type ul#katnav li.k1 a { margin-top:24px; margin-right:0px; margin-left:-10px;  display: block;width:200px; }


body:first-of-type ul#katnav li.k2 a { margin-top:39px; margin-right:0px; margin-left:-200px;  display: block; width:200px; }

  body:first-of-type ul#katnav li.k3 a { margin-top:54px; margin-right:50px; margin-left:-200px;  display: block;  width:200px; }
 body:first-of-type ul#katnav li.k4 a { position:absolute; margin-top:69px; margin-right:50px; margin-left:-250px;  display: inline; width:340px; }
 body:first-of-type ul#katnav li.k5 a { position:absolute;margin-top:82px; margin-right:0px; margin-left:-250px;  display: block;width:250px; }
 body:first-of-type ul#katnav li.k6 a {position:absolute; margin-top:96px; margin-right:50px; margin-left:-250px;  display: block; width:200px;}
 body:first-of-type ul#katnav li.k7 a { margin-top:-38px; margin-right:0px; margin-left:315px;  display: block;width:200px; }
 body:first-of-type	ul#katnav li.k8 a { margin-top:-23px; margin-left:315px;  display: block; width:200px; }
 body:first-of-type ul#katnav li.k9 a { margin-top:-8px; margin-left:315px;  display: block; width:200px; }
 body:first-of-type  ul#katnav li.k10 a { margin-top:7px; margin-left:315px;  display: block; width:200px; }
 body:first-of-type  ul#katnav li.k11 a { margin-top:5px; margin-left:315px;  display: block;width:200px;  }
 body:first-of-type  ul#katnav li.k12 a { margin-top:5px; margin-left:315px;  display: block; width:200px; }


	
	#footernovostieng {font-weight:bold; font-size:9px; width:300px;  margin: 0 auto; padding-left:65px;padding-top:5px;}
		#footernovostieng a{text-decoration:none; color:#828282;display:inline;}
		#footernovostieng a:hover{text-decoration:none; color:red;display:inline; }
#footerjezikeng{margin-left:-20px;}



	body
{
background-image: url(img/bodybg.jpg); background-repeat: repeat-x; text-align:center;
min-height:468px;
min-width:552px;
}

/* Normalize
----------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font: 100% Verdana, Arial, Helvetica, sans-serif; margin: 0; font-weight: normal; }
ol, ul { list-style: none; }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
table { font-size: inherit; border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
caption, th { text-align: left; }
q:before, q:after { content:''; }
hr { display: none; }
legend { display: none; }

/* Styles
----------------------------------------------- */
.clr { clear: both; }
* { margin: 0; padding: 0; }
a:focus { outline: none; }
a {text-decoration:none; color:black;}
a:hover{color:white;}

/* Chrome/Safari
----------------------------------------------- */





/* Sve
----------------------------------------------- */


html,body{height:100%;width:100%;  color:black; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif;}



#container2{width:463px:; position:relative;
padding-top:115px;
color:black; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif;}


#tableta{ background:  url(img/tableta.gif) no-repeat ; height:192px;width: 463px; position:absolute;}
.tableta{ background:  url(img/tableta.gif) no-repeat ; height:192px;width: 463px;  margin-top:-12px; margin-left:-55px;}

#middle_top { display:table-cell;}

    ul#nav {margin:0 auto;  height: 226px; width:352px;}
    ul#nav li { line-height:8pt; display: inline; float: left; }
    ul#nav li a span { text-decoration:none;    font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif;}
	ul#nav li.usluge a { padding-top:12px;color:black; background:  url(img/tabs.gif) no-repeat -88px 0; display: block; width: 88px; height: 34px;  }
	ul#nav li.cjenik a {padding-top:12px; color:black;background:  url(img/tabs.gif) no-repeat -88px 0; display: block; width: 88px; height: 34px;}
	ul#nav li.kontakt a {padding-top:12px;color:black; background: url(img/tabs.gif) no-repeat -88px 0; display: block; width: 88px; height: 34px; }
    ul#nav li.novosti a {padding-top:12px;color:black; background:  url(img/tabs.gif) no-repeat -88px 0; display: block; width: 88px; height: 34px;  }

	ul#nav li.usluge a:hover, ul#nav li.cjenik a:hover, ul#nav li.kontakt a:hover, ul#nav li.novosti a:hover{ background-position: left 0; color:white;}
	
	ul#nav li.usluge a#selected, ul#nav li.cjenik a#selected, ul#nav li.kontakt a#selected, ul#nav li.novosti a#selected  { background-position: left 0;  color:white;  }
	
	
	
	#kingnovosti{width:420px;  margin: 0 auto; text-align:left;height:350px;}
	
	#king{width:420px;  margin: 0 auto; position:relative; text-align:left; padding-left:18px;}
	
#spacer{background:url(img/spacer.jpg) no-repeat;
	width:480px;height:130px;margin:0 auto;}
	#spacernovosti{background:url(img/spacernovosti.jpg) no-repeat;
	width:480px;height:20px;margin:0 auto;}
		
	p#podnaslov{color:#fa0000; display: inline; }
	p#podnaslov2{color:#828282; display: inline; }
	#sep{background: url(img/sep.jpg) no-repeat; width: 168px; height: 6px;  }
	#skrivalo
	{z-index:101;
	position:absolute;
	margin-left:-110px;
	margin-top:375px;
	background-image:url(img/skrivalo.png);
	width:155px;
	height:47px;
	}
	
	.lightbox111
	{z-index:100;
	position:absolute;
	margin-left:280px;
	margin-top:20px;
	}
	
	
	#test1
	{
	position:absolute;
	margin-left:-260px;
	margin-top:-125px;
	background:url(img/box1.gif) no-repeat;
	width:202px;
	height:133px;
	}
	#test3
	{
	position:absolute;
	margin-left:-260px;
	margin-top:28px;
	background:url(img/box3.gif) no-repeat;
	width:202px;
	height:133px;
	}
	#test5
	{
	position:absolute;
	margin-left:-260px;
	margin-top:181px;
	background:url(img/box5.gif) no-repeat;
	width:202px;
	height:133px;
	}
	#test2
	{
	position:absolute;
	margin-left:470px;
	margin-top:-125px;
	background:url(img/box2.gif) no-repeat;
	width:202px;
	height:133px;
	}
	#test4
	{
	position:absolute;
	margin-left:470px;
	margin-top:28px;
	background:url(img/box4.gif) no-repeat;
	width:202px;
	height:133px;
	}
	#test6
	{
	position:absolute;
	margin-left:470px;
	margin-top:181px;
	background:url(img/box6.gif) no-repeat;
	width:202px;
	height:133px;
	}
	
	
	
	
	
	.vrhovnik:hover {color:red;}
	
	#kategorije{background:url(img/kategorije.jpg) no-repeat;
	width:480px;height:130px; position:relative; margin-left:-30px;}
	
	
	
		.linkoviunutar 
		{color:white; background-color:red;}
	.linkoviunutar:hover
		{color:black; background-color:white; }
	
.tekst{color:#616161;
 font: 9px verdana;
text-align:justify; width:420px;}

.tekstprimjer{color:#616161;
 font: 9px verdana;
text-align:justify; width:205px;
}
.tekstfoto{color:#616161;
 font: 9px verdana;
text-align:left; width:150px;}

.tekstcjenicistud{color:#616161;
  font: 9px verdana;
text-align:right; width:150px;position:absolute;
margin-left:230px;
margin-top:-40px;
}
.tekstcjenici2{color:#616161;
 font: 9px verdana;
text-align:right; width:200px;position:relative;
margin-left:230px;
margin-top:-20px;
}
.tekstplot{color:#616161;
 font: 9px verdana;
text-align:right; width:190px;position:absolute;
margin-left:100px;
margin-top:-20px;
}
.cijeneplot{color:#616161;
 font: 9px verdana;
text-align:right; width:160px;position:relative;
margin-left:280px;
margin-top:-20px;
}
.cijenestud{color:#616161;
 font: 9px verdana;
text-align:right; width:55px;position:relative;
margin-left:380px;
margin-top:-40px;
}
.tekstcjenici4htm{color:#616161;
 font: 9px verdana;
text-align:right; width:220px;position:absolute;
margin-left:150px;
margin-top:-40px;
}
.cijene4htm{color:#616161;
 font: 9px verdana;
text-align:right; width:50px;position:relative;
margin-left:380px;
margin-top:-40px;
}

.tekstcjenici{color:#616161;
 font: 9px verdana;
text-align:right; width:150px;position:absolute;
margin-left:230px;
margin-top:-20px;
}

.cijene{color:#616161;
 font: 9px verdana;
text-align:right; width:55px;position:relative;
margin-left:380px;
margin-top:-20px;
}
.cijeneall{border:none;
width:192px;
height:192px;position:relative;
margin-left:200px;
margin-top:-20px;
}
.cijeneuvez{color:#616161;
 font: 9px verdana;
text-align:right; width:65px;position:relative;
margin-left:380px;
margin-top:-40px;
}
.tekstcjeniciuvez{color:#616161;
 font: 9px verdana;
text-align:right; width:150px;position:absolute;
margin-left:230px;
margin-top:-40px;
}

.tekstkontakt{color:#616161;
 font: 9px verdana;
text-align:justify; width:400px;}
.tekstonama{color:#616161;
 font: 9px verdana;
text-align:justify; width:168px;}

.tekstfc2{color:#616161;
 font: 9px verdana;
text-align:justify; width:230px;}
.tekstfc2desno{color:#616161;
 font: 9px verdana;
text-align:left;margin-left:230px; width:190px;position:absolute;}

.tekstkon1{color:#616161;
 font: 9px verdana;
text-align:left; width:100px;position:relative;display:table-cell;}
.tekstkon2{color:#616161;
 font: 9px verdana;
text-align:left; margin-top:0px; width:100px;position:relative; display:table-cell;}

.tekstkon3{color:#616161;
 font: 9px verdana;
text-align:left; margin-top:0px; width:100px;position:relative; display:table-cell;}

.tekstkon4{
 width: 53px;height:35px; position:relative; display:table-cell;}

	ul#bullet li{text-indent:30px;}
	.rarrow {background:url(img/desni.jpg) no-repeat left; width: 15px;height:21px; }

		.rarrow  a{color:red;}
		
			.larrow {background:url(img/lijevi.jpg) no-repeat left; width: 15px;height:21px; }

		.larrow  a{color:red;}
		#footernovostieng {font-weight:bold; font-size:9px; width:300px;  margin: 0 auto; padding-left:65px;padding-top:105px;}
		#footernovostieng a{text-decoration:none; color:#828282;display:inline;}
		#footernovostieng a:hover{text-decoration:none; color:red;display:inline; }
		#footer{font-weight:bold; font-size:9px; width:300px;  margin: 0 auto; padding-left:65px;padding-top:5px;}
	
	#footer a{text-decoration:none; color:#828282;display:inline;}
		#footer a:hover{text-decoration:none; color:red;display:inline; }

	#footerwebmaster{margin-top:-11px;padding-left:120px;}
	#footerjezik{padding-right:150px;}
	#footerjezikeng{margin-left:-20px;}
		#separator{background-image:url(img/a4.jpg); background-repeat:no-repeat;width:10px;height:14px; margin-left:90px;margin-top:-15px;}
			#separator2{background-image:url(img/a4.jpg); background-repeat:no-repeat;width:10px;height:14px; margin-left:103px;margin-top:-15px;}
	.a4{padding-bottom:20px;background:url(img/a4d.jpg) no-repeat; width:10px; height:34px;  display: table-cell;   margin:0 auto;}
	
	
	#after1{ float:left; background:  url(../images/k_12.jpg) no-repeat ;width:197px;height:262px;}
	#after2{ float:left;width:640px;height:262px;}
	#after3{float:left;  background:  url(../images/k_14.jpg) no-repeat ;width:187px;height:262px;}
	
	#vijest1{ background:  url(img/vijest1.jpg) no-repeat ;width:150px;height:147px; float:left; }
		#vijest2{ background:  url(img/vijest2.jpg) no-repeat ;width:150px;height:147px; float:left;}
		#vijest3{ background:  url(img/vijest3.jpg) no-repeat ;width:150px;height:147px; float:left;}
	#vijest4{ background:  url(img/vijest4.jpg) no-repeat ;width:150px;height:147px; float:left;}


	