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

body { 
	margin:0; 
	padding:0; 
	font-family:Arial, Helvetica, sans-serif;
}
.fondo {
 position:fixed; 
	top:-14vw; 
	width:100vw;
	height:100vh;
	z-index:-1;
}
header {	
	position:absolute;
	top:-2vw;
	left:0vw;
	width:100vw;
}
.cita {
	position:absolute;
	left:0; 
	width:100vw;
	top:3vw;
	color:#FFF;
	font-size:2vw;
	text-align:center;
}
.sombra { 
	box-shadow: 0 0 3px #000000;}
h1 { 
	margin-top:4vw; 
	text-align:center; 
	font-size:2vw;
}
p { 
	text-align:center; 
	font-size:2vw;
}
.par-mo {
	position:absolute; 
	top:-3vw; 
	width:100vw;
	height:30vw;
}
#parzu-platon {
	position:absolute; 
	top:18vw; 
	left:78vw;
	width:4.5vw;
}
#parzu-heraclito {
	position:absolute; 
	top:28vw; 
	left:1vw; 
	width:6vw; 
}
#parzu-chronos {
	position:absolute; 
	top:27vw; 
	left:93vw; 
	width:6vw; 
}
#parzu-salida {
	position:absolute; 
	top:11vw; 
	left:81vw;
	width:6vw; 
	height:5vw;
}
#fosforo {
	position:absolute; 
	top:7vw; 
	left:89vw; 
	width:10vw; 
	height:10vw; 
	cursor:pointer;
}
#oso {
	position:absolute; 
	top:19vw; 
	left:23.2vw; 
	width:14vw; 
	cursor:pointer;
}
.cont-10 {
	position:fixed; 
	top:0vw; 
	left:24vw; 
	width:52vw; 
	background-color:#CF6;
}
.cont-11 {
	position:fixed; 
	top:2vw; 
	left:30vw; 
	width:30vw;
}
.ltra {
	position:absolute; 
	top:26vw;	
	left:44.25vw; 
	width:15vw;
}
#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:4vw; 
	height:5vw;	
	display:none; 
	z-index:1; 
	cursor:pointer;
}
button {
	background-color:transparent;
	border: 0;
}
@media (min-width: 1024px) and (min-height: 720px) {
.fondo { 
 position:fixed; 
	top:0; 
	width:100vw;
	z-index:-1;
}
header {	
	position:absolute;
	top:8vw;
	left:0vw;
	width:100vw;
}
.cita {
	position:absolute;
	left:0; 
	width:100vw;
	top:0;
	color:#FFF;
	font-size:2vw;
	text-align:center;
}
h1 { 
	margin-top:4vw; 
	text-align:center; 
	font-size:2vw;
}
p { 
	text-align:center; 
	font-size:2vw;
}
.par-mo {
	position:absolute; 
	top:12vw; 
	width:100vw;
	height:30vw;
}
#parzu-salida {
	position:absolute; 
	top:9vw; 
	left:80.5vw;
	width:7vw; 
	height:6vw;
}
#oso {
	position:absolute;
	top:20vw; 
	left:23.2vw; 
	width:14vw; 
	cursor:pointer;
}
#parzu-chronos {
	position:absolute; 
	top:39vw; 
	left:88vw; 
	width:9vw; 
}
#parzu-heraclito {
	position:absolute; 
	top:39vw; 
	left:3vw; 
	width:9vw; 
}
#parzu-platon {
	position:absolute; 
	top:16vw; 
	left:78vw;
	width:6vw;
}
.ltra {
	position:absolute; 
	top:50vw;	
	left:50vw; 
	width:18vw;
}
#stop-ltra {
	position:absolute; 
	bottom:0;	
	left:0; 
	width:5vw; 
	height:6vw;	
	display:none; 
	z-index:1; 
	cursor:pointer;
}
}
@media (min-width: 1920px), (min-height:1080px) {
.fondo { 
 position:fixed; 
	top:-12vw; 
	width:100vw;
	z-index:-1;
}
header {	
	position:absolute;
	top:0;
	left:0vw;
	width:100vw;
}
.cita {
	position:absolute;
	left:0; 
	width:100vw;
	top:3vw;
	color:#FFF;
	font-size:1.2vw;
	text-align:center;
}
h1 { 
	margin-top:4vw; 
	text-align:center; 
	font-size:1.2vw;
}
p { 
	text-align:center; 
	font-size:1.2vw;
}
.par-mo {
	position:absolute; 
	top:0vw; 
	width:100vw;
	height:30vw;
}
#oso {
	position:absolute;
	top:20vw; 
	left:23.2vw; 
	width:12vw; 
	cursor:pointer;
}
#parzu-chronos {
	position:absolute; 
	top:37vw; 
	left:93vw; 
	width:5vw; 
}
#parzu-heraclito {
	position:absolute; 
	top:37vw; 
	left:1vw; 
	width:5vw; 
}
#parzu-platon {
	position:absolute; 
	top:17vw; 
	left:77.5vw;
	width:3.5vw;
}
.ltra {
	position:absolute; 
	top:40vw;	
	left:50vw; 
	width:10vw;
}
}