:root{
	--color-azul: rgb(20, 25, 115);
	--color-azul-medio: rgba(20, 25, 115, 0.5);
	--color-azul-bajo: rgba(20, 25, 115, 0.2);
	--color-amarillo: rgb(255,190,0);
	--color-amarillo-medio: rgb(255,190,0.5);
	--color-amarillo-bajo: rgb(255,190,0.2);
	--medida-radio-esquina: 20px;
}

body	{
	font-family:	'universalis-regular', sans-serif;
	color	:	black	;
	background: 95% 95% no-repeat url("/IMG/burata-marca-de-agua.png") fixed;
	margin: 0;
	padding: 0;
	height: 100%;
	font-size: 26px;
}

@media handheld{
	body{
		font-size: 40px;
	}
}

.burata{
	font-family: 'lottepaperfang';
	margin-right:-0.4ex;
	color: rgb(20,25,115);
}

a:link{
	color: var(--color-azul);
	text-decoration: none;
}

a:hover{
	color: var(--color-amarillo);
	text-decoration: none;
}

a:visited{
	color: var(--color-azul-medio);
}

#todo{
	display: flex;
	flex-direction: column;
	background: pink;
	margin: 0;
	height:100%;
}

#panel{
	position: sticky;
	top:0;
	z-index: 1;
	display:flex;
	flex-direction: row;
	align-items: center;
	background: var(--color-azul);
}

#panel-derecha{
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

#panel-inferior{
	flex-grow: 1;
	overflow:scroll;
}

#logo img{
	height:80px;
	padding:20px;
}

#selector-idioma{
	padding: 20px;
	height: 80px;
}