@charset "utf-8";
/* CSS Document */

html,body{
    height: 100%
}

body{

	font-family: 'Merriweather', serif;
	color:#525252;
	margin:0px;
	background-color:#666666;



	}



html, body, p, a, li {
	
	font-size:1rem;
	font-family: 'Merriweather', serif;
	
	}
	
div, p, a, li, td, span {
	
	font-size:0.8rem;
	font-family: 'Merriweather', serif;
	
	}	


a{
	font-size:0.8rem;
	color:#f27173
	
	}
a:hover{
	
	color:#f27173
	
	}

.facebook-responsive {
    overflow:hidden;
    /*padding-bottom:56.25%;*/
		padding-bottom:80.25%;
    position:relative;
    height:0;
	/*margin:1rem 0;*/
}

.facebook-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/************** H* TAGS *********************************/


h1{	

	font-size:2.425rem;
	font-family: 'Oswald', sans-serif;
	color:#525252;
	text-transform:uppercase;
	text-align:center;
	font-weight:700;
	
	}


h2{
	
	font-size: 1.3rem;
	font-family: "Merriweather",serif;
	color:#525252;
	text-transform:none;
	text-align:center;
	font-weight:700;	
	
	

	}

h3{	
}
	
h4{	
}

blockquote {

	border-left: 3px solid #525252;
    margin: 1.25rem 0 1.25rem 1.25rem;
	padding:0px 0px 0 1px;
    
}

blockquote p{
	
	border-left: 1px solid #525252;
	padding: 0 1.25rem 0.5625rem 1.1875rem;
	margin:0;
	color: #525252;
    line-height: 1.6;
	font-weight:700;
	font-size:1rem;
	}
	
blockquote a{
	
	
    line-height: 1.6;
	font-weight:700;
	font-size:1rem;
	}

blockquote p:first-child{
	
	
	padding-top: 0.5625rem;

	}

	

#holder {
	
    min-height: 100%;
    position:relative;
	padding:0.5rem 0;
	
}

.cistac{clear:both}


	 
/************************************************* CENTRAL  ***************************************************/

#centralContainer{
	
	background-color:#ededed; 

	/***** Horizontal Length / Vertical Length / Blur Radius / Spread Radius / (Shadow Color, Opacity ) *****/
	-webkit-box-shadow: 3px 3px 4px 1px rgba(0,0,0,0.5);
	-moz-box-shadow: 3px 3px 4px 1px rgba(0,0,0,0.5);
	box-shadow: 3px 3px 4px 1px rgba(0,0,0,0.5);
	
	
	padding:0.9375rem;

}


/*************************************************** HEADER ************************************************/

#headerSection {
	
	
	display:block;
	/*position:fixed;*/
	width:100%;
	z-index:8001;
	position:relative;
	margin:0;
	padding-top:1.2rem;	
	
}

#mainLogoContainer{
	
	padding:0.9375rem 0 0.9375rem 0
	
	}
	
.shareButtonContainer {
	
	padding:0.9375rem 0 0.9375rem 0;
	position:relative;
	
	
	}
.shareButtonContainer a{
	

	position:absolute;
	right:0;
	bottom:1.1rem
	
	}


body.naslovna #mainLogoContainer{
	
	padding:0.9375rem 0 3.5rem 0
	
	}
	
	
	


#headerDatum{
	text-align:right;display:block;
	

	
font-family: "Merriweather",serif;
    font-size: 0.8rem;
    font-weight: 700;	
	
	
	}


#citatContainer {
	border: 3px solid #525252;
	outline: 1px solid #525252;
	outline-offset: -5px;
	padding:0.9375rem;
	position:relative
}





#citatContainer #citetNaslov{
	
		font-family: 'Oswald', sans-serif;
		font-size:0.8rem;
		text-align:center;
		color:#525252;font-weight:700;
		
	
	}


#citatContainer #citat , #citatContainer #citat p{
	
	font-size:0.65rem !important;
	margin-bottom:0 !important;
	text-align:center;
	color:#525252 !important;
	
	
	
	}
	
