/* HEADER
--------- */

.header {
	position: fixed;
	z-index: 19;
	grid-row: 1;
	display: grid;
	grid-template-columns: 10vw 80vw 10vw;
	color:#f2dada;
	background: #800100;
	border-bottom: solid 1px #bf615f;
	border-image: linear-gradient(to right, #800100, #800100, #bf615f, #bf615f, #800100, #800100);
	border-image-slice: 20%;
	height: 8vh;
	margin: 0;
	padding: 0;
	top: 0;
}

.header #logo {
	grid-column: 1;
	background-image: url(logoElBoletin.png);
	background-position: left;
	background-repeat: no-repeat;
	background-size: contain;
	background-origin: content-box;
	position: absolute;
	top: 1vh;
	left: 3vh;
	width: 8vh;
	height: 8vh;
}

.header .infobar {
	/* padding-right: 2vw; */
	z-index: 21;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: end;
	/* margin: 0; */
	font-size: 1.2em;
	/* position: absolute; */
	grid-column: 2;
}
.header .infobar *{
	color:#eee;
}

.header .sessionBtn {
	/* height: 4em; */
	/* width: 4em; */
	background-image: url(/..theTree/img/onOffW.png);
	background-position: center;
	/* background-size: 65%; */
	background-repeat: no-repeat;
	/* padding: 0; */
	opacity: 0.7;
	transition: all 1s;
	grid-column: 3;
}
.header .sessionBtn.loggedin{
	opacity:0.5;
}
.header .sessionBtn:hover{
	opacity:1;
}

.footer {
	bottom:0;
	flex-direction: column;
	align-items:center;
	justify-content: center;
	font-size:1em;
	height: 1.5em;
}
.footer * {
	color:#aaa;
}


#usraccess {
	background: none;
	border: solid 1px #777;
	box-shadow: unset;
}
#usraccess input[id^="usr"] {
	width: 100%;
	background: #7d1d1c;;
}
#usraccess input[id^="usr"]:focus {
	background: #800100;
}
.hMenu {
	position: fixed;
	top: 0;
	left: 10vw;
	height: 8vh;
	width: 80vw;
	display: flex;
	justify-content: center;
	z-index: 27;
}
.hMenu * {
	color:#f2dada;
}

.hMenu>ul {
	display: flex;
	top: 6vh;
	position: absolute;
}

.hMenu>ul>ul {
	font-size: 1.2em;
}