nav
{
    background-color: #232323;
    z-index: 999;
    height: 90px;
    width: 100%;
    display: inline-block;
}

.cont_gen_nav_01
{
    background-color: #232323;
    z-index: 1;
    height: 90px;
    width: 100%;
}
.cont_gen_nav_01>.imagen_loka_nav_01
{
    background-color: #232323;/**/
    float: left;
    width: 200px;
    height: 90px;
    display: table;
    margin-right: 20px;
}
.cont_gen_nav_01>.imagen_loka_nav_01>.cont_imagen_loka_nav_01
{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    align-items: center;
    /*background-color: #4d4677;*/
}
.cont_gen_nav_01>.imagen_loka_nav_01>.cont_imagen_loka_nav_01 img
{
    width: 70%;
}

/* IIIIIIIIIIIIIIIIIIIIIIIII */
/* IIIIIIIIIIIIIIIIIIIIIIIII */
/* IIIIIIIIIIIIIIIIIIIIIIIII */
/*          IIIIIII          */
/*          IIIIIII          */
/*          IIIIIII          */
/*          IIIIIII          */
/*          IIIIIII          */
/*          IIIIIII          */
/*          IIIIIII          */
/* IIIIIIIIIIIIIIIIIIIIIIIII */
/* IIIIIIIIIIIIIIIIIIIIIIIII */
/* IIIIIIIIIIIIIIIIIIIIIIIII */

