/****************************************************************************/
/*                CLASES DE MENU */
/****************************************************************************/
.menuHeader{
    font-weight:bolder;
    font-size:18px;
    color: #1f2f52;
}

.menu-container:hover .menu-slide {
    -o-transform: translate(600px, 0);
    -moz-transform: translate(600px, 0);
    -ms-transform: translate(600px, 0);
    -webkit-transform: translate(600px, 0);
    transform: translate(600px, 0);
    opacity: 1;
}

.menu-container .menu-btn {
    color: #333333;
    position: fixed;
    top: 100px;
    left: 10px;
    cursor: pointer;
    z-index: 10000;
    font-size: 19px;
    text-decoration: none;
}

.menu-container .menu-btn:hover {
    color: #666666;
}

.menu-container .menu-slide {
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #FFFFFF;
    border:solid 3px #e3f1ff;
    box-shadow:5px 10px #888888;
    height: 100%;
    left: -600px;
    top: 105px;
    width: 600px;
    overflow-y: auto;
    z-index: 10000;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    -webkit-transition: 6s ease-in-out;
    transition: 0.3s ease-in-out;
    position: fixed;
    opacity: 0;
    
}

.menu-container .menu-slide .menu-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.menu-container .menu-slide .menu-list .menu-item a {
    padding: 8px;
    display: block;
    text-decoration: none;
    color: #1f2f52;
    transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    font-weight: 300;
}

.menu-container .menu-slide .menu-list .menu-item a:hover {
    color: #1f2f52;
    background-color: #FFFFFF;
    transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
}

.menu-container .menu-slide .menu-list .menuHeader a {
    color: #1f2f52;
}

.titulo-menu {
    color: #1f2f52;
}

.titulo-menu:hover {
    color: #1f2f52;
}