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

body { 
	margin:0; 
	padding:0; 
	font-family:Arial, Helvetica, sans-serif;
}
.fondo {
	position:fixed;
	width:100vw;
	height:100vh;
	top:0;
	z-index:-1;
}
header {
	position:fixed;
	top:0;
	left:0; 
	width:100vw;
}
.cita {	
	position:absolute;
	top:7vw;
	width:60vw;
	padding:1vw 22vw 1vw 18vw;
	font-size:4vw;
	text-align:center;
	color:#FFF;
}
@keyframes blink { 
	0% {opacity:0;} 
	50% {opacity:0.7;} 
	100% {opacity:0;}
}
.estrellas {
	position:fixed; 
	top:0; 
	left:0; 
	width:100vw;
	height:33vw;
}
.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;
}
.legende { 
	margin-top:0.5vw; 
	font-size:4vw; 
	text-align:center;
}
.sombra { box-shadow: 0 0 3px #000000;}
.vi-mo {
	position:fixed; 
	top:18vw; 
	width:100vw;
	height:40vw
}
#viozu-parmenides { 
	position:absolute; 
	top:16vw; 
	left:37vw; 
	width:6vw; 
}
#viozu-heraclito {  
	position:absolute; 
	top:40vw; 
	left:86vw; 
	width:10vw;
}
.galv {
	position:absolute; 
	top:145vw;	
	left:34vw; 
	width:30vw;
	display:block;
}
#stop-galv {
	position:absolute; 
	bottom:0;	
	left:0; 
	width:7vw; 
	height:10vw;	
	display:none; 
	z-index:1; 
	cursor:pointer;
}
.cont-1 { 
	position:absolute; 
	left:0; 
	width:100vw;
}
.cont-2 { 
	position:absolute; 
	left:0; 
	width:100vw;
}
.cont-3 { 
	position:absolute; 
	left:0; 
	width:100vw;
}
.cont-4 { 
	position:absolute; 
	left:0; 
	width:100vw;
}
.cont-5 { 
	position:absolute; 
	left:0; 
	width:100vw;
}
.cont-6 { 
	position:absolute; 
	left:0; 
	width:100vw;
}
.cont-7-15 { 
	position:absolute; 
	left:0; 
	width:100vw;
}
@media (width: 768px)  {
header {
	position:fixed;
	top:0;
	left:0; 
	width:100vw;
}
.cita {	
	position:absolute;
	top:7vw;
	left:0;
	width:97vw;
	padding:0 3vw 0 0; 
	color:#FFF;
	text-align:center;
	font-size:3vw;
}
.vi-mo {
	position:fixed; 
	top:18vw; 
	width:100vw;
	height:40vw
}
#viozu-parmenides {
	position:absolute; 
	top:16vw; 
	left:37vw; 
	width:5vw; 
}
#viozu-heraclito {  
	position:absolute; 
	top:54vw; 
	left:86vw; 
	width:10vw;
}
.galv {
	position:absolute; 
	top:90vw;	
	left:38vw; 
	width:22vw;
	display:block;
}
.legende { 
	margin-top:0.5vw; 
	font-size:3vw; 
	text-align:center;
}
}