@charset "UTF-8";
/* CSS pllandscape #FFF8DC*/

body {
	margin:0; 
	padding:0; 
	font-family:Arial, Helvetica, sans-serif;
}
.container {	position:fixed;}
.fondo {
	position:fixed;
	width:100vw;
	top:-17vw;
	left:0vw;
	z-index:-1;
}
@keyframes blink { 
	0% {opacity:0;} 
	50% {opacity:0.7;} 
	100% {opacity:0;}
}
.estrellas { 
	position:absolute; 
	top:0; 
	left:0; 
	width:100vw;
}
.estela1 {
	position:absolute;
	top:2vw; 
	left:1vw; 
	width:0.5vw; 
	height:0.5vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 3s infinite ease-in-out;
}
.estela2 {
	position:absolute; 
	top:6vw; 
	left:6vw; 
	width:0.7vw; 
	height:0.7vw; 
	transition:all 1s ease-in-out; 
	animation:blink normal 2s infinite ease-in-out;
}
.estela3 { 
	position:absolute; 
	top:3vw; 
	left:5vw; 
	width:1vw; 
	height:1vw; 
	transition:all 3s ease-in-out; 
	animation:blink normal 4s infinite ease-in-out;
}
.estela4 { 
	position:absolute; 
	top:2vw; 
	left:19vw; 
	width:0.5vw;	
	height:0.5vw;
	transition:all 5s ease-in-out; 
	animation:blink normal 6s infinite ease-in-out;
}
.estela5 { 
	position:absolute; 
	top:5vw; 
	left:32vw; 
	width:1vw;	
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 3s infinite ease-in-out;
}
.estela6 { 
	position:absolute; 
	top:12vw; 
	left:35vw;	
	width:0.9vw; 
	height:0.9vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 7s infinite ease-in-out;
}
.estela7 { 
	position:absolute; 
	top:8vw; 
	left:40vw;	
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 6s infinite ease-in-out;
}	
.estela8 {
	position:absolute; 
	top:12vw; 
	left:42vw;	
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 3s infinite ease-in-out;
}
.estela9 { 
	position:absolute; 
	top:14vw; 
	left:54vw; 
	width:0.5vw; 
	height:0.5vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 6s infinite ease-in-out;
}
.estela10 { 
	position:absolute; 
	top:10vw; 
	left:58vw;	
	width:0.7vw; 
	height:0.7vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 5s infinite ease-in-out;
}
.estela11 { 
	position:absolute; 
	top:7vw; 
	left:64vw; 
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 7s infinite ease-in-out;
}
.estela12 { 
	position:absolute; 
	top:4vw; 
	left:72vw;	
	width:1.2vw; 
	height:1.2vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 4s infinite ease-in-out;
}
button {
	background-color:transparent;
	border: 0;
}
header {
	position:fixed;
	top:0;
	left:0; 
	width:100vw;
	height:10vw;
}
.cita {
	position:absolute;
	top:1vw;
	left:0; 
	width:98.75vw;
	padding-right:1.25vw;
	color:#FFF;
	font-size:2vw;
	text-align:center;
}
#plzu-heraclito {
	position:absolute; 
	top:29vw; 
	left:2vw; 
	width:7vw; 
	}
