ul.h-program,ul.h-program ul, ul.h-program li {
	list-style:none;
	margin:0; padding:0;
}
ul.h-program{margin-top:50px}

span.admtitle{
	display:none;
	width:100%;
	background-color:#eee;
	text-align:center;
	height:40px;
	margin:20px 0 30px 0;
	width:1160px;
	padding:10px 0;
}

ul.h-program li li {
	background-color:#000;
	color:#fff;
	display: block;
	float:left;
	margin-right:12px;
	height:112px;
	overflow:hidden;
	margin-bottom:33px;
}
ul.h-program li li:last-child{margin-right:0;} 

ul.h-program li li a{
	display:inline-block;
	text-align:center;
	width:100%;height:112px;
	color:#fff;
	position:relative;
}





/* PREDBIENALSKI PROGRAMI */
ul.h-program li li.prprg a{
	width:222px;
	line-height:20px;
	font-size:20px;
	text-align:left;
	padding:40px 20px 20px 20px;
	font-family:'MSC100';
	letter-spacing:2px;
}
ul.h-program li li.prprg a h4{
	line-height:22px;
	font-size:20px;
	margin:0;padding:0;
}
/* BLOK */
ul.h-program li li.blok{
	width:112px;
}
ul.h-program li li.blok.A{background:url(../images/blok-A.png) no-repeat top left}
ul.h-program li li.blok.B{background:url(../images/blok-B.png) no-repeat top left}

/* DATUM */
ul.h-program li li.datum,ul.h-program li li.datum_link{min-width:112px}
ul.h-program li li.datum a,ul.h-program li li.datum_link a{
	font-size:48px;
	font-family:'MSC100';
	padding:0 10px;
	
}
ul.h-program li li.datum a:hover, ul.h-program li li.prprg a:hover,
ul.h-program li li.datum_link a:hover
{
	background-color:#fff;
	color:#000;
}
ul.h-program li li.datum a h4,
ul.h-program li li.datum_link a h4{
	font-size:80px;
	display:inline-block;
	font-family:'MSC900';
	line-height:90px;
}



/* KRUG */
ul.h-program li li.krug{
	background-color:#fff;
	width:160px;height:160px;
	margin:-24px 10px 0 0;
}
ul.h-program li li.krug:last-child{margin-right:0;}
span.h-crni-krug{
	width:160px;height:160px;border-radius:80px;
	background-color:#000;
	display:block;
	position:absolute;
}
ul.h-program li li.krug a{
	height:150px;
}
.krug a img, .krug a h4{ 
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin:0;
  padding:0;
}
.krug h4{display:none}
ul.h-program li li.krug:hover h4{display:table}
ul.h-program li li.krug:hover img{display:none}

/* PRIČE (SLIKA) */
div.h-w-cont{display:block;position:absolute;padding:8px;width:100%;	z-index:10}
span.h-bijeli-krug{
	width:42px;height:42px;border-radius:21px;
	background-color:#fff;
	display:block;
	position:relative;
	float:right;
}
ul.h-program li li.slika .hcont{display:none;padding:0 ;background-color:#000;position:relative}
ul.h-program li li.slika img,ul.h-program li li.slika .hcont{width:100%;height:112px}
ul.h-program li li.slika:hover .hcont{display:block}
ul.h-program li li.slika:hover img{display:none}
.slika .hcont h4{
	padding:0;margin:0;
	bottom:20px;left:20px;
	text-align:left;
	position:absolute;
	font-size:28px;
	line-height:28px
}
.slika .hcont h4 span{
	display:block;
	font-family:'MSC100';
	font-size:20px;
	line-height:20px
}
.slika img.img2{display:none}





/* DOWNLOAD */

.download-home {
    text-align: justify;
    width:100%;
	list-style:none;
	margin:15px 0 0 0 ; padding:0;
}
.download-home:after {
    content: '';
    display: inline-block;
    width: 100%;
}
.download-home li {
    display: inline-block;
	margin:0;
	font-size:16px;
}
.download-home li a{
	padding:0 0 0 52px;
	display:inline-block;
	background:url(../images/download.png) no-repeat left top;
}


@media (max-width:601px) {
	.download-home li {
		margin-bottom:14px;
		padding-bottom:14px;
		display:block;
	}
	ul.h-program li li {
		width:100% !important;
		height:112px;
		margin:10px 0 10px 0;
		display:block;
	}
	/* KRUG */
	ul.h-program li li.krug{
		background-color:#fff;
		width:auto;height:auto;
		margin:0; display:block;
		color:#000;
	}
	span.h-crni-krug{
		width:106px;height:106px;border-radius:50%;
		background-color:#000;
		display:block;
		position:absolute;
		margin:4px;
	}
	ul.h-program li li.krug a{
		height:110px;
	}
	ul.h-program li li.krug a:hover{
		color:#fff;background-color:#000
	}
	ul.h-program li li.krug a:hover h4{
		color:#fff;
	}
	.krug a img, .krug a h4{ 
		position: absolute;
		color:#000;
	}
	.krug a img {left:60px}
	ul.h-program li li.krug h4{display:inline-block;right:20px;padding-left:80px}
	ul.h-program li li.krug:hover h4{display:block;}
	ul.h-program li li.krug:hover img{display:table}
	
	/* BLOK */
	ul.h-program li li.blok{display:none}
	
	/* PRIČE (SLIKA) */
	ul.h-program li li.slika {background-position:center center;background-repeat:no-repeat}
	ul.h-program li li.slika.bg_right {background-position:center right}
	ul.h-program li li.slika.bg_left {background-position:center left}
	ul.h-program li li.slika.transparent a{background-color: rgba(0, 0, 0, 0.2);}
	div.h-w-cont{display:block;position:absolute;padding:8px;width:100%;	z-index:10}
	span.h-bijeli-krug{
		width:42px;height:42px;border-radius:21px;
		background-color:#fff;
		display:block;
		position:relative;
		float:right;
	}
	ul.h-program li li.slika img.img1{display:none}
	ul.h-program li li.slika .hcont{display:block;padding:0 ;}
	ul.h-program li li.slika .hcont{width:auto;position:absolute;}
	ul.h-program li li.slika:hover .hcont{display:block}

	
	.slika .hcont h4{
		padding:0;margin:0;
		top:20px;left:20px;
		text-align:left;
		position:absolute;
		font-size:16px;
		line-height:28px;
		min-width:250px;
	}
	.slika.shadow .hcont h4 {text-shadow: 1px 1px 2px #000000;}
	.slika .hcont h4 span{
		display:block;
		font-family:'MSC100';
		font-size:18px;
		line-height:20px
	}
	/* DATUM */
	
	ul.h-program li li.datum a,ul.h-program li li.datum_link a{
		background-color:#fff;
		color:#000;
	}
	ul.h-program li li.datum a:hover,ul.h-program li li.datum_link a:hover{
		background-color:#000;
		color:#fff;
	}
	
	/* PREDBIENALSKI */
	
	ul.h-program li li.prprg a{
		width:100%;
		border:1px solid #000;
	}
	
}