/*
Theme Name: ISKRA
Theme URI: http://www.iskra.co
Author: Darko Mitrovic
Author URI: http://www.darkomitrovic.com
Description: Elektronske novine Andricgrada
Version: 1.0
*/


/*
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700&subset=cyrillic-ext,latin,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=cyrillic-ext,latin,cyrillic);
*/

 @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700|Roboto+Slab:400,700&subset=cyrillic,cyrillic-ext,latin-ext');


.reklama-box img {
	margin-left: auto;
	margin-right: auto;
}


.blog-post ul.crte {
	list-style-type: none;
}
.blog-post ul.crte li:before {
  content: '-';
  position: absolute;
  margin-left: -13px;
}



/*
Smedja #A0522D;
Svijetlo siva #f3f3f3;
Siva #d3d3d3;
*/

/* PNG fix */
img, .png {
   position: relative;
   behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
   this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
   this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
   this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
   this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}




body {
	background-color:#e9eaed;
	font-family: 'Roboto Slab', serif;
	font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto Slab', serif;
}


a {
	color:#000;
	transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-webkit-transition: 0.2s linear;
	-o-transition: 0.2s linear;
}
a:hover {
	color:#023962;
}
				
img {
	/* width:100%; */
	opacity:1.0;
	filter: alpha(opacity=100);
	transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-webkit-transition: 0.2s linear;
	-o-transition: 0.2s linear;
}
img:hover { 
	opacity: 0.7; 
	filter: alpha(opacity=70);
}

.container {
	background-color:#fff;
}

.shadow {
    /*
	-webkit-box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 6px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 6px 0px rgba(50, 50, 50, 0.75);
    */
}



/**************************************
	           TOP HEADER 
**************************************/

.header {
	border-bottom:1px solid #eee;
}

.header-nav {
}
	ul.header-nav {
		margin:0;
		padding:0;
	}
		.header-nav li {
			list-style:none;
			float:left;
			padding:7px 15px 0px 5px;
		}
			.header-nav li a {
				color:#555;
			}
		
	.navbar-form .form-control {
		border-radius:0;
	}
	.navbar-form {
		margin:3px 0px;
		padding:1px 0px;
	}

	.form-control {
		height: 28px;
		padding: 2px 12px;
		font-size: 14px;
		line-height: 1.42857;
		color: #333;
	}





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

header {
margin:0 auto;
height:120px;
padding: 20px 0;
}

	.header-main {
		height:80px;
	}
		.logo {
			width:231px;
			height:80px;
			margin-left:20px;
		}





/**************************************
	           NAV 
**************************************/
.navbar-default {
	background-color:#086AA9;
	background-color:#C0392B;
	border-top:2px solid #023962;
	border-bottom:2px solid #023962;
        border-top: 0;
        border-bottom: 0;
}
	.navbar-default .navbar-toggle {
		border-color:#fff;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color:#fff;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color:#ae2a1c;
	}

.navbar-collapse {
	padding-left:0;
	padding-right:0;
}

	.navbar-default .navbar-nav > li > a {
		color:#fff;
		text-align: center;
	}
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		color:#fff;
		background-color:#ae2a1c;
	}
	.nav > li > a {
		/* padding:15px 16px; */
		text-transform:uppercase;
	}


.navbar-default .navbar-nav > .active > a {
	background-color:#ae2a1c;
	color:#fff;
}

.navbar-brand {
	display:none;
}


/**************************************
	           3 TOP NEWS
**************************************/

.top-news {
	margin:10px 0;
}
/*
.top-news .col-md-3  {
	height:70px;
	margin:3px 0;
}

.top-news .col-md-3 img {
	width:70px;
	float:left;
}

.top-news .col-md-3 h5 {
	height:70px;
	background-color:#f3f3f3;
	margin:0;
	padding:5px;
	overflow:hidden;
}
.top-news .col-md-3 h5:hover {
	background-color:#eee;
}
*/

