.menu_directorio {
	display: none;
}

aside {
	width: 20%;
	background-color: #FF7DF1;
	float: left;
}

aside h2 {
	text-align: center;
	background-color: #FF64EE;
}

aside nav ul {
	list-style:none;
}

aside nav ul li {
	border-bottom:1px solid rgba(255,255,255,.5)
}

aside nav ul li:hover {
	background: #DF60D1;
}

aside nav ul li a {
	color: #fff;
	display:block;
	text-decoration:none;
	padding: 7px;
}

aside nav ul li a:hover {
	color: #000;
}

@media screen and (max-width: 705px) {

	aside {
		width: 100%;
	}

	aside h2 {
		display: none;
	}

	aside nav ul {
		display: none;
	}

	.menu_directorio {
		display:block;
		width:100%;
		position: relative;
		background:#FF64EE;
		z-index:999;
	}

	.menu_directorio .bt-menudirectorio {
		display: block;
		padding: 10px;
		color: #fff;
		overflow: hidden;
		font-size: 22px;
		font-weight: bold;
		text-decoration: none;
	}

	.menu_directorio .bt-menudirectorio:hover {
		background-color: #DF60D1;
	}

	.menu_directorio span {
		float: right;
		font-size: 28px;
	}

}