@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-home:before {
  content: "\f015";
}

.fa-angle-down:before {
  content: "\f107";
}


a#nav { 
	/*background: #fff; 
	color: #aa0000; */
	padding: 3px; 
	-webkit-transition: all 1s linear; 
}

a#nav:hover { 
	background: #220077; /**/
	color: #fff; 
}

#nav { 
	list-style-type: none; 
	height: 45px; 
	padding: 0; 
	margin: 0; 
}

#nav li { 
	float: left; 
	position: relative; 
	padding: 0; 
	line-height: 45px;
	height: 45px;
	/*background: #FFFFFF url(nav-bg.png) repeat-x 0 0; */
	text-align:left;
	/*direction:rtl;*/
}

#nav li:hover { 
	background: #000000;
	color: #FFF;
}
#nav li:hover a { 
	background: #000000;
	color: #FFF;
}

#nav li a { 
	display: block; 
	padding: 0 15px; 
	color: #000; /**/
	text-decoration: none; 
	font-size:18px;
	font-family:joumhouria;
}

#nav li a:hover { 
	color: #FFF; 
}

#nav li ul { 
	opacity: 0; 
	position: absolute;
	left: 0; 
	/*width: 11em; 
	min-width: 100px;*/
	background: #000000; 
	list-style-type: none; 
	padding: 0; 
	margin: 0; 
	z-index:99999;
	display:none;
	color: #FFF; 

}

#nav li:hover ul { 
	opacity: 1; 
	display:block;
	min-width: 135px;
	color:#FFF;
}

#nav li ul li { 
	float:left;
	position: static; 
	height: 0; 
	line-height: 0; 
	background: none; 
	border-bottom:solid 1px #3B3B3B;
}

#nav li:hover ul li { 
	height: 35px; 
	line-height: 35px; 
	color:#FFF;
}

#nav li ul li a { 
	float:right;
	background: #000000;/*#FCFCFC;*/ 
	/*width: 9.5em;
	width: 100%; */
	min-width: 200px;
	color:#FFF;
	font-size:14px;
}

#nav li ul li a:hover { 
	background: #3B3B3B;
	color:#FFF;
}

#nav li ul li a:hover > a{ 
	background: #3B3B3B;
	color:#FFF;
}

#nav li { 
	-webkit-transition: all 0.2s; 
}

#nav li a { 
	-webkit-transition: all 0.5s; 
}

#nav li ul { 
	-webkit-transition: all 1s; 
}

#nav li ul li { 
	-webkit-transition: height 0.5s; 
}