#principal{
    width: 1140px;
    margin: auto;
}
.menu{
    margin: 0;
    padding: 0;
}
.menu li {
    list-style-type: none;
    float: left;
    position: relative;
    display: inline-block;
   }
   .menu a{
       text-decoration: none;
       color: white;
       background-color: #f02d00;
       padding: 10px 20px;
       display: inline-block;
   }
   .menu a:hover{
       background-color: rgb(38, 38, 38);
    
   }
   .submenu{
    position: absolute;
    left: 0;
    padding: 0;
    display: none;
    width: 140;
   }
li:hover .submenu{
    display: block;
}