﻿
.menu_bg
{
    position:absolute;
    top:0px;
    right:0px;
    width:100%;
    height:68px;
    background-color:#373940;
/*    
background: rgb(100,100,100); 
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY0NjQ2NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzhlOGU4ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzY0NjQ2NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2QzZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(100,100,100,1) 0%, rgba(142,142,142,1) 50%, rgba(100,100,100,1) 51%, rgba(211,211,211,1) 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(100,100,100,1)), color-stop(50%,rgba(142,142,142,1)), color-stop(51%,rgba(100,100,100,1)), color-stop(100%,rgba(211,211,211,1))); 
background: -webkit-linear-gradient(top,  rgba(100,100,100,1) 0%,rgba(142,142,142,1) 50%,rgba(100,100,100,1) 51%,rgba(211,211,211,1) 100%); 
background: -o-linear-gradient(top,  rgba(100,100,100,1) 0%,rgba(142,142,142,1) 50%,rgba(100,100,100,1) 51%,rgba(211,211,211,1) 100%); 
background: -ms-linear-gradient(top,  rgba(100,100,100,1) 0%,rgba(142,142,142,1) 50%,rgba(100,100,100,1) 51%,rgba(211,211,211,1) 100%); 
background: linear-gradient(to bottom,  rgba(100,100,100,1) 0%,rgba(142,142,142,1) 50%,rgba(100,100,100,1) 51%,rgba(211,211,211,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#646464', endColorstr='#d3d3d3',GradientType=0 ); 
*/
}


