body
{
background-image: url(img/bodybg.jpg); background-repeat: repeat-x; text-align:center;
min-height:468px;
min-width:552px;
}
.reklame{font-size:7px; color:#d4d2d3;}
/* 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
----------------------------------------------- */



ul#katnav li.k2 a { margin-top:39px; margin-right:50px; margin-left:-126px;  display: block;}
 ul#katnav li.k3 a { margin-top:54px; margin-right:50px; margin-left:-153px;  display: block; }
 ul#katnav li.k4 a { margin-top:69px; margin-right:50px; margin-left:-181px;  display: block; }
 ul#katnav li.k5 a { margin-top:7px; margin-right:50px; margin-left:-9px;  display: block; }
ul#katnav li.k6 a { margin-top:7px; margin-right:50px; margin-left:-9px;  display: block; }
 ul#katnav li.k7 a { margin-top:-83px; margin-right:0px; margin-left:315px;  display: block; }
	ul#katnav li.k8 a { margin-top:-68px; margin-left:315px;  display: block;  }
ul#katnav li.k9 a { margin-top:-53px; margin-left:315px;  display: block;  }
 ul#katnav li.k10 a { margin-top:-38px; margin-left:315px;  display: block;  }
ul#katnav li.k11 a { margin-top:-23px; margin-left:315px;  display: block;  }
 ul#katnav li.k12 a { margin-top:-8px; margin-left:315px;  display: block;  }

/* 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:80px;color:black; margin:0 auto;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#selected2, ul#nav li.cjenik a#selected2, ul#nav li.kontakt a#selected2, ul#nav li.novosti a#selected2  { 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:40px;margin:0 auto;}
	#spacernovosti{background:url(img/spacernovosti.jpg) no-repeat;
	width:480px;height:20px;margin:0 auto;}
		
	#podnaslov{color:#fa0000; display: inline; }
	#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;}
	
	
	
	 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;}
	ul#katnav li.k1 a { margin-top:24px; margin-left:-10px; display: block;  }


		.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;}
	
		#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:-13px;padding-left:120px;color:black;}
	#footerjezik{padding-right:150px; color:black;}
	#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;  margin-right:10px;}
	#vijest5{ background:  url(img/vijest5.jpg) no-repeat ;width:150px;height:147px; float:left;  margin-right:10px;}
	#vijest6{ background:  url(img/vijest6.jpg) no-repeat ;width:150px;height:147px; float:left; margin-right:10px;}


.hovertekst{ width:370px; position:relative; padding-left:40px;}