.top-news .col-md-4  {
	height:80px;
	margin:3px 0;
}

.top-news .col-md-4 img {
	width:80px;
	height:80px;
	float:left;
}

.top-news .col-md-4 h5 {
	height:80px;
	background-color:#f3f3f3;
	margin:0;
	padding:5px;
	line-height:18px;
	overflow:hidden;
}
.top-news .col-md-4 h5:hover {
	background-color:#eee;
}



/**************************************
	           TICKER 
**************************************/
.ticker-news {
	height:24px;
	overflow:hidden;
	border-top:1px solid #C4221F;
	border-bottom:1px solid #C4221F;
}
	.najtitle {
		width:150px;
		text-align:center;
		background-color:#C4221F;
		color:#fff;
		text-transform:uppercase;
		font-size:14px;
		line-height:24px;
	}
	.typing{
		background-color:#ffe4e3;
		padding-left:18px;
		color:#000;
	}
	.typing > li {
		list-style: none inside none;
	}
	.typing > li > a {
		font-size:14px;
		line-height:24px;
		padding-left:10px;
	}
	.typing > li > a:hover {
		color:#000;
		text-decoration:underline;
	}


.scroll-news {
	height:24px;
	overflow:hidden;
	margin-bottom:15px;
}
	.scroll > li > a {
		font-size:14px;
		line-height:24px;
		padding:0 5px;
	}
	.scroll > li > a:hover {
		color:#000;
		text-decoration:underline;
	}




.newsticker_wrapper {
    background-color: #eaf7ff;
	line-height:22px;
	height:24px;
	border-top:1px solid #023962;
	border-bottom:1px solid #023962;
} 

.newsticker_wrapper h4 {
	width:80px;
	text-align:center;
	background-color:#086AA9;
	color:#fff;
	text-transform:uppercase;
	font-size:14px;
	line-height:22px;
	margin:0;
	padding:0;
	font-family:"Open Sans",sans-serif;
}

.newsticker a {
    color: #000;
}

.newsticker {
    height: 24px;
    margin: 0;
    padding: 0;    
}
ul.newsticker {
    list-style-type: circle;
}
.newsticker li {
    padding: 0;
	list-style-type:circle;
} 
	.newsticker li:before {
	  	content: '● ';
		position: relative;
		bottom: 1px;
		padding-right:20px;
		color:#023962;
	}

.newsticker_controls {
    position: absolute;
    right: 0px;
    top: 0;
    list-style-type: none;
    list-style-image: none;    
    background-color: #000;
    z-index: 30;
    margin: 0;
    padding-left: 0px;
}

/* Scroll */
.newsticker_style_scroll .newsticker li {
    margin-right: 20px;
    padding: 0;
}

.newsticker_scroller {
    margin: 0px;
}



/*
THE MARKUP:

<div class="newsticker_wrapper">
	<h4>The Latest</h4>
	<ul class="newsticker">
		<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</li>
		<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</li>
		<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</li>
		<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</li>
		<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</li>
	</ul>
</div>
*/



/**************************************
	           HOME TOP 
**************************************/

.home-top {
	margin:10px 0;
}

.home-top .col-md-2 {
}

.kustine-price img {
	border:3px solid #ff9600;
	margin-bottom:00px;
}
.kustine-price img:hover {
	border:3px solid #A0522D;
}


.iskrice {
	margin:20px 0 10px;
}
.iskrice .title {
	margin:0;
}

.iskrice .iskrica-box {
	border:1px solid #086AA9;
	border-top:0;
	margin:0;
	padding:5px;
	/*min-height:145px;*/
}

	.iskrica-box .autorice {
	}			
		.iskrica-box img {
			float:left;
			width:100px;
			margin:5px;
		}	
		.iskrica-box .potpiskrica {
			font-size:15px;
			padding-top:8px;
			color:#086AA9;
			text-align:center;
			text-transform:uppercase;
		}

	.iskrica-box h3 {
		padding:0;
		margin:0px 0 0 0;
		text-align:center;
		overflow:hidden;
	}
	.iskrica-box h4 {
		padding:0;
		margin:5px 0;
		text-align:center;
	}



