body {
    margin: 0;
    padding: 0;
}
/*Color de la barra*/
.navbar {
    background: #87e5d3;
    /*background: #9ce290;*/
    /*background: rgb(156,226,144);
    background: linear-gradient(90deg, rgba(156,226,144,1) 0%, rgba(118,219,174,1) 47%, rgba(76,186,249,1) 98%);*/
    /*background-color: #00b7ff;*/ /*rgba(30, 144, 255, 0.50) #c3def8*/
    padding: 20px 20px; /* Large padding which will shrink on scroll (using JS) */
    transition: 0.4s; /* Adds a transition effect when the padding is decreased */
    position: fixed; /* Sticky/fixed navbar */
    width: 100%;
    top: 0; /* At the top */
    z-index: 99;
}

.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        margin-top: -5px;
        left: 100%;
    }

.dropdown-menu > li > a:hover::after {
    text-decoration: underline;
    transform: rotate(-90deg);
}
/*Color del menú*/
.dropdown-menu {
    background-color: #77c5fe;
   
}
    /*Color del submenú*/
    .dropdown-menu > li > ul {
        background-color: #c3def8;
    }
/*Color de fondo de los items principales con submenu*/
.navbar-nav li:hover {
    background-color: aliceblue;
    border-bottom:hidden;
    border-radius:10px; 
}
/*color de fondo de los items 0 (principales sin submenu)*/
.navbar-nav a:hover {
    background-color: aliceblue;
    border-bottom-right-radius: 10px;
    
}

.footer {
    background-color: #373737;
    color: #ffffff;
}

    .footer a {
        color: #ffffff;
    }

        .footer a:hover {
            color: #87e5d3; /*#7dff91*/
            text-decoration: none;
        }