@charset "utf-8";

/* objava */
#objava {
	color: #FFF;	
	display: inline-block;
	text-align: center;	
	font-family: "Raleway Bold";
	padding-bottom: 2rem;	
}

.obj-row {	
	width: auto;
	height: auto;
	color: #61d101;
	display: inline-block;
	text-align: center;
	vertical-align: text-top;
	font-family: "Raleway Regular";
	font-size: 1.5rem; 
	padding: 2%;
}

.line {
	width: 20%;
	height: 2px;
	background: #61d101;
	display: inline-block;
	text-align: center;		
	margin: 1rem 0 1rem 0; 
}

#cenovnik {
	width: 50%;
	height: auto;
	display: inline-block;
	text-align: center;
	border-radius: 2rem;
	margin-bottom: 2rem;	
}

/* front-container */
#act-holder {
	display: inline-block;
	text-align: center;
	padding: 0.5rem 0 2rem 0;
}

#aholder-left {
	float: left;
	width: 65%;	
	height: auto;	
	display: inline-block;
	text-align: left;	
}

#aholder-right {
	float: left;
	width: 35%;
	height: auto;	
	display: inline-block;
	text-align: left;
	padding-top: 0.5rem;	
}

/* new-focus-blocks */
.new-focus-block {
	position: relative;
	width: 47.5%;	
	height: auto;
	color: #FFF;
	background: #184153;
	display: inline-block;
	border-radius: 0 1rem 1rem 0;	
	margin: 0 2% 2% 0;
	overflow: hidden;	
}

.new-focus-block:hover {	
	background: #61d101;
	cursor: pointer;
}

.new-focus-img {
	position: absolute;
	width: 40%;
	height: 100%;	
	display: inline-block;	
}

.new-focus-txt {	
	width: 54%;
	height: auto;
	line-height: 125%;
	display: inline-block;
	font-family: "Khand Medium";
	font-size: 1.5rem;
	padding: 4% 2% 4% 2%;
	margin: 0 0 0 42%;		
}

.new-focus-lnk {			
	color: #FFF;
	display: inline-block;
	font-family: "Khand Medium";
	font-size: 1.2rem;	
	padding: 2% 0 2% 0;	
}

/* green-blocks */
#greenholder {
	background: #184153;
	background-image: linear-gradient(to bottom, #184153 50%, #076182 100%);
	padding: 3rem 0 3rem 0;	
	margin-bottom: 2rem;
}

/* v2-focus-blocks */
.v2-focus-block {
	float: left;	
	width: 31.3%;	
	height: auto;
	color: #FFF;	
	display: inline-block;	
	margin: 1%;
	overflow: hidden;	
}

.v2-focus-block:hover {	
	background: #04363f;
	border-bottom: #61d101 1px solid;
	cursor: pointer;
}

.v2-focus-img {
	float: left;
	width: 100%;
	height: auto;	
	display: inline-block;	
}

.v2-focus-img:after {
    content: "";
    display: block;
    padding-bottom: 50%;
}

#foc-img-91 { background: url(../arhiva_files/arh2026-6-01/46.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; }
#foc-img-90 { background: url(../arhiva_files/arh2026-5-01/38.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; } 
#foc-img-89 { background: url(../arhiva_files/arh2026-4-04/1.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; }

.v2-focus-txt {
	float: left;	
	width: 92%;
	height: auto;
	line-height: 150%;
	display: inline-block;
	text-align: left;
	font-family: "Raleway Regular";
	font-size: 1.5rem;
	padding: 4%;	
}

.v2-focus-lnk {
	float: right;			
	color: #61d101;
	display: inline-block;	
	font-family: "Raleway Regular";
	font-size: 1.2rem;	
	padding: 0 4% 5% 4%;	
}

/* Objave */
#najnovije {
	float: right;
	width: 35%;
	height: auto;
	display: inline-block;
	text-align: left;	
}

.obj-block {
	float: left;
    width: 90%;
	height: auto;
	background: #ebf0f3;	
	text-align: left;
	font-family: "Khand Regular";
	font-size: 1.1rem;
	word-break: normal;		
	letter-spacing: 0.02rem;
	line-height: 130%;	
	padding: 5%;
	border-bottom: #184153 1px solid;
}

.obj-block:hover {
	text-decoration: none;	
	background: #FFF;
	transition: all 0.6s ease; 
}

.obj-txt {
	float: left;
    width: 78%;
	height: auto;
	color: #000;
	text-align: left;
	font-family: "Raleway Regular";
	font-size: 1rem;	
}

.obj-txt-lnk {
	float: left;
    width: 80%;
	height: auto;
	color: #184153;
	text-align: left;
	margin-top: 1%;	
}

.obj-img {
    float: left;
    width: 15%;
    height: auto;
    padding-right: 2%;
}

/* market */
.market-block {
	float: left;
	width: 18.35%;
	height: auto;
	background: #ebf0f3;
	display: inline-block;
	overflow: hidden;
	padding: 2%;
	margin: 1%;
	border: #184153 1px solid;
}

.market-block:hover {
    background: #FFF;
	border-radius: 1rem;
	-webkit-box-shadow: 0 1rem 1rem -1rem rgba(0,0,0,0.8);
    -moz-box-shadow: 0 1rem 1rem -1rem rgba(0,0,0,0.8);
     box-shadow: 0 1rem 1rem -1rem rgba(0,0,0,0.8);
}

.market-img {
	width: 100%;
	height: auto;
	display: inline-block;
}

/* arhiva */
.arh-cont-hider {
	float: left;   
	width: 98%;
    height: auto;
    text-align: center;	
	overflow: hidden;	   
}

.arh-container {
	float: left;
    position: relative;
	width: 100%;
    height: 0;
    text-align: center;		
    padding-bottom: 210%;	
}

.arh-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;	
}

iframe.lazy {
  opacity: 0;
  transition: opacity 3s;
}

iframe.lazy.loaded {
  opacity: 1;
}

#scroll {
	float: right;
	width: auto;
	height: auto;	
	color: #758ba2;	
	display: inline-block;
	text-align: right;	
	font-family: "Raleway Bold";
	font-size: 1rem;
	padding: 0 2% 0 0;	
}

/* download-blocks */
.downline {
	float: left;
	width: 100%;
	height: auto;
	line-height: 120%;
	display: inline-block;
	text-align: left;
	padding-bottom: 0.75rem;	
}

.downtitle {
	color: #184153;
	font-family: "Khand Medium";
	font-size: 1.4rem;	
}

.downtitle:hover {	
	color: #61d101;
	cursor: pointer;
}

.downtype{
	color: #184153;
	font-family: "Khand Regular";
	font-size: 1.3rem;
}

#frontbanner {
	width: 100%;
	height: auto;
	display: inline-block;
	margin: 1rem 0 1rem 0;
}

#frontbanner:hover {	
	opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}