*
            {
                margin: 0;
                padding: 0;
                
            }
            
            body{
                
            } 
            #login a
            {
                text-decoration: none;
                color:#fff;
            }
            #cuerpo_login
            {
                width: 100%;
                background-color: #00b8e6;
            }
            #login
            {
                width:91%;
                max-width: 1100px;
                margin: auto;
                color:#fff;
                padding-top: 5px;
                padding-bottom: 5px;
                text-align: right;
            }
            
            #login p
            {
                margin-right: 2%;
            }
header
            {
                background: #003f80;
                
                width: 100%;
                top:0;
            }
 .menu
            {
                width:91%;
                max-width: 1100px;
                margin: auto;
                display: flex;
                flex-direction:row;
                justify-content:space-between;
                align-items:center;
            }
            @media screen and (max-width: 1200px) {
            .menu
            {
                max-width: 1000px;
            }
            #login{
                max-width: 1000px;
            }
            }
             @media screen and (max-width: 1100px) {
            .menu
            {
                max-width: 900px;
            }
            #login{
                max-width: 900px;
            }
            }
             @media screen and (max-width: 950px) {
            .menu
            {
                max-width: 800px;
            }
            #login{
                max-width: 800px;
            }
            }
            .menu .logo{
                display: inline-block;
                margin-right: 1em;   
            }
            .menu .logo img{
                vertical-align: top;
                height: 60px;
                padding-top: 10px;
                padding-bottom: 10px;
            }
            .menu .btn-menu
            {
                display: none;
                color:#fff;
                text-decoration: none;
                font-size: 1em;
            }
            
                    .enlaces {
    list-style:none;
}
            .enlaces > li>ul {
    list-style:none;
}
            .enlaces > li {
    float:left;
}

.enlaces li a {
    color:#fff;
                text-decoration: none;
                display: inline-block;
                padding: 1em;
                text-align: center;
                font-size: 17px;
                padding-top: 29px;
                padding-bottom: 29px;
                padding-left: 18px;
}


.enlaces> li> a:hover {
    background: #fff;
    color:#000000;
    -moz-transition: .4s linear;
    -webkit-transition: .4s ease-out;
    transition: .4s linear;
}
.enlaces li ul {
    display:none;
    position:absolute;
    min-width:140px;
    background-color:#fff;
}
.enlaces li:hover > ul {
     text-decoration: none;
    display:block;
    z-index: 100;
    background-color: #00b8e6;
    
}
.enlaces li ul li {
    position:relative;
}

.enlaces >li >ul> li >a:hover{
    color:#000;
}
			
.enlaces li ul li:hover > ul{
    right:-174px;
    top:0px;
    list-style:none;
    background-color: #696969;
}
            /*efectos del menu */
            .headroom
            {
                transition: transform .3s ease;
            }
            
            .headroom--pinned
            {
                transform:translateY(0%);
            }
            .headroom--unpinned
            {
                transform:translateY(-100%);
            }
            @media screen and (max-width: 800px) {
                header
                {
                    display: none;
                }
            }
             @media  (max-width:900px)
            {
                .logo>font
          {
              font-size: 22px;
          }
            }
            @media  (max-width:830px)
            {
                .logo>font
          {
              font-size: 18px;
          }
            }
            
            
            
            
            .menu_bar {
	display:none;
}
 
 
#menu_general {
	width: 100%;
        overflow: hidden;
}
 
#menu_general> #navegacion {
    background:#fff;
	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:#003f80;
        color:#fff;
         -moz-transition: .4s linear;
                -webkit-transition: .4s ease-out;
                transition: .4s linear;
}
 
#menu_general >#navegacion> ul> #lista a {
	color: #000000;
	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:#00b8e6 ;
	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: 801px) {
    #menu_general
    {
        display: none;
    }
}

@media screen and (max-width: 800px) {
	body {
		padding-top:0px;
	}
        
	.menu_bar {
		display:block;
		width:100%;
		position: fixed;
		top:0;
                background-color:#003f80;
                overflow: hidden;
	}
 
	.menu_bar .bt-menu {
		display: block;
		padding: 5px;
		color: #fff;
		overflow: hidden;
		font-size: 20px; 
		font-weight: bold;
		text-decoration: none;
	}
 
	.menu_bar span {
		float: right;
		font-size: 25px;
                padding-right: 2%;
                margin-top: 1%;
	}
 
	#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;
	}
}
        
        #login_movil
        {
            margin-top: 51px;
            background-color: #00b8e6;
            padding-bottom:3px;
            padding-top:3px;
            width: 100%;
            color:#000;
            text-align: right;
        }
        #login_movil p a
        {
            text-decoration: none;
            color:#fff;
        }
        #login_movil p
            {
                margin-right: 3%;
                color:#fff;
            }    

            .icon-circle-right
            {
                font-size: 12px;
                
            }