.crvenaZvijezda{ position:absolute;
width:20px;
height:20px;
background-image:url(/template/crvena_zvijezda.png);
background-position:center center; 
background-repeat:no-repeat;
bottom:-6px; left:50%;
transform: translateX(-50%);
background-color:#ededed;

}

/************************************MAIN MENU ***********************************/

	
	
#mainMenuContainer{

	border: 3px solid #525252;
	position:relative;



}

body.naslovna #mainMenuContainer{

	border: 3px solid #525252;
	border-right:0;
	position:absolute;
	bottom:0px;
	width:100%


}


#mainMenu li{
	
	padding: 0 0.625rem 0;
	text-align:center
	
	 }
	 
#mainMenu li a{
	
	font-family: 'Oswald', sans-serif;
	font-size:0.9rem;
	text-transform:uppercase;
	color:#525252;
	line-height:2rem;font-weight:700;
	
	 }	
#mainMenu li a:hover{
	color:#f27173
	
}
	 
	  
	 
	 


/******************************** Main article ********************************/
#mainArticleInc{
	
	padding:0.9375rem 0 0 0; 
	
	
	}
	


#mainArticleInc h1{	

	font-size:2.425rem;
	font-family: 'Oswald', sans-serif;
	color:#525252;
	text-transform:uppercase;
	text-align:center;
	font-weight:700;
	/*letter-spacing:-0.1rem;*/
	
	}
	
	
#mainArticleInc a h1:hover{color:#f27173;}

#mainArticleInc h2{	

	font-size: 1.3rem;
	font-family: 'Merriweather', serif;
	color:#525252;
	text-transform:none;
	text-align:center;
	
	}

.articleDate{font-size:0.8rem; font-weight:bold; font-style:italic; margin-bottom:0.6375rem; }



#mainAkticleText{padding-top:0.9375rem}



#mainAkticleText {
       -moz-column-count: 2;
       -moz-column-gap: 1.875rem;
       -webkit-column-count: 2;
       -webkit-column-gap : 1.875rem;
       -moz-column-rule-color:  #525252;
       -moz-column-rule-style:  solid;
       -moz-column-rule-width:  1px;
       -webkit-column-rule-color:  #525252;
       -webkit-column-rule-style: solid ;
       -webkit-column-rule-width:  1px;
}










#mainArticleImage{padding-top:0.9375rem;margin-bottom:1.25rem}

#mainArticleImage img{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;

}


#mainArticleInc:hover img { 
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	
	
	

}


#mainAkticleText p:first-child:first-letter { 
/*float: left; 
color: #525252; 
font-size: 4rem; 
line-height: 3rem; 
padding-top: 4px; 
padding-right: 8px; */
  }

#mainAkticleText p{margin-bottom:inherit !important}


.mainArticleAuthor{text-align:right; font-size:0.8rem; font-style:italic}

.mainArticleSeparator{
	border-bottom: 1px solid #525252;
	border-top:3px solid #525252;
	margin:0.9375rem;
	height:5px;
	}

	
/*********** BANNER INC **********/

#searchContainer{	
	position:relative;
	margin:0.6375rem 0 0.9375rem 0;
	border:0.6375rem solid #f27173;



	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}


#searchContainer:hover { 
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	
}

#searchContainer #txt_pretraga{margin:0;border:0;width:100%;

font-family: "Merriweather",serif;
    font-size: 0.8rem;
	color:#525252;


}
#searchContainer #btn_trazi{margin:0;border:0;width:100%; background-color:#525252;


 	display: block;
    font-family: "Oswald",sans-serif;
    font-size: 0.875rem;
    height: 2.3125rem;
	color:#fff;
	text-transform:uppercase;
    padding: 0.5rem;
    transition:  background 0.5s ease;font-weight:700;
    
}

#searchContainer #btn_trazi:hover{
	background-color:#8e8e8e
	
}


