* {
	margin:0;
	padding:0;
}
html, body {
	overflow:hidden;
	width:100vw;
	height:100vh;
}
.pantalla {
	position: absolute;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	overflow:hidden;
	background:url('img/marco2.jpg') center center no-repeat;
	background-size:100% 100%;
}
.pantalla > div {
	position: absolute;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	display:flex;
	align-items:center;
	justify-content:center;
}
#juego {
	background:url('img/marco.jpg') center center no-repeat;
	background-size:100% 100%;
}
#gondola {
	position:absolute;
	bottom:0;
	left:0;
	width:200%;
	background:url('img/gondola.png') center center no-repeat;
	background-size:100% 100%;
}
#gondola .hueco {
	padding-top:32%;
	display:block;
}
#gondola .hueco img {
	display:block;
	margin:0 3%;
}
#estante1 {
	position:absolute;
	top:0;
	left:10%;
	width:80%;
	height:37%;
	display:block;	
	display:flex;
	align-items:stretch;
	justify-content:center;
}
#estante2 {
	position:absolute;
	top:37%;
	left:10%;
	width:80%;
	height:37%;
	display:block;
	display:flex;
	align-items:stretch;	
	justify-content:center;
}
#estante1a, #estante1b, #estante2a, #estante2b {
	width:43%;	
	display:flex;
	align-items:flex-end;	
	justify-content:center;			
}
.pared {
	width: 2%;
	height: 77%;
	align-self: flex-end;
}
.pared.piso {	
    position: absolute;
    top: 37%;
    left: 10%;
    width: 80%;
    height: 3%;
}
.marco {
	position:relative;
	overflow:hidden;
	width: 87vw;
	height: 92vh;
}
.caedor {
	position:absolute;
	top:0;
	left:0;
}
#oculto, #ocultosombra {
	display:none;
}
.perdio {
	border:1px solid red;
}
.flexado {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}
.flexado img {
	display:block;
}	
#btnadmin {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:10%;
	display:block;
}
#admin {
background:rgba(255,255,255,0.95);
text-align:center;
}
#admin > div {
margin:1vw auto;
}
#admin p {
margin:2vw;
}
#admin p, #admin a, #admin input {
font-size:4vw;
}