*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html
{
	height: 100%;
  margin: 0px;
	padding: 0px;
	background: azure;
	background-size: cover;
}
body
{
	height: 100%;
  font-family: "Dosis", sans-serif;
  margin:0;
  padding:0;
	margin-left:1rem;
  margin-right:1rem;
	font-optical-sizing: auto;
  font-weight: 1rem;
  font-style: normal;
}
nav {text-align: center;}
/*h1{font-size: 1rem;text-align:center;}*/
h2{font-size: 1rem;text-align:center;}
img {max-width: 92vw;}
hr {border: 5px solid #4bceb4;border-radius:300px;height:0px;text-align:center;}
.centro {margin: 0 auto;text-align: center;} /*alineación del texto*/
.bloquecentro
{
	display: flex;
  justify-content: center;
}
/* BOTONES DE MENÚ */
.titufondo
{
	background: linear-gradient(180deg, #65bce8 0%, #306485 100%);
	text-align: center;
	border-radius:300px;
}
.titufondo h1 {color: #FFFFFF;}
.titufondo a {text-decoration: none;}
.menuboton
{
	text-decoration: none;
	padding: 3px;
	font-style: bold;
	font-weight: 600;
  font-size: 18px;
	color: #ffffff;
	background-color: #1883ba;
  border-radius: 6px;
  box-shadow: 0 0 0.05em rgba(0, 0, 0, 0.4);
  border: 2px solid #0016b0;
  display: inline-block;
  margin: 3px;
	margin-top:1rem;
	margin-bottom:1rem;
  text-align: center;
}
.menuboton:hover {background-color:#3b5998;}
.aire {display: none;}
.pie {margin: 0 auto;text-align: center;font-size: 0.8rem;}
.pieboton
{
	text-decoration: none;
	padding: 3px;
	font-style: bold;
	font-weight: 600;
  font-size: 18px;
	color: #ffffff;
	background-color: #1883ba;
  border-radius: 6px;
  box-shadow: 0 0 0.05em rgba(0, 0, 0, 0.4);
  border: 2px solid #0016b0;
  display: inline-block;
  margin: 3px;
  text-align: center;
}
.pieboton:hover {background-color:#3b5998;}