*
            {
                margin: 0;
                padding: 0;
                
            }
            
            body{
                padding-top: 50px;
            } 
header
            {
                background: #003cc8;
                position: fixed;
                width: 100%;
                top:0;
               
            }
 .menu
            {
                width: 90%;
                max-width: 1150px;
                margin: auto;
                display: flex;
                flex-direction:row;
                justify-content:space-between;
                align-items:center;
            }
            .menu .logo{
                display: inline-block;
                margin-right: 1em;   
            }
            .menu .logo img{
                vertical-align: top;
                height: 22px;
            }
            .menu .btn-menu
            {
                display: none;
                color:#fff;
                text-decoration: none;
                font-size: 1em;
            }
            
            .menu .enlaces
            {
                display: inline-block;
                text-align: right;
            }
            .menu .enlaces a
            {
                color:#fff;
                text-decoration: none;
                display: inline-block;
                padding: 1em;
                text-align: center;
                font-size: 1em;
                padding-top: 25px;
                padding-bottom: 25px;
            }
            .menu .enlaces i{
                margin-right: 8px;
            }
            .menu .enlaces a:hover{
                background: #f2f2f2;
                color:#003cc8;
            }
            /*efectos del menu */
            .headroom
            {
                transition: transform .3s ease;
            }
            
            .headroom--pinned
            {
                transform:translateY(0%);
            }
            .headroom--unpinned
            {
                transform:translateY(-100%);
            }
            @media screen and (max-width: 950px) {
                header
                {
                    display: none;
                }
            }
            
            
.menu_bar {
	display:none;
}
 
#menu_general {
	width: 100%;
}
 
#menu_general> #navegacion {
    background:#e1e1e1;
	z-index:1000;
	max-width: 1000px;
	width:95%;
	margin:20px auto;
        
}
 
#menu_general >#navegacion >ul {
	list-style:none;
}
 
#menu_general >#navegacion> ul> #lista {
	display:inline-block;
	position: relative;
}
 
#menu_general> #navegacion >ul> #lista:hover {
	background:#E6344A;
}
 
#menu_general >#navegacion> ul> #lista a {
	color:#003cc8;;
	display:block;
	text-decoration:none;
	padding: 20px;
}
 
#menu_general> #navegacion >ul >#lista> a> span {
	margin-right:10px;
}
 
#menu_general> #navegacion> ul> #lista:hover >.children {
	display:block;
}
 
#menu_general> #navegacion> ul> #lista> .children {
	display: none;
	background:#011826;
	position: absolute;
	width: 150%;
	z-index:1000;
}
 
#menu_general> #navegacion> ul> #lista> .children> li {
	display:block;
	overflow: hidden;
	border-bottom: 1px solid rgba(255,255,255,.5);
}
 
#menu_general> #navegacion> ul> #lista> .children> li> a {
	display: block;
}
 
#menu_general> #navegacion> ul >#lista> .children> li> a> span {
	float: right;
	position: relative;
	top:3px;
	margin-right:0;
	margin-left:10px;
}
 
#menu_general> #navegacion> ul> #lista> .caret {
	position: relative;
	top:3px;
	margin-left:10px;
	margin-right:0px;
}
 
@media screen and (min-width: 951px) {
    #menu_general
    {
        display: none;
    }
}
@media screen and (max-width: 950px) {
	body {
		padding-top:59px;
	}
 
	.menu_bar {
		display:block;
		width:100%;
		position: fixed;
		top:0;
		background:#003cc8;
	}
 
	.menu_bar .bt-menu {
		display: block;
		padding: 18px;
		color: #fff;
		overflow: hidden;
		font-size: 20px;
		font-weight: bold;
		text-decoration: none;
	}
 
	.menu_bar span {
		float: right;
		font-size: 20px;
	}
 
	#menu_general #navegacion {
		width: 80%;
		height: calc(100% - 80px);
		position: fixed;
		right:100%;
		margin: 0;
		overflow: scroll;
	}
 
	#menu_general #navegacion ul #lista {
		display: block;
		border-bottom:1px solid rgba(255,255,255,.5);
	}
 
	#menu_general #navegacion ul #lista a {
		display: block;
	}
 
	#menu_general #navegacion ul #lista:hover .children {
		display: none;
	}
 
	#menu_general #navegacion ul #lista .children {
		width: 100%;
		position: relative;
	}
 
	#menu_general #navegacion ul #lista .children li a {
		margin-left:20px;
	}
 
	#menu_general #navegacion ul #lista .caret {
		float: right;
	}
}

 @media screen and (max-width: 950px) {
         #menu
         {
             display: none;
         }

        }
        
        .logo>font
          {
              font-size: 29px;
          }
          @media  (max-width:950px)
            {
                .logo>font
          {
              font-size: 22px;
          }
            }
            @media  (max-width:830px)
            {
                .logo>font
          {
              font-size: 18px;
          }
            }