<style>
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(fonts/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

a {
	color : #000;
	text-align: left;
	display: block;
	text-decoration: none;
	font-style: normal;
}
 

#banner-fade,
 

ul.bjqs-controls.v-centered li a{
	display:block;
	padding:2px;
	background: #333;
	color: #999;
	text-decoration: none;
}

ul.bjqs-controls.v-centered li a:hover{
	background:#2C2C2C;
	color:#fff;
	
}

ol.bjqs-markers li a{
	padding:5px 10px;
	background: #46A3FF;
	color:#fff;
	margin:5px;
	border-radius:12.5 12.5 12.5 12.5;
	text-decoration: none;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
	background: #066;
}


ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none; text-align:right;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}

 

#zu_content>h2 {color:#2b0e49;}
#zu_content>ul {padding-top:3px;}
#zu_content>ul>li {
	width:300px;
	 
	 background: #3498db;
	 height:30px;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  
  margin-top:4px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-shadow: 0px 1px 6px #666666;
  -webkit-box-shadow: 0px 1px 5px #666666;
  -moz-box-shadow: 0px 1px 5px #666666;
  box-shadow: 0px 1px 2px #666666;
  color: #ffffff;
  font-size: 16px;
  line-height:18px;
  padding: 2px 2px;
 
  text-decoration: none
  border-right:0px solid #346
	
	transition:all ease-in-out 0.3s;}
#zu_content>ul>li>a {text-decoration:none;padding-top:3px;font-size:17px;transition:all ease-in-out 0.3s;color:#fff;}
#zu_content>ul>li:hover{border-right:8px solid #346}
#zu_content>ul>li:hover a{ margin-right:2px;color:#fff;}
@media screen and (min-width:960px)
{
	#main {
		margin-left:3%;	 
	width:94%;
	
	} #divu {
		background: #333;
		
		text-align:right;
		font-size:14px;
		
		direction:rtl;
		padding-right:2%;
	} 
	#divu2 {
		background: #333;
		
		text-align:right;
		
		direction:rtl;
		padding-right:2%;
	} 
		
	#div1 {
		width:45%;
	background: #333;
	
	 
	 float: right;
	 text-align:right;
	
	 
	 
	}
	#post1 {
		width:40%;
	background: #333;
	 float: left;
	 text-align: center;
	 padding-top:10px;
	 padding-right:10px;
	 padding-left:10px;
	 
height:200px;
	 
	}
	#post2 {
		width:60%;
		float:right;
	 
	}
	 
	 
	 
#adr {padding-top:10px;
		 
	background: #F4F4F4;
	text-align:right;
	  padding-right:10px;
		padding-left:5px;
	 direction:rtl;
	 
	 
	}	
	#divy {
		width:28%;
	background:#FC0;
	text-align:right;
	 float:left;
	 direction:rtl;
	 margin-top:10%;
	 	}
		#divy1 {
		width:35%;
	background: #FFF;
	margin-top:2%;
	 text-align:right;
	 float: right;
	 direction:rtl;
	
	 
	}
		
		#divy2 {
		width:65%;
	background: #F4F4F4;
	text-align:right;
	 float: left;
	 direction:rtl;
	 margin-top:10%;
	 	}
	#div2 { 
		position: absolute;
		background: #333;
	 float:left;
		width:55%;
		 text-align:right;
		  height:190px;
		  
		 
	}#div3 {
		width:100%;
	background: #CCC;}
	#div9 {
		width:45%;
	background: #CCC;
	padding-top:20px;
	height:434px;
	 float:left;
	 padding-left:5%;
	 
	}
	#div10 {
		background: #EEFDFD;
		padding-top:20px
		
		padding-left:5%;
	 float:left;
		width:55%;
		height:300px;
	}
	
	
	#div4 {
		width:33.3%;
	 
	height:100px;
	 float:left;
	 padding-top:7px;
	 
	 
	}
	#div5 {
		 
	 float:left;
		width:33.3%;
		height:100px;
		   padding-top:7px;
	}#div6 {
		  padding-top:7px;  
	 float:left;
		width:33.3%;
		height:100px;
		 
	}
	#dive1 {
		width:33.3%;
	 
	height:100px;
	
	 float:left;
	}
	#dive2 {
		 
	 float:left;
		width:33.3%;
		height:100px;
		padding-top:15px;
		 
		
		 
		
		 
	}#dive3 {
		 
	 float:left;
		width:33.3%;
		height:100px;
		font-size:16px;
		 
	}
	
	#div11 {
		width:23%;
	 
	height:150px;
	 float:left;
	}
	#div12 {
		 
	 float:left;
		width:17%;
		height:90px;
	}#div13 {
		 
	 float:left;
		width:26.7%;
		height:90px;
	}#div14 {
		 
	 float:left;
		width:33.3%;
		height:80px;
		direction:rtl;
		text-align:right;
	}
	nav ul ul {
	width:100%;
     
    
    padding: 0;
    position: absolute; 
     
}
	#pdul
	{  
	position: relative;
		padding-top:0px;
		padding-right:0px;
		height:150px;
		 		}
	#uci{ 
	width:100%;
	float:right;
	 
	background:#069 ;}
	}
	  
