/* ------------------www.kendo.hr ------------------*/
body  {   			font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
					font-size: 13px;
					color: #010E22;
					background: white url(slike/bg.gif) repeat;
					text-align: center;
					line-height: 18px;}  	
		
p {   				margin: 0 0.1em 0.4em 0;
					margin-top: 0px;
					text-align: left;
					color: #010E22;}				
					
fieldset{	    	border: 0px }


#linkovi  {			position: absolute;
					top: 280px;
					left: 50px;	
					width: 100px;}		
			
#linkovi a { 		font: 13px verdana, sans-serif;
					color:#54342C;
					text-decoration: none;}
				
				
#linkovi  a:hover {	color:#C90001;
					border: 0px solid #333331;	
					text-decoration: none;}
					


a:hover {			color:#315B89;
					border:0px solid #333331;}


#okvir {			text-align: left;
					position: relative;
					background: white ;
					margin: 10px auto;
					border: 0px solid #C2CCD8;
					padding: 0px;
					width: 800px; }
					
					
html>body #okvir {	width: 800px;}


#heder {			margin:0;
					padding:0px;
					border-bottom:0px dashed black;
					height:240px;
					background:#FFFFFF url(slike/hkslogo.png) no-repeat top left;
					color:#333333;}
					
					
div.fadehover {
					position: relative;
	}
 
img.a {
					position: absolute;
					left: 0;
					top: 0;
					margin-left: 0;
					z-index: 10;
					border: 0px;
        }
 
img.b {
					position: absolute;
					left: 0;
					top: 0;
					margin-left: 0;
					border: 0px;
	}			

img.c {
					position: absolute; top: 0x; left: 98px;
					z-index: 10;
					border: 0px;
        }
 
img.d {
					position: absolute; top: 0px; left: 98px;
					border: 0px;
			
	}	

img.e {
					position: absolute; top: 0x; left: 206px;
					z-index: 10;
					border: 0px;
        }
 
img.f {
					position: absolute; top: 0px; left: 206px;
					border: 0px;
			
	}

img.g {
					position: absolute; top: 0x; left: 314px;
					z-index: 10;
					border: 0px;
        }
 
img.h {
					position: absolute; top: 0px; left: 314px;
					border: 0px;
			
	}		




#prostor {			float: right;
					width: 480px;
					height: 200px;}


#pocetna {			background: url(slike/kendo.jpg) no-repeat top left;
					border: 0px solid #B2B9C4;
					margin-left: 120px;
					width: 600px;}


#sadrz {			border: 0px solid #B2B9C4;
					border-top: 0px solid #B2B9C4;
					margin-left: 180px;
					width: 600px;
					margin-bottom: 40px;
					padding-bottom: 10px;}




#foot {				height: 124px;
					width: 800px;
					position: absolute;
					bottom: 0px;
					left: 0px;
					background: url(slike/footer.jpg) no-repeat bottom right;}
					
#sig {     			font: 8pt/8pt Verdana, Arial, Helvetica, sans-serif;
					float: left;
					text-align: center;
					position: relative;
					height: 50px;
					width: 99%;
					background: url() no-repeat bottom left ;
					color:#A0A0A0;} 
					

#sig a {			font: 8pt/8pt tahoma, sans-serif;
					color:#A0A0A0;
					text-decoration: none;}
					

#sig a:hover {		color:#315B89;
					border:0px solid #333331;
					text-decoration: none;}
					
					
acronym {			border-bottom: 0px;
					border-bottom: 0px;
					cursor: default;}

#hor-minimalist-a{	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
					font-size: 12px;
					background: #fff;
					margin: 10px;
					width: 480px;
					border-collapse: collapse;
					text-align: left;}
					
					
#hor-minimalist-a th{font-size: 14px;
					font-weight: normal;
					color: black;
					padding: 10px 8px;
					border-bottom: 2px solid black;}
					
					
#hor-minimalist-a td{color: black;
					padding: 9px 8px 0px 8px;}
					
					
#hor-minimalist-a tbody tr:hover td{	color: #DA0000;}

#menu {				width: 100%;
					background: #FFFFFF;
					float: left;}

#menu ul {			list-style: none;
					margin: 0;
					padding: 0;
					width: 11em;
					float: left;}

#menu a, #menu h2 { 	font: bold 11px/16px arial, helvetica, sans-serif;
					display: block;	
					border-width: 1px;
					border-style: solid;
					border-color: #ccc #888 #555 #bbb;
					margin: 0;
					padding: 2px 3px;
					text-decoration: none;}
					
#menu h2 { 			color: #000000;
					background: #FFFFFF;
					text-transform: uppercase;
					text-decoration: none;}

#menu a {			color: #000;
					text-decoration: none;}
			
#menu a:hover {		color: #a00;
					background: #fff;
					text-decoration: none;}
					
#menu li{				position: relative;}

#menu ul ul {			position: absolute;
					z-index: 500;}

#menu ul ul ul {		top: 0;
					left: 100%;}
					
div#menu ul ul,

div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul	{display: none;}
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul	{display: block;}
.style1 {font-family: Verdana, Arial, Helvetica, sans-serif}