/***************** PAMTIMO ***************/
#pamtimoContainer{	
	position:relative;
	margin:0.6375rem 0 0.9375rem 0;
	border:0.6375rem solid #8e8e8e;
	transition: border-color 0.5s ease;


	
}


#pamtimoContainer:hover { 
	border-color:#f27173

	
}

#pamtimoContainer .pamtimoItem{
	margin-bottom:0.5rem;
	
	}
#pamtimoContainer .pamtimoItem:last-child{
	margin-bottom:0
	
	}
#pamtimoContainer .pamtimoEvent, #pamtimoContainer .pamtimoYear{
	font-size:0.8rem;

	font-family: "Oswald",sans-serif;
	font-weight:700;
	}


#pamtimoContainer .pamtimoEvent{
	
	padding-left:0
	
	}





/************* prenosimo ************/

.prenosimoImageItem{
	
	position:relative;
	margin:0.6375rem 0 0.9375rem 0;
	border:0.6375rem solid #8e8e8e;
	transition: border-color 0.5s ease;
}

.prenosimoImageItem:hover{
	
		border-color:#f27173
	}


.prenosimoImageItem .bgimage{
	
		-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	
	border:0.3175rem solid #ededed;
	
	}
	



.prenosimoImageItem:hover .bgimage { 
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	
	
	
	

}	
	
	
	

.prenosimoImageItem .prenosimoCaption{
position:absolute;
bottom:-1.25rem;
left: 50%;
width:100%;
transform: translateX(-50%) translateY(-50%);
text-align:center;
z-index:8000;
background: rgba(250, 250, 250, 0.75) none repeat scroll 0 0;
padding:0.5rem 0;



}


/************* borbena ************/

.bibliotekaImageItem{
	
	position:relative;
	margin:0.6375rem 0 0.9375rem 0;
	border:0.6375rem solid #8e8e8e;
	transition: border-color 0.5s ease;
}

.bibliotekaImageItem:hover{
	
		border-color:#f27173
	}


.bibliotekaImageItem .bgimage{
	
		-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	
	border:0.3175rem solid #ededed;
	
	}
	



.bibliotekaImageItem:hover .bgimage { 
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	
	
	
	

}	
	
	
	

.bibliotekaImageItem .bibliotekaCaption{
position:absolute;
bottom:-1.25rem;
left: 50%;
width:100%;
transform: translateX(-50%) translateY(-50%);
text-align:center;
z-index:8000;

background: rgba(250, 250, 250, 0.75) none repeat scroll 0 0;
padding:0.5rem 0;

}



/************* spomenici ************/

.spomeniciImageItem{
	
	position:relative;
	margin:0.6375rem 0 0.9375rem 0;
	border:0.6375rem solid #8e8e8e;
	transition: border-color 0.5s ease;
}

.spomeniciImageItem:hover{
	
		border-color:#f27173
	}


.spomeniciImageItem .bgimage{
	
		-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	
	border:0.3175rem solid #ededed;
	
	}
	



.spomeniciImageItem:hover .bgimage { 
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	
	
	
	

}	
	
	
	

.spomeniciImageItem .spomeniciCaption{
position:absolute;
bottom:-1.25rem;
left: 50%;
width:100%;
transform: translateX(-50%) translateY(-50%);
text-align:center;
z-index:8000;

background: rgba(250, 250, 250, 0.75) none repeat scroll 0 0;
padding:0.5rem 0;

}

/************* pjesme ************/

.pjesmeImageItem{
	
	position:relative;
	margin:0.6375rem 0 0.9375rem 0;
	border:0.6375rem solid #8e8e8e;
	transition: border-color 0.5s ease;
}

.pjesmeImageItem:hover{
	
		border-color:#f27173
	}


.pjesmeImageItem .bgimage{
	
		-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	
	border:0.3175rem solid #ededed;
	
	}
	



.pjesmeImageItem:hover .bgimage { 
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	
	
	
	

}	
	
	
	

