@media only screen and (min-width: 768px ) and (max-width: 1024px ){
                                                                                                @font-face{
font-family:'DroidNaskh-Bold';
src: url('DroidNaskh-Bold.ttf');
src: url('DroidNaskh-Bold.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

@font-face{
font-family:'DroidNaskh-Regular';
src: url('DroidNaskh-Regular.ttf');
src: url('DroidNaskh-Regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}



body {font: normal 100% DroidNaskh-Regular,tahoma,'trebuchet ms', sans-serif; 
 color: #747474;font-size:13px;margin:0;line-height: 150%;
 }


a {text-decoration:none;}
a:hover{color:#478fca;}
a:visited {color: #478fca;}
img {border-style:none;}
p{overflow: hidden;

  text-align:justify;
  }
.GrayIMG{

  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */


filter: gray; /* IE6-9 */
 -webkit-filter: grayscale(1);

  }

.GrayIMG2{

  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */

opacity: 0.4;
filter: alpha(opacity=40); /* For IE8 and earlier */

filter: gray; /* IE6-9 */
 -webkit-filter: grayscale(1)  brightness(100%);

  }

  
  .GrayIMG:hover{
filter: none;
 -webkit-filter: grayscale(0);
  }

 .GrayIMG2:hover{
opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */

filter: none;
 -webkit-filter: grayscale(0);
 filter: none;
  }
  
.button{
    background-color: #cccccc;
	background: #cccccc url(enter_.png) 14px 9px no-repeat;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	-webkit-appearance: none;
    border-radius:6px;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    border:none;
	width:134px;
	height:27px;
	margin-top:0px;
	font: normal 100% DroidNaskh-Regular,tahoma,'trebuchet ms', sans-serif;
}



.button:hover {
    border: none;
    box-shadow: 0px 0px 1px #777;
	background-color: #FF3B2F‏;
}

#whole_container_upper
{
width:100%;
margin: auto;
padding: 0;
background-color:#ffffff;
}

#whole_container
{
width:100%;
margin: auto;
padding: 0px;
text-align:center;
padding:0;
border-bottom-style:solid;
border-bottom-width:7px;
border-bottom-color:#FF3B2F‏;
background-color:#f8f8f8;
z-index:-2;
}






#header{
width:768px;
margin: auto;
}
.clearer{width: 100%; clear: both; line-height:0px;}

.clear_1{clear:both;width:100%;height:1px;}
.clear_5{clear:both;height:5px;}
.clear_7{clear:both;height:7px;}
.clear_12{clear:both;height:12px;}


#header .lang{width:100%;height:60px;font-size:11px;line-height:200%;color:white;font-size:9px;}
#header .lang img{float:left;}
#header .lang a .group_link{margin-top:4px;margin-left:2px;color:white;float:left;border-radius: 50%;width:23px;height:23px;background-color:#dfdfdf ;}
#header .lang a .group_link p{margin-top:4px;margin-left:5px;font-size:11px;}
#header .lang .group_link:hover{background-color:#d4d4d4;}
#header .lang .group_title{color:white;margin-top:4px;margin-left:6px;padding-left:8px; padding-top:3px;float:left;width:125px;height:19px; background-color:#e4e4e4 ;border-radius: 25px;}
#header .lang .group_title:hover{background-color:#6da6d4;}
#header .lang a:visited{color:#747474}





#header .lang_mob_0{display:none;}

#header .logo{width:300px;height:85px;margin:auto;}
#header .logo a img{}

#header .men{width:660px; height:55px;margin:auto;}
ul#menu
{

margin:auto;
padding-left:0px;
}

ul#menu li
{ float: left;
  list-style: none;
  border-left-width:1px;
  border-left-style:solid;
  border-left-color:#cecece;
  height: 43px;
  }

ul#menu li a
{ font: normal 100% DroidNaskh-Regular,tahoma,'trebuchet ms', sans-serif;
  display: block; 
  float: left; 
  margin: 10px 8px 10px 8px;
 
  text-align: center;
  color: #FFF;
  text-decoration: none;
  color:#747474;
  font-size:14px;
  
} 

ul#menu li.selected a{
color: #FF3B2F;
}


ul#menu li a:hover{
color: #FF3B2F;
}



#slider11{
width:100%;
margin-top:10px;


}
#slider #img{width:100%,height:100%;}
.relative{ 
position:relative;
}

 #slider11 .img_top {
 position:absolute;
 top:0;
 height:6px;
 width:100%;
 background-image:url('top_slider.png');
 background-repeat: repeat-x;
 
}

.slider_colored{
height:290px;
margin-top:-11px;
padding-right:5%; 
padding-left:5%; 
padding-top:0px;
padding-bottom:1px;
 background-color:#4A8BC1;
 color:#fff;
 opacity:1;
 
}

.slider_colored p{
direction:rtl;
line-height:normal;
height:170px;
overflow:hidden;

}



#MYcontainer{
width:90%;
margin: auto;
color:#888888;
direction:rtl;
margin-top:20px;
}

#MYcontainer #left_container{
width:492px;
margin:auto;
text-align:center;
height:330px;
padding-left:7px;
padding-right:7px;
margin-bottom:20px;
}

#MYcontainer #left_container #group_left{
width:228px;
height:330px;
margin: auto;
margin-right:7px;
margin-left:7px;
float:right;
background-color:#f2f2f2;
border-bottom-color:#e8e8e8;
border-bottom-width:5px;
border-bottom-style:solid;
overflow:hidden;

}
#MYcontainer #left_container #group_left #title{
margin-top:30px;
margin-right:15px;
text-align:right;
font-size:15px;
width:150px;
float:right;
color:#555555;
}
#MYcontainer #left_container #group_left #logo{
margin-top:20px;
float:left;
margin-left:18px;
}

