/* Para cel */
/*-----------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width:320px) and (max-width:799px){

.logo-label {	
	width: auto;
	height: 50px;
	margin: 0 auto;
	
	position: relative;
	display: inline-block;
	
	box-sizing: border-box;
	/*padding: 0px;*/
	
	/*border: 1px solid red;*/
	/*background-color: #999;*/

}

.logo-img {
	width: auto;
	height: 48px;
	
	/*border: 1px solid blue;*/
	
}

.menu-label {
	width: 50px;
	height: 50px;
	margin: 0 auto;
	
	position: absolute;
	top:0;
	left:0;

	box-sizing: border-box;
	padding: 0.5em;
	
	/*border: 1px solid red;*/
	/*background-color: #999;*/
	
}

.menu-icon {
	width: auto;
	height: auto;

	/*border: 1px solid blue;*/
	
}


#menu-check {
	display: none;
	
}	

#menu-check:checked ~ nav {
	transform: translateX(-1%);
	transition: all 0.5s;
	
}

nav {
	width: 100%;
	height: auto;
	
	position: absolute;
	top: 51px;
	
    display: flex;
	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: start; /*start, center, end*/	
	
	border: 1px solid #ddd;
	/*background-color: #333439; /*black*/	
	background-color: #f5f5f5;;		
	
	transform: translateX(-101%);
	
}


nav ul {
	/*display: flex;*/
	overflow: hiden;
	list-style: none;
	
}
	
li a {
	padding: 15px;
	display: flex;
	
	/*color: #555;*/
	color: #333;
	font-size: 12px;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
    /*text-transform: uppercase;*/ 
	
	/*border: 1px solid red*/
	background: none;

}
	
li a:hover {
	color: #fff;
	background: #1f618d;
	transition: all 0.5s;

}

li a i {
	margin-right: 5px;

}
	
}

/* Para PC y Laptop */
/*-----------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:800px) {

.logo-label {
	width: auto;
	height: 50px;
	
	position: relative;
	display: inline-block;		
	
	box-sizing: border-box;
	/*padding: 0px;*/
	
	/*border: 1px solid red;*/
	/*background-color: #999;*/
	
}

.logo-img {
	width: auto;
	height: 48px;
	
	/*border: 1px solid red;*/
	/*background-color: #999;*/
	
}

#menu-check {
	display: none;
	
	/*border: 1px solid red;*/
	
}	

.menu-label {
	display: none;
	
	/*border: 1px solid red;*/
	
}
	
nav {
	width: auto;
	height: 50px;

	position: relative;
	display: block;
	
	/*border: 1px solid red*/
	background: none;
	
}

nav ul {
	position: relative;		
    display: flex;
	/*flex-direction: column;*/
    justify-content: start; /*start, center, end, between, around*/
    align-items: start; /*start, center, end*/	
	
	overflow: hiden;
	list-style: none;
	
	/*border: 1px solid red*/
	background: none;
	
}
	
li {
	display: block;
	
	list-style-type: none;
	
}

li > ul {
	display: none;
	
}

li:hover ul {
	display: block;

	border: 1px solid #ddd;
	
}

li:hover ul li {
	display: block;

	background-color: #fff;
	
}

li a {
	/*width: 150px;*/
	height: 50px;

	box-sizing: border-box;
	padding-left: 17px;	
	padding-right: 17px;
	
	position: relative;		
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	
	
	color: #333;
	/*text-align:center;*/
	font-size: 14px;
	font-weight: bolt;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
    /*text-transform: uppercase;*/ 
	
	/*border: 1px solid red*/
	background: none;
	
}
	
li a:hover {
	color: #fff;

	background-color: #1f618d;
	/*transition: all 0.5s;*/

}

li a i {
	margin-right: 5px;

}

}