header, footer, nav, body{
	font-family: Tahoma;
	font-size: 18px;
	margin: 0px;
	padding: 0px;
}

input:focus, button:focus{
	outline: none;
}
figure{
	margin-inline-start: 0px; margin-inline-end: 0px; margin-block-start: 0px; margin-block-end: 0px;
}
h1{
	margin: 0px;
	padding: 0px;
}

body{
	display: flex;
	flex-direction: column;
}


/*================ Encabezado    */
.cEncabezado{
	z-index: 20;
	position: fixed;
	background: white;
	top: 0;
	width: 100%;
	height: 100px;

	text-align: center;
	
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	
	border-bottom: 1px solid LightBlue;
	box-shadow: 0px 0px 15px LightBlue;	
}
.cSombraEncabezado{
	background: gray;
	height: 100px;
}
.cLogoMain{
	/*width: 100%;*/
}
#logonormal { visibility: visible; position: static;  }
#logomini   { visibility: hidden; position: absolute; }
@media only screen and (max-width: 600px) {
	header img{ max-width: 200px; }
	.cEncabezado{ height: 80px; }
	.cSombraEncabezado{ height: 80px; }
}
@media only screen and (max-height: 400px) {
	.cEncabezado{ height: 60px; }
	.cSombraEncabezado{ height: 60px; }
	#logomini   { visibility: visible; position: static;  }
	#logonormal { visibility: hidden; position: absolute; }
}