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

body { 
	margin:0; 
	padding:0; 
	font-family:Arial, Helvetica, sans-serif;
}
.fondo {
	position:fixed;
	width:100vw;
	height:100vh;
	top:-18vw;
	z-index:-1;
}
header {
	position:fixed; 
	top:0; 
	left:0; 
	width:100vw;
	height:20vw; 
}
@keyframes blink { 
	0% {opacity:0;} 
	50% {opacity:0.7;} 
	100% {opacity:0;}
}
.estrellas {
	position:fixed; 
	top:0; 
	left:0vw; 
	width:100vw;
	height:20vw;
}
.estela1 {
	position:absolute;
	top:1vw; 
	left:20vw; 
	width:1.5vw; 
	height:1.5vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 3s infinite ease-in-out;
}
.estela2 { 
	position:absolute; 
	top:5vw; 
	left:27.5vw; 
	width:1vw; 
	height:1vw; 
	transition:all 3s ease-in-out; 
	animation:blink normal 4s infinite ease-in-out;
}
.estela3 {	
	position:absolute; 
	top:6vw; 
	left:30vw; 
	width:0.7vw; 
	height:0.7vw; 
	transition:all 1s ease-in-out; 
	animation:blink normal 2s infinite ease-in-out;
}
.estela4 { 
	position:absolute; 
	top:7vw; 
	left:33vw; 
	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:35vw; 
	width:1vw;	
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 3s infinite ease-in-out;
}
.estela6 {
	position:absolute; 
	top:10vw; 
	left:38vw;	
	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:44vw;	
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 6s infinite ease-in-out;
}	
.estela8 {	
	position:absolute; 
	top:8vw; 
	left:48vw;	
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 3s infinite ease-in-out;
}
.estela9 {
	position:absolute; 
	top:10vw; 
	left:60vw; 
	width:0.5vw; 
	height:0.5vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 6s infinite ease-in-out;
}
.estela10 {
	position:absolute; 
	top:8vw; 
	left:70vw;	
	width:1.2vw; 
	height:1.2vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 5s infinite ease-in-out;
}
.estela11 {
	position:absolute; 
	top:8vw; 
	left:95vw; 
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 7s infinite ease-in-out;
}
.estela12 {
	position:absolute; 
	top:2vw; 
	left:97vw;	
	width:1.2vw; 
	height:1.2vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 4s infinite ease-in-out;
}
.cita {	
	position:absolute;
	top:2vw;
	left:0vw; 
	width:97vw;
	padding-right:3vw;
	color:#FFF;
	font-size:2vw; 
	text-align:center;
}
.vi-mo {
	position:absolute; 
	top:0vw; 
	width:100vw;
}
#viozu-parmenides { 
	position:absolute; 
	top:17vw; 
	left:37vw; 
	width:4vw; 
}
#viozu-heraclito { 
	position:absolute; 
	top:32vw; 
	left:90vw; 
	width:7vw;
}
.legende { 
	margin-top:0.5vw; 
	font-size:2vw; 
	text-align:center;
}
.sombra { box-shadow: 0 0 3px #000000;}
.galv {
	position:absolute; 
	top:30vw;	
	left:43.4vw; 
	width:10vw;
}
#stop-galv {
	position:absolute; 
	bottom:0;	
	left:0; 
	width:3vw; 
	height:4vw;	
	display:none; 
	z-index:1; 
	cursor:pointer;
}
.cont-1 { 
	position:absolute; 
	left:33vw; 
	width:34vw;
}
.cont-2 { 
	position:absolute; 
	left:33vw; 
	width:34vw;
}
.cont-3 { 
	position:absolute; 
	left:35.5vw; 
	width:29vw;
}
.cont-4 { 
	position:absolute; 
	left:35.5vw; 
	width:29vw;
}
.cont-5 { 
	position:absolute; 
	left:35.5vw; 
	width:29vw;
}
.cont-6 { 
	position:absolute; 
	left:36.5vw; 
	width:27vw;
}
.cont-7-15 { 
	position:absolute; 
	left:32.5vw; 
	width:35vw;
}
@media (width: 1024px) {
.fondo {
	position:fixed;
	width:100vw;
	height:100vh;
	top:-18vw;
	z-index:-1;
}
#viozu-heraclito {
	position:absolute; 
	top:48vw; 
	left:90vw; 
	width:9vw;
}
.galv {
	position:absolute; 
	top:50vw;	
	left:40.3vw; 
	width:16vw;
}
#stop-galv {
	position:absolute; 
	bottom:0;	
	left:0; 
	width:4vw; 
	height:5vw;	
	display:none; 
	z-index:1; 
	cursor:pointer;
}
.cont-1 { 
	position:absolute; 
	left:19vw; 
	width:62vw;
}
.cont-2 { 
	position:absolute; 
	left:19vw; 
	width:62vw;
}
.cont-3 { 
	position:absolute; 
	left:23.5vw; 
	width:53vw;
}
.cont-4 { 
	position:absolute; 
	left:23.5vw; 
	width:53vw;
}
.cont-5 { 
	position:absolute; 
	left:23.5vw; 
	width:53vw;
}
.cont-6 { 
	position:absolute; 
	left:26vw; 
	width:48vw;
}
.cont-7-15 { 
	position:absolute; 
	left:18vw; 
	width:64vw;
}
}
@media (min-width: 1920px) {
.fondo {
	position:fixed;
	width:100vw;
	height:100vh;
	top:-18vw;
	z-index:-1;
}
.estrellas {
	position:fixed; 
	top:0; 
	left:0vw; 
	width:100vw;
	height:20vw;
}
.estela1 {
	position:absolute;
	top:1vw; 
	left:20vw; 
	width:1.5vw; 
	height:1.5vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 3s infinite ease-in-out;
}
.estela2 { 
	position:absolute; 
	top:5vw; 
	left:27.5vw; 
	width:1vw; 
	height:1vw; 
	transition:all 3s ease-in-out; 
	animation:blink normal 4s infinite ease-in-out;
}
.estela3 {	
	position:absolute; 
	top:6vw; 
	left:30vw; 
	width:0.7vw; 
	height:0.7vw; 
	transition:all 1s ease-in-out; 
	animation:blink normal 2s infinite ease-in-out;
}
.estela4 { 
	position:absolute; 
	top:7vw; 
	left:33vw; 
	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:35vw; 
	width:1vw;	
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 3s infinite ease-in-out;
}
.estela6 {
	position:absolute; 
	top:10vw; 
	left:38vw;	
	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:44vw;	
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 6s infinite ease-in-out;
}	
.estela8 {	
	position:absolute; 
	top:7vw; 
	left:48vw;	
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 3s infinite ease-in-out;
}
.estela9 {
	position:absolute; 
	top:10vw; 
	left:60vw; 
	width:0.5vw; 
	height:0.5vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 6s infinite ease-in-out;
}
.estela10 {
	position:absolute; 
	top:8vw; 
	left:70vw;	
	width:1.2vw; 
	height:1.2vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 5s infinite ease-in-out;
}
.estela11 {
	position:absolute; 
	top:8vw; 
	left:95vw; 
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 7s infinite ease-in-out;
}
.estela12 {
	position:absolute; 
	top:2vw; 
	left:97vw;	
	width:1.2vw; 
	height:1.2vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 4s infinite ease-in-out;
}
.cita {	
	position:absolute;
	top:3vw;
	left:0; 
	width:97vw;
	padding-right:3vw;
	color:#FFF;
	font-size:1.2vw; 
	text-align:center;
}
.vi-mo {
	position:absolute; 
	top:0vw; 
	width:100vw;
	height:40vw;
}
.legende { 
	margin-top:0.5vw; 
	font-size:1.2vw; 
	text-align:center;
}
#viozu-parmenides { 
	position:absolute; 
	top:18vw; 
	left:37vw; 
	width:3vw; 
}
#viozu-heraclito {
	position:absolute; 
	top:38vw; 
	left:91vw; 
	width:6vw;
}
.cont-1 { 
	position:absolute; 
	left:25.5vw; 
	width:49vw;
}
.cont-2 { 
	position:absolute; 
	left:25.5vw; 
	width:49vw;
}
.cont-3 { 
	position:absolute; 
	left:29vw; 
	width:42vw;
}
.cont-4 { 
	position:absolute; 
	left:29vw; 
	width:42vw;
}
.cont-5 { 
	position:absolute; 
	left:29vw; 
	width:42vw;
}
.cont-6 { 
	position:absolute; 
	left:31vw; 
	width:38vw;
}
.cont-7-15 { 
	position:absolute; 
	left:25.5vw; 
	width:51vw;
}
.galv {
	position:absolute; 
	top:40vw;	
	left:43.4vw; 
	width:10vw;
}
}