.pjesmeImageItem .pjesmeCaption{
position:absolute;
bottom:-1.25rem;
left: 50%;
width:100%;
transform: translateX(-50%) translateY(-50%);
text-align:center;
z-index:8000;

background: rgba(250, 250, 250, 0.75) none repeat scroll 0 0;
padding:0.5rem 0;

}



/************* agitprop ************/

.agitpropImageItem{
	
	position:relative;
	margin:0.6375rem 0 0.9375rem 0;
	border:0.6375rem solid #8e8e8e;
	transition: border-color 0.5s ease;
}

.agitpropImageItem:hover{
	
		border-color:#f27173
	}


.agitpropImageItem .bgimage{
	
		-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	
	border:0.3175rem solid #ededed;
	
	}
	



.agitpropImageItem:hover .bgimage { 
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	
	
	
	

}	
	
	
	

.agitpropImageItem .agitpropCaption{
position:absolute;
bottom:-1.25rem;
left: 50%;
width:100%;
transform: translateX(-50%) translateY(-50%);
text-align:center;
z-index:8000;

background: rgba(250, 250, 250, 0.75) none repeat scroll 0 0;
padding:0.5rem 0;

}


/************* postaniPartizan ************/

.postaniPartizanImageItem{
	
	position:relative;
	margin:0.6375rem 0 0.9375rem 0;
	border:0.6375rem solid #8e8e8e;
	transition: border-color 0.5s ease;
}

.postaniPartizanImageItem:hover{
	
		border-color:#f27173
	}


.postaniPartizanImageItem .bgimage{
	
		-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	
	border:0.3175rem solid #ededed;
	
	}
	



.postaniPartizanImageItem:hover .bgimage { 
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	
	
	
	

}	
	
	
	

.postaniPartizanImageItem .postaniPartizanCaption{
position:absolute;
bottom:-1rem;
left: 50%;
width:100%;
transform: translateX(-50%) translateY(-50%);
text-align:center;
z-index:8000;

background: rgba(250, 250, 250, 0.75) none repeat scroll 0 0;
padding:0.5rem 1rem;

}

/************* drugarice ************/

.drugariceImageItem{
	
	position:relative;
	margin:0.6375rem 0 0.9375rem 0;
	border:0.6375rem solid #8e8e8e;
	transition: border-color 0.5s ease;
	padding-bottom:3rem
}

.drugariceImageItem:hover{
	
		border-color:#f27173
	}


.drugariceImageItem .bgimage{
	
		-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	
	border:0.3175rem solid #ededed;
	
	}
	



.drugariceImageItem:hover .bgimage { 
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	
	
	
	

}	
	
	
	

.drugariceImageItem .drugariceCaption{
position:absolute;
bottom:-1.25rem;
left: 50%;
width:100%;
transform: translateX(-50%) translateY(-50%);
text-align:center;
z-index:8000;

background: rgba(250, 250, 250, 0.75) none repeat scroll 0 0;
padding:0.5rem 0;

}

/******************************************





.bannerImageItem{
	
	position:relative;
	margin:0.6375rem 0 0.9375rem 0;
	border:0.6375rem solid #f27173;



	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;









}

.bannerImageItem .bannerCaption{
position:absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
color:#fff;
font-family: 'Oswald', sans-serif;
font-size:1.4rem;
line-height:1.5rem;
text-align:center;
z-index:8000;

background:rgba(0,0,0,0.3);
padding:0.6375rem;
font-weight:700;


}


.bannerImageItem img{
	/*-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;*/
	
	border:0.3175rem solid #ededed;

}


.bannerImageItem:hover { 
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	
	
	
	

}











/************************** NEWS INC *******************/


#main{margin-top:1.275rem}



.newsItem img{ max-width:50%;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;


}

body.vijesti_detalji .newsItem img{ max-width:100%


} 

.newsItem:hover img { 
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	
	
	

}


.newsItem.zabavnik .newsItemImageAnchor{display:block;text-align:center}