.cont_gen_nav_01>.menu_loko_nav_01
{
    width: auto;
    float: left;
    background-color: #232323;
    padding: 0px;
    margin: 0px;
}
.cont_gen_nav_01>.menu_loko_nav_01 ul
{
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.cont_gen_nav_01>.menu_loko_nav_01>ul>li
{
    float: left;
}
.cont_gen_nav_01 .menu_loko_nav_01>ul>li>a
{
    padding: 37px 15px;
    display: inline-block;
    background-color: #232323;
    color: #fff;
    font-size: 14px;
}
.cont_gen_nav_01>.menu_loko_nav_01>ul>li>ul
{
    display: none;
}
.cont_gen_nav_01>.menu_loko_nav_01>ul>li:hover>a
{
    color:#8d8d8d;
    font-weight:bolder;
    font-size: 15px;
    padding: 35.5px 15px;
}
.cont_gen_nav_01>.menu_loko_nav_01>ul>li:hover>ul
{
    display: block;
    position: absolute;
    background-color: #232323;
    padding: 0px;
    opacity: 1;
    border-radius: 0px 0px 10px 10px;
    z-index: 1;
}
.cont_gen_nav_01>.menu_loko_nav_01>ul>li:hover>ul>hr
{
    background-color: #232323;
    color: #fff;
    width: 95%;
    margin: 0px auto;
    text-align: center;
}
.cont_gen_nav_01>.menu_loko_nav_01>ul>li:hover>ul>li>a
{
    padding: 5px 10px;
    background-color: #232323;
    color: #8d8d8d;
    display: inline-block;
    width: 100%;
    font-size: 14px;
    border-radius: 10px;
}
.cont_gen_nav_01>.menu_loko_nav_01>ul>li:hover>ul>li:hover>a
{
    padding: 5px 10px 5px 15px;
    background-color: #232323;
    color:#fff;
    font-size: 14px;
}
/* MMMMMM            MMMMMM */
/* MMMMMMM          MMMMMMM */
/* MMMMMMMMM      MMMMMMMMM */
/* MMMMMMMMMMM  MMMMMMMMMMM */
/* MMMMMM MMMMMMMMMM MMMMMM */
/* MMMMMM   MMMMMM   MMMMMM */
/* MMMMMM     MM     MMMMMM */
/* MMMMMM            MMMMMM */
/* MMMMMM            MMMMMM */
/* MMMMMM            MMMMMM */
.cont_gen_nav_01>.menu_aux_cel_01
{
    width: 90px;
    height: 90px;
    background-color: #232323;
    text-align: center;
    display: table;
    position: fixed;
    z-index: 1;
    right: -90px;
    cursor: pointer;
}
.cont_gen_nav_01>.menu_aux_cel_01>.cont_menu_aux_cel_01
{
    display: table-cell;
    vertical-align: middle;
}
.cont_gen_nav_01>.menu_aux_cel_01>.cont_menu_aux_cel_01 img
{
    width: 70%;
}
/*          CCCCCCCC          */
/*     CCCCCCCCCCCCCCCCCC     */
/*   CCCCCCCCCCCCCCCCCCCCCC   */
/* CCCCCCCC          CCCCCCCC */
/* CCCCCC              CCCCCC */
/* CCCCCC                     */
/* CCCCCC                     */
/* CCCCCC                     */
/* CCCCCC                     */
/* CCCCCC                     */
/* CCCCCC              CCCCCC */
/* CCCCCCCC          CCCCCCCC */
/*   CCCCCCCCCCCCCCCCCCCCCC   */
/*     CCCCCCCCCCCCCCCCCC     */
/*          CCCCCCCC          */

@media (max-width:1100PX)
{
    nav
    {
        width: 100%;
        background-color: #232323;
        z-index: 999;
        height: 60px;
        width: 100%;
    }
    
    .cont_gen_nav_01
    {
        background-color: #232323;
        z-index: 1;
        height: 60px;
        width: 100%;
    }
    .cont_gen_nav_01
    {
        position: fixed;
    }
    .cont_gen_nav_01>.menu_aux_cel_01
    {
        top: 0px;
        right: 0px;
        height: 60px;
        width: 60px;
    }
    .cont_gen_nav_01>.imagen_loka_nav_01
    {
        width: 100px;
        height: 60px;
        display: table;
        margin-right: 10px;
    }
    /* ----------------------- */
    /* ----------------------- */
    /* ----------------------- */
    /* ----------------------- */
    /* ----------------------- */
    .cont_gen_nav_01>.menu_loko_nav_01
    {
        left: -85%;
        Width: 80%;
        height: 1200px;
        float: left;
        position: fixed;
        top: 60px;
        background-color: #232323;
        padding: 0px;
        margin: 0px;
        z-index: 1;
        position: absolute;
    }
    .cont_gen_nav_01>.menu_loko_nav_02
    {
        left: 0px;
        Width: 80%;
        height: 1200px;
        float: left;
        position: fixed;
        top: 60px;
        background-color: #232323;
        padding: 0px;
        margin: 0px;
        z-index: 1;
        position: absolute;
    }
    .cont_gen_nav_01>.menu_loko_nav_02>ul
    {
        padding: 0px;
        padding-top: 20px;
        margin: 0px;
        width: 100%;        
    }
    .cont_gen_nav_01>.menu_loko_nav_02>ul>li
    {
        float: none;
        width: 100%;
    }
    .cont_gen_nav_01>.menu_loko_nav_02>ul>li>a
    {
        padding: 10px 10px;
        display: block;
        background-color: #232323;
        color: #fff;
        font-size: 14px;
    }
    .cont_gen_nav_01>.menu_loko_nav_02>ul>li>ul
    {
        display: none;
        opacity: 0;
        border-radius: 0px;
    }
    .cont_gen_nav_01>.menu_loko_nav_02>ul>li:hover>a
    {
        color:#8d8d8d;
        font-weight:bolder;
        padding: 10px 10px 10px 15px;
    }
    .cont_gen_nav_01>.menu_loko_nav_02>ul>li:hover>ul
    {
        display: block;
        position: relative;
        background-color: #232323;
        padding: 0px;
        padding-left: 30px;
        opacity: 1;
        border: 2px solid #383838;
        border-radius: 0px;
    }
    .cont_gen_nav_01>.menu_loko_nav_02>ul>li:hover>ul>hr
    {
        background-color: #232323;
        color: #fff;
        width: 95%;
        margin: 0px auto;
        text-align: center;
    }
    .cont_gen_nav_01 .menu_loko_nav_02>ul>li:hover>ul>li>a
    {
        padding: 5px 10px;
        background-color: #232323;
        color: #8d8d8d;
        display: inline-block;
        width: 100%;
        font-size: 14px;
        border-radius: 0px;
    }
    .cont_gen_nav_01 .menu_loko_nav_02>ul>li:hover>ul>li:hover>a
    {
        padding: 5px 10px 5px 15px;
        background-color: #232323;
        color:#fff;
        font-size: 14px;
    }
}

/* 1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 */
/* 1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 */
/* 1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 */
/* 1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 */
/* 1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 */
/* 1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 */
/* 1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 */
/* 1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 */
/* 1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 */
/* 1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 */
/* 1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 */

.cont_gen_nav_02
{
    position: fixed;
    background-color: #232323;
    z-index: 999;
    height: 50px;
    width: 100%;
}
.cont_gen_nav_02>.imagen_loka_nav_01
{
    background-color: #232323;/**/
    float: left;
    width: 100px;
    height: 50px;
    display: table;
    margin-right: 15px;
}
.cont_gen_nav_02>.imagen_loka_nav_01>.cont_imagen_loka_nav_01
{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    align-items: center;
    /*background-color: #4d4677;*/
}
.cont_gen_nav_02>.imagen_loka_nav_01>.cont_imagen_loka_nav_01 img
{
    width: 70%;
}

/* IIIIIIIIIIIIIIIIIIIIIIIII */
/* IIIIIIIIIIIIIIIIIIIIIIIII */
/* IIIIIIIIIIIIIIIIIIIIIIIII */
/*          IIIIIII          */
/*          IIIIIII          */
/*          IIIIIII          */
/*          IIIIIII          */
/*          IIIIIII          */
/* IIIIIIIIIIIIIIIIIIIIIIIII */
/* IIIIIIIIIIIIIIIIIIIIIIIII */
/* IIIIIIIIIIIIIIIIIIIIIIIII */

.cont_gen_nav_02>.menu_loko_nav_01
{
    width: auto;
    float: left;
    background-color: #232323;
    padding: 0px;
    margin: 0px;
}
.cont_gen_nav_02>.menu_loko_nav_01 ul
{
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.cont_gen_nav_02>.menu_loko_nav_01>ul>li
{
    float: left;
}
.cont_gen_nav_02 .menu_loko_nav_01>ul>li>a
{
    padding: 17px 10px;
    display: inline-block;
    background-color: #232323;
    color: #fff;
    font-size: 14px;
}
.cont_gen_nav_02>.menu_loko_nav_01>ul>li>ul
{
    display: none;
}
.cont_gen_nav_02>.menu_loko_nav_01>ul>li:hover>a
{
    color:#8d8d8d;
    font-weight:bolder;
    font-size: 15px;
    padding: 15.5px 10px;
}
.cont_gen_nav_02>.menu_loko_nav_01>ul>li:hover>ul
{
    display: block;
    position: absolute;
    background-color: #232323;
    padding: 0px;
    opacity: 1;
    border-radius: 0px 0px 10px 10px;
    z-index: 1;
}
.cont_gen_nav_02>.menu_loko_nav_01>ul>li:hover>ul>hr
{
    background-color: #232323;
    color: #fff;
    width: 95%;
    margin: 0px auto;
    text-align: center;
}
.cont_gen_nav_02>.menu_loko_nav_01>ul>li:hover>ul>li>a
{
    padding: 5px 10px;
    background-color: #232323;
    color: #8d8d8d;
    display: inline-block;
    width: 100%;
    font-size: 14px;
    border-radius: 10px;
}
.cont_gen_nav_02>.menu_loko_nav_01>ul>li:hover>ul>li:hover>a
{
    padding: 5px 10px 5px 15px;
    background-color: #232323;
    color:#fff;
    font-size: 14px;
}
/* MMMMMM            MMMMMM */
/* MMMMMMM          MMMMMMM */
/* MMMMMMMMM      MMMMMMMMM */
/* MMMMMMMMMMM  MMMMMMMMMMM */
/* MMMMMM MMMMMMMMMM MMMMMM */
/* MMMMMM   MMMMMM   MMMMMM */
/* MMMMMM     MM     MMMMMM */
/* MMMMMM            MMMMMM */
/* MMMMMM            MMMMMM */
/* MMMMMM            MMMMMM */
.cont_gen_nav_02>.menu_aux_cel_01
{
    position: fixed;
    top: 0px;
    left: auto;
    right: -50px;
    width: 50px;
    height: 50px;
    background-color: #232323;
    text-align: center;
    display: table;
    z-index: 1;
    cursor: pointer;
}
.cont_gen_nav_02>.menu_aux_cel_01>.cont_menu_aux_cel_01
{
    display: table-cell;
    vertical-align: middle;
}
.cont_gen_nav_02>.menu_aux_cel_01>.cont_menu_aux_cel_01 img
{
    width: 70%;
}
/*          CCCCCCCC          */
/*     CCCCCCCCCCCCCCCCCC     */
/*   CCCCCCCCCCCCCCCCCCCCCC   */
/* CCCCCCCC          CCCCCCCC */
/* CCCCCC              CCCCCC */
/* CCCCCC                     */
/* CCCCCC                     */
/* CCCCCC                     */
/* CCCCCC                     */
/* CCCCCC                     */
/* CCCCCC              CCCCCC */
/* CCCCCCCC          CCCCCCCC */
/*   CCCCCCCCCCCCCCCCCCCCCC   */
/*     CCCCCCCCCCCCCCCCCC     */
/*          CCCCCCCC          */

@media (max-width:950px)
{
    .cont_gen_nav_02
    {
        position: fixed;
    }
    .cont_gen_nav_02>.menu_aux_cel_01
    {
        top: 0px;
        right: 0px;
    }
    /* ----------------------- */
    /* ----------------------- */
    /* ----------------------- */
    /* ----------------------- */
    /* ----------------------- */
    .cont_gen_nav_02>.menu_loko_nav_01
    {
        left: -85%;
        Width: 80%;
        height: 1200px;
        float: left;
        position: fixed;
        top: 50px;
        background-color: #232323;
        padding: 0px;
        margin: 0px;
        z-index: 1;
        position: absolute;
    }
    .cont_gen_nav_02>.menu_loko_nav_02
    {
        left: 0px;
        Width: 80%;
        height: 1200px;
        float: left;
        position: fixed;
        top: 50px;
        background-color: #232323;
        padding: 0px;
        margin: 0px;
        z-index: 1;
        position: absolute;
    }
    .cont_gen_nav_02>.menu_loko_nav_02>ul
    {
        padding: 0px;
        padding-top: 20px;
        margin: 0px;
        width: 100%;        
    }
    .cont_gen_nav_02>.menu_loko_nav_02>ul>li
    {
        float: none;
        width: 100%;
    }
    .cont_gen_nav_02>.menu_loko_nav_02>ul>li>a
    {
        padding: 10px 10px;
        display: block;
        background-color: #232323;
        color: #fff;
        font-size: 14px;
    }
    .cont_gen_nav_02>.menu_loko_nav_02>ul>li>ul
    {
        display: none;
        opacity: 0;
        border-radius: 0px;
    }
    .cont_gen_nav_02>.menu_loko_nav_02>ul>li:hover>a
    {
        color:#8d8d8d;
        font-weight:bolder;
        padding: 10px 10px 10px 15px;
    }
    .cont_gen_nav_02>.menu_loko_nav_02>ul>li:hover>ul
    {
        display: block;
        position: relative;
        background-color: #232323;
        padding: 0px;
        padding-left: 30px;
        opacity: 1;
        border: 2px solid #383838;
        border-radius: 0px;
    }
    .cont_gen_nav_02>.menu_loko_nav_02>ul>li:hover>ul>hr
    {
        background-color: #232323;
        color: #fff;
        width: 95%;
        margin: 0px auto;
        text-align: center;
    }
    .cont_gen_nav_02 .menu_loko_nav_02>ul>li:hover>ul>li>a
    {
        padding: 5px 10px;
        background-color: #232323;
        color: #8d8d8d;
        display: inline-block;
        width: 100%;
        font-size: 14px;
        border-radius: 0px;
    }
    .cont_gen_nav_02 .menu_loko_nav_02>ul>li:hover>ul>li:hover>a
    {
        padding: 5px 10px 5px 15px;
        background-color: #232323;
        color:#fff;
        font-size: 14px;
    }
}

/* 222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222 */
/* 222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222 */
/* 222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222 */
/* 222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222 */
/* 222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222 */
/* 222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222 */
/* 222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222 */
/* 222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222 */
/* 222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222 */
/* 222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222 */
/* 222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222 */

.cont_gen_nav_03
{
    position: fixed;
    background-color: #232323;
    z-index: 999;
    height: 50px;
    top: -50px;
    width: 100%;
}
.cont_gen_nav_03>.imagen_loka_nav_01
{
    position: fixed;
    background-color: #232323;/**/
    float: left;
    width: 50px;
    height: 30px;
    top: 0px;
    right: 0px;
    display: table;
    margin-right: 0px;
}
.cont_gen_nav_03>.imagen_loka_nav_01>.cont_imagen_loka_nav_01
{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    align-items: center;
    /*background-color: #4d4677;*/
}
.cont_gen_nav_03>.imagen_loka_nav_01>.cont_imagen_loka_nav_01 img
{
    width: 85%;
}

/* IIIIIIIIIIIIIIIIIIIIIIIII */
/* IIIIIIIIIIIIIIIIIIIIIIIII */
/* IIIIIIIIIIIIIIIIIIIIIIIII */
/*          IIIIIII          */
/*          IIIIIII          */
/*          IIIIIII          */
/*          IIIIIII          */
/*          IIIIIII          */
/* IIIIIIIIIIIIIIIIIIIIIIIII */
/* IIIIIIIIIIIIIIIIIIIIIIIII */
/* IIIIIIIIIIIIIIIIIIIIIIIII */

.cont_gen_nav_03>.menu_loko_nav_01
{
    width: auto;
    float: left;
    background-color: #232323;
    padding: 0px;
    margin: 0px;
}
.cont_gen_nav_03>.menu_loko_nav_01 ul
{
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.cont_gen_nav_03>.menu_loko_nav_01>ul>li
{
    float: left;
}
.cont_gen_nav_03 .menu_loko_nav_01>ul>li>a
{
    padding: 17px 10px;
    display: inline-block;
    background-color: #232323;
    color: #fff;
    font-size: 14px;
}
.cont_gen_nav_03>.menu_loko_nav_01>ul>li>ul
{
    display: none;
}
.cont_gen_nav_03>.menu_loko_nav_01>ul>li:hover>a
{
    color:#8d8d8d;
    font-weight:bolder;
    font-size: 15px;
    padding: 15.5px 10px;
}
.cont_gen_nav_03>.menu_loko_nav_01>ul>li:hover>ul
{
    display: block;
    position: absolute;
    background-color: #232323;
    padding: 0px;
    opacity: 1;
    border-radius: 0px 0px 10px 10px;
    z-index: 1;
}
.cont_gen_nav_03>.menu_loko_nav_01>ul>li:hover>ul>hr
{
    background-color: #232323;
    color: #fff;
    width: 95%;
    margin: 0px auto;
    text-align: center;
}
.cont_gen_nav_03>.menu_loko_nav_01>ul>li:hover>ul>li>a
{
    padding: 5px 10px;
    background-color: #232323;
    color: #8d8d8d;
    display: inline-block;
    width: 100%;
    font-size: 14px;
    border-radius: 10px;
}
.cont_gen_nav_03>.menu_loko_nav_01>ul>li:hover>ul>li:hover>a
{
    padding: 5px 10px 5px 15px;
    background-color: #232323;
    color:#fff;
    font-size: 14px;
}
/* MMMMMM            MMMMMM */
/* MMMMMMM          MMMMMMM */
/* MMMMMMMMM      MMMMMMMMM */
/* MMMMMMMMMMM  MMMMMMMMMMM */
/* MMMMMM MMMMMMMMMM MMMMMM */
/* MMMMMM   MMMMMM   MMMMMM */
/* MMMMMM     MM     MMMMMM */
/* MMMMMM            MMMMMM */
/* MMMMMM            MMMMMM */
/* MMMMMM            MMMMMM */
.cont_gen_nav_03>.menu_aux_cel_01
{
    position: fixed;
    top: 30px;
    right: 0px;
    width: 50px;
    height: 50px;
    background-color: #232323;
    text-align: center;
    display: table;
    z-index: 1;
    cursor: pointer;
    border-radius: 0 0 0px 15px;
}
.cont_gen_nav_03>.menu_aux_cel_01>.cont_menu_aux_cel_01
{
    display: table-cell;
    vertical-align: middle;
}
.cont_gen_nav_03>.menu_aux_cel_01>.cont_menu_aux_cel_01 img
{
    width: 70%;
}
/*          CCCCCCCC          */
/*     CCCCCCCCCCCCCCCCCC     */
/*   CCCCCCCCCCCCCCCCCCCCCC   */
/* CCCCCCCC          CCCCCCCC */
/* CCCCCC              CCCCCC */
/* CCCCCC                     */
/* CCCCCC                     */
/* CCCCCC                     */
/* CCCCCC                     */
/* CCCCCC                     */
/* CCCCCC              CCCCCC */
/* CCCCCCCC          CCCCCCCC */
/*   CCCCCCCCCCCCCCCCCCCCCC   */
/*     CCCCCCCCCCCCCCCCCC     */
/*          CCCCCCCC          */

@media (max-width:850px)
{
    .cont_gen_nav_03
    {
        position: fixed;
    }
    .cont_gen_nav_03>.menu_aux_cel_01
    {
        top: 30px;
        right: 0px;
    }
    /* ----------------------- */
    /* ----------------------- */
    /* ----------------------- */
    /* ----------------------- */
    /* ----------------------- */
    .cont_gen_nav_03>.menu_loko_nav_01
    {
        left: -85%;
        Width: 80%;
        height: 1200px;
        float: left;
        position: fixed;
        top: 50px;
        background-color: #232323;
        padding: 0px;
        margin: 0px;
        z-index: 1;
        position: absolute;

    }
}