@import url('https://fonts.googleapis.com/css?family=Open+Sans|Roboto');

html,body {
 font-family: 'Roboto', sans-serif;
 font-size: 14px;
  background: 
    -webkit-linear-gradient(rgba(5, 610, 255, 0.4), rgba(135, 60, 255, 0.0) 80%),
    -webkit-linear-gradient(-45deg, rgba(120, 155, 255, 0.9) 25%, rgba(255, 160, 65, 0.9) 76%);
 margin: 0 0 0 0;
 padding: 0;
}

ul#menu, ul#menu ul {
 list-style-type:none;
 width: 800px;
 margin: 0 auto;
 padding: 0;
}

ul#menu a {
 display: block;
 text-decoration: none;  
}

ul#menu li {
 margin-top: 1px;
}

ul#menu li a img {
 vertical-align: middle;
 padding: 0 5px 5px 0;
}

ul#menu li a {
 background: #00bfff;
 color: #fff;  
 padding: 12px;
 -webkit-transition: 0.1s;
 -moz-transition: 0.1s;
 transition: 0.1s;
 font-family: 'Roboto', sans-serif;
 font-size: 14px; 
}

ul#menu li a:hover {
 background: #42aaff;
}

ul#menu li ul li a {
 background: #ebeaec;
 color: #333;
 padding-left: 20px;
}

ul#menu li ul li a:hover {
 background: #d4d3d5;
 padding-left: 25px;
}