/* post-item */

.post-item {
	width: 100%;
	float: left;
	margin-top: 0px;	
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 0px;
}
.post-item-single {
	margin-top: 0px;
}
.post-item .date {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-4box;
	padding-top: 5px;
	position: absolute;
	left: 0px;
	top: 0px;
	text-align: center;
	height: 55px;
	width: 55px;
	color: #fff;
	font-size: 24px;
	padding-top: 7px;
}
.post-item .date span {
	width: 100%;
	float: left;
	color: #333;
	font-size: 14px;
}
.post-item > i {
	position: absolute;
	left: 0px;
	top: 55px;
	text-align: center;
	line-height: 55px;
	width: 55px;
	color: #fff;
	background-color: #333;
	font-size: 18px;
}
.post-item .post-item-body {
	width: 100%;
	float: left;
	border-bottom:solid 1px #5d5d5d;
}


.post-item .post-item-body figure {	
	float: left;
	max-width:260px;
	width:auto;
	margin-bottom: 0px; 
}

.post-item .post-item-body p {
	width: 100%;
	float: left;
}
.post-item .post-item-body p.title {
	font-size: 21px; font-weight:200;
	margin-bottom:9px; max-width:100%;
	color:#f2b632;
	
}
.post-item .post-item-body p.title a {
	font-size: 23px; font-weight:400;
	margin-bottom:7px;
	margin-top:6px;
	float:left;
	color:#f2b632;
}
.post-item .post-item-body p.title a:hover {
	color:#fff;
}
.post-item .post-item-body .meta {
	width: 100%;
	float: left;	
	margin-top: 0px;
	padding-top:0px;
	padding-bottom:0;
	color:#ccc;		
}
.post-item .post-item-body .meta p {
	width: auto;
	float: left;
	margin-right: 20px;
	font-style: italic;
	font-size: 12px;
	margin-top: 0px;
	padding-top:0;
	vertical-align:top;
	line-height:11px;
}
.post-item .post-item-body .meta p a {
	text-transform: normal;
}
.post-item .post-item-body .meta p.read {
	float: right;
	margin-right: 0px;
	font-size:13px;
}
.post-item .post-item-body .meta p.read a {
	float: right;
	margin-right: 0px;
	font-size:13px;
	font-weight:400;
}
.slikaNovosti{max-width:320px; float:left; display:block; margin:8px 20px 0 0; }
.slikaNovostiBig{max-width:400px; max-height:320px; float:left; display:block; margin:8px 20px 0 0; }
.slikaBigCont img{max-width:400px; float:left; display:block; margin:8px 20px 0 0; }