.home-top .col-md-6 a h3 {
margin-top:10px;
}


.list-group {
	margin:30px 0 5px;
}

.list-group-item {
	border-color:#ff9600;
	background-color:#fff6e9;
	padding:11px 15px;
}



.home-top .col-md-6 {
	/* padding:0 !important; */
}

/**************************************
	    IZDVOJENE 
**************************************/
.izdvojena {
	width:100%;
	height: auto;
	position:relative;
	display:block;
	margin-bottom:5px;
}

.izdvojena img {
	width:100%;
	height: auto;
}
.izdvojena h2 {
	width:100%;
	height: auto;
    padding: 20px 7px 7px;
    color: #FFF;
    left: 0px;
    bottom: 0px;
	margin:0 auto;
	position:absolute;
	font-size:22px;
	line-height:28px;
	
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 40%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(40%,rgba(0,0,0,0.8))); 
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 40%); 
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 40%); 
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 40%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 40%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); 
}


.izdvojene {
	width:100%;
	height: auto;
	position:relative;
	display:block;
	margin-bottom:20px;
}
.izdvojene:nth-child(1) {
	/* padding-right:5px; */
}
.izdvojene:nth-child(2) {
	/* padding-left:5px; */
}

.izdvojene img {
	width:100%;
	height: auto;
}
.izdvojene h3 {
	width:100%;
	height: auto;
    padding: 20px 7px 7px;
    color: #FFF;
    left: 0px;
    bottom: 0px;
	position:absolute;
	font-size:16px;
	line-height:18px;
	
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 40%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(40%,rgba(0,0,0,0.8))); 
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 40%); 
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 40%); 
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 40%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 40%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); 
}

.izdvojene:nth-child(1) h3 {
	/* margin:0 5px 0 15px; */
	margin:0;
}
.izdvojene:nth-child(2) h3 {
	margin:0 15px 0 5px;
	margin:0;
}





/**************************************
	    BX SLIDER
**************************************/
.bx-wrapper {
	margin-bottom:20px !important;
}

.bx-viewport {
	height:175px !important;
}

.bxslider {
	height:165px;
}

.bxslider img {
	width:219px;
	height:165px;
}
.bxslider h4 {
	width:100%;
	height: auto;
    padding: 20px 7px 7px;
    color: #FFF;
    left: 0px;
    bottom: 0px;
	margin:0 auto;
	position:absolute;
	font-size:14px;
	line-height:18px;
	
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 40%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(40%,rgba(0,0,0,0.8))); 
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 40%); 
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 40%); 
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 40%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 40%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); 
}



/**************************************
	    HOME LIST NEWS COLUMN 
**************************************/
.home .col-md-4, .home2 .col-md-7, .home2 .col-md-5, .home2 .col-md-2, .home3 .col-md-12 {
	margin:15px 0 15px;
}

.home .col-md-4:nth-child(2) {
	/*
	border-left:1px solid #d3d3d3;
	border-right:1px solid #d3d3d3;
	*/
}
.home3 .col-md-12 {
	/*padding: 0 50px;*/
}


.title {
	background-color:#086AA9;
	border-top:2px solid #023962;
	border-bottom:2px solid #023962;
	border-top:0;
	border-bottom:0;
	text-align:center;
	font-size:18px;
	margin-bottom:3px;
}
.title:hover {
	background-color:#023962;
}
	.title a h3, .title h3 {
		padding:5px;
		margin:0;		
		font-family: 'Open Sans', sans-serif;
		font-size:20px;
		color:#fff;
		text-transform:uppercase;
	}
	.title a:hover {
		text-decoration:none;
	}
	.title a h3:hover {
		text-decoration:none;
		color:#fff;
	}



