

.articles
{
	position:relative;
	display:block;
	width:100%;
	float:right;
	min-height:100px;
	direction:rtl;
	text-align:right;
	margin-top:32px;
}


.article
{
	position:relative;
	display:block;
	width:260px;
	float:right;
	min-height:100px;
	margin-bottom:32px;
	margin-left:2.5%;
	margin-right:2.5%;
}

.articles .article:nth-child(4n+1) {
	margin-right:0px;
	margin-left:0px;
}
.articles .article:nth-child(4n+4) {
	margin-right:0px;
	margin-left:0px;
}


.hp_art {
	cursor: default;
}



.article a
{
	position:relative;
	display:block;
	width:100%;
	height:107px;
	float:right;
	overflow:hidden;
}

a.artpic {
	position:relative;
	display:block;
	width:100%;
	height:146px;
	float:right;
	overflow:hidden;
}


a.artpic img {
	width:110%;
	height:auto;
}

a.articleshorts
{
	position:relative;
	display:block;
	width:100%;
	float:right;
	height:94px;
	margin:0px;
	text-align:center;
	line-height:1;
	font-size:18px;
	text-decoration:none;
}

a.arttitle
{
	position:relative;
	display:block;
	width:100%;
	height:40px;
	color:#282828;
	font-family: 'opensanshebrew-regular';
	font-size:21px;
	text-decoration:none;
	overflow:hidden;
	text-align:center;
	margin-top:6px;
	margin-bottom:0px;
}

a.arttitle.hp_art {
	font-family: 'opensanshebrew-Bold';
	font-size:19px;
}

a.arttext
{
	position:relative;
	display:block;
	width:100%;
	height:85px;
	color:#282828;
	font-family: 'opensanshebrew-regular';
	font-size:15px;
	font-weight:normal;
	text-decoration:none;
	float:right;
	margin-top:0px;
	margin-bottom:0px;
	text-align:center;
}

a.artmore
{
	position:relative;
	display:block;
	width:118px;
	height:22px;
	float:none;
	clear:both;
	font-family:'opensanshebrew-bold';
	color:#09877f;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	margin-top:3px;
	margin-right:auto;
	margin-left:auto;
}



.article2
{
	position:relative;
	display:block;
	width:47%;
	float:right;
	min-height:100px;
	margin-bottom:15px;
}

.article2 a
{
	position:relative;
	display:block;
	width:100%;
	min-height:107px;
	height:auto;
	float:right;
}

.article2 a img
{
	width:100%;
	height:auto;
	max-height:305px;
}


.articleshorts2
{
	position:relative;
	display:block;
	width:100%;
	float:right;
	height:auto;
	min-height:35px;
	font-size:13px;
	margin-right:0px;
}

.articleshorts2 p
{
	margin:0 0 0 0;
}

a.arttitle2
{
	position:relative;
	display:block;
	width:100%;
	height:18px !important;
	min-height:30px !important;
	color:#000000;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	overflow:hidden;
}



a.arttext2
{
	position:relative;
	float:right;
	display:block;
	width:100%;
	height:35px;
	min-height:10px;
	margin:0 0 0 0;
	color:#333333;
	font-size:13px;
	font-weight:normal;
	text-decoration:none;
	overflow:hidden;
	margin-top:6px;
}

a.artmore2
{
	position:relative;
	display:block;
	width:100%;
	height:20px;
	min-height:20px;
	max-height:20px;
	color:#000000;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	overflow:hidden;
	margin-top:0px;
}


@media screen and (max-width: 1159px) {
	.articles {
		width:560px;
		float:none;
		clear:both;
		margin-right:auto;
		margin-left:auto;
	}
	
	.articles .article:nth-child(3n+2) {
		margin-left:0;
		margin-right:0;
	}
	
	.articles .article:nth-child(odd) {
		margin-left:40px;
	}

}

@media screen and (max-width: 768px) {
	.articles {
		width:100%;
		float:none;
		clear:both;
		margin-right:auto;
		margin-left:auto;
	}
	.article
	{
		position:relative;
		display:block;
		width:260px;
		float:none;
		clear:both;
		margin-left:auto !important;
		margin-right:auto !important;
	}
	
	
	
	.article2
	{
		position:relative;
		display:block;
		width:90%;
		float:none;
		clear:both;
		height:auto;
		margin-right:auto;
		margin-left:auto;
		height:auto;
		margin-bottom:15px;
	}
}