/*section {
    padding:20px;
}*/

.fusion-logo{
    margin: 0 !important;}
.menu_bar {
    display:none;
}

.header-gallery {
    width: 100%;
}
.header-gallery ul{margin: 0; padding: 0;}

.header-gallery .nav-gallery {
    background:#023859;
    z-index:1000;
    /*max-width: 1000px;*/
    width: 95%;
    margin:20px auto;
}

.header-gallery .nav-gallery ul {
    list-style:none;
    text-align: center;
}
.header-gallery .nav-gallery ul ul{text-align: left;}

.header-gallery .nav-gallery ul li {
    display:inline-block;
    /*La razon por la que no usamos floar en vez de inline-block es
    porque no vamos a poder usar overflows en el header nav ul*/
    position: relative;
}

.header-gallery .nav-gallery ul li:hover .sub-menu {
    display: block;
}

/*Submenu*/
.header-gallery .nav-gallery ul li .sub-menu {
    background:#011826;
    position: absolute;
    display: none;
    /*width: 150%;*/
    z-index: 999999;
    width:auto;
}

.header-gallery .nav-gallery ul li .sub-menu li {
    display: block;
    overflow: hidden;
    border-bottom: 1px solid rgba(255,255,255,.5);
    /*Usamos overflow hidden porque aqui si vamos a necesitar usar float*/
}

.header-gallery .nav-gallery ul li .sub-menu li a {
    display: block;
}

.header-gallery .nav-gallery ul .sub-menu li a span {
    float: right;
    position: relative;
    top:3px;
    margin-right: 0px;
    margin-left:10px;
}

.header-gallery .nav-gallery ul li a {
    color:#fff;
    text-decoration: none;
    display: inline-block;
    padding:10px;
    line-height: 15px;
}

.header-gallery .nav-gallery ul li:hover {
    background:#E6344A;
}

.header-gallery .nav-gallery ul li span {
    margin-right:10px;
}

.header-gallery .nav-gallery ul li .caret {
    position: relative;
    top: 3px;
    margin-left: 10px;
    margin-right: 0;
}

.icon-desplegable{

}
@media screen and (max-width:800px) {
    .menu_bar {
        width: 54px;
        height: 39px;
        /*width: 100%;*/
        background:#E6344A;
        display: block;
        position: fixed;
        top:0;
        z-index: 999999;
        left: 0;
    }

    .menu_bar .bt-menu {
        display: block;
        padding: 10px;
        color:#fff;
        overflow: hidden;
        font-size:20px;
        font-weight:bold;
        text-decoration: none;
    }

    .menu_bar span {
        float: right;
        font-size: 34px;
        line-height: 18px;
    }

    .header-gallery .nav-gallery {
        width: 80%;
        height: calc(100% - 80px);
        right:100%;
        /*Con esto ocultamos el menu hacia la derecha, lo agregamos hasta el final*/
        margin: 0;
        position:fixed;
        overflow:scroll;
    }

    .header-gallery .nav-gallery ul li {
        display: block;
        border-bottom:1px solid rgba(255,255,255,.5);
    }

    .header-gallery .nav-gallery ul li a {
        display: block;
    }

    .header-gallery .nav-gallery ul li:hover .sub-menu{
        display: none;
    }

    .header-gallery .nav-gallery ul li .sub-menu {
        width: 100%;
        position: relative;
        /*display: block;*/
    }

    .header-gallery .nav-gallery ul li .sub-menu li a{
        margin-left:5px;
    }

    .header-gallery .nav-gallery ul li .caret {
        float: right;
    }
}