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

body { 
	margin:0; 
	padding:0; 
	font-family:Arial, Helvetica, sans-serif;
}
.fondo {
	position:absolute; 
	width:100vw;
	height:100vh;
	}
.liabierto {
	position:absolute; 
	top:4vw; 
	left:2vw; 
	width:96vw; 
	height:96vw;
}
.comentarios {
	position:absolute; 
	top:8vw; 
	left:12vw; 
	width:78vw; 
	height:88.2vw; 
	overflow:scroll; 
	cursor:s-resize;
}
.linea { border-top:#F00 0.3vw solid;}
.cerradura {
	position:fixed; 
	top:46vw; 
	left:90vw; 
	width:10vw; 
	padding-top:2vw;
}
.com-t-cerrojo { width:7vw;}
.buzon {
	left:0;
	width:40vw;
	margin:0 auto;
}
h1 {
	text-align:center; 
	font-size:7vw;
}
h2 {
	text-align:left;
	font-size:5vw;	
}
h3 {
	text-align:left; 
	font-size:7vw;
}
p { font-size:5vw;}
i { 
	font-size:5vw;
 color:#000;
}
.azulkursiv {
	font-size:5vw;
	font-style:italic;
	color:#00F;
}
@media (min-width: 768px) and (max-width: 1500px)  {
h1 {
	text-align:center; 
	font-size:5vw;
}
h2 {
	text-align:left;
	font-size:4vw;	
}
h3 {
	text-align:left; 
	font-size:5vw;
}
p { font-size:3vw;}
i { 
	font-size:3vw;
 color:#000;
}
.azulkursiv {
	font-size:3vw;
	font-style:italic;
	color:#00F;
}
}