/*-------------------------------
    Main Menu
--------------------------------*/
@import url(https://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);

/*-------------------------------
    Menu 2
--------------------------------*/


#menu2, #menu2 ol {
        margin: 0;
        padding: 0;
        list-style: none;
}

#menu2 {
        margin: 22px auto 0;
		background:;
}

#menu2:before,
#menu2:after {
        content: "";
        display: table;
}

#menu2:after {
        clear: both;
}

#menu2 {
        zoom:1;
}

#menu2 li {
        float: left;
        position: relative;
}

#menu2 a {
        float: left;
        padding: 5px 30px;
        color: #404040;
		font-size: 16px;
		letter-spacing: 2px;
		text-transform: none;
        text-decoration: none;
        text-shadow: none;
}

#menu2 li:hover > a {
        color: #5c5c5c;
		background: #FFF;
		border-radius: 20px
}

*html #menu2 li a:hover { /* IE6 only */
        color: #fafafa;
}

#menu2 ol {
       
        _margin: 0; /*IE6 only*/
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 32px;
        left: 0;
        z-index: 9999;
		border: 1px solid #525c67;
        background: url(../../img/dropmenu_bg.png) repeat;
        -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,.5);
        box-shadow: 0 3px 10px rgba(0,0,0,.7);
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
}

#menu2 li:hover > ol {
        opacity: 1;
        visibility: visible;
        margin: 0;
}

#menu2 ol ol {
        top: 0;
        left: 150px;
        margin: 0 0 0 20px;
        _margin: 0; /*IE6 only*/
        -moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
        -webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
        box-shadow: -1px 0 0 rgba(255,255,255,.3);
}

#menu2 ol li {
        float: none;
        display: block;
        border: 0;
        _line-height: 0; /*IE6 only*/
        -moz-box-shadow: 0 1px 0 #262d33, 0 2px 0 #464d55;
        -webkit-box-shadow: 0 1px 0 #262d33, 0 2px 0 #464d55;
        box-shadow: 0 1px 0 #262d33, 0 2px 0 #464d55;
}

#menu2 ol li:last-child {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
}

#menu2 ol a {
        padding: 10px;
        width: 180px;
        _height: 10px; /*IE6 only*/
        display: block;
        white-space: nowrap;
        float: none;
        text-transform: none;
}

#menu2 ol a:hover {
        background-color: #610100;
        background-image: -moz-linear-gradient(#930100,  #610100);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#930100), to(#610100));
        background-image: -webkit-linear-gradient(#930100, #610100);
        background-image: -o-linear-gradient(#930100, #610100);
        background-image: -ms-linear-gradient(#930100, #610100);
        background-image: linear-gradient(#930100, #610100);
}

#menu2 ol li:first-child > a {
        -moz-border-radius: 3px 3px 0 0;
        -webkit-border-radius: 3px 3px 0 0;
        border-radius: 3px 3px 0 0;
}

#menu2 ol li:first-child > a:after {
        content: '';
        position: absolute;
        left: 40px;
        top: -6px;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #373f49;
}

#menu2 ol ol li:first-child a:after {
        left: -6px;
        top: 50%;
        margin-top: -6px;
        border-left: 0;
        border-bottom: 6px solid transparent;
        border-top: 6px solid transparent;
        border-right: 6px solid #3b3b3b;
}

#menu2 ol li:first-child a:hover:after {
        border-bottom-color: #930100;
}

#menu2 ol ol li:first-child a:hover:after {
        border-right-color: #0299d3;
        border-bottom-color: transparent;
}

#menu2 ol li:last-child > a {
        -moz-border-radius: 0 0 3px 3px;
        -webkit-border-radius: 0 0 3px 3px;
        border-radius: 0 0 3px 3px;
}

/*-------------------------------
    Sidebar Menu 
--------------------------------*/

.sidebar_menu {}

