body {background-image:url(img/back.png) ;font-family: 'Abel', sans-serif;text-align: center;line-height: 45%;}
body header h1 {background: #ffffff; text-decoration: underline; font-family:monospace; color: aquamarine; padding-bottom: 1%; padding-top: 1%; margin-left: 10% ; margin-right: 10%}
nav {background: #bdefd9;padding-bottom: 0.2%; padding-top: 0.2%; margin-left: 10% ; margin-right: 10% }
nav ul li {list-style-type:none; display:inline;padding:0 10px;}
nav ul li a {color: #ffffff; text-decoration: none;}
img {width: 20%; height: auto;}
footer {text-align: center;background: #ffffff; padding-bottom: 0.5%; padding-top: 0.5%; margin-left: 10% ; margin-right: 10%; margin-top: 1%; color: #bdefd9;}
main {text-align: center;background: #ffffff; padding-bottom: 1%; padding-top: 0.2%; margin-left: 10% ; margin-right: 10% }
h2 {font-family: 'Share Tech Mono', monospace;font-size:2.5rem;line-height:10%;}
a {color: #cce9f3}

.active {background-color: lightgray; color: #ffffff;padding-bottom: 0.2%; padding-top: 0.2%; padding-left: 0.5% ; padding-right: 0.5%}

.colum3 {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: center;
}

.niveles {font-family: 'Share Tech Mono', monospace;font-size:1.75rem;line-height:5%;}
.legales {color: lightgrey;line-height: 25%;font-size:0.8125rem;}
.DG {font-family: 'Share Tech Mono', monospace;font-size:1.5rem;line-height:5%;}
.flecha {font-family: 'Share Tech Mono', monospace;font-size:1rem;line-height:130%;}