.home-list-first {
	border-bottom:1px solid #f3f3f3;
}
.home-list-first img {
    margin: 0 auto;
}
.home-list-first h4 {
    bottom: 0px;
	font-size:18px;
	line-height:22px;
	
	/*  
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 40%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(40%,rgba(0,0,0,0.8))); 
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 40%); 
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 40%); 
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 40%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 40%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); 
	*/
}



.home-list-second  {
	height:90px;
	padding:10px 0;
	border-bottom:1px solid #f3f3f3;
}
.home-list-second:hover  {
	/*background-color:#f3f3f3;*/
}

.home-list-second img {
	width:95px;
	float:left;
}

.home-list-second h5 {
	height:64px;
	margin:0;
	padding:2px 0 0 5px;
	overflow:hidden;
}



/* ECO */
.home2 .col-md-7 .title {
	/* margin-bottom:0px; */ 
}

.home-list-eco {
	border-bottom:1px solid #d3d3d3;
	padding:5px 0px 10px;
/*
	border:1px solid #d3d3d3;
	border-top:0;
*/
}

.home-list-eco a h4 {
	margin:0;
	padding:2px 0 8px 0;
	overflow:hidden;
}

.home-list-eco img {
	width:150px;
	margin-right:10px;
	float:left;
}
.home-list-eco p {
	margin:0px;
}



/* NAJAVE */
.home2 .col-md-2 {
	border-left:1px solid #d3d3d3;
	border-right:1px solid #d3d3d3;
	/* background-color:#f3f3f3; */
}
.home-list-najava  {
	border-bottom:1px solid #d3d3d3;
	margin-bottom:15px;
}
.home-list-najava:nth-child(1)  {
	margin-top:15px;
}
/*
.home-list-najava:nth-child(3)  {
	border-bottom:0;
	margin-bottom:15px;
}
*/
.home-list-najava a h5 {
	margin:0 0 15px 0;
}




/* KOLUMNA */
.home-list-kolumna {
	padding:14px 0;
	border-bottom:1px solid #086AA9;
}
.home-list-kolumna:last-child {
	/* border-bottom:0; */
}
.kolumna-autor {
	font-size:12px;
	line-height:1;
}
.kolumna-autor a {
	text-align:center;
	color:#086AA9;
	text-transform:uppercase;
	font-size:12px;
	line-height:1;
}
.home-list-kolumna img {
	width:50px;
	margin-right:10px;
	float:left;
}
.home-list-kolumna h5 {
	margin:2px 0 5px;
	font-size:14px;
	line-height:1;
}
.home-list-kolumna p {
	font-size:13px;
	margin:0;
}





/* SVE VESTI */

.home-list-sve-vesti {
	border-bottom:1px solid #d3d3d3;
	padding:10px 0px 10px;
/*
	border:1px solid #d3d3d3;
	border-top:0;
*/
}
.home-list-sve-vesti  a h4 {
	margin:0;
	padding:2px 0 8px 0;
}

.home-list-sve-vesti  img {
	width:143px;
	margin-right:10px;
	float:left;
}
.home-list-sve-vesti  p {
	margin:0px;
}

/* NAJAVE */
.home3 .col-md-3 {
	border-left:1px solid #d3d3d3;
}
.home-list-aktuelno  {
	border-bottom:1px solid #d3d3d3;
	margin-bottom:15px;
}
/*
.home-list-aktuelno:nth-child(1)  {
	margin-top:15px;
}
.home-list-aktuelno:nth-child(3)  {
	border-bottom:0;
	margin-bottom:15px;
}
*/
.home-list-aktuelno a h5 {
	margin:0 0 15px 0;
}




.textwidget iframe {
    min-height: 300px;
}





/**************************************
	           POST 
**************************************/
.row.page {
	margin-top:20px;
}

.blog-post {
	margin:5px 0 30px 0;
}

.blog-main .izdvojena {
	margin-bottom:25px;
}


