/*
--------------------------------------------------------------
Product Name: Golden - Responsive Flat Dropdown Menu
Product Version: 1.0
Author: Igga Elia (elflaire)
Author URL: http://doptiq.com 
Author Portifolio: http://codecanyon.net/user/elflaire/portfolio 
E-mail: hello@doptiq.com 
Updates: Initial Release - 28th/Aug/2013
-------------------------------------------------------------- */

/* Resets for Demo 
------------------------------------------------- */
html { 
	/*-webkit-text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%; */
}


html, body{ 
	margin: 0; 
	padding: 0; 
	border: 0; 
	/*font-size: 100%; 
	vertical-align: baseline;*/
}

.container { }
.clear:before,.clear:after{content:'';display:table; }
.clear:after{clear:both;}
.clear{zoom:1;}

/* Start Menu Styling 
--------------------------------------------- */

.nav{ 
	height:49px; 
	position:relative; 
	z-index:999;
	font-family: "Gilda Display",serif;
	margin-top: 18px;
}


.nav ul, 
.nav ol, 
.nav dl, 
.nav li { 
	line-height:1.5em;
	list-style:none; 
	font-weight: bold;
}

/* Hide responsive menu trigger 
--------------------------------------------- */
.menu-icon { display:none; }

/* Start dropdown menu styling 
--------------------------------------------- */
ul.dropdown,
ul.dropdown li,
ul.dropdown ul { 
	margin: 0; 
	padding: 0; 
	
}

ul.dropdown{
	float:right;
	position: relative; 
}

ul.dropdown li { 
	float: left; 
	vertical-align: middle; 
	zoom: 1; /* IE6 */
}

/* General list styling 
-------------------------------------------- */
ul.dropdown li {  
	/*font-size:15px; 
	text-transform:uppercase; */
}

ul.dropdown li a {  
	font-family: "Gilda Display",serif;
	color:#0D4D85;
	text-transform:uppercase;
	display:block;
    cursor: pointer;
	font-size:15px;
	padding-bottom: 5px;
}
ul.dropdown li a.langue {  
	display:block;
    cursor: pointer;
	margin-left: 0px;
	padding-top: 0px;
}
ul.dropdown li a.langue.fr {  
	margin-left: 20px;
}

@media screen and (max-width: 767px) {
    ul.dropdown li a.langue.de {  
        margin-right: 30px;
    }
    ul.dropdown li a.langue.fr {  
        margin-left: 35px;
        margin-right: 20px;
    }
    ul.dropdown li a.langue img {  
        margin-top: -4px;
        width: auto;
        height: 30px;
    }
    ul.dropdown li a {  
        font-size:17px;
    }
    ul.dropdown ul li a {  
        font-size:13px;
        line-height: 20px;
    } 
}

/* General links styling 
-------------------------------------------- */
ul.dropdown a,
ul.dropdown a:visited,	
ul.dropdown a:hover, 		
ul.dropdown a:active { 
	text-decoration: none; 
}

ul.dropdown a, 
ul.dropdown span { 
	display: block;
	outline:none; 
	cursor:pointer; 
	padding-top: 2px;
	margin-left: 20px;
}

ul.dropdown ul a.langue {  
	margin-left: 0px;
}	

ul.dropdown li:hover, 
ul.dropdown li.hover { 
	position: relative; 
	cursor:pointer; 
}

/* Level I+ 
--------------------------------------- */
ul.dropdown ul { 
	display:none; 
	position: absolute;
	z-index: 598;
	width: 220px; 
	top: 100%; 
	left: 10px;; 
}

 
ul.dropdown li:hover > ul{ 
	display:block;
}

ul.dropdown ul li { 
	float: none;
	font-size:13px;
	font-weight: normal; 
	text-transform:none;
	position:relative; 
	padding:2px 0px;
}
ul.dropdown ul li a { 
	font-size:11px;
	margin-left: 10px;
	line-height:12px;
	dsplay:block;
	padding:4px 0px 2px 0px;
}

ul.dropdown ul li.hover, 
ul.dropdown ul li:hover { /* background-color:#E74C3C; color: #fff; */ }
ul.dropdown a:hover, ul.dropdown a#active { color: #A8811F; }
	
/* Level II +  
---------------------------------------- */
ul.dropdown ul ul { top:-1px;; left:100%; }


/* Add trailing arrows 
---------------------------------------- */	
ul.dropdown *.sub { 
	/*padding-right:15px; 
	background-image: url(../img/menu/nav-arrow-down-thin.gif); 
	background-position: right 30%; 
	background-repeat: no-repeat; */
}

ul.dropdown ul *.sub { 
	padding-right: 15px; 
	background-image: url(../img/menu/nav-arrow-right-thin-dark.gif);
	background-position: 100% 50%; 									  
	background-repeat: no-repeat; 
}

/* Change trailing arrows on :hover IE7+
--------------------------------------------------------- */
ul.dropdown li.sub:hover{  /*background-image: url(../img/menu/nav-arrow-down.gif);*/ } 
ul.dropdown ul li.sub:hover{ background-image: url(../img/menu/nav-arrow-right-dark.gif);  }

/* Main menu seperator 
---------------------------------------------- */																		  								  
ul.dropdown li.divider{ 
	padding:0!important; 
	margin:0!important; 
	border:0!important;
	display:block; 
	height:49px; 
	float:left;
	width:1px; 
}

ul.dropdown li.rtl ul { position: absolute; top: 100%; right:0; z-index: 598; left:auto; }
ul.dropdown li.rtl ul ul { top:0; right:100%; left:auto; }
ul.dropdown li.ltr ul, ul.dropdown li.ltr ul ul { top:0; left:100%!important; right:auto!important; }

/* Theme settings - Change your menu colors, bgcolors, border-colors
---------------------------------------------------------------------- */

/* Theme red light */
.red-light, 
.red-light ul.dropdown { /*background:#E74C3C;*/ }
.red-light ul.dropdown ul {  background:#9b9a96; } 

.red-light ul.dropdown a,
.red-light ul.dropdown a:visited,	
.red-light ul.dropdown a:hover, 		
.red-light ul.dropdown a:active, 
.red-light ul.dropdown li  { color: #0D4D85; }

.red-light ul.dropdown li:hover, 
.red-light ul.dropdown li.hover {  /*background-color:#C0392B;*/ color: #fff; }/* cng */

/* add */
.red-light ul.dropdown  ul {border-top:1px solid #D7D7D7;}
.red-light ul.dropdown  ul li, 
.red-light ul.dropdown  ul li a  { text-transform:uppercase;color: #fff!important; /* IE6 */ }
.red-light ul.dropdown ul li {border-bottom:1px solid #D7D7D7;  }
.red-light ul.dropdown ul li.hover, 
.red-light ul.dropdown ul li:hover {background-color:#b09f81;  color: #2C3E50; }
.red-light ul.dropdown ul li a:hover, 
.red-light ul.dropdown ul li a.hover { color: #2C3E50; }

.red-light ul.dropdown li.divider{ background:#FF6666;  }

.red-light ul.dropdown  ul ul {border-left:1px solid #D7D7D7;border-top:1px solid #D7D7D7;border-right:1px solid #D7D7D7;}