#MYcontainer #left_container #group_left .img1{
margin-top:20px;
width:190px;
height:120px;
margin: auto;
  padding: 0;
  overflow:hidden;
}

#MYcontainer #left_container #group_left .img1 img{
min-width:190px;
min-height:120px;

}

#MYcontainer #left_container #group_left .img2{
float:left;
width:90px;
height:80px;
overflow:hidden;
}

#MYcontainer #left_container #group_left .img2 img{
min-width:90px;
min-height:80px;

}


#MYcontainer #left_container #group_left .img3{
margin-top:20px;
width:190px;
height:120px;
margin: auto;
  padding: 0;
  overflow:hidden;
}

#MYcontainer #left_container #group_left .img3 img{
min-width:190px;
min-height:120px;

}

#MYcontainer #left_container #group_left:hover img{
filter: none;
 -webkit-filter: grayscale(0);

}

#MYcontainer #left_container #group_left #read_item_mob_0{
display:none;

}

#MYcontainer #left_container #group_left #datee{
float:right;
text-align:right;
direction:rtl;
color: #FF3B2F;
margin-right:15px;
height:20px;
overflow:hidden;
}
#MYcontainer #left_container #group_left p{
margin-top:3px;
margin-bottom:0px;
float:right;
height:77px;
width:190px;
margin-right:15px;
direction:rtl;
font-size: 12px;
line-height:160%;
}

#MYcontainer #left_container #group_left #read_item{
margin-top:0px;
float:left;
text-align:left;
margin-left:15px;

}




#MYcontainer #group_right{
width:470px;
height:330px;
margin:auto;
background-color:#f2f2f2;
border-bottom-color:#e8e8e8;
border-bottom-width:5px;
border-bottom-style:solid;
margin-bottom:20px;
}


#MYcontainer #group_right #depts_offers
{
margin-top:24px;
width:250px;
height:130px;
margin-left:0px;
float:left;
position:relative;
}

#MYcontainer #group_right #depts_offers p{
font-size:18px;
position:absolute;
left:34px;
top:60px;
z-index:2;
color:#fff;
margin-top:10px;
}

#MYcontainer #group_right #depts_offers a{
width:100%;
color: #555555;
float:right;
text-align:right;
  font: normal 100% DroidNaskh-Regular,tahoma,'trebuchet ms', sans-serif;
    margin-top:7px;
}
#MYcontainer #group_right #depts_offers a img{

}



#MYcontainer #group_right  #item{
margin-top:32px;
margin-left:10px;
margin-right:25px;
width:134px;
height:263px;
float:right;

}
#MYcontainer #group_right #item:hover img{
filter: none;
opacity: 1;
filter: alpha(opacity=100);
 -webkit-filter: grayscale(0);
}
#MYcontainer #group_right #item:hover .strip {
filter: none;
opacity: 1;
filter: alpha(opacity=100);
 -webkit-filter: grayscale(0);
}

#MYcontainer #group_right  #item .img1{
width:134px;
height:77px;
overflow:hidden;
}


#MYcontainer #group_right  #item .img1 img{
min-width:134px;
min-height:77px;
}


#MYcontainer #group_right  #item .strip{
margin-top:10px;
width:100%;
height:5px;
background-color:#FF3B2F‏;
float:left;
}


#MYcontainer #group_right  #item .title{
margin-top:21px;
float:right;
color: #FF3B2F;
height:20px;
overflow:hidden;

}

#MYcontainer #group_right  #item p{
margin-top:1px;
margin-bottom:10px;
float:right;
height:94px;
font-size: 12px;
line-height:160%;
}






#footer{
width:768px;
margin: auto;
margin-top:90px;
text-align:center;

height:91px;
}

 #footer  .bottom_menu ul{
 margin:0;
 margin-top:42px;
 padding:0;
float:right; height:20px;

}
#footer  .bottom_menu li {
 height:20px;
 line-height:150%;
}

 #footer  .bottom_menu li a{
 font-size:11px;
 height:20px; margin:0 15px 0 15px;
}

#footer .social_media{
width:180px;
margin-top:34px;
float:right;
}

#footer .social_media img{

height:37px;
margin-left:7px;
float:right;
}

#footer .cr{
width:279px;
margin-top: -23px;
text-align:left;
float:left;
direction:rtl;
height:20px;
font-size:10px;
}








#flooting_menu{
line-height: 1.1;
position:absolute;
margin:auto;
margin-top:10px;
z-index:10;
width:700px;
height:100px;
display:none;

}
#flooting_menu .flooting_menu_item{
position:relative;
float:left;
width:100px;
height:100px;
background:#717773;
color:#fff;
text-align:center;
cursor: pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=80);
    -khtml-opacity: 0.80;
    -moz-opacity: 0.80;
    opacity: 0.80;
	
}
#flooting_menu .flooting_menu_item:hover{
cursor: pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=60);
    -khtml-opacity: 0.60;
    -moz-opacity: 0.60;
    opacity: 0.60;
}

#flooting_menu .flooting_menu_item a{
color:#fff;
margin-top:-10px;
text-align:center;
}
#flooting_menu .flooting_menu_item img{
color:#fff;
margin-top:20px;
}
#flooting_menu .flooting_menu_item p{
text-align:center;
margin:0;
}





}