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

#header_pc,
#header_movil{
	
}

#header_pc .btn,
#header_movil .btn,
#header_pc a,
#header_movil a{
	color: var(--dark)
}

#header_pc .form_busqueda input,
#header_pc .form_busqueda select,
#header_pc .form_busqueda .btn{
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
}

#header_pc .form_busqueda input,
#header_pc .form_busqueda select,
#header_pc .form_busqueda .btn{
	background-color: #FFF;
	color: var(--dark);
}

#header_pc .form_busqueda .btn{
	border-right:1px solid #CCC;
	color: var(--dark);
}

#header_pc{
	z-index: 1;
	position: relative;
	padding-top: 15px;
	border-top:1px solid #EEE;
	color: var(--dark);
	background-color: #FCFCFC;

}

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

#header_pc nav > li{
	display: inline-block;	
	padding-bottom: 10px;
}

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

#header_pc nav > li > a{
	padding: 10px 15px;
	text-decoration: none;
	font-weight: 550;
	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{
	background: #EEE;
}

#header_pc nav > li > ul{
	transition: all 300ms ease-out;
	visibility: hidden;
	opacity: 0;
	display: flex;	
	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;
	flex-wrap: wrap;
	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;
	padding: 10px 0px;
}

#menu_movil{
	display: none;
	position: fixed;
	z-index: 4;
	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: 300px;
	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:nth-last-child(2),
#menu_movil > div > li:nth-last-child(3),
#menu_movil > div > li:nth-last-child(4),
#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;
}

#menu_movil > div li ul > div{
	font-size: 12px;
	padding-left:15px;
	background: #DBDBDB;
}

@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;
	}
}