.galbox2{position:relative; width:19%; height:200px; float:left; margin:5px; background-size:cover;	background-attachment:scroll; background-position:center; background-repeat:repeat;	background-origin:content-box;  }
.galbox2:hover{background-color:#000; opacity: 1.0;}



@media only screen and (max-width: 1199px) {.galbox2{width:18.5%; height:150px; }}
@media only screen and (max-width: 1150px) {.galbox2{width:18.5%; height:150px; }}
@media only screen and (max-width: 979px) {.galbox2{width:31.3333%; height:220px; }}
@media only screen and (max-width: 767px) {.galbox2{width:47.5%; height:190px; }}
@media only screen and (max-width: 700px) {.galbox2{width:47.5%; height:190px; }}
@media only screen and (max-width: 640px) {.galbox2{width:47.5%; height:190px; }}
@media only screen and (max-width: 480px) {.galbox2{width:98%; height:220px; float:none; margin:0 auto 10px auto;}}
@media only screen and (max-width: 400px) {.galbox2{width:94%; height:220px; float:none; margin:0 auto 10px auto;}}

.galbox3{position:relative; width:19%; height:200px; float:left; margin:5px; background-size:cover;	background-attachment:scroll; background-position:center; background-repeat:repeat;	background-origin:content-box;  }
.galbox3:hover{background-color:#000; opacity: 1.0;}



@media only screen and (max-width: 1199px) {.galbox3{width:18.5%; height:200px; }}
@media only screen and (max-width: 1150px) {.galbox3{width:18.5%; height:200px; }}
@media only screen and (max-width: 979px) {.galbox3{width:31.3333%; height:220px; }}
@media only screen and (max-width: 767px) {.galbox3{width:47.5%; height:250px; }}
@media only screen and (max-width: 700px) {.galbox3{width:47.5%; height:250px; }}
@media only screen and (max-width: 640px) {.galbox3{width:47.5%; height:250px; }}
@media only screen and (max-width: 480px) {.galbox3{width:98%; height:250px; float:none; margin:0 auto 10px auto;}}
@media only screen and (max-width: 400px) {.galbox3{width:94%; height:250px; float:none; margin:0 auto 10px auto;}}


.galbox4{position:relative; width:19%; height:200px; float:left; margin:5px; background-size:cover;	background-attachment:scroll; background-position:center; background-repeat:repeat;	background-origin:content-box; transition:0.4s;  }
.galbox4:hover{background-color:#000; opacity: 0.9;}



@media only screen and (max-width: 1199px) {.galbox4{width:18.5%; height:170px; }}
@media only screen and (max-width: 1150px) {.galbox4{width:18.5%; height:170px; }}
@media only screen and (max-width: 991px) {.galbox4{width:31.3333%; height:200px; }}
@media only screen and (max-width: 767px) {.galbox4{width:47.5%; height:200px; }}
@media only screen and (max-width: 700px) {.galbox4{width:47.5%; height:200px; }}
@media only screen and (max-width: 640px) {.galbox4{width:47.5%; height:200px; }}
@media only screen and (max-width: 480px) {.galbox4{width:98%; height:250px; float:none; margin:0 auto 10px auto;}}
@media only screen and (max-width: 400px) {.galbox4{width:94%; height:250px; float:none; margin:0 auto 10px auto;}}



.spacertitlehr{ width:100%; float:left;  height: 1px;  border-bottom: 1px solid #e2e2e2; margin:0 0 20px 0; }
.spacertitlehr2{ width:100%; float:left;  height: 1px;  border-bottom: 1px solid #e2e2e2; margin:0 0 5px 0; }

.newstitle1 {
	font-size: 24px; font-weight:400; color:#fff; letter-spacing:0px; text-align:left; line-height:23px;
	 max-width:100%; background-image:url(../images/bg-hr.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	padding:3px 0 10px 0;  margin-bottom:5px;	font-family: 'Raleway', sans-serif !important;
}

.newstitle1 a { color:#f2b632 !important; }
.newstitle1 a:hover { color:#fff !important; }

@media screen and (max-width: 991px) {

.newstitle1 { font-size:19px !important; margin-bottom:0; }
.newstitle1 a { color:#f2b632; font-size:19px !important;}

}

@media screen and (max-width: 767px) {

.newstitle1 { font-size:19px !important; margin-bottom:0; text-align:center; }
.newstitle1 a { color:#f2b632; font-size:19px !important;}

}



.newstitle2 {
	font-size: 26px; font-weight:400; color:#34495e; letter-spacing:0px; text-align:left; line-height:23px;
	 max-width:100%; background-image:url(../images/bg-hr.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	padding:3px 0 10px 0;  margin-bottom:5px;	
}

@media screen and (max-width: 991px) {.newstitle2 { font-size:22px; margin-bottom:0; }}

.povrataklink{float:right; width:auto; font-size:13px; font-style:italic; text-align:right;}
.povrataklink a{ font-weight:200; color:#f2b632; transition:0.4s;}
.povrataklink a:hover{ color:#fff;}

.galbox1{position:relative; width:25%; height:250px; float:left; background-size: cover;
	background-attachment: scroll  ;
	background-position: center  ;
	background-repeat:repeat;
	background-origin: content-box; background-color:transparent; border-left:solid 1px #f5f5f5; border-bottom:solid 1px #f5f5f5; margin-left:-1px; background-color:#000;  transition: 0.3s; 
}
.galbox1:hover{background-color:#000; opacity: 0.8;}

.galboxmaterijali1{position:relative; width:33.33333%; height:270px; float:left; background-size: cover;
	background-attachment: scroll  ;
	background-position: center  ;
	background-repeat:repeat;
	background-origin: content-box; background-color:transparent; border-left:solid 1px #f5f5f5; border-bottom:solid 1px #f5f5f5; margin-left:-1px; background-color:#000;  transition: 0.3s; 
}
.galboxmaterijali1:hover{background-color:#000; opacity: 0.8;}
/*
.galbox1{position:relative; width:25%; height:250px; float:left; background-position:center 20%; background-repeat:no-repeat; background-size: 140% auto; background-color:transparent; border-left:solid 1px #f5f5f5; border-bottom:solid 1px #f5f5f5; margin-left:-1px; background-color:#222;  transition: 0.3s; 
}

.galbox1:hover{background-size: 150% auto; }
*/


.galboxnewsglslika1{position:relative; width:33.33333%; height:250px; margin-right:15px; float:left; background-size: cover;
	background-attachment: scroll  ;
	background-position: center  ;
	background-repeat:repeat;
	background-origin: content-box; background-color:transparent; border-left:solid 1px #f5f5f5; border-bottom:solid 1px #f5f5f5; margin-left:-1px; background-color:#000;  transition: 0.3s; 
}
.galboxnewsglslika1:hover{background-color:#000; opacity: 0.8;}

.widthaddongallery{width:97.5%;}
.widthaddonforma{width:96.4%;}




.opsirnijelink {float:right; width:100%; text-align:right; margin-top:7px;}
@media only screen and (max-width: 1024px) { .opsirnijelink { font-size:12px;}}

.povrataklink {float:right; width:100%; text-align:right; margin-top:0; font-weight:400; font-style:normal; max-width:250px;}
.povrataklink a {float:right; width:100%; text-align:right; margin-top:0; font-weight:400; font-style:normal;}
@media only screen and (max-width: 1024px) { .povrataklink { font-size:12px;}}


@media only screen and (min-width: 960px) and (max-width: 1199px) {
.site-desc{display:none;}
.galbox1{width:25%; height:200px; }

}


@media only screen and (min-width: 760px) and (max-width: 1024px) {
.post-item .post-item-body figure {max-width:200px;}
.gumbref{ width:200px; display:block;  float:none; margin:0 -15px 0 auto;}



}

@media only screen and (min-width: 980px) and (max-width: 1024px) {
.post-item .post-item-body p.title {
	font-size: 22px; 
	
}
.post-item .post-item-body p.title a {
	font-size: 22px; 
}

}

@media only screen and (max-width: 1024px) {
.post-item .post-item-body p.title {
	font-size: 22px;
	line-height: 22px; 
	
}
.post-item .post-item-body p.title a {
	font-size: 22px;
	line-height: 22px;  
}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
.post-item .post-item-body figure {max-width:200px;}
.gumbref{ width:200px; display:block;  float:none; margin:0 -15px 0 auto;}
.povrataklink{ display:none;}
.galbox1{width:33%; height:200px;}

.galboxmaterijali1{position:relative; width:33.33333%; height:200px;}

.galboxnewsglslika1{position:relative; width:33.33333%; height:200px;}

.widthaddongallery{width:98%;}
.widthaddonforma{width:96%;}
}
@media only screen and (min-width: 600px) and (max-width: 767px) {


}
@media only screen and (max-width: 699px) {
.galbox1{width:50%; height:200px; }
.galboxmaterijali1{position:relative; width:50%; height:200px;}
.galboxnewsglslika1{position:relative; width:50%; height:200px;}
}



@media only screen and (max-width: 767px) {
.post-item .post-item-body figure {max-width:100%;}
.povrataklink{ display:none;}
.galbox1{width:50%; height:220px; }

.galboxmaterijali1{position:relative; width:33.33333%; height:200px;}
.galboxnewsglslika1{position:relative; width:33.33333%; height:200px;}

.widthaddongallery{width:100%;}
.widthaddonforma{width:98%;}
}



@media only screen and (min-width: 480px) and (max-width: 767px) {
.gumbrefbox{width:100%; display:block; float:none; margin:10px auto 0 auto;}
.gumbref{ width:100%; display:block;  float:none; margin:0 auto;}
.povrataklink{ display:none;}
.galboxmaterijali1{position:relative; width:100%; height:300px;}

}

@media only screen and (min-width: 480px) and (max-width: 766px) {
.galboxnewsglslika1{position:relative; width:100%; height:300px; margin-right:0px;}
}

@media only screen and (min-width: 750px) and (max-width: 870px) {

}

@media only screen and (max-width: 480px) {
.gumbrefbox{width:100%; display:block; float:none; margin:10px auto 0 auto;}
.gumbref{ width:100%; display:block;  float:none; margin:0 auto;}


.povrataklink{ display:none;}


.post-item .post-item-body .meta p { font-size: 11px;}

.post-item .post-item-body .meta p.read {margin:10px auto 0 auto;}


.galbox1{width:100%; height:280px; }

.galboxmaterijali1{position:relative; width:100%; height:270px;}
.galboxnewsglslika1{position:relative; width:100%; height:270px;}
}




@media only screen and (max-width: 1199px) {
.site-desc{display:none;}
.slikaNovosti{max-width:250px; float:left; display:block; margin:8px 20px 0 0;}
.slikaNovostiBig{max-width:250px;}
.slikaBigCont img{max-width:300px;}


}

@media only screen and (max-width: 767px){ 
.slikaNovosti{max-width:80%; width:100%; margin-bottom:7px;  float:none; margin-left:auto; margin-right:auto;}
.slikaNovostiBig{max-width:80%; margin-bottom:15px; float:none; margin-left:auto; margin-right:auto;}  
.slikaBigCont img{max-width:100%; margin-bottom:15px;}

}

.frame-scale-with-grid { max-width: 100%; }

.video-container {
    position: relative;
    padding-bottom: 40.25%;
    padding-top: 30px; height: 0; overflow: hidden;
	
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	max-height:490px;
	border: none;
}
.item1{ float:left;}
.item2{ float:left;}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
  min-width: 100% !important;
  width: 100% !important;
}

.dokumentilinkovibox{
width:100%;
padding:0;
margin:0px;
border-bottom:1px dotted #cccccc;
float:left;
background-image:url(../images/doc78.png);
background-position:0 10px;
background-repeat:no-repeat;
}
.dokumentilinkovibox a{
text-decoration:none; 
padding:8px 0 12px 0;
margin:0px;
display:block;
color:#707070;
background-image:url(../images/doc78.png);
background-position:0 10px;
background-repeat:no-repeat;
transition: 0.5s;
}
.dokumentilinkovibox a:hover{
background-color:#efefef;
padding:8px 0 12px 0;
margin:0px;
display:block;
background-image:url(../images/doc78.png);
background-position:0 10px;
background-repeat:no-repeat;

}

.vezanolinkovibox{
width:100%;
padding:6px 0 4px 0;
margin:0px;
border-bottom:1px solid #5d5d5d;
float:left;
color:#eee;
transition: 0.5s; 
}

.vezanolinkovibox:hover{
background-color:#1d1f2c;
padding:6px 0 4px 0;
margin:0px;
display:block;
}

/* pagination1 start
--------------------------------------------------- */


.pagerlink a {	
	color : #ccc;  padding:11px 17px 11px 17px; font-weight:600;  	
}

.pagerlink a:hover {
	color : #fff;  padding:11px 17px 11px 17px;  background-color:#f2b632;   font-weight:600;
}
.pagerlink span { color : #222;  padding:11px 17px 11px 17px;  background-color:#f2b632;  font-weight:600; }


.newsgumbdetalji{width:180px; height:42px; padding:10px 0; margin-top:20px;  float:right; background-color:#f2b632; font-size:13px !important; text-align:center; color:#333;   cursor:pointer; transition:0.4s;}

.newsgumbdetalji:hover{ background-color:transparent; color:#fff; border:solid 1px #fff;}

.newsgumbdetalji a{ color:#333;}

.newsgumbdetalji a:hover{}

@media (max-width: 767px) { .newsgumbdetalji{width:100%;} }

.shownewsnaslovdesktop{ display:block; }
.shownewsnaslovmobile{ display:none; }

@media (max-width:767px) {
.shownewsnaslovdesktop{ display:none; }
.shownewsnaslovmobile{ display:block; }
}

.shownewsdatumdesktop{ display:block; }
.shownewsdatummobile{ display:none; }

@media (max-width:767px) {
.shownewsdatumdesktop{ display:none; }
.shownewsdatummobile{ display:block; }
}