@font-face {
	font-family: "RobotoCondensed";
	src:url(../fuente/RobotoCondensed-Regular.ttf);
}


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

header {
	width: 100%;
	/*height: 70px;*/
	background: #223a69e4;
	z-index: 999;
	position: fixed;
	display: flex;
	flex-wrap: wrap;
	/*position: fixed;
	color: #fff;
	top: 0;
	left: 0;
	z-index: 999;*/
	justify-content: space-between;
}


.fondo {
	background-image: url('../img/fondo-index.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;

}


.contenedor2 {
	margin: 0.2%;
	display: flex;
	flex-wrap: wrap;
	margin-left: 6%;
	
}

.contenedor3 {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.iconos-redes3::after {
	content: "";
	height: 0.5px;
	position: absolute;
	background: #ffffff;
	right: 0%;
	display: none;
}

.iconos-redes3 {
	width: 100%;
	text-align: end;
	padding-top: 2px;
}

.iconos-redes3 a {
	color: #c1c0c0;
	text-decoration: none;
	margin: 5px;
}

.iconos-redes3 a:hover {
	color: #ffffff;
}

#menu-bar {
	display: none;
}

.navbar {
	text-align: end;
}

.navbar label {
	font-family: 'RobotoCondensed';
	display: none;
	color: #ffffff;
}

.navbar label:hover {
	cursor: pointer;
}

.menu ul {
	margin: 0;
	list-style: none;
	padding: 5px;
	display: flex;
	text-align: center;
	justify-content: center;
}

.menu2 li a {
	font-family: 'RobotoCondensed';
	color: #ffffffc7;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	padding: 15px 20px;
}

.icon-user1 {
display: flex;

}

.icon-user-1 {
	text-decoration: none;
	color: #ffffff;
	display: flex;
}

.icon-user1 h1 {
	font-family: 'RobotoCondensed';
	display: block;
	color: #ffffff;
	display: flex;
}

.icon-user1 h1:hover {
	text-decoration: underline;
}


.menu2 .activo {
	color: #ffffff;
}

.menu2 a:hover {
	color: #ffffff;
}


@media (max-width: 1024px) {


	.logo {
	margin-left: 45%;
}
	.navbar label {
		display: block;
	}

	.menu {
		position: fixed;
		z-index: 100;
		width: 100%;
		background: rgba(1, 1, 1, 0.766);
		height: 100%;
		left: 100%;
		transition: all 0.5s;
		margin-top: 5.7px;
	}

	.menu ul {
		flex-direction: column;
		text-align: center;
		margin-right: 0%;
	}

	.menu2 li a {
		border-bottom: 1px solid rgb(253, 253, 253);
	}

	#menu-bar:checked ~ .menu {
		left: 0;
	}

	.menu2 .activo {
		color: #ffffff;
	}

	.contenedor2 h1 {
		display: none;
	}
}

/*
.menu2 li {
	border-bottom: 1.5px solid #EAEAEA;
	padding-left: 2em;
}

.menu2 a:hover {
	color: #212121;
}

.menu {
	background: #fff;
	position: fixed;
	right: -24em;
	z-index: 20;
	top: 70px;
	height: 100%;
}

#menu-bar:checked ~ .menu {
	right: 0;
}

.menu2 .activo {
	color: #212121;
}