.sidebar_menu li {padding: 10px 5px; border-bottom: 1px dotted #999}


/*-------------------------------
    Footer Menu 
--------------------------------*/

.footer_menu {list-style: none; border: 0px solid black; clear:both}

#menu3 {text-align: left; margin-top: 20px}

#menu3 li {list-style-type: none; display: inline-block; margin: 0 3px}

#menu3 li a {    
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    
    border-color: #CCCCCC #CCCCCC #AAAAAA;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 0 1px #FFFFFF inset;
    color: #555555;
    font-weight: bold;
	text-decoration: none;
    padding: 0 8px;
	font-size: 11px;
	display: inline-block;
    text-shadow: 0 0 0 transparent, 0 1px 0 #FFFFFF;
	
   background-image: -moz-linear-gradient(top, #fafafa, #E0E0E0);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fafafa), to(#E0E0E0));
   background-image: -webkit-linear-gradient(top, #fafafa, #E0E0E0); 
   background-image: -ms-linear-gradient(top, #fafafa, #E0E0E0);
   background-image: -o-linear-gradient(top, #fafafa, #E0E0E0);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#E0E0E0')
}

#menu3 li a:hover {  
  -webkit-box-shadow: 0 0 6px #cccccc;
  -moz-box-shadow: 0 0 6px #cccccc;
  box-shadow: 0 0 6px #cccccc}
  


/*-------------------------------
   Menu 
--------------------------------*/
	

#menu, #menu ol {
        margin: 0;
        padding: 0;
        list-style: none;
}

#menu {
        margin: 0 auto 0;
}

#menu:before,
#menu:after {
        content: "";
        display: table;
}

#menu:after {
        clear: both;
}

#menu {
        zoom:1;
}

#menu li {
        float: right;
        border-right: 0px solid #eeeeee;
        position: relative;
}

#menu a {
        float: left; height:24px;
		margin-left:1px;
        padding: 8px 25px;
        color: #999;
        text-transform: uppercase;
		font-size: 16px;
        text-decoration: none;
        text-shadow: none;
}

#menu li:hover > a {
      
}

*html #menu li a:hover { /* IE6 only */
        color: #fafafa;
}

#menu ol {
        margin: 20px 0 0 0;
        _margin: 0; /*IE6 only*/
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 36px;
        left: 0;
        z-index: 9999;
		border: 1px solid #eaeaea;
        background: #FFF;
        -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,.5);
        box-shadow: 0 3px 10px rgba(0,0,0,.7);
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
}

#menu li:hover > ol {
        opacity: 1;
        visibility: visible;
        margin: 0;
}

#menu ol ol {
        top: 0;
        left: 150px;
        margin: 0 0 0 20px;
        _margin: 0; /*IE6 only*/
        -moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
        -webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
        box-shadow: -1px 0 0 rgba(255,255,255,.3);
}

#menu ol li {
        float: none;
        display: block;
        border: 0;
        _line-height: 0; /*IE6 only*/

}

#menu ol li:last-child {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
}

#menu ol a {
        padding: 10px;
        width: 180px;
        _height: 10px; /*IE6 only*/
        display: block;
        white-space: nowrap;
        float: none;
        text-transform: none;
}

#menu ol a:hover {
        background-color:#E5E5E5;
}

#menu ol li:first-child > a {
        -moz-border-radius: 3px 3px 0 0;
        -webkit-border-radius: 3px 3px 0 0;
        border-radius: 3px 3px 0 0;
}

#menu ol li:first-child > a:after {
        content: '';
        position: absolute;
        left: 40px;
        top: -6px;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
}

#menu ol ol li:first-child a:after {
        left: -6px;
        top: 50%;
        margin-top: -6px;
        border-left: 0;
        border-bottom: 6px solid transparent;
        border-top: 6px solid transparent;
        border-right: 6px solid #fff;
}

#menu ol li:first-child a:hover:after {
        border-bottom-color: #f9f9f9;
}

#menu ol ol li:first-child a:hover:after {
        border-right-color: #0299d3;
        border-bottom-color: transparent;
}

#menu ol li:last-child > a {
        -moz-border-radius: 0 0 3px 3px;
        -webkit-border-radius: 0 0 3px 3px;
        border-radius: 0 0 3px 3px;
}


/*-------------------------------
    Menu responsive
--------------------------------*/

	

#menu_resp, #menu_resp ol {
      display: none;
}

#menu_resp {
        margin: 0 auto 0;
}

#menu_resp:before,
#menu_resp:after {
        content: "";
        display: table;
}

#menu_resp:after {
        clear: both;
}

#menu_resp {
        zoom:1;
}

