#menu-bar {
 display: none;
}
header label {
 float:right;
 font-size:28px;
 margin: 11px 0;
 margin-right: 12px;
 cursor: pointer;
 color: #FFFFFF;
}
.menu {
 position: absolute;
 top: 50px; /*menu empiece despues menu despegable cel*/
 left: 0;
 width: 100%;
 height: 100vh;
 background: rgba(55,94,141,0.7); /*fondo del menu despegable formato celular*/ 
 transition: all 0.5s;
 transform: translateX(-100%);
}
/*******************************************/
.menu > ul > li {
list-style:none;

}
nav li{
	position: relative;
}
nav li ul{
	position: absolute;
}
nav li li{
	background-color: #375e8d;
	max-height: 0;
	overflow: hidden;
	transition: all .6s;
	width: 385px;
	list-style:none
}
nav li:hover > ul > li{
	max-height: 1000px;
	overflow: visible;
	list-style:none
}
nav > ul >li > ul{
	top: 100%;
}
.menu  a img{
	margin-left: 10px;
}

/*nav li ul{
	display: none;
}
nav li:hover ul{
	display: block;
}*/
.menu ul ul{
	background: rgba(0,0,0,0.4);
}
.menu ul ul a{
	padding: 15px 40px;
}
/*******************************************/
.menu a {
font-size: 14px;
 display: block;
 color: #FFFFFF; /*color de la letra del menu formato celular*/
 height: 49px;
 text-decoration: none;
 padding: 13px;
 transition: .4s;
 border-bottom: 1px solid rgba(225,225,225,0.3); /*lineas de menu despegable cuando es formato celular*/
}
.menu a:hover{
 background: rgba(40,75,117,0.9); /*pasa el mouse cambia de color el menu formato celular*/
}
#menu-bar:checked ~ .menu {

 transform: translateX(0%);

}
header .contenedor #lista_cab{
	background-color: #000;
	padding-top: 10px;
	padding-bottom: 10PX;
	
	text-align: right;
	

}
header .contenedor #lista_cab ul li a{
		display: inline-flex;
	 align-items: center;
	 padding-right: 15px;
	 padding-left: 15px;
	
	 color: #FFFFFF;
	 font-size: 13px;
	 font-family: 'Jost', sans-serif;
   }
#sec_list{
	width: 100%;
	background-color: #000;

}
#sec_menu{
width: 100%;
	background-color: #375e8d;	
}

header .contenedor #lista_cab ul li{
display: inline
	}
header .contenedor #lista_cab ul li a img{
width: 25px;
height: 25px;
margin-right: 5PX;
}
header .contenedor #lista_cab ul li a:link
{
text-decoration:none;
}


@media (max-width: 1023px){
		header .contenedor #lista_cab{
		display: none;
	}
/************************/
		.menu ul li:hover  ul{
			
			position: static;
		}
/************************/
}


@media (min-width: 1024px){

	.menu {
		position: static;
		width: auto;
		height: auto;
		transform: translateX(0%);
		float: right;
		display: flex;
         background-color: #375e8d; /*fondo del menu cabecera formato pc*/
	}

    .menu a {
    	        border: none;
		color: #FFFFFF; /*color de letra menu formato pc*/
        }
.menu a:hover{
  	        border: none;
		color: #FFFFFF; /*color letra del menu formato pc*/
}

	header label{
		display: none;
	}

	/*******************************************/
.menu > ul > li {

float: left;
}
/*******************************************/
}