@charset "UTF-8";
/* CSS comlandscape */

body { 
	margin:0; 
	padding:0; 
	font-family:Arial, Helvetica, sans-serif;
}
.fondo {
	position:absolute;
	top:-45vw;
	width:100vw;
	height:100vh;
	z-index:-1;
}
.liabierto {
	position:absolute; 
	top:1vw; 
	left:10vw; 
	width:80vw; 
	height:100vh;
}
.cerradura {
	position:fixed; 
	top:18vw; 
	left:86.7vw; 
	width:8vw; 
	padding-top:2vw;
}
.comentarios {
	position:absolute; 
	top:3vw; 
	left:19vw; 
	width:64vw; 
	height:41vw; 
	overflow:scroll; 
	cursor:s-resize;
}
.com-t-cerrojo { width:7vw;}
.buzon { 
	width:25vw; 
	margin:0 auto;
	cursor:pointer;
}
h1 {
	text-align:center; 
	font-size:3vw;
}
h2 {
	text-align:left;
	font-size:2.5vw;	
}
h3 {
	text-align:left; 
	font-size:3vw;
}
p { font-size:2.5vw;}
i { 
	font-size:2.5vw;
 color:#000;
}
.azulkursiv {
	font-size:2.5vw;
	font-style:italic;
	color:#00F;
}
.linea { border-top:#F00 0.25vw solid;}
@media (width: 1024px), (min-height:768px) {
.fondo {
	position:absolute;
	top:-45vw;
	width:100vw;
	height:100vh;
	z-index:-1;
}
.liabierto {
	position:absolute; 
	top:1vw; 
	left:10vw; 
	width:80vw; 
	height:74vw;
}
.cerradura {
	position:fixed; 
	top:30vw; 
	left:86.5vw; 
	width:10vw; 
	height:8vw; 
	padding-top:2vw;
}
.comentarios {
	position:absolute; 
	top:4.2vw; 
	left:19vw; 
	width:64vw; 
	height:68vw; 
	overflow:scroll; 
	cursor:s-resize;
}
.com-t-cerrojo { width:7vw;}
.buzon { 
	width:25vw; 
	margin:0 auto;
	cursor:pointer;
}
h1 {
	text-align:center; 
	font-size:3vw;
}
h2 {
	text-align:left;
	font-size:2.5vw;	
}
h3 {
	text-align:left; 
	font-size:3vw;
}
p { font-size:2.5vw;}
i { 
	font-size:2.5vw;
 color:#000;
}
.azulkursiv {
	font-size:2.5vw;
	font-style:italic;
	color:#00F;
}
.linea { border-top:#F00 0.2vw solid;}
}
@media (min-width: 1920px), (min-height:1080px) {
.fondo {
	position:fixed;
	width:100vw;
}
.liabierto {
	position:absolute; 
	top:2vw; 
	left:30vw; 
	width:40vw; 
	height:36vw;
}
.cerradura {
	position:fixed; 
	top:15vw; 
	left:67vw; 
	width:5.5vw; 
	height:8vw; 
	padding-top:2vw;
}
.comentarios {
	position:absolute; 
	top:4vw; 
	left:35vw; 
	width:30vw; 
	height:32.65vw; 
	overflow:scroll; 
	cursor:s-resize;
}
.com-t-cerrojo { width:3vw;}
.buzon { 
	width:14vw; 
	margin:0 auto;
	cursor:pointer;
}
h1 {
	text-align:center; 
	font-size:1.2vw;
}
h2 {
	text-align:left;
	font-size:1vw;	
}
h3 {
	text-align:left; 
	font-size:1.2vw;
}
p { font-size:1vw;}
i { 
	font-size:1vw;
 color:#000;
}
.azulkursiv {
	font-size:1vw;
	font-style:italic;
	color:#00F;
}
.linea { border-top:#F00 0.15vw solid;}
}