/*BLOG*/
.blog-articles {background-color:#FFF; padding:30px 20px 20px 20px;}
.blog-articles .paging {
	font-size: 16px;
	background-color: #fafafa;
	padding:5px 10px;
	margin: 0;
	color: #666;
}
.blog-articles .paging:hover {
	background-color: #ddd;
	color: #444;
}
.blog-articles .starije {float:left;}
.blog-articles .novije {float:right;}
.blog-articles .blog-article {
	padding: 0 0 10px 0;	
}
.blog-articles .blog-article:after {
	content: "";
    border: 0;
    height: 1px;
    background: #f2f2f2;
    margin: 14px 0px 15px 0px;
    display: block;
}
.blog-articles .blog-article .article-date {
	color: #a1a1a1;	
	font-size:14px;
	padding-bottom:3px;
}
.blog-articles .blog-article .article-operations {
	color: #a1a1a1;	
	font-size:14px;
	padding-bottom:3px;
	display: inline-block;	
}
.blog-articles .blog-article .article-operations i {
	font-style: normal;	
}
.blog-articles .blog-article h2 {
	font-size: 24px;
	line-height:32px;
	padding-bottom:10px;	
}
.blog-articles .blog-article h3 {
	padding: 0 0 16px 0;
	font-size: 16px;
	line-height:24px;
	font-weight: 500;	
}
.blog-articles .blog-article-single {
	text-align: center;
}
.blog-articles .blog-article-single h1 {
	font-size: 24px;
	line-height:32px;
	padding-bottom:10px;	
}
.blog-articles .blog-article-single h2 {
	padding: 0 0 16px 0;
	font-size: 16px;
	line-height:24px;
	font-weight: 500;	
}
.blog-articles .blog-article p {
	padding: 0 0 16px 0;
	font-size: 16px;
	line-height:24px;	
}
.blog-articles .blog-article div {
	font-size: 16px;
	line-height:24px;
}
.blog-articles p, .blog-articles div {
    /*font-size: 1.05em;*/
    font-size: 16px;    
}


.blog-articles .blog-article p b, .blog-articles .blog-article b { font-weight:600; /*font-size: 14px;*/}
.blog-articles .blog-article-single p b, .blog-articles .blog-article-single b { font-weight:600; /*font-size: 14px;*/}
.blog-articles .blog-article p i { font-style: italic;}
.blog-articles .blog-article p a { color: #88b737;}
.blog-articles .blog-article img { width: 100%;}
.blog-articles .blog-article-single img { width: 100% !important;}
.blog-articles .blog-article p img { width: 100%;}
.blog-articles .blog-article-single p img { width: 100%;}
.blog-articles .blog-article .social-share img {width: auto!important;}
.blog-articles .blog-article-single .social-share img {width: auto!important;}
.blog-articles .blog-article ol { list-style: decimal; }
.blog-articles .blog-article div b { font-weight:600;}
.blog-articles .blog-article div i { font-style: italic;}
.blog-articles .blog-article div ol { list-style: decimal; }
.blog-articles .blog-article div a { color: #88b737;}
.blog-articles .blog-article div img { width: 100% !important; }
.blog-articles .blog-article .article-img2 {max-width:100%;}
.blog-articles .blog-article .blog-article-img {
	width: 33%;
	margin-right: 3%;
	float:left;	
}
.blog-articles .blog-article .blog-article-img img {
	width: 100%;
}
.blog-articles .blog-article .blog-article-txt {
	float:left;	
	width:64%;
}
.blog-articles .blog-article ul li {
	list-style: disc;
	margin-left: 30px;
	font-size: 16px;
	padding-bottom:5px;	
}
.blog-navigation {
	padding: 20px;
	margin-bottom:20px;
	background-color:#FFF;	
}
.blog-navigation h3 {
	font-size: 21px;
	margin: 4px 0 10px 0;
}
.blog-navigation ul li {
	font-size: 16px;
	list-style: none;
}
.blog-navigation ul li a {
	color: #88b737;
}
.blog-navigation ul li a:hover {text-decoration:underline;}
.blog-navigation .blog-search {
	margin: 20px 0 4px 0;
	background-color: #fcfcfc;
    border: 1px solid #d9d9d9!important;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 12px 10px 11px 10px;
    width: 100%;
    font-size: 16px;
    -webkit-box-shadow: 1px 2px 0 0 rgba(229,229,229,1);
    box-shadow: 1px 2px 0 0 rgba(229,229,229,1);
    color: #333;
}
.blog-banners {
	padding: 22px 0 0 80px;
	width: 260px;	
	float: left;
}
.blog-articles .social-share img {
	position: initial;
	transform: none;
}

.blog-article-txt div {font-size: 16px;}
.blog-article div {font-size: 16px;}

font { font-family: Roboto !important; }
.blog-articles .blog-article .blog-article-txt > div { text-align: left !important; }
.blog-articles .blog-article .blog-article-txt font { font-size: initial; }

@media only screen and (max-width: 560px) {				
	.blog-articles .blog-article .blog-article-img {width:100%; margin-right:0; margin-bottom:15px; float: none;}
	.blog-articles .blog-article .blog-article-txt {float: none;width: 100%;}	
}