@charset "UTF-8";
/* CSS rinportrait #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;
	left:5vw; 
	width:90vw;
	top:2vw;
	font-size:4vw;	
	text-align:center;
	color:#FFF;
}
.rin-monos {
	position:fixed;
	top:0;
	width:100vw;
	z-index:-1;
}
.rin-mo {}
#rin-mo-1 {
	position:fixed; 
	top:15.5vw; 
	left:40vw; 
	width:20vw;
	height:21vw; 
	cursor:pointer;
}
#rin-mo-2 {
	position:fixed; 
	top:40vw; 
	left:35vw; 
	width:17vw; 
	cursor:pointer;
}
.legende { 
	margin-top:1vw;
	font-size:4vw; 
	text-align:center;
}
.sombra { box-shadow:0 0 3px #000000;}
h1 { 
	margin-top:4vw; 
	font-size:4vw;
	text-align:center; 
}
p { 
	text-align:center; 
	font-size:4vw;
}
#rzu-cineweid {
	position:fixed; 
	top:45vw; 
	left:86vw; 
	width:10vw;
}
#cont-1 { 
	position:fixed; 
	top:0; 
	width:100vw; 
	height:100vh; 
	display:none; 
	cursor:pointer; 
	background-color:#FFF8DC;
}
.cont-1 {
	position:absolute; 
	top:0; 
	left:0;
	width:100vw;
}
#cont-2 {
	position:absolute; 
	top:0; 
	width:98vw;
	height:auto; 
	display:none; 
	cursor:pointer; 
	background-color:#FFF8DC;
	padding:0 1vw 0 1vw;
}
@media (min-width: 768px)  {
	header {	
	position:fixed;
	left:5vw; 
	width:90vw;
	top:2vw;
	font-size:3vw;	
	text-align:center;
	color:#FFF;
}
.legende { 
	margin-top:1vw;
	font-size:3vw; 
	text-align:center;
}
h1 { 
	margin-top:4vw; 
	font-size:3vw;
	text-align:center; 
}
p { 
	text-align:center; 
	font-size:3vw;
}
#cont-2 {
	position:absolute; 
	top:0; 
	width:98vw;
	height:auto; 
	display:none; 
	cursor:pointer; 
	background-color:#FFF8DC;
	padding:0 1vw 0 1vw;
	margin-bottom:10vh;
}
}