.blog-post h3.kolumna {
	color:#023962;
	font-style:italic;
}

	h2.blog-post-title {
		margin-top:0;
	}
	.blog-post img:hover {
		opacity:1.0;
		filter: alpha(opacity=100);
	}
	.blog-post a img:hover {
		opacity:0.7;
		filter: alpha(opacity=70);
	}
	.blog-post p {
		font-size:16px;
		margin:0 0 15px 0;
		text-indent: 30px;
	}
	.blog-post ul, .blog-post ol {
		font-size:16px;
		margin:0 0 15px 0;
	}
	.blog-post li {
        padding-bottom: 7px;
	}

	.blog-post p a {
		font-weight:bold;
		color:#023962;
		text-decoration: underline;
	}
	/*
	.blog-post p i {
		font-family: 'Open Sans', sans-serif;
		font-size:16px;
		margin:0 0 15px 0;
		color:#333;
	}
	*/

	.blog-post p iframe {
		margin-left:-30px;
	}

		
	.blog-post ul {
		margin:0 0 15px 0;
	}
	.blog-post ul li  {
		font-size:16px;
		margin:0 0 10px 0;
	}
	
	.blog-post p img.alignleft {
		float:left;
		margin:0 15px 5px 0;
		max-width:100%;
		height:auto;
	}
	.blog-post p img.alignright {
		float:right;
		margin:0 0 5px 15px;
		max-width:100%;
		height:auto;
	}
	.blog-post p img.aligncenter, .blog-post div.aligncenter img {
		width:100%;
		height:auto;
	}
	.blog-post p img.aligncenter {
		margin-left:-30px;
	}
	.wp-caption-text {
		font-size:14px !important;
		text-align:center;
		background-color:#f3f3f3;
		padding:2px;
		font-style:italic;
		text-indent:0 !important;
	}
	
	#gallery-1 .gallery-caption {
		font-size:12px !important;
		display:none;
	}

 	.blog-post .izvor {
		font-size:14px;
		color: #999;
		margin:0 0 15px 0;
		font-style:italic;
	}

.blog-post-meta {
	color:#666;
	margin:0 0 5px 0;
	text-indent:0 !important;
}


.blog-post.list {
	border-bottom:1px solid #d3d3d3;
	padding-bottom:15px;
	margin:5px 0 15px 0;
	text-indent:0;
}
	.blog-post.list img {
		width:150px;
		float:left;
		margin-right:10px;
	}
	.blog-post.list h2 {
		font-size:18px;
		margin:0;
		padding:0;
	}
	.blog-post.list .blog-post-meta {
		font-size:14px;
		padding:3px 0;
		text-indent:0;
	}
	.blog-post.list p {
		font-size:14px;
		margin:0;
		text-indent:0;
	}
	
	.blog-post p.tagovi {
		font-style:italic;
		font-weight: normal;
		text-indent:0;
	}
	.blog-post p.tagovi a {
		font-weight: normal;
		color:#023962;
	}







.znakovi {
	border:3px solid #023962;
	padding:15px;
}

.znakovi-header {
	margin-bottom:0px;
}


.blog-post.znakovi .wp-caption.alignleft {
	width:240px;
	float:left;
	margin-right:15px;
	border:2px solid  #023962;
	padding:2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	-khtml-border-radius: 5px; 

}
.blog-post.znakovi .wp-caption.alignleft img {
	width: 100%;
	height:auto;
}

.blog-post.znakovi .wp-caption.alignleft p.wp-caption-text {
	text-indent:0;
	font-size:11px !important;
	line-height:11px;
	padding:3;
	margin:0;
}




