* { margin:0; padding:0; border:0; text-decoration:none; color:#000000; font-family: Nachlieli CLM, Arial, Helvetica;  sans-serif; font-size:16px; }
body{ direction:rtl; background-color:#ffffff; text-align:right; }
h1{ font-size:20px; color:#066b43; }
h2{ font-size:18px; color:#680707; }
p{ text-align:right; clear:both; }
ul{ margin:7px; text-align:right; padding:7px; list-style-type:square; }
a:link {font-size:16px;}
.bona{font-size:18px; color:#d11818; }
h3{font-size:18px; padding: 0 0 5px 0;}
a:hover{color:#969696;}

.homco{width:100%;}
.homcotxt{width:40%;float:right;background-color:#ffffff; padding: 2% 2% 0 0;}
.homcopic{width:52%;float:right;background-color:#f1eff0;padding: 3% 3% 0 3%; height::auto;}

.homicons{width:100%;}
.homic{width:40%;float:right; margin: 0 0 0 10%;}

.hpics{width:100%;}
.hpic{width:27%; float:right; margin: 0 0 0 6%;}

.rajab{width:100%; text-align:left;}
.rajabtxt{width:55%; float:left; margin: 0 10% 0 0;}
.rajabpic{width:35%; float:left;}

.rajabarab{width:100%;font-family: Arabic Transparent;font-size: large;}
.arabtxt{width:45%; float:right; margin: 0 0 0 4%;}

.matconim{width:100%;}
.matcon{width:43%; height:400px; float:right; margin: 5px 0 0 5%; border: solid 1px #ced9ca;padding: 7px; background-color:#f1eff0;}

@media screen and (max-width: 670px) { 
.arabtxt, .hpic, .homcotxt,.homcopic,.homic, .rajabtxt, .rajabpic {width:98%;}
.homcopic {padding: 1%;}
.arabtxt img, .rajabpic img {width:100%; hight:auto:}
.matcon {width:98%;height:auto;padding: 3px;}
}