@charset "UTF-8";
/* CSS parportrait FFF8DC*/

body { 
	margin:0; 
	padding:0; 
	font-family:Arial, Helvetica, sans-serif;
}
.fondo { 
 position:fixed; 
	top:0; 
	width:100vw;
	z-index:-1;
}
header {	
	position:absolute;
	top:6vw;
	left:0vw;
	width:100vw;
}
.cita {
	position:absolute;
	left:0; 
	width:100vw;
	top:0vw;
	color:#FFF;
	font-size:4vw;
	text-align:center;
}
.sombra { box-shadow: 0 0 3px #000000;}
h1 { 
	margin-top:4vw; 
	text-align:center; 
	font-size:5vw;
}
p { 
	text-align:center; 
	font-size:5vw;
}
.par-mo {
	position:absolute; 
	top:12vw; 
	width:100vw;
	height:30vw;
}
#parzu-platon {
	position:absolute; 
	top:17vw; 
	left:79vw; 
	width:6vw; 
}
#parzu-heraclito {
	position:absolute; 
	top:96vw;
	left:2vw; 
	width:18vw; 
}
#parzu-chronos {
	position:absolute; 
	top:96vw; 
	left:80vw; 
	width:18vw; 
}
#parzu-salida {
	position:absolute; 
	top:9vw; 
	left:81vw;
	width:6vw; 
	height:6vw;
}
#fosforo {
	position:absolute; 
	top:7vw; 
	left:89vw; 
	width:11vw; 
	height:12vw; 
	cursor:pointer;
}
#oso {
	position:absolute; 
	top:40vw; 
	left:14vw; 
	width:30vw; 
	cursor:pointer;
}
.ltra {
	position:absolute; 
	top:145vw;	
	left:30vw; 
	width:40vw;
	display:block;
}
#tocar-ltra {	
	display:block; 
	cursor:pointer;
}
#tocando-ltra {	
	display:none; 
	cursor:pointer;
	z-index:1;
}
#pausa-ltra { 
	display:none; 
	cursor:pointer;
}
#stop-ltra {
	position:absolute; 
	bottom:0;	
	left:0; 
	width:14vw; 
	height:20vw;	
	display:none; 
	z-index:1; 
	cursor:pointer;
}
button {
	background-color:transparent;
	border:0;
}
@media (min-width: 768px) {
#parzu-heraclito {
	position:absolute; 
	top:88vw;
	left:4vw; 
	width:12vw; 
}
#parzu-chronos {
	position:absolute; 
	top:88vw; 
	left:82vw; 
	width:12vw; 
}
.ltra {
	position:absolute; 
	top:100vw;	
	left:35vw; 
	width:30vw;
	display:block;
}
}