/*---------------vertical menu---------------*/
#menu, .a_menu,  .mobile_menu {
   height: 60px;
   color: #000;
   line-height: 60px;
}
#menu{
	display: block;
	width: 94%;
   height: 60px;
	background:#191C21;
	position: fixed;
	top: 0px;
	left: 0px;
   text-align: right;
   padding: 0px 3% 0px 3%;
	border-bottom: solid 1px #000;
	z-index: 10;
}
#menu a {
	text-decoration: none;
}


.menu_group {
	height: auto;
	transition: height 0.5s ease-in-out;
	overflow: hidden;
}

.a_menu, .mobile_menu {
   width: auto;
   color: #fff;
   background: #191C21;
   margin-bottom: 0px;
   padding-bottom: 0px;
   margin-top: 0px;
   padding-top: 0px;

   font-weight: 700;
   text-align: center;
   z-index: 999;
}

.a_menu:hover {
   text-decoration: underline;
}

#menu .logo {
   width: 128px;
   height: 48px;
   float: left;
	margin: 0px;
	padding: 0px;
}


/*Mobile*/
.mobile_menu {
	display: none;
	text-decoration: none;
	-webkit-transition: background-image 0.2s ease-out;
	transition: background-image 0.2s  ease-out;
}

.menu_group_button {
	background-position: center;
	background-image: url("../../img/core/m_menu.png");
	background-repeat: no-repeat;
}

.menu_group_button_active {
	background-position: center;
	background-image: url("../../img/core/m_menu_close.png");
	background-repeat: no-repeat;
}

@media screen and (max-width: 780px) {
	#menu a {
      width: 100%;
      display: block;
      margin: 0px;
      padding: 0px;
   }

   #menu .a_menu {
      width: 100%;
      margin: 0px;
      padding: 0px;
   }

   #menu .a_menu:hover{
      background: #eee;
      color: #333;
   }

	#menu .mobile_menu {
		display: inline-block;
		width: 30px;

	}

	#menu .mobile_menu img{
		vertical-align: middle;
	}


}


/**/
#myBody {
   margin-top: 60px;
}