/* Tell the browser to render HTML 5 elements as block */  
header, footer, aside, nav, article {  
    display: block;  
}  

body {
	margin:0 auto;
	background-color:var(--blanco);
}

header{
	margin:0 auto;
}

#encabezado{
	margin:0 auto;
	background: var(--primario);
	color: var(--blanco) !important;
	z-index: 50;
	width: 100%;
	-webkit-box-shadow: 0rem 0.1rem 0.5rem 0.3rem rgba(212,212,212,0.43);
	-moz-box-shadow: 0rem 0.1rem 0.5rem 0.3rem rgba(212,212,212,0.43);
	box-shadow: 0rem 0.1rem 0.5rem 0.3rem rgba(212,212,212,0.43);
}
	

.encabezado {
	height: auto !important; 
}

footer{
	padding:1rem 0rem 1rem 1rem;
	background: var(--gris);
	text-align:left;
	font-size:1.4rem;
	line-height:2.5rem;
	color: var(--negro);
	font-weight: 600;
}


/*Firma*/
.firma {
	font-size:1.4rem;
	bottom:0;
	min-height:4rem;
	padding:1rem 0;
	background-color:var(--grisclaro);
	font-weight: 300;
}

.firma .derechos {
	line-height:2;
}

.firma .link {
	text-align:right;
}

@media (max-width:575px) {
.firma .derechos, .firma .link {
	text-align:center;
}
}

#color_bar {
	width: 100%;
	height: 0.7rem;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
}