/*CABECERA*/
header{
    border-bottom:1px solid #efefef;
}

.head-logo, .head-icon-menu{
    float: left; 
}
.head-logo {
    border-right: 1px solid #efefef;width: 250px; 
}

.head-logo a{
    float: left; width: 250px; height: 65px;
}
.head-icon-menu a{
    float: left; width: 50px; height: 65px;
}
.head-icon-menu a:hover, .head-user a:hover,.head-icon-off a:hover{
    background-color: #f2f2f2;
}
.head-logo img{
    width: 240px; margin-top: 7px;
}
.head-icon-menu img{
    margin-top: 25px; margin-left: 15px;
}
.head-right{
    float: right;
}
.head-user,.head-icon-off{
    float: left;
}
.head-user a{
    float: left; height: 65px; color: #000; ;
}
.head-icon-off a{
    float: left; width: 65px; height: 65px;  
}
.head-user img{
    width: 60px; margin-top: 2px; float: left; border-radius: 30px; border: 1px solid #dadada;
    margin-left: 2px ;
}
.head-user span{
     margin-top: 20px; float: left; margin-left: 2px; margin-right: 2px;
}
.head-icon-off img{
    margin-top: 12px; margin-left: 12px; width: 40px; 
}

/*MENU*/
.box-menu{
    width: 249px; 
    position: absolute; left: 0px;z-index: 999; background-color: #fff;
}
.ul-menu {
    list-style: none; padding: 0; margin: 0;
}
.ul-menu li{
    list-style: none; 
}
.ul-menu li a{
    text-decoration: none; color: #72777a; font-size: 0.9rem; width: 100%;float: left;
    padding: 10px 0px; 
}
.ul-menu li a:hover{background-color: #f2f2f2; color: #000;}
.ul-menu li a img{
    width: 15px; float: left; margin-left: 20px; margin-top: 3px;
}
.ul-menu li a span{
    float: left; margin-left: 15px;
}
.menu-active a{
    background-color: #ff3434 !important; 
}
.menu-active a span{
    color: #fff;
}
.menu-active .img_white{
    display: block !important;
}
.menu-active .img_color{
    display: none;
}

.img_white{display: none;}

/*SECTION*/
.main-contenedor{
    background-color: #fff;width: 100%;  position: relative;
}
/*f9fafb*/
footer{text-align: center;background-color: #EDF2F4; color: #000;font-size: 0.9rem; padding: 5px 0; border-top: 1px solid #dedede;}
.box-seccion{
    background-color: #EDF2F4;  padding: 15px; border-left: 1px solid #efefef; margin-left: 249px;
}
.box-contenido{
    background-color: #fff; border:1px solid #efefef;
}

.form-group label i{
    color: #ff0000; font-weight: bold;
}
/*UL RESERVA*/



@media screen and (max-width:600px) {
    .head-left,.head-logo{
        width: 100% !important;
    }
    .head-logo{border: 0px !important; }
    .head-logo a{width: 100% !important;text-align: center; border-bottom: 1px solid #EDF2F4;}
    
    .head-logo a img{
         margin: 7px auto !important;
    }
    header{
        height: 131px !important;
    }            
    .form-group .btn{
        width: 100% !important;
    }
}