@font-face 
    {
        font-family: 'Ubuntu';
        src: url(../font/ubuntu.ttf);
    }
     @font-face 
    {
        font-family: 'Ubuntu Light';
        src: url(../font/Ubuntu-L.ttf);
    }
* {
	padding: 0; margin: 0; list-style: none; border: 0; text-decoration: none; font-size: 14px; line-height: 21px
}

.menu {

margin:0 auto;

}
.menu ul
{
	text-align: center;

}
.menu ul li {
	   font-family: 'Ubuntu Light';
		text-align: center;
	display: inline-block;
position: relative;

border-top:2px solid #fff;

}
.menu ul li a {
	display: block;
	padding: 5px 15px;
	color: #fff;
   font-family: 'Ubuntu Light';

	 font-size: 16px;
}
.menu ul li a:hover {
	background-color: #fff;
	color:#000;
		text-decoration:none;
}
.menu li ul{
    background-color: #279d49;
  display: none;
    z-index: 999999999;
}
.menu li:hover ul {
  display: table;
  min-width: 250px;
  left: 0;
  position: absolute;
}

.menu li:hover ul li {

  display: block;
  width: 100%;
}

.menu li:hover ul li:hover {
  background-color: #456456;
  color:white;
}
.menuAc {

	background-color: #000;
	padding: 10px;
	height: 100%;
	color: #fff;
	text-align: right;
	font-weight: bold;
	cursor: pointer;
	display: none
}

@media (max-width: 700px) {
	
	.menu { width: 100%}
	.menuAc { display: block; z-index: 9999; }
	.menu ul { display: none }
	.menu ul li { float: none;

width: 100%;
	}
	.menu ul li a { border-right: none; border-bottom: 1px solid #fff }
	.menu li ul {display: block;}
	   .menu li ul li {
    background: #456456;
    width: 100%;
  }
   
  .menu li:hover ul {
    width: 100%;
    position: relative;
  }
}