header{
	background: #FFF;
	position: sticky;
	z-index: 2;
	top: 0;
}

#header_pc{
	z-index: 1;
	position: relative;
	/*background: linear-gradient(90deg, rgba(0,174,78,0.5) 0%, rgba(0,137,165,0.5) 100%);*/
	box-shadow: 0px 0px 5px #000;
}

#header_pc nav a{
	font-size: 14px;
}

#header_pc nav > li{
	display: inline-block;	
}

#header_pc nav > li > a{
	padding: 10px 10px;
	/*color: #FFF;*/
	color: #000;
	text-decoration: none;
	font-weight: bolder;
	transition: all linear 0.1s;
}

#header_pc nav > li > a i{
	font-size: 10px;
}

#header_pc nav > li > a:hover{
	color: var(--primary);
}

#header_pc nav > li:hover ul{
	visibility: visible;
	opacity: 1;
}

#header_pc nav > li > ul{
	transition: all 300ms ease-out;
	visibility: hidden;
	opacity: 0;
	display: flex;
	background: #FFF;	
	justify-content: start;
	width: 100%;
	position: absolute;
	left: 0;right: 0;
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
	box-shadow: 0px 10px 10px -15px #666;
}

#header_pc nav > li > ul > div{	
	display: flex;
	justify-content: start;
	width: 100%;
	max-width: 1200px;
	margin: auto;
}

#header_pc nav > li > ul a{
	color: #666;
	text-decoration: none;
	
}

#header_pc nav > li > ul li{
	list-style: none;
	padding: 20px 20px;
}

#header_pc nav > li > ul a:hover{
	color:  var(--primary);
}

#header_movil{	
	border-bottom: 1px solid #EEE;
	box-shadow: 0px 0px 5px #000;
}

#menu_movil{
	display: none;
	position: fixed;
	z-index: 3;
	background: rgba(0,0,0,0.6);
	top: 0;bottom: 0px;left: 0;right: 0;
}

#menu_movil a{
	text-decoration: none;
	color: #000;
}

#menu_movil a:hover,
#menu_movil > div .d-flex > div:hover{
	color: var(--primary);
}

#menu_movil > div{
	display: none;
	background: #FFF;
	width: 100%;
	max-width: 350px;
	height: 100%;
	overflow-y: auto;
}

#menu_movil > div li{	
	list-style: none;	
	display: block;
}

#menu_movil > div > li:nth-child(1),
#menu_movil > div > li:nth-child(2),
#menu_movil > div > li:last-child,
#menu_movil > div ul li,
#menu_movil > div .d-flex{
	border-bottom: 1px solid #EBEBEB;
	padding: 10px 15px;	
}

#menu_movil > div .d-flex > div:last-child{
	padding: 0px 10px;
	cursor: pointer;
}

#menu_movil > div li ul{
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	display: none;
}

@media screen and (min-width: 0px){
	#header_pc{
		display: none;
	}
	#header_movil{
		display: block;
	}
}

@media screen and (min-width: 500px){

}

@media screen and (min-width: 800px){

}

@media screen and (min-width: 1000px){
	#header_pc{
		display: block;
	}
	#header_movil{
		display: none;
	}
}