#div3 {
		width:100%;
	background: #CCC;	}
 
	#div1 {
		 
	background: #FFF;
	padding-top:5px;
	color: #000;
	height:190px;
	 text-align:right;
	 
	}
	
	#div2 {position:relative;
		background: #333;
		direction:rtl;
		text-align:right;
		 height: 175 ;
		 padding-right:0px;
	}#post1 {
		 position:relative;
	background: #333;
	
	 
	color: #333;
	height:500px;
	 text-align: center;
	 
	}
	#post2 { 
		 
		 background: #FFF;
		 direction:rtl;
		 
	}
	 
	
	 
	#adr {position:relative;
		background: #333;
		direction:rtl;
		text-align:right;
		padding-right:10px;
		padding-left:5px;
		 
		 
	}
	
	
		#div4 {
		position: relative;
		 
	background: #FFF;
	height:200px;
	top:2px;
	
	 
	}
	#div5 {position: relative;
		background: #CCC;
		height:200px;
	top:2px;}
	#div6 {position: relative;
		background: #999;
		height:200px;
	top:2px;}
	#dive1 {
		position: relative;
		 
		background:  #2B6D95;
	height:250px;
	 
	}
	#dive2 {position: relative;
			background: #069;
			direction:rtl;
		height:250px;
	 }
	#dive3 {position: relative;
	background-color:  #2B6D95;
		height:250px;
	 }
	#div11 {
		 
	background: #FFF;
	height:150px;
	}
	#div12 {
		background: #3C3C3C;
		height:150px;
	}
	#div13 {
		background: #333;
		height:150px;
	}#div14{
		background: #484848;
		height:150px;
		direction:rtl;
		text-align:right;
		
		
	}
	#divu {
		background: #333;
		padding-top:10px;
		height:20px;
		text-align:right;
		 
		direction:rtl;
		padding-right:2%;
	} #divu2 {
		background: #333;
		height:133px;
		text-align:right;
		
		direction:rtl;
		padding-right:2%;
	} 
	#divy {
			background: #F4F4F4;
			 text-align:center;
	 
	} #divy1 {
			background: #F4F4F4;
			text-align:center;
			direction:rtl;
			 
	 
	} #div9 {position: relative;
	 padding-top:20px;
	 padding-right:5px;
	 
		 
	background: #FFF;
	padding-left:5%;
		 height: 300;
	 width:45%;
	}
	#div10 {
		position: relative;
		width:55%;
		padding-top:20px;
		background: #F4F4F4;
		padding-right:7px;
		text-align:center;
		padding-left:3%;
		 height: auto;
	}
	#rt{
		position:relative; z-index:999;
	}
	.tex1{
		padding-right:20px;
		 font-family: arial, verdana, sans-serif; 
		
		
		
		text-align:right;
		
		color: #FFF;
	}.tex2{
		padding-right:20px;
		font-size:16px  ;
		 
		font-family: arial, verdana, sans-serif; 
		line-height:1.4;
		
		text-align:right;
		
		color: #FFF;
	}.texader{
		padding-right:20px;
		font-size:18px  ;
		 
		font-family: arial, verdana, sans-serif; 
		line-height:1.4;
		
		text-align:right;
		
		color: #333;
	}.texader2{
		padding-right:20px;
		font-size:18px  ;
		 
		font-family: arial, verdana, sans-serif; 
		line-height:1.4;
		
		text-align:right;
		
		color: #333;
	}
	.texader3{
		padding-right:20px;
		font-size:24px  ;
		 font:  bold 30px  arial, sans-serif;
		 line-height:1.4;
		
		text-align:right;
		 
		color: #006;
	}.tex4{
	line-height: 35px;
	text-transform: uppercase;
	font: arial, sans-serif;
	direction: rtl;
	margin-right: 2%;
	padding-top: 5px;
	margin-left: 2%;
	color: #666;
	font-size: 18px;
	text-align: justify;
	}.tex3{
		padding-right:5px;
		 
		font-size:12px;
		 
		 
		text-align:right;
		
		color: #333;
	}
	.navlink{
		padding-right:0px;
		 width:90px;
		 font:    arial, sans-serif;
		font-size:12px;
		margin-right:5px;
		padding-top:20px;
		text-align:right;
		color: #999;
	}.navlinkw{
		padding-right:0px;
		 width:90px;
		 font:      arial, sans-serif;
		font-size:18px;
		
		 
		margin-right:5px;
		padding-bottom:2px;
		padding-top:5px;
		 
		
		text-align:right;
		color: #999;
	}
	.navlink2{
		color:#FFF;
		 position:relative;
		font-size:16px;
		font:  bold 14px arial, sans-serif;
		line-height:15px;
		 
		text-align:right;
		 
	}.navlink3{	
	 padding-right:0px;
	 position:relative;
		  font:      arial, sans-serif;
		font-size:18px;
		 list-style-type: none;
		 width:160px;
		padding-right:6px;
		 padding-top:20px;
		 padding-bottom:10px;
		 
		text-align:right;
		 
	}
	.navlink33 {
		 
			
	
	  font:      arial, sans-serif;
		font-size:16px;
		 list-style-type: none;	
		 
		  
		 
		 
	}.navlink34{
		
		  font:      arial, sans-serif;
		font-size:18px;
		 list-style-type: none;
		 padding-right:8%;
		 
	}
	#uci{ 
	 
	 
	background:#069 ;}
	.tex5{
		padding-right:5px;
		 
		font-size:14px;
		text-align:right;
		
		color: #CCC;
	}.tex6{
		padding-right:2px;
		padding-top:30px;
		float: right;
		position:relative;
		 
		 
		font-size:14px;
		
		text-align:right;
		
		color: #333;
	}.img1{
		padding-right:2px;
		padding-top:2px;
		float:right;
	}
	#eng{
		background:#333;
		padding-left:5px;
		text-align: left;
		direction:ltr;
		
		padding-top:5px;
		padding:5px  ;
		color:#FFF; 
		
		 
	}#pdul
	{ 
	position: relative;
		padding-top:0px;
		padding-right:0px;
		 		}
	.custom-btn
{
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 150px;
	line-height: 1.1;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	background-color: transparent;
	border: 1px solid #d0d0d0;
	padding: 12px 10px;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	-webkit-transition: background-color 300ms ease-in-out, color 300ms ease-in-out, border-color 300ms ease-in-out;
	-o-transition: background-color 300ms ease-in-out, color 300ms ease-in-out, border-color 300ms ease-in-out;
	transition: background-color 300ms ease-in-out, color 300ms ease-in-out, border-color 300ms ease-in-out;
}
.ule{
	direction:rtl;}

body {
	background-color: #E9E9E9;
	background-image: url(img/cover1.jpg);
	background-repeat: no-repeat;
}
body,td,th {
	color: #999999;
}
a:hover {
	color: #CCCCCC;
	text-decoration: none;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
 nav ul ul {
    display: none;
}
 nav ul li:hover > ul {
    display: block;
}

nav ul ul {
	width:100%;
     
    
    padding: 0;
   
     
}
</style>