.menu{display:block; background-color: #fff7e9;}

.menu li{
    display: inline-block;
    position: relative;
    z-index:100;}

.menu li a {
    font-weight:600;
    text-decoration:none;
    padding:8px;
    padding-top: 16px;
    margin-left:0px;
    display:block;
    color:#797979;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.menu li form a {
    font-weight:600;
    text-decoration:none;
    padding:8px;
    padding-top: 16px;
    margin-left:0px;
    display:block;
    color:#797979;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.menu li i {
    font-style:normal;
    font-weight:600;
    text-decoration:none;
    padding:8px;
    padding-top: 16px;
    margin-left:0px;
    display:block;
    color:#797979;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    z-index: 1000;
}

.menu li a:hover, .menu li:hover > a{
    color:#ffffff;
    /*background:#9CA3DA;*/
    background:#ffa400;
}
.menu li form a:hover, .menu li:hover > a{
    color:#ffffff;
    /*background:#9CA3DA;*/
    background:#ffa400;
}


.pos-right-usuario{    
    margin-right: 5px;
    float: right;
    position: fixed

}
.pos-right-menu{    
    margin-right: 5px;
    float: right;

}

/* hide the second level menu */
.menu ul {display: none;
          margin: 0;
          padding: 0;
          width: 150px;
          position: absolute;
          top: 43px;
          left: 0px;
          background: #ffffff;
}

/* display second level menu on hover */
.menu li:hover > ul{ display: block;}

.menu ul li {display:block;
             float: none;
             background:none;
             margin:0;
             padding:0;
}

.menu ul li a {font-size:12px;
               font-weight:normal;
               display:block;
               color:#797979;
               border-left:3px solid #ffffff;
               background:#f0f0f0;
}
.menu ul li form a {font-size:12px;
               font-weight:normal;
               display:block;
               color:#797979;
               border-left:3px solid #ffffff;
               background:#f0f0f0;
}

.menu ul li a:hover, .menu ul li:hover > a{
    background:#d0d0d0;
    border-left:3px solid #ffa400;
    color:#797979;
}
.menu ul li form a:hover, .menu ul li form:hover > a{
    background:#d0d0d0;
    border-left:3px solid #ffa400;
    color:#797979;
}

/* change level 3 menu positions */
.menu ul ul {left: 149px;
             top: 0px;
}


.mobile-menu{display:none;
             width:100%;
             padding:11px;
             background:#3E4156;
             color:#ffffff;
             text-transform:uppercase;
             font-weight:600;
}
.mobile-usuario{
    text-decoration:none;
    font-style: normal;
    font-weight:600;
    color:#797979;
    display:none;
    float: right;
    margin-top:15px;
    margin-right: 10px;
}
.mobile-menu:hover{background:#3E4156;
                   color:#ffffff;
                   text-decoration:none;
}


@media (max-width: 1000px) {/*corregir*/

    /*.menu{display:none;}*/

    .mobile-menu{
        display:block;
        margin-top:40px;
        background-color: #fff7e9;
        color: #797979;
    }
    .mobile-usuario{
        display:block;

        /*        background-color: #fff7e9;
                color: #797979;*/
    }

    nav{margin:0;
        background:none;}

    .menu li{display:block;
             margin:0;}

    .menu li a {background:#ffffff;
                color:#797979;
                border-top:1px solid #e0e0e0;
                border-left:3px solid #ffffff;
    }
    .menu li form a {background:#ffffff;
                color:#797979;
                border-top:1px solid #e0e0e0;
                border-left:3px solid #ffffff;
    }
    .menu li i {
        display: none;
    }

    .menu li a:hover, .menu li:hover > a{
        background:#f0f0f0;
        color:#797979;
        border-left:3px solid #ffa400;
    }
    .menu li form a:hover, .menu li form:hover > a{
        background:#f0f0f0;
        color:#797979;
        border-left:3px solid #ffa400;
    }

    /*level 2 and 3 - make same width as all items*/
    .menu ul {display:block;
              position:relative;
              top:0;
              left:0;   
              width:100%;}

    .menu ul ul {left:20px;}

    .pos-right-menu{    
        float: left;
        width: 100%;

    }
    .pos-right-usuario{   
        display: none;
    }

}/*end media queries*/


.bg-orange{
    background-color:#fff7e9;
    margin-bottom: 100px;
    color: #797979;
}a.bg-danger:focus,a.bg-danger:hover{background-color:#FFEEC7}





#mensaje-warning{
    /*content:"\e101";*/
    /*color: yellow;*/
    /*font-size: 70px;*/
    background-color: #f36c01;
    color: #f50017; 
    /*position:relative;*/ 
    /*left: 50%;*/ 
    /*top:15px;*/ 
    /*transform: translate(-50%);*/ 
    /*-transform: translate(-50%);*/
}