/*
.blog-post.znakovi .wp-caption {
	width: 260px;
	/* height: 441px; *
	display: inline-block;
	padding: 10px;
	background: #023962;
	position: relative;
	/* -webkit-filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.5)); */
	/*The stamp cutout will be created using crisp radial gradients*
	background: radial-gradient(
		transparent 0px, 
		transparent 4px, 
		#023962 4px,
		#023962
	);
  
	/*reducing the gradient size*
	background-size: 20px 20px;
	/*Offset to move the holes to the edge*
	background-position: -10px -10px;
}
.blog-post.znakovi .wp-caption:after {
	content: '';
	position: absolute;
	/*We can shrink the pseudo element here to hide the shadow edges*
	left: 5px; top: 5px; right: 5px; bottom: 5px;
	/*Shadow - doesn't look good because of the stamp cutout. We can still move this into another pseudo element behind the .stamp main element*/
	
  /*box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.5);*/
	/*pushing it back*
	z-index: -1;
}
/*Some text
.blog-post.znakovi .wp-caption:before {
	content: 'CSS3';
	position: absolute;
	bottom: 0; left: 0;
	font: bold 24px arial;
	color: black;
	opacity: 0.75;
	line-height: 100%;
	padding: 20px;
}
*/



	.znakovi-datum {
		text-transform:uppercase;
		font-size:18px;
		padding-left:0px;
	}
	.znakovi-autor {
		font-size:24px;
		padding-right:135px;
		font-style:italic;
		color:#023962;
	}
	.blog-post.znakovi p {
		text-indent:30px;
		font-size:14px;
	}
	
	.blog-post.znakovi blockquote {
		background-color:#f6f6f6;
		border:thin solid #DEDEDE;
		padding:0 20px 25px 20px;
		/*overflow:hidden;*/
	}
	
	.blog-post.znakovi h1 {
		text-align:center;
		margin-top:20px;
		margin-bottom:20px;
	}
	
	
	.blog-post.znakovi h3:before, .blog-post.znakovi b:before {
	  	content: '● ';
		position: relative;
		bottom: .1em;
	}
	.blog-post.znakovi h3 {
		padding-left:27px;
		font-size:20px;
	}

	.blog-post.znakovi b {
		font-size:20px;
		font-weight:500;
		line-height:1.1;
		margin:20px 0 0px 0;
		font-family:"Roboto Slab",serif;
		display:inline-block;
		text-indent:0;
	}



	.znak {
        margin-top: 10px;
	}	
    .znak p {
        margin: 10px 0 0 !important;
        font-size: 13px;
	}
	.znak b:before {
	  	content: '● ';
		position: relative;
		bottom: .1em;
	}



.fb-page {
margin-top: 0px;
width: 100%;
border-top: 1px solid #E5E5E5;
}
.fb-page > div {
float: left;
/*height: 20px;*/
margin-top: 8px;
margin-bottom: 8px;
}
.fb-page-text {
	color:#4E69A2;
	margin-right:10px;
}




.share {
margin-top: 20px;
width: 100%;
border-top: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
}
.share > div {
float: left;
/*height: 20px;*/
margin-top: 20px;
margin-bottom: 20px;
}
.share > div > .fb {
	margin-right:30px;
}
.share > div > .tw {
	margin-right:30px;
}




/* FOTO */
body dl.gallery-item + br {
}
.gallery {
	margin-bottom:15px !important;
	clear:both;
}
	.gallery-item {
		width:150px !important;
		/* height:113px; */
		margin:0px !important; /* 4px 2px 0 2px */
	}
	.gallery-item dt a img:hover {
		border-color:#FF0000;
	}


.biografija img.avatar {
	float:right;
}
.biografija img.avatar:hover {
	opacity:1;
	filter: alpha(opacity=100);
}
img.mfp-img:hover {
	opacity:1;
	filter: alpha(opacity=100);
}
	

.autori h4 {
	background-color:#FBFAF9;
	margin:0;
	padding:5px 0 10px 5px;
}

.list-unstyled {
	background-color:#FBFAF9;
}
.list-unstyled li {
	padding:4px 0 0 5px;
}
.list-unstyled li a {
	color:#A0522D;
}



#commentform {
	display:none;
}