.dropdown 
{
   /* background: #efefef; 
	background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);   */
		
    width:770px;
 	height: 79px;
 	position:absolute;
    right:300px;
 	top:0px;
 	
 /*	
    width: 1100px;
    border: solid 1px #0297c0;   
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;   
 */
 }
	
	.dropdown ul  { width: 98%; padding: 0 !important; margin: 0 auto !important; } 

		.dropdown li
		{
		     
			list-style-type: none;
			line-height: 65px;
		/*	float: right;  */
		    float: left;
			direction:rtl;
			padding: 0 10px 0;
			margin: 0px 15px 0 0;
			position: relative;
			border: 1px solid transparent; 
		}
		
			.dropdown li.hasSubNav  
			{
			    background: url(../images/nav-arrow.png) no-repeat 89% 52%; 
			    padding-right: 2.5em !important; 
			}
			.dropdown li.right  
			{
			    float: left;
			   /* float: right; */
			    }		
			.dropdown li a { color: #FFF; font-weight: bold; text-decoration: none; }

				.dropdown li.current, 
				.dropdown li:hover 
				{ 		
					/*background-color: #696969;	
					border: 1px solid #696969; 
					 border-bottom: none;
					-webkit-border-radius: 4px;
					-moz-border-radius: 4px;
					border-radius: 4px; 
					border-bottom-left-radius: 10px 10px;
                    border-bottom-right-radius: 10px 10px; */
                    
					cursor: pointer;
				}
				
					.dropdown li.current { background-color: #ffffff; border-color: transparent;  }
						.dropdown li.current:hover { background-color: #ffffff; }
						
					.dropdown li:hover { background-color: #696969;  }
					/* border-bottom:2px solid white; */
					
					.dropdown li.current:hover a { color: #ffffff; }
					.dropdown li.current a, .dropdown li.current:hover a { color: #ffffff !important; }
					
					
					.dropdown li.hasSubNav:hover  
					{
					    background-color:#696969;
					    
					  /*  background-color: #535353 !important;  
					                               
					    background: #696969;  
			            background: -moz-linear-gradient(top,  #d0d0d0 0%, #696969 100%) !important;
			            background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #d0d0d0 ), color-stop(1, #696969));	
			            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0d0d0', endColorstr='#696969'); 
			         */
			         }
				/*	.dropdown li.hasSubNav:hover { background-color: #00effe !important; }*/
				/*	.dropdown li.hasSubNav:hover { background-color: #1e3a6b !important; } 00effe  */

						
						


		    .dropdown li:hover .subNav { display: block; }
			.dropdown li.hasSubNav:hover a { color: #ffffff  !important; }


		.subNav 
		{ 
		    
			/*   background: #00effe; 	 */
		/*	background: #696969;  
			background: -moz-linear-gradient(top,  #696969 0%, #d0d0d0 100%) !important;
			background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #696969 ), color-stop(1, #d0d0d0));	
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#696969', endColorstr='#d0d0d0');  */
			
			width: 200px;
			font-size: 11px;
		     
			line-height: 1.7em;
			color: #ffffff;
			position: absolute; 
			top: 33px; 
			left: -1px; 
			z-index: 1001; 
			overflow: hidden;
	    	/*border: 2px solid #fff;*/
		
			background-color:#41474a;
			border-top: none;
			display: none;
			padding: 1.5em 10px 0;
			margin-top: 3em !important;
			z-index: 1001;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.2)
		}		
		
		
			
		.subNavRight,
		.dropdown li.right .subNav { right: -1px; left: auto; }
		
		.subNav ul { padding: 0; margin: 0; list-style-type: none ; }

			.subNav li 
			{ 
			    background-color:#41474a;
			    height:25px;
				float: none !important; 
				border-bottom: 1px dotted #DDD !important;
				/*border: none !important;
                background: none !important;*/
				padding: 0 5px 0 0px !important;
				margin: 0 0 1.5em 0px !important;
				list-style-type: none !important;
				line-height: 1.5em !important;
			}
			
			.subNav li:hover { background-color:#41474a; border-bottom: 1px solid #ff9d2d !important; }
/*			.subNav li:hover { background: transparent !important; border: none !imortant; }  */
			
				.dropdown li.hasSubNav:hover  .subNav li a
				{
					background: none !important;
					font-size: 12px !important;
					font-family:'Droid Arabic Naskh', serif;
					
					color: #ffffff !important;
					text-decoration: none !important;
					display: block !important;
					padding: 0 !important;
					margin: 0 0 0 !important;			
					border: none !important;
					outline: none !important; 
				}	

	.subNav .col { width: 200px; margin: 0 10px .5em 0; float: left;  }	
		
	.oneCol { width: 160px !important; }
	.twoCol { width: 320px !important; }
	.threeCol { width: 480px !important;  }	

	.subNav h3 { font-weight: bold; font-size: 12px; margin: 0 0 1.5em 0; padding: 0;  }	
	.subNav p { line-height: 1.7em !important; }
	.subNav a { color: #358 !important; text-decoration: underline !important; }
	
	
.dropdown.orange
{
  
	 
/*	box-shadow: 0px 0px 9px rgba(0,0,0,0.15); 
	background: #1e3a6b !important;
	background: -moz-linear-gradient(top,  #1e3a6b 0%, #1e3a6b 3%, #1e3a6b 100%) !important;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #1e3a6b), color-stop(0.03, #1e3a6b), color-stop(1, #1e3a6b)) !important;	
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e3a6b', endColorstr='#1e3a6b') !important;	 

	border: solid 1px #1e3a6b;     
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;   
	border-top-left-radius: 10px 10px;   
     border-top-right-radius: 10px 10px; 
     border-bottom-left-radius: 10px 10px;
     border-bottom-right-radius: 10px 10px;   */
}

.dropdown.orange li.current, .dropdown.orange li:hover  
{
 /*   border-top: 0px solid ;    
    border-top-color:#efefef;
    
    border-bottom:2px solid;
    border-bottom-color:#fff;
    
    border-left:2px solid;
    border-left-color:#fff;
    
    border-right:2px solid;
    border-right-color:#fff;  
    
   
    
      background-color:#131a22;
      border-bottom:2px solid white;   */
        
/*	background: -moz-linear-gradient(top,  #d0d0d0 0%, #696969 100%) !important;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #d0d0d0 ), color-stop(1, #696969));	
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0d0d0', endColorstr='#696969');   */
    

}
.dropdown.orange li.hasSubNav:hover a  { color: #ffffff !important; }





/* -----------------------   2 منو جدید   ----------------------------*/

#nav ul ul {
	display: none;
}

	#nav ul li:hover > ul {
		display: block;
		
	}
#nav ul {
	background: #efefef; 
	background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	padding: 0 20px;
	border-radius: 10px;  
	list-style: none;
	position:relative;
	display: inline-table;
	
 
 
}
	#nav ul:after {
		content: ""; 
		clear: both; 
		display: block;
	}
#nav ul li {
	float:right;
}
	#nav ul li:hover 
	{
	    
		background: #4b545f;
		background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
	}
		#nav ul li:hover a 
		{
		    
			color: #fff;
		}
	
	#nav ul li a {
		display: block; 
		padding: 25px 40px;
		color: #757575; 
		text-decoration: none;
	}

#nav ul ul {
	background: #5f6975; 
	border-radius: 0px; 
	padding: 0;
	position: absolute; top: 100%;
}
	#nav ul ul li {
		float: none; 
		border-top: 1px solid #6b727c;
		border-bottom: 1px solid #575f6a;
		position: relative;
	}
		#nav ul ul li a {
			padding: 15px 40px;
			color: #fff;
		}	
			#nav ul ul li a:hover {
				background: #ffffff;
				
			}

#nav ul ul ul {
	position: absolute; left: 100%; top:0;
}
