/*----------layout-----------*/
#principal {
    width: 1140px;
    margin: auto;
}



/*------------menus-----------*/
.menu {
    margin: 0;
    padding: 0;
}

.menu li {
    list-style-type: none;
    float: left;
    position: relative;
}

.menu a {
    text-decoration: none;
    color: white;
    background-color: #f02d00;
    padding: 10px 20px;
    display: inline-block;
}

.menu a:hover {
    background-color: rgb(0, 0, 8);
}

.submenu {
    position: absolute;
    left: 0;
    padding: 0;
    display: none;
    

}
li:hover .submenu{
    display: block;
}