#menu_resp li {
	   
        float: right;
        border-right: 0px solid #eeeeee;
        position: relative;
}

#menu_resp a {
		float: right;
        color: #FFF;
        text-transform: uppercase;
		font-size: 16px;
        text-decoration: none;
        text-shadow: none;
		padding-right: 8px;
		font-weight:700;
}

#menu_resp li:hover > a {
      
}

*html #menu_resp li a:hover { /* IE6 only */
        color: #fafafa;
}

#menu_resp ol {
        margin: 20px 0 0 0;
        _margin: 0; /*IE6 only*/
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 36px;
        left: 0;
        z-index: 9999;
		border: 1px solid #eaeaea;
        background: #FFF;
        -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,.5);
        box-shadow: 0 3px 10px rgba(0,0,0,.7);
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
}

#menu_resp li:hover > ol {
        opacity: 1;
        visibility: visible;
        margin: 0;
}

#menu_resp ol ol {
        top: 0;
        left: 150px;
        margin: 0 0 0 20px;
        _margin: 0; /*IE6 only*/
        -moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
        -webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
        box-shadow: -1px 0 0 rgba(255,255,255,.3);
}

#menu_resp ol li {
        float: none;
        display: block;
        border: 0;
        _line-height: 0; /*IE6 only*/

}

#menu_resp ol li:last-child {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
}

#menu_resp ol a {
        padding: 10px;
        width: 180px;
        _height: 10px; /*IE6 only*/
        display: block;
        white-space: nowrap;
        float: none;
        text-transform: none;
}

#menu_resp ol a:hover {
        background-color:#E5E5E5;
}

#menu_resp ol li:first-child > a {
        -moz-border-radius: 3px 3px 0 0;
        -webkit-border-radius: 3px 3px 0 0;
        border-radius: 3px 3px 0 0;
}

#menu_resp ol li:first-child > a:after {
        content: '';
        position: absolute;
        left: 40px;
        top: -6px;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
}

#menu_resp ol ol li:first-child a:after {
        left: -6px;
        top: 50%;
        margin-top: -6px;
        border-left: 0;
        border-bottom: 6px solid transparent;
        border-top: 6px solid transparent;
        border-right: 6px solid #fff;
}

#menu_resp ol li:first-child a:hover:after {
        border-bottom-color: #f9f9f9;
}

#menu_resp ol ol li:first-child a:hover:after {
        border-right-color: #0299d3;
        border-bottom-color: transparent;
}

#menu_resp ol li:last-child > a {
        -moz-border-radius: 0 0 3px 3px;
        -webkit-border-radius: 0 0 3px 3px;
        border-radius: 0 0 3px 3px;
}
	

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	text-decoration: none;
	color: #FFFFFF;
	text-align: right;	
	display: none;
	width:40px;
	height:40px;
	font-size:30px;
	line-height: 120px;
	margin-left:16px;
	cursor:pointer;
}
/*
.show-menu {

    width: 30px;
    height: 30px;
    background: url("images/icon_menu.png") no-repeat ;
    display: none;
	
}

*/

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu_resp{
    display: block;
}  

@media (max-width: 467px) {

	/*Make dropdown links appear inline*/

	#menu, #menu ol {
			display: none;
	}
	#menu li {
			  display:none;
			
		}
		
	/*Create vertical spacing*/
	#menu_resp, #menu_resp ol {
		margin-top:74px;
		list-style-type:none;
		width:168px;
		background: #0D435D;
		height:100%;
		border-right: 2px solid #F00;
     	/*display: block;*/
	}
	#menu_resp li {
			text-align:right;
		    margin-bottom: 1px;
			cursor: pointer;
            color: #dedede;
			margin: 0;
			padding: 0;
			width: 100%;
			position: relative;
			margin-top: 0;
		    border-bottom: 1px solid #F9F9F9;
	}

	/*#menu_resp a.bthome {
       background:rgba(132, 125, 125, 0.08);
	}
	#menu_resp a.bt {
		background-color:rgba(132, 125, 125, 0.08);
	}*/
	
	/*Make all menu links full width*/
	#menu_resp ol li,#menu_resp li a {
		width: 100%;
		height:48px;
		line-height:48px;
		font-size:18px;
	}
	
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
		float:left;
		
	
}