@charset "utf-8";
/* CSS Document */

header{width: 100%; display: table; margin: 0; padding: 0;}

header .logo{width: 100%; float: left; margin:0; padding:0;}


#logo{
	width: 187px;
	height: 73px;	
	font-size: 24px;
	background: url(../img/emmsa.png) center center no-repeat; background-size: 100% 100%;
	margin: 10px 0 10px 85px;
	color: Black;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	float: left;
}

header .logo .exit{float: right; margin: 30px 90px 0 0; padding: 0; border-radius: 3px;}
header .logo .exit a{width: auto; float: right; margin:0; padding:10px 20px; background: rgba(0,145,207,1); color: White; font-size: 18px; text-decoration: none; transition: all 0.3s; border-radius: 3px; margin-left: 5px;}
header .logo .exit a:hover{background: rgba(0,145,207,0.7); color: White;}

#menu-wrap{width: 90%; float: left; margin: 0; padding: 0 5%; background: none;}


#ddmenu {
  font-size: 20px;
  display: table;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  background: #fff;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 1px rgba(20, 20, 20, 0.2);
  outline: none;
  font-weight: bold;
}

#ddmenu li { display: block; position: relative; float: left; border-right: 1px solid #dae0e5; padding: 0;}

#ddmenu li a {
  display: block;
  float: left;
  padding: 20px 30px;
  line-height: 100%;
  font-weight: bold;
  text-decoration: none;
  color: rgba(51,51,51,1);
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  font-family: 'MyriadBold';
}
#ddmenu li:hover > a { color: rgb(51,51,51); background: #EEE;}/*d9e2ee*/

#ddmenu ul {
  position: absolute;
  top: 70px;
  width: auto;
  background: rgba(253,244,150,1);
  font-size: 16px; 
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  z-index: 1000;
}

/* tooltip arrow */
#ddmenu ul:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: 100%;
  left: 8px;
  border-width: 0 8px 8px 8px;
  border-style: solid;
  border-color: rgba(253,244,150,1) transparent; 
  
}

#ddmenu ul:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: 100%;
  left: 4px;
  border-width: 0 10px 10px 10px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.1) transparent;  
}

#ddmenu ul li { 
  display: block; 
  width: 100%;
  padding: 0;
  margin: 0; 
}

#ddmenu ul li a{ 
  line-height: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  display: table; 
  width: 100%; 
  color: #1E1F98;
  padding: 15px 0;
  margin: 0;
  text-align: center;
}


#menuNav{
	width: 100%; float: left; margin-bottom: 15px;
}
#menuNav li{
	display: inline-block; padding-bottom: 10px; padding-right: 10px;
}

#menuNav li a, #menuNav li span{
	padding: 0 10px 0 0; text-decoration: none; color: Black; font-size: 16px;
}

#menuNav li a:hover{text-decoration: underline;}

#menuNav li a img, #menuNav li span img{
	width: 30px; float: left; position: relative; bottom: 7px; right: 5px;
}