@charset "UTF-8";
/* CSS rinlandscape #FFF8DC*/

body { 
	margin:0; 
	padding:0; 
	font-family:Arial, Helvetica, sans-serif;
}
.boden { 
	position:fixed;
	width:100vw;
	height:100vh;
	z-index:-1;
}
header { 
	position:fixed; 
	top:2vw; 
	width:100vw; 
	font-size:2vw; 
	text-align:center; 
	color:#FFF;
}
.rin-monos {
	position:fixed;
	top:-8vw;
	width:100vw;
	z-index:-1;
}
.rin-mo {}
#rin-mo-1 {
	position:fixed; 
	top:7.7vw; 
	left:39.9vw; 
	width:20.2vw;
	height:20.4vw; 
	cursor:pointer;
}
#rin-mo-2 { 
	position:fixed; 
	top:30vw; 
	left:39vw; 
	width:10vw; 
	cursor:pointer;
}
.legende { 
	margin-top:0.5vw; 
	font-size:2vw; 
	text-align:center;
}
.sombra { box-shadow:0 0 3px #000000;}
h1 { 
	margin-top:4vw; 
	font-size:2vw;
	text-align:center; 
}
p { 
	font-size:2vw;
	text-align:center; 
}
#cont-1 { 
	position:fixed; 
	width:100vw; 
	height:100vh; 
	display:none; 
	cursor:pointer; 
	background-color:#FFF8DC;
}
#cont-2 {
	position:absolute; 
	top:0; 
	width:100vw; 
	height:auto; 
	display:none; 
	cursor:pointer; 
	background-color:#FFF8DC;
}
#rzu-cineweid {
	position:fixed; 
	top:30vw; 
	left:70vw; 
	width:6vw;
}
.cont-1 {
	position:absolute; 
	top:-3.5vw; 
	left:31vw;
	width:38vw;
}
@media (min-width: 1920px), (min-height: 1080px) {
#rzu-cineweid { 
	position:absolute; 
	top:40vw; 
	left:80vw; 
	width:6vw;
}
.cont-1 {
	position:absolute; 
	top:0vw; 
	left:25.25vw;
	width:49.5vw;
}
header { 
	position:fixed; 
	top:2vw; 
	width:100vw; 
	font-size:1.2vw; 
	text-align:center; 
	color:#FFF;
}
.legende { 
	margin-top:0.5vw; 
	text-align:center;
	font-size:1.2vw; 
}
h1 { 
	margin-top:4vw; 
	font-size:1.2vw;
	text-align:center; 
}
p { 
	font-size:1.2vw;
	text-align:center; 
}
}