/*=============================================
	MENU SOLO BODY
=============================================*/

.header{
	margin: auto;
	width: 100%;
	padding: 20px 0px;
    background-color: rgba(244, 237, 239, 0.9);
	/* background-color: red; */
	position: fixed;
	z-index: 3;
    position: relative;
	height: 80px;
}


.header-sub{
	margin: auto;
	width: 100%;
	padding: 20px 0px;
	/* background-color: red; */
	position: fixed;
	z-index: 3;
    position: absolute;
	height: 80px;
}

.header-sub .close{
	float: left;
    margin-left: 50px;
	width: 9vh;
}


/*=============================================
	Logo
=============================================*/

.contenedor-logo{
	/* width: 120px; */
	width: 15vh;
	float: left;
}

/*=============================================
	MENU BOTONES
=============================================*/

.contenedor-botones{
    /* width: 100px; */
	width: 15vh;
	float: right;
}

.header .turquoise,.header .blue{
	display: none;
}


.purple_hover{
	filter: invert(93%) sepia(80%) saturate(1121%) hue-rotate(286deg) brightness(82%) contrast(82%);
}

.turquei_hover {
    filter: invert(70%) sepia(14%) saturate(1801%) hue-rotate(230deg) brightness(93%) contrast(84%)
}

.blue_hover {
    filter: invert(70%) sepia(7%) saturate(3535%) hue-rotate(182deg) brightness(88%) contrast(91%)
}