.newsItemContent img.left{margin:0.2375rem 0.9375rem 0.9375rem 0;}
.newsItemContent img.right{margin:0.2375rem 0 0.9375rem 0.9375rem;}

.newsItemContent img.full{margin:0.2375rem 0 0.9375rem 0; max-width: 100%;}


.newsItem h3{	

	font-size:1.625rem;
	font-family: 'Oswald', sans-serif;
	color:#525252;
	text-transform:uppercase;
	text-align:center;
	/*letter-spacing:-0.1rem;*/
	font-weight:700;
	
	}

.newsItem a h3:hover{color:#f27173;}
.newsItem h4{	

	font-size:1rem;
	font-family: 'Merriweather', serif;
	color:#525252;
	text-transform:none;
	text-align:center;
	font-weight: 700;
	
	
	}
	
	
.newsItem h1{	

	font-size:2.425rem;
	font-family: 'Oswald', sans-serif;
	color:#525252;
	text-transform:uppercase;
	text-align:center;
	font-weight:700;
	
	}
	


.newsItem h2{	

	font-size:1rem;
	font-family: 'Oswald', sans-serif;
	color:#525252;
	text-transform:none;
	text-align:center;
	font-weight:700;
	
	}	
	
	
	
	
	
	
	
.newsItemContent{margin-top:0.9375rem}




/*.newsItemContent p:first-child:first-letter { 
float: left; 
color: #525252; 
font-size: 4rem; 
line-height: 3rem; 
padding-top: 4px; 
padding-right: 8px; 
  }*/

body.naslovna .newsItemContent p{margin-bottom:inherit !important}




.newsItemSeparator{border-top:3px solid #525252;margin: 0.9375rem 0 0.9375rem 0}

/*.newsItemSeparator:last-child{border:0 !important}*/


/*.newsItemSeparator:last-of-type {
    border:0 !important
}*/





/*#newsInc .newsItemSeparator:last-child{border:0 !important}*/ 


.newsItemAuthor{text-align:right; font-size:0.8rem; font-style:italic}






.articleGalleryImageItem{position:relative;margin:0.6375rem 0 0.9375rem 0}

.articleGalleryImageItem .articleGalleryImageCaption{



font-size:0.65rem !important;
text-align:right;
padding:0.6375rem;
font-style:italic


}


.articleGalleryImageItem .articleGalleryImageCaption.captRight{

text-align:right;



}

.articleGalleryImageItem .articleGalleryImageCaption.captLeft{

text-align:left;



}


.articleGalleryImageItem .articleGalleryImageCaption div{font-size:0.65rem !important;}


.articleGalleryImageItem img{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;

}


.articleGalleryImageItem:hover img { 
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	
	
	

}

#catLink{text-align: right;}	
#catLink img{max-width:50%;}


.galleryFiles{
 list-style: outside none none;
 margin:1rem 0;
	
}


/**************************** FOOTER SECTION ****************************/

#footerSection{margin-top:1.875rem;border-top:1px solid #525252;padding-top:1px}
#footerContainer{border-top:3px solid #525252;padding:0.9375rem 0;}

#copy{font-size: 0.65rem; text-align:right}

.social{max-height:16px;margin-right:0.5rem}

.footerMenu{
	
	
    list-style: outside none none;
    margin: 0;
	}
	
.footerMenu li{
    display: block;
    float: left;
    text-align: center;
	border-right:1px solid #525252;	
	padding: 0 0.625rem;}
	
	.footerMenu li:first-child{
    
	padding-left:0 !important}	
	.footerMenu li:last-child{
    
	border-right:0 !important;
	border-right:none;
	}
	
	.footerMenu::after{
	content: "";
	clear:both;
	display: block;
	
	}
	
	
	
.footerMenu li a{
	
	font-family: 'Oswald', sans-serif;
	font-size:0.9rem;
	text-transform:uppercase;
	color:#525252;
	line-height:1rem;
	font-weight:700;
	
	 }	
.footerMenu li a:hover{
	color:#f27173
	
}