* { margin:0; padding:0; border:0; text-decoration:none; color:#000000; font-family: Arial, Helvetica, sans-serif; font-size:14px;}
body{ direction:rtl; text-align:right; }
h1{ font-size:20px;  }
h2{ font-size:16px; clear:both; }
p{ text-align:right; clear:both;   }
ul{ margin:7px; text-align:right; padding:7px; list-style-type:square; }


.histxt{width:100%; margin: 0 0 0 3%; }
.histpic{ width:100%; }
.histpic div{  float:right; width:48%; margin:0 0 0 2%; }
.contrighttx{ float:right; width:35%; }
.piclef{ float:right; width:63%; margin:0 2% 0 0; }


.yeudtxt{width:100%; }
.yeudpic{ width:100%; }
.yeudpic div { float:right; width:24%; margin:0 0 0 1%; }

.cont_specp{ width:100%; }
.spectxt{ width:100%; display:table; }
.specpics{width:100%; }
.specpics div{width:31%; float:right; margin: 2% 0 0 2%; display:table;}
.specpics img{ width: 250px; height:150px;}

.zorkesher{width:100%;}
.zorkesher div {width:50%; float:right; float:0 5% 0 0;}
.zorkesher img {width:100%; height:200; max-width:300px;}


@media screen and (max-width: 870px) { 
.histpic div, .contrighttx, .piclef { float:none; width:98%; margin:1%; }
.yeudpic, .yeudtxt, .histxt, .histpic, { width:96%; float:none; clear:both; }

}