#plzu-socrates {
	position:absolute; 
	top:14vw; 
	left:60vw; 
	width:4.5vw; 
	height:7vw;
}
.pl-mo {
	position:absolute; 
	top:0.5vw;
	left:0vw; 
	width:100vw; 
}
.lv {
	position:absolute; 
	top:23vw;	
	left:45.5vw; 
	width:8vw;
}
#lavida {}
#tocar-lv {	
	display:block; 
	cursor:pointer;
}
#tocando-lv {	
	display:none; 
	cursor:pointer;
}
#pausa-lv { 
	display:none; 
	cursor:pointer;
}
#stop-lv {
	position:absolute; 
	top:2.5vw; 
	left:0; 
	width:2.2vw; 
	height:3.5vw;	
	display:none; 
	z-index:1; 
	cursor:pointer;
}
.legende {
	font-size:2vw;
	text-align:center;
	margin-top:0.5vw; 
}
.sombra { box-shadow: 0 0 1vw 0;}
.cont-1-32 {
	position:fixed; 
	left:20vw; 
	width:60vw;
}
.cont-33 { 
	position:absolute; 
	left:15.4vw; 
	width:69vw;
}
.cont-34 {
	position:absolute; 
	left:35.2vw; 
	width:29.6vw;
}
.cont-35 { 
	position:absolute; 
	left:36.6vw; 
	width:26.8vw;
}
.cont-36 { 
	position:absolute; 
	left:33.3vw; 
	width:33.4vw;
}
@media (width: 1024px)  {
.fondo {
	position:fixed;
	width:100vw;
	top:-8vw;
	left:0vw;
	z-index:-1;
}
header {
	position:absolute;
	top:0;
	left:0; 
	width:100vw;
	height:20vw;
}
@keyframes blink { 
	0% {opacity:0;} 
	50% {opacity:0.7;} 
	100% {opacity:0;}
}
.estrellas { 
	position:absolute; 
	top:0; 
	left:0; 
	width:100vw;
}
.estela1 {
	position:absolute;
	top:2vw; 
	left:1vw; 
	width:0.5vw; 
	height:0.5vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 3s infinite ease-in-out;
}
.estela2 {
	position:absolute; 
	top:6vw; 
	left:6vw; 
	width:0.7vw; 
	height:0.7vw; 
	transition:all 1s ease-in-out; 
	animation:blink normal 2s infinite ease-in-out;
}
.estela3 { 
	position:absolute; 
	top:3vw; 
	left:5vw; 
	width:1vw; 
	height:1vw; 
	transition:all 3s ease-in-out; 
	animation:blink normal 4s infinite ease-in-out;
}
.estela4 { 
	position:absolute; 
	top:2vw; 
	left:19vw; 
	width:0.5vw;	
	height:0.5vw;
	transition:all 5s ease-in-out; 
	animation:blink normal 6s infinite ease-in-out;
}
.estela5 { 
	position:absolute; 
	top:5vw; 
	left:32vw; 
	width:1vw;	
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 3s infinite ease-in-out;
}
.estela6 { 
	position:absolute; 
	top:12vw; 
	left:35vw;	
	width:0.9vw; 
	height:0.9vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 7s infinite ease-in-out;
}
.estela7 { 
	position:absolute; 
	top:8vw; 
	left:40vw;	
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 6s infinite ease-in-out;
}	
.estela8 {
	position:absolute; 
	top:12vw; 
	left:42vw;	
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 3s infinite ease-in-out;
}
.estela9 { 
	position:absolute; 
	top:14vw; 
	left:54vw; 
	width:0.5vw; 
	height:0.5vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 6s infinite ease-in-out;
}
.estela10 { 
	position:absolute; 
	top:10vw; 
	left:58vw;	
	width:0.7vw; 
	height:0.7vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 5s infinite ease-in-out;
}
.estela11 { 
	position:absolute; 
	top:7vw; 
	left:64vw; 
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 7s infinite ease-in-out;
}
.estela12 { 
	position:absolute; 
	top:4vw; 
	left:72vw;	
	width:1.2vw; 
	height:1.2vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 4s infinite ease-in-out;
}
button {
	background-color:transparent;
	border: 0;
}
.cita {
	position:absolute;
	top:2vw;
	left:0; 
	width:98vw;
	color:#FFF;
	font-size:2vw;
	text-align:center;
}
.pl-mo {
	position:absolute; 
	top:9.5vw;
	left:0vw; 
	width:100vw;
	height:90vh; 
}
#plzu-socrates {
	position:absolute; 
	top:16vw; 
	left:61vw; 
	width:3vw; 
	height:7vw;
}
#plzu-heraclito {
	position:absolute; 
	top:33vw; 
	left:3vw; 
	width:5.5vw; 
}
.lv {
	position:absolute; 
	top:54vw;	
	left:42vw; 
	width:16vw;
}
#lavida {}
#tocar-lv {	
	display:block; 
	cursor:pointer;
}
#tocando-lv {	
	display:none; 
	cursor:pointer;
}
#pausa-lv { 
	display:none; 
	cursor:pointer;
}
#stop-lv {
	position:absolute; 
	top:6vw; 
	left:0; 
	width:3.5vw; 
	height:5vw;	
	display:none; 
	z-index:1; 
	cursor:pointer;
}
.legende {
	font-size:2vw;
	text-align:center;
	margin-top:0.5vw; 
}
.sombra { box-shadow: 0 0 1vw 0;}
.cont-1-32 {
	position:fixed; 
	left:0vw; 
	width:100vw;
}
.cont-33 { 
	position:absolute; 
	left:0vw; 
	width:100vw;
}
.cont-34 {
	position:absolute; 
	left:22vw; 
	width:56vw;
}
.cont-35 { 
	left:24.5vw; 
	width:51vw;
}
.cont-36 {
	left:18vw; 
	width:64vw;
}
}
@media (min-width: 1920px) {
.fondo {
	position:fixed;
	width:100vw;
	top:-15.2vw;
	left:0vw;
	z-index:-1;
}
@keyframes blink { 
	0% {opacity:0;} 
	50% {opacity:0.7;} 
	100% {opacity:0;}
}
.estrellas { 
	position:absolute; 
	top:0; 
	left:0; 
	width:100vw;
}
.estela1 {
	position:absolute;
	top:2vw; 
	left:1vw; 
	width:0.5vw; 
	height:0.5vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 3s infinite ease-in-out;
}
.estela2 {
	position:absolute; 
	top:6vw; 
	left:6vw; 
	width:0.7vw; 
	height:0.7vw; 
	transition:all 1s ease-in-out; 
	animation:blink normal 2s infinite ease-in-out;
}
.estela3 { 
	position:absolute; 
	top:3vw; 
	left:5vw; 
	width:1vw; 
	height:1vw; 
	transition:all 3s ease-in-out; 
	animation:blink normal 4s infinite ease-in-out;
}
.estela4 { 
	position:absolute; 
	top:2vw; 
	left:19vw; 
	width:0.5vw;	
	height:0.5vw;
	transition:all 5s ease-in-out; 
	animation:blink normal 6s infinite ease-in-out;
}
.estela5 { 
	position:absolute; 
	top:5vw; 
	left:32vw; 
	width:1vw;	
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 3s infinite ease-in-out;
}
.estela6 { 
	position:absolute; 
	top:12vw; 
	left:35vw;	
	width:0.9vw; 
	height:0.9vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 7s infinite ease-in-out;
}
.estela7 { 
	position:absolute; 
	top:8vw; 
	left:40vw;	
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 6s infinite ease-in-out;
}	
.estela8 {
	position:absolute; 
	top:12vw; 
	left:42vw;	
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 3s infinite ease-in-out;
}
.estela9 { 
	position:absolute; 
	top:14vw; 
	left:54vw; 
	width:0.5vw; 
	height:0.5vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 6s infinite ease-in-out;
}
.estela10 { 
	position:absolute; 
	top:10vw; 
	left:58vw;	
	width:0.7vw; 
	height:0.7vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 5s infinite ease-in-out;
}
.estela11 { 
	position:absolute; 
	top:7vw; 
	left:64vw; 
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 7s infinite ease-in-out;
}
.estela12 { 
	position:absolute; 
	top:4vw; 
	left:72vw;	
	width:1.2vw; 
	height:1.2vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 4s infinite ease-in-out;
}
button {
	background-color:transparent;
	border: 0;
}
header {
	position:fixed;
	top:0;
	left:0; 
	width:100vw;
	height:10vw;
}
.cita {
	position:absolute;
	top:2vw;
	left:0; 
	width:99.5vw;
	padding-right:0.5vw
	color:#FFF;
	font-size:1.2vw;
	text-align:center;
}
.pl-mo {
	position:absolute; 
	top:2.5vw;
	left:0vw; 
	width:100vw; 
}
#plzu-socrates {
	position:absolute; 
	top:16vw; 
	left:61vw; 
	width:3vw; 
	height:7vw;
}
#plzu-heraclito {
	position:absolute; 
	top:37vw; 
	left:3vw; 
	width:5.5vw; 
	}
.lv {
	position:absolute; 
	top:24vw;	
	left:45.5vw; 
	width:8vw;
}
#lavida {}
#tocar-lv {	
	display:block; 
	cursor:pointer;
}
#tocando-lv {	
	display:none; 
	cursor:pointer;
}
#pausa-lv { 
	display:none; 
	cursor:pointer;
}
#stop-lv {
	position:absolute; 
	top:2.5vw; 
	left:0; 
	width:2.2vw; 
	height:3.5vw;	
	display:none; 
	z-index:1; 
	cursor:pointer;
}
.cont-1-32 {
	position:fixed; 
	left:8vw; 
	width:84vw;
}
.cont-33 { 
	position:absolute; 
	left:0; 
	width:100vw;
}
.cont-34 {
	position:absolute; 
	left:28.5vw; 
	width:43vw;
}
.cont-35 { 
	position:absolute; 
	left:30.5vw; 
	width:39vw;
}
.cont-36 { 
	position:absolute; 
	left:25vw; 
	width:50vw;
}
.legende {
	font-size:1.2vw;
	text-align:center;
	margin-top:0.5vw; 
}
.sombra { box-shadow: 0 0 1vw 0;}
}