@font-face { font-family:helve1; src:url("../fonts/HelveticaNeueLTArabic-Light.woff");}
@font-face {font-family:helve2; src:url("../fonts/Helvetica.eot");}
@font-face {font-family:helve3; src:url("../fonts/Helvetica.ttf");}
.clear { clear: both; line-height: 0px; width: 0px; }
body
{
margin: 0px auto;
padding: 0px auto;
font-family:helve1,helve2,helve3;
background-image: url('../icons/cloth.png');
background-repeat: repeat;
font-size:13px;
}
.loader
{
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: rgb(249,249,249) url('../icons/page-loader.gif') no-repeat 50% 50%;
}
#MOBILENAV{  display:none;  }
img 
{ 
border-style: none;
border-color: inherit;
border-width: 0px;
margin-left: 0px;
}
a ,#container .table ul li 
{
text-decoration:none ;
-o-transition:  background-color 0.3s linear;
-moz-transition:  background-color 0.3s linear;
-khtml-transition:  background-color 0.3s linear;
-webkit-transition:  background-color 0.3s linear;
-ms-transition:  background-color 0.3s linear;
transition:  background-color 0.3s linear;
  
}

#mysite
{
width:60%; margin:0px auto;  margin-top:10px; background-color:#FFFFFF;
-webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);
}
#header{height: auto;}
#header ul{ padding:0px; margin:0px;list-style:none; float:right; width:100%}
#header ul li{float: left;border: 1px solid #E2E2E2;}
#header ul li a{display: inline-block;color: #949494;padding: 5px;}
#header ul li a:hover{ color:Black;} 
#header ul li img{ width:25px; height:25px; }
#header ul li img:hover{ opacity: 0.6;filter: alpha(opacity=60);}
#header ul li.home{ float:right;}
#header .logo{ width:100%; height:100%; text-align:right; }
#header .logo img{width:100%; height:150px;}
#header .nav{ width:100%; height:auto;  direction:rtl;   background-color:#222; }
#header .nav .nav-hold{  overflow:hidden; }
#header .nav ul{  }
#header .nav ul li {float:right;  border:0px;}
#header .nav ul li.black{border-top:3px solid black}
#header .nav ul li.red{ border-top:3px solid red}
#header .nav ul li.green{ border-top:3px solid green}
#header .nav ul li.blue{ border-top:3px solid #3399FF;}
#header .nav ul li.orange{ border-top:3px solid orange}
#header .nav ul li.pink{ border-top:3px solid #ED008C;}
#header .nav ul li.violt{ border-top:3px solid #8080FF;}
#header .nav ul li.greeny{ border-top:3px solid #408080;}
#header .nav ul li a{ color:White;}
#header .nav ul li.black a:hover{ background-color:black;}
#header .nav ul li.red a:hover{background-color:red;}
#header .nav ul li.green a:hover{background-color:green; }
#header .nav ul li.blue a:hover{ background-color:#3399FF;}
#header .nav ul li.orange a:hover{ background-color:orange; }
#header .nav ul li.pink a:hover{ background-color:#ED008C;}
#header .nav ul li.violt a:hover{background-color:#8080FF;}
#header .nav ul li.greeny a:hover{background-color:#408080;}
#header .nav ul ul{ z-index:999 ; visibility:hidden; padding:0px; margin:0px; position:absolute;  width:150px; height:auto; background-color:#222;opacity: 0.9;filter: alpha(opacity=90); border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
#header .nav ul ul li{width: 100%; border-bottom-color: #646464;border-bottom-width: 1px;border-bottom-style: solid;}
#header .nav ul ul li a{ display:block;}
#header .nav ul li:hover ul {visibility: visible;}
#container{ padding-top:5px; width:100%; direction:rtl;}
#container .slider-news{   margin:10px; padding-bottom:1px;  }
#container .slider-news .about p{padding:5px; color:Black;  background-color:#EDEFF4; margin:0px}
#container .slider-news .about h3{ margin:0px; padding:5px; font-size:13px; font-weight:normal; text-align:justify;}
#container .slider-news .about h3 a{ color:Green; margin:0px; padding:0px;text-align: justify;}
#container .slider{width:60%;height: 350px;overflow: hidden;float: right;position:relative;}
#container .slider a{ display:block;z-index:1 ;position:absolute;width:100% ; height:100% ;  }
#container .slider img{ width:100% ; height:100% ; }
#container .slider a.active{z-index:3}
#container .about { width:38%;height:350px; float:left;border:1px solid #EFEFEF; overflow:hidden;}
#container .slider-news .bar{ width:100%; height:30px; margin-top:4px; background-color:#EDEFF4}
#container .news-adv-pic{ margin-top:5px;}
#container .news{ float:right; width:40%;height: auto; border:1px solid #EFEFEF}
#container .news p{  padding:5px; color:Black;  background-color:#EDEFF4; margin:0px}
#container .news p a{ float:left;color:#949494;  font-family:Simplified Arabic; font-size: 15px; }
#container .news p a:hover{ color: green;}
#container .adv{ float:right; width:38%;height: auto;margin-right:0.7%;border:1px solid #EFEFEF}
#container .adv p{ padding:5px; color:Black;  background-color:#EDEFF4; margin:0px}
#container .adv p a{ float:left;color:#949494; font-family:Simplified Arabic; font-size: 15px;}
#container .adv p a:hover{color: green;}
#container .pic { float:left; width:20%; height: auto;border:1px solid #EFEFEF}
#container .pic ul{ list-style:none; margin:0px; padding:0px;}
#container .pic ul li{ }
#container .pic ul li a{ display:block; padding:3px;}
#container .pic ul li a:hover 
{
     border:1px solid #D2D7E3;
     }
#container .pic ul li a img{  border:0px; height:100%; width:100% }


#footer .contact{ text-align:right; direction:rtl;color:White; padding:5px; height:auto; background-color:#1E2021}
#footer .contact h1{ font-size:13px; font-weight:normal; padding-right:10px;}
#footer .contact h1 br{line-height: 0px; margin:0px; padding:0px; }

#footer .contact h1 a{ color:Olive;}
#footer .contact h1 a:hover{ color:Orange;}
#footer p{ font-size:12px; text-align:center;color:White; padding:0px auto; margin:0px auto;height:auto; background-color:#1B1B1B}



#readnews {   height:auto; width:100%; margin:0px; padding:0px;}
#readnews .title-leftnews{ padding:10px;}
#readnews .title{ width:65%; float:right; text-align:center; font-size:20px; color:#3399FF; font-weight:normal; border:1px solid #EFEFEF}
#readnews .title .imgnews{ height:auto;   padding-top:5px; }
.newspic{ width:95%; height:95%;  
-webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);}
#readnews .title .tools {  margin:0px auto; text-align:right;  margin-top:10px;width:95%; }
#readnews .title .bodytext{  text-align:justify; font-size:14px; color:Black; padding:5px;}
#readnews .leftnews{ width:30%; float:left;border:1px solid #EFEFEF; }
#readnews .leftnews p{padding:5px; color:Black;  background-color:#EDEFF4; margin:0px}
#readnews .leftnews p a{ float:left;color:#949494;  font-family:Simplified Arabic; font-size: 15px;}
#readnews .leftnews p a:hover{color:Green;}

.titlee{  text-align:center; font-size:20px; color:#3399FF; font-weight:normal; border:1px solid #EFEFEF}