h3#reply-title:hover {
	text-decoration:underline;
	cursor:pointer;
}

    .form-submit {
    display: none;
    }
    .comment-form-author,
    .comment-form-email,
    .comment-form-url {
    width: 50%;
    }




.form-allowed-tags, .comment-notes {
	display:none;
}

.komentari-btn {
	margin-bottom:15px;
}

.komentari-upozorenje {
	font-size:12px;
}


ol.commentlist{
 margin: 10px 0px;
 padding: 10px 0;
}
.commentlist .comment-body{
 padding: 10px;
 background: #EFEFEF;
 border: solid thin #DEDEDE;
 margin: 10px 0;
 position: relative;
}
.comment-body a.comment-reply-link{
 position: absolute;
 top: 10px;
 right: 10px;
 color: #AEAEAE;
}
ol.commentlist li{
 list-style: none;
}
ol.commentlist img.avatar{
 padding: 5px;
 background: #DEDEDE;
 border: solid thin #CECECE;
 float: left;
 display: block;
 margin: 15px;
 width: 32px;
 height: 32px;
 display:none;
}
ol.commentlist .comment-author{
 line-height: 25px;
}
.comment-body cite.fn{
 font-size: 16px;
 font-style: normal;
 font-weight:bold;
}
.comment-body span.says{
	display:none;
}
.commentmetadata a{
 margin: 0;
 font-size: 11px;
 color: #999;
}
.comment-body p{
 margin: 5px;
}
 
.comment-body .comment-author.vcard{
 margin: 0;
}


/**************************************
	           FOOTER 
**************************************/

footer {
	border-top:1px solid #000;
	padding:10px 0 0 0;
	margin-top:20px;
}

footer ul {
	list-style: none;
	padding:0;
	float:left;
}
	footer ul li {
		display:inline-block;
		padding-right:10px;
	}
		footer ul li a {
			color:#333;
		}




/* SMALL SCREEN */
@media (min-width: 992px) and (max-width: 1199px) {
	.nav > li > a {
		padding:15px 11px;
		text-transform:none;
	}
	
	.list-group {
		margin:20px 0px 0;
	}
	.list-group-item {
		padding:8px 15px;
	}
	
	.home-list-kolumna {
		padding:5px 0px;
	}
	
	
	.iskrica-box img {
		width:70px;
	}	
	.iskrica-box h3 {
		font-size:20px;
	}

}








@media (max-width: 768px) {
header, .header {
	display:none;
}

/*
.logo {
	margin:0 auto;
	float:none !important;
}
*/

.navbar-brand {
	color:#fff !important;
	display:block !important;
	font-size:26px;
}
.navbar-collapse {
	padding-left:15px;
	padding-right:15px;
	border:0;
}

.navbar-nav {
	margin:1px -15px;
}

.nav > li {
	border-bottom:1px solid #c64d41;
}

.nav > li > a {
	padding:10px 0;
}



.list-group {
	margin-bottom:20px;
}


h2.blog-post-title {
	font-size:26px;
}

.izdvojena h2 {
	font-size:16px;
	line-height:18px;
}


.home-list-najava a img {
	float:left;
	margin-right:10px;
}

.home3 .col-md-12 {
	/*padding:0 15px;*/
}


h3#reply-title {
	margin-bottom:30px;
}


	.gallery-item {
		width:80px !important;
		height:60px !important; 
	}
	.gallery-item dt a img {
		width:80px !important;
		height:60px !important; 
	}
	
	
	
.blog-post.znakovi .wp-caption.alignleft {
	width:100%;
	margin-bottom:10px;
}
.znakovi-datum, .znakovi-autor {
	float:none;
	text-align:center;
	width:100%;
	padding-right:0;
}

	.blog-post.znakovi h1 {
		font-size:28px;
	}
    
    
    
    
    
    
    .home-list-first {
        height: auto;
        min-height: 50px  !important;
    } 
    
    
    
    
    
    
	
}



@media (max-width: 591px) {
    .carousel h3 {
        font-size: 20px;
    }

}