* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.header{
	/*background:linear-gradient(#001B50,#01359D) !important;*/
	/*background: rgba(68,68,150,.6) !important;*/
	/*background: #dd0000;*/
	background: rgba(0,0,0,0.3);
	position: fixed;
	width: 100%;
	top: 0;
	z-index:301;
}

.menu{
	width: 94%;
	/*max-width: 1000px;*/
	margin: auto;
	/*display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;*/
}

.menu .logo{
	display: inline-block;
	margin-right: 1em;
}

.menu .logo #logo_alsa{
	vertical-align: middle;
	height: 40px;
}

.menu .btn-menu{
	display: none;
}

.menu .enlaces{
	display: inline-block;
	text-align: right;
	float: left;
}

.menu .enlaces a{
	color: #ffffff;
	text-decoration: none;
	display: inline-block;
	padding: 1em;
	text-align: center;

	font-size: 10pt;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.menu .enlaces img{
	margin-right: 5px;
}

.menu .enlaces a:hover{
	background: #f2f2f2;
	color: #444496;
}

.menu .logo a{
	color: #fff;
	text-decoration: none;
	
	font-size: 12pt;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.iconos_menu{
	width: 15px;
	height: 17px;
}

/*Estilo del article*/
.main{
	width: 90%;
	max-width: 1000px;
	margin: auto;
}

.redes i{
	color: white;
	font-size: 26pt;
}

@font-face{
     font-family: 'soberana sans light';
     src: url("Fuentes/SoberanaSans-Light.eot") /* EOT file for IE */
}

@font-face{
     font-family: 'soberana sans light';
     src: url("Fuentes/SoberanaSans-Light.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
     font-family: 'oswald';
     src: url("Fuentes/Oswald.eot") /* EOT file for IE */
}

@font-face {
     font-family: 'oswald';
     src: url("Fuentes/Oswald.ttf") /* TTF file for CSS3 browsers */
}

@media (max-width: 700px){
	.menu{
		flex-direction: column;
	}

	.menu .logo{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		width: 100%;
		padding: 1em;
	}

	.menu .btn-menu{
		display: inline-block;
		cursor: pointer;
	}

	.menu .enlaces{
		width: 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-around;
	}
}

/*Efectos del menu*/
.headroom{
	transition: transform .3s ease;
}

.headroom--pinned{
	transform: translateY(0%);
}

.headroom--unpinned{
	transform: translateY(-100%);
}