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

body {
	margin:0; 
	padding:0; 
	font-family:Arial, Helvetica, sans-serif;
}
@media (max-width: 720px)  {
.container {	position:fixed;}
.fondo {
	position:absolute;
	width:100vw;
	height:100vh;
	top:0vw;
	z-index:-1;
}
header {
	position:fixed;
	top:0;
	left:0; 
	width:100vw;
	height:35vw;
}
.cita {	
	position:absolute;
	top:3vw;
	left:5vw; 
	width:90vw;
	color:#FFF;
	font-size:4vw;
	text-align:center;
}
@keyframes blink { 
	0% {opacity:0;} 
	50% {opacity:0.7;} 
	100% {opacity:0;}
}
.estrellas {
	position:absolute; 
	top:4vw; 
	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:5vw; 
	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:7.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:7vw; 
	left:30vw; 
	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:10vw; 
	left:45vw;	
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 3s infinite ease-in-out;
}
.estela9 { 
	position:absolute; 
	top:15vw; 
	left:50vw; 
	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;
}
.pl-mo {
	position:fixed; 
	top:17.5vw;
	left:0vw; 
	width:100vw; 
}
#plzu-socrates {
	position:absolute; 
	top:14vw; 
	left:59vw; 
	width:5vw; 
	height:7vw;
}
#plzu-heraclito {
	position:absolute; 
	top:50vw; 
	left:3vw; 
	width:10vw; 
	}
.legende { 
	text-align:center;
	margin-top:0.5vw;
	font-size:4vw; 
}
.sombra { box-shadow: 0 0 1vw 0;}
.cont-1-32 {
	position:absolute; 
	left:0; 
	width:100vw;
}
.cont-33 {
	position:absolute; 
	left:0; 
	width:100vw;
}
.cont-34 {
	position:absolute;
	left:0; 
	width:100vw;
}
.cont-35 {
	position:absolute; 
	left:0; 
	width:100vw;
}
.cont-36 {
	position:absolute; 
	left:0; 
	width:100vw;
}
.lv {
	position:absolute; 
	top:100vw;	
	left:34.5vw; 
	width:30vw;
	display:block;
}
#lavida {}
#tocar-lv {	
	display:block; 
	cursor:pointer;
}
#tocando-lv {	
	display:none; 
	cursor:pointer;
}
#pausa-lv { 
	display:none; 
	cursor:pointer;
}
#stop-lv {
	position:absolute; 
	top:10vw; 
	left:0; 
	width:10vw; 
	height:14vw;	
	display:none; 
	z-index:1; 
	cursor:pointer;
}
}
@media (min-width: 768px)  {
.container {	position:fixed;}
.fondo {
	position:absolute;
	width:100vw;
	height:100vh;
	top:0vw;
	z-index:-1;
}
header {
	position:fixed;
	top:0;
	left:0; 
	width:100vw;
	height:35vw;
}
.cita {	
	position:absolute;
	top:3vw;
	left:5vw; 
	width:90vw;
	color:#FFF;
	font-size:3vw;
	text-align:center;
}
@keyframes blink { 
	0% {opacity:0;} 
	50% {opacity:0.7;} 
	100% {opacity:0;}
}
.estrellas {
	position:absolute; 
	top:4vw; 
	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:5vw; 
	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:7.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:7vw; 
	left:30vw; 
	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:10vw; 
	left:45vw;	
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 3s infinite ease-in-out;
}
.estela9 { 
	position:absolute; 
	top:15vw; 
	left:50vw; 
	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;
}
.pl-mo {
	position:fixed; 
	top:17.5vw;
	left:0vw; 
	width:100vw; 
}
#plzu-socrates {
	position:absolute; 
	top:14vw; 
	left:59vw; 
	width:5vw; 
	height:7vw;
}
#plzu-heraclito {
	position:absolute; 
	top:50vw; 
	left:3vw; 
	width:10vw; 
	}
.legende { 
	text-align:center;
	margin-top:0.5vw;
	font-size:3vw; 
}
.sombra { box-shadow: 0 0 1vw 0;}
.cont-1-32 {
	position:absolute; 
	left:0; 
	width:100vw;
}
.cont-33 {
	position:absolute; 
	left:0; 
	width:100vw;
}
.cont-34 {
	position:absolute;
	left:0; 
	width:100vw;
}
.cont-35 {
	position:absolute; 
	left:3vw; 
	width:94vw;
}
.cont-36 {
	position:absolute; 
	left:0; 
	width:100vw;
}
.lv {
	position:absolute; 
	top:100vw;	
	left:34.5vw; 
	width:30vw;
	display:block;
}
#lavida {}
#tocar-lv {	
	display:block; 
	cursor:pointer;
}
#tocando-lv {	
	display:none; 
	cursor:pointer;
}
#pausa-lv { 
	display:none; 
	cursor:pointer;
}
#stop-lv {
	position:absolute; 
	top:10vw; 
	left:0; 
	width:10vw; 
	height:14vw;	
	display:none; 
	z-index:1; 
	cursor:pointer;
}
}