.menu {
    background-color: #514f4f;
    margin: 0 auto;
    padding: 0 ;
    height: 52px;
    width: 1020px;
}
.menu ul {
    margin: 0;
    padding: 0;
}
.menu li {
    display: inline-block;
    list-style: none ;
}
.menu li a {
    color: #FFFFFF;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    text-decoration: none;   
}
.nav1{-moz-linear-gradient(bottom, #72a436, #72a436);border-bottom:solid 8px #72a436;}
.nav2{-moz-linear-gradient(bottom, #f0db23, #f0db23);border-bottom:solid 8px #f0db23;}
.nav3{-moz-linear-gradient(bottom, #fbb132, #fbb132);border-bottom:solid 8px #fbb132;}
.nav4{-moz-linear-gradient(bottom, #db426a, #db426a);border-bottom:solid 8px #db426a;}
.nav5{-moz-linear-gradient(bottom, #bb47a4, #bb47a4);border-bottom:solid 8px #bb47a4;}
.nav6{-moz-linear-gradient(bottom, #ef548f, #ef548f);border-bottom:solid 8px #ef548f;}
.nav7{-moz-linear-gradient(bottom, #65d0eb, #65d0eb);border-bottom:solid 8px #65d0eb;}

.nav1, .nav2, .nav3, .nav4, .nav5, .nav6, .nav7 {
    margin: 0 ;
    padding: 12px 25px;
}
.nav1:hover, .nav2:hover, .nav3:hover, .nav4:hover, .nav5:hover, .nav6:hover, .nav7:hover
{
  background-color:#8d8a8a;
  box-shadow: #72a436;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  transition-delay: 0s;
}
.nav1 a:hover{color:#72a436;}
.nav2 a:hover{color:#f0db23;}
.nav3 a:hover{color:#fbb132;}
.nav4 a:hover{color:#db426a;}
.nav5 a:hover{color:#bb47a4;}
.nav6 a:hover{color:#ef548f;}
.nav7 a:hover{color:#65d0eb;}