.wrapper-news-on-pages {
	
}

.wrapper-news-on-pages .nonews-news-on-pages {
	
}

.wrapper-cat-on-pages {
	text-align: center;
	/*
	padding-top: 5px;
	padding-bottom: 5px;
	*/
}

.wrapper-cat-on-pages .item-cat-on-pages { 
	display: inline-block; 
	border: 1px solid #ddd; 
	padding: 5px; 
	margin: 2px 0px 2px 0;
}

.item-cat-on-pages a:hover {
    background: #2a2a2a;
	color: white;
}

.wrapper-cat-on-pages .item-cat-on-pages .container-cat-on-pages {
	background-color:#eee; 
	display: inline-block; 
	width: 280px; 
	height: 170px; 
	position: relative;
}

.wrapper-cat-on-pages .item-cat-on-pages .container-cat-on-pages img {
	opacity: 0.4; 
	object-fit: contain; 
	width: 100%; 
	height: 100%;
}

.wrapper-cat-on-pages .item-cat-on-pages .container-cat-on-pages span {
	font-size: 13px; 
	text-transform: uppercase; 
	font-weight: bold; 
	background: #666; 
	opacity: 0.9; 
	padding: 15px;
	padding: 15px 20px 15px 20px;
	color: #fff;  
	position: absolute; 
	top: 50%; 
	left: 50%; 
	transform: translate(-50%, -50%);
}

.wrapper-cat-on-pages .item-cat-on-pages .container-cat-on-pages span:hover {
	opacity: 1;;
	  padding: 1em;
  background-color: #fff;
  color: #2a2a2a
}

.wrapper-cat-on-pages .item-cat-on-pages .info-cat-on-pages {
	font-size: 12px; 
	color: #ccc;
}

@media screen and (max-width: 650px) {
	.wrapper-cat-on-pages .item-cat-on-pages .container-cat-on-pages {
		width: 100%; 
		height: 100%;
	}
}