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

body { 
	margin:0; 
	padding:0; 
	font-family:Arial, Helvetica, sans-serif;
}
.fondo {
	position:fixed;
	top:-23vw;
	left:0;
	width:100vw;
	z-index:-1;
}
header {
	position:absolute;
	top:0;
	left:0; 
	width:100vw;
}
.cita {	
	position:absolute;
	top:0;
	width:72.5vw;
	padding:1vw 0 0 27.5vw;
 font-size:2vw;
	color:#FFF;
	text-align:center;
}
@keyframes blink { 
	0% {opacity:0;} 
	50% {opacity:0.7;} 
	100% {opacity:0;}
}
.estrellas {
	position:fixed; 
	top:0.5; 
	left:43vw; 
	width:40vw;
}
.estela1 {
	position:absolute;
	top:0; 
	left:0; 
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 3s infinite ease-in-out;
}
.estela2 {
	position:absolute; 
	top:1vw; 
	left:4vw; 
	width:1vw; 
	height:1vw; 
	transition:all 1s ease-in-out; 
	animation:blink normal 2s infinite ease-in-out;
}
.estela3 { 
	position:absolute; 
	top:2vw; 
	left:5vw; 
	width:1vw; 
	height:1vw; 
	transition:all 3s ease-in-out; 
	animation:blink normal 4s infinite ease-in-out;
}
.estela4 {
	position:absolute; 
	top:4vw; 
	left:7vw; 
	width:1vw;	
	height:1vw;
	transition:all 5s ease-in-out; 
	animation:blink normal 6s infinite ease-in-out;
}
.estela5 {
	position:absolute; 
	top:8vw; 
	left:8vw; 
	width:1vw;	
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 3s infinite ease-in-out;
}
.estela6 {
	position:absolute; 
	top:6vw; 
	left:10vw;	
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 7s infinite ease-in-out;
}
.estela7 {
	position:absolute; 
	top:10vw; 
	left:27vw;	
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 6s infinite ease-in-out;
}	
.estela8 {
	position:absolute; 
	top:7vw; 
	left:28vw;	
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 3s infinite ease-in-out;
}
.estela9 {
	position:absolute; 
	top:5vw; 
	left:27vw; 
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 6s infinite ease-in-out;
}
.estela10 {
	position:absolute; 
	top:8vw; 
	left:30vw;	
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 5s infinite ease-in-out;
}
.estela11 {
	position:absolute; 
	top:3vw; 
	left:34vw; 
	width:2vw; 
	height:2vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 7s infinite ease-in-out;
}
.estela12 {
	position:absolute; 
	top:6vw; 
	left:33vw;	
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 4s infinite ease-in-out;
}
.so-mo {
	position:absolute; 
	top:0.5vw; 
	width:100vw;
}
.legende { 
	margin-top:1vw; 
	font-size:2vw; 
	text-align:center;
}
.legendepn {
	position:absolute;
	top:34.5vw;
	width:100vw;
	font-size:2vw; 
	text-align:center;
}
.sombra { box-shadow:0 0 3px #000000;}
#sozu-chronos {   
	position:absolute; 
	top:11vw; 
	left:74vw; 
	width:4vw; 
	height:5vw;
}
#sozu-heraclito { 
	position:absolute; 
	top:28vw; 
	left:2vw; 
	width:6vw; 
}	
.cont-1-16 {
	position:absolute; 
	top:0; 
	left:26vw; 
	width:52vw;
}
.cont-17 { 
	position:absolute; 
	top:0; 
	left:25.5vw; 
	width:49vw;
}
.cont-18 {
	position:relative; 
	top:0vw; 
	left:33.5vw;
	width:33vw;
}
.galeria {
	position:absolute;
	top:5vw;
	left:5vw;
	width:24vw;
	}
.caminante {
	position:absolute;
	top:11vw; 
	left:17vw;
	-webkit-animation:punto;
	animation:punto;
	-webkit-animation-play-state:running;
	animation-play-state:running;
	-webkit-animation-duration:20s;
	animation-duration:20s;
	height:0.75vw;
	width:0.75vw;
	-webkit-border-radius:1vw;
	border-radius:1vw;
	background:-webkit-radial-gradient(center, ellipse cover, rgba(250,230,230,1) 10%,rgba(230,10,10,1) 70%);
	background:radial-gradient(ellipse at center, rgba(200,2200,250,1) 10%,rgba(0,0,255,1) 70%);
}
@keyframes punto {
		0% { top:11vw;	left:17vw;}
		5% { top:11vw;	left:11vw;}
	10% { top:8vw;	left:11vw;}
	15% { top:8vw;	left:8vw;}
	20% { top:14vw;	left:8vw;}
	25% { top:14vw; left:4vw;}
	30% { top:5vw;	left:4vw;}
	35% { top:5vw; left:2vw;}
	40% { top:1vw; left:2vw;}
	45% { top:1vw; left:14vw;}
	50% { top:4vw; left:14vw;}
	55% { top:4vw; left:20vw;}
	60% { top:22vw; left:20vw;}
	65% { top:22vw; left:17vw;}
	70% { top:14.7vw; left:17vw;}
	75% { top:14.7vw; left:11vw;}
	80% { top:11vw; left:11vw;} 
100% { top:11vw;	left:17vw;}
}
@-webkit-keyframes punto {
		0% { top:11vw;	left:17vw;}
		5% { top:11vw;	left:11vw;}
	10% { top:8vw;	left:11vw;}
	15% { top:8vw;	left:8vw;}
	20% { top:14vw;	left:8vw;}
	25% { top:14vw; left:4vw;}
	30% { top:5vw;	left:4vw;}
	35% { top:5vw; left:2vw;}
	40% { top:1vw; left:2vw;}
	45% { top:1vw; left:14vw;}
	50% { top:4vw; left:14vw;}
	55% { top:4vw; left:20vw;}
	60% { top:22vw; left:20vw;}
	65% { top:22vw; left:17vw;}
	70% { top:14.7vw; left:17vw;}
	75% { top:14.7vw; left:11vw;}
	80% { top:11vw; left:11vw;} 
100% { top:11vw;	left:17vw;}
}
.cont-19 { 
	position:absolute; 
	top:0; 
	left:25vw; 
	width:50vw;
}
@media (width: 1024px) {
.fondo {
	position:fixed;
	top:-10vw;
	left:0;
	width:100vw;
	z-index:-1;
}
header {
	position:fixed;
	top:0;
	left:0; 
	width:100vw;
}
.cita {	
	position:absolute;
	top:7vw;
	font-size:2vw;
	color:#FFF;
	text-align:center;
}
@keyframes blink { 
	0% {opacity:0;} 
	50% {opacity:0.7;} 
	100% {opacity:0;}
}
.estrellas {
	position:fixed; 
	top:0; 
	left:0; 
	width:100vw;
}
.estela1 {
	position:absolute;
	top:2vw; 
	left:4vw; 
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 3s infinite ease-in-out;
}
.estela2 {
	position:absolute; 
	top:6vw; 
	left:12vw; 
	width:1vw; 
	height:1vw; 
	transition:all 1s ease-in-out; 
	animation:blink normal 2s infinite ease-in-out;
}
.estela3 { 
	position:absolute; 
	top:3vw; 
	left:20vw; 
	width:2vw; 
	height:2vw; 
	transition:all 3s ease-in-out; 
	animation:blink normal 4s infinite ease-in-out;
}
.estela4 {
	position:absolute; 
	top:2vw; 
	left:28vw; 
	width:1vw;	
	height:1vw;
	transition:all 5s ease-in-out; 
	animation:blink normal 6s infinite ease-in-out;
}
.estela5 {
	position:absolute; 
	top:1vw; 
	left:36vw; 
	width:1vw;	
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 3s infinite ease-in-out;
}
.estela6 {
	position:absolute; 
	top:5vw; 
	left:42vw;	
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 7s infinite ease-in-out;
}
.estela7 {
	position:absolute; 
	top:4vw; 
	left:50vw;	
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 6s infinite ease-in-out;
}	
.estela8 {
	position:absolute; 
	top:6vw; 
	left:58vw;	
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 3s infinite ease-in-out;
}
.estela9 {
	position:absolute; 
	top:14vw; 
	left:66vw; 
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 6s infinite ease-in-out;
}
.estela10 {
	position:absolute; 
	top:18vw; 
	left:74vw;	
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 5s infinite ease-in-out;
}
.estela11 {
	position:absolute; 
	top:6vw; 
	left:82vw; 
	width:2vw; 
	height:2vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 7s infinite ease-in-out;
}
.estela12 {
	position:absolute; 
	top:4vw; 
	left:90vw;	
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 4s infinite ease-in-out;
}
.so-mo {
	position:absolute; 
	top:13.5vw; 
	width:100vw;
}
.cont-1-16 {
	position:absolute; 
	top:0; 
	left:3vw; 
	width:94vw;
}
.cont-17 { 
	position:absolute; 
	top:0; 
	left:3vw; 
	width:94vw;
}
.cont-18 {
	position:relative; 
	top:0vw; 
	left:18vw;
	width:64vw;
}
.galeria {
	position:absolute;
	top:5vw;
	left:5vw;
	width:54vw;
	}
.caminante { 
	position:absolute;
	top:24.5vw; 
	left:36vw;
	-webkit-animation:punto;
	animation:punto;
	-webkit-animation-play-state:running;
	animation-play-state:running;
	-webkit-animation-duration:20s;
	animation-duration:20s;
	height:2vw;
	width:2vw;
	-webkit-border-radius:1.5vw;
	border-radius:1.5vw;
	background:-webkit-radial-gradient(center, ellipse cover, rgba(250,230,230,1) 10%,rgba(230,10,10,1) 70%);
	background:radial-gradient(ellipse at center, rgba(200,2200,250,1) 10%,rgba(0,0,255,1) 70%);
}
@keyframes punto {
		0% { top:24.5vw;	left:36vw;}
		5% { top:24.5vw;	left:25vw;}
	10% { top:18vw;	left:25vw;}
	15% { top:18vw;	left:19vw;}
	20% { top:30vw;	left:19vw;}
	25% { top:30vw; left:9vw;}
	30% { top:12vw;	left:9vw;}
	35% { top:12vw; left:4vw;}
	40% { top:2vw; left:4vw;}
	45% { top:2vw; left:32vw;}
	50% { top:9vw; left:32vw;}
	55% { top:9vw; left:44vw;}
	60% { top:50vw; left:44vw;}
	65% { top:50vw; left:36vw;}
	70% { top:36vw; left:36vw;}
	75% { top:36vw; left:32vw;}
	80% { top:24.5vw; left:32vw;}
100% { top:24.5vw;	left:36vw;}
}
@-webkit-keyframes punto {
		0% { top:24.5vw;	left:36vw;}
		5% { top:24.5vw;	left:25vw;}
	10% { top:18vw;	left:25vw;}
	15% { top:18vw;	left:19vw;}
	20% { top:30vw;	left:19vw;}
	25% { top:30vw; left:9vw;}
	30% { top:12vw;	left:9vw;}
	35% { top:12vw; left:4vw;}
	40% { top:2vw; left:4vw;}
	45% { top:2vw; left:32vw;}
	50% { top:9vw; left:32vw;}
	55% { top:9vw; left:44vw;}
	60% { top:50vw; left:44vw;}
	65% { top:50vw; left:36vw;}
	70% { top:36vw; left:36vw;}
	75% { top:36vw; left:32vw;}
	80% { top:24.5vw; left:32vw;}
100% { top:24.5vw;	left:36vw;}
}
.legendepn {
	position:absolute;
	top:65vw;
	width:100vw;
	font-size:2vw; 
	text-align:center;
}
#sozu-heraclito { 
	position:absolute; 
	top:38vw; 
	left:2vw; 
	width:9vw; 
}	
}
@media (min-width: 1920px) {
.fondo {
	position:fixed;
	top:-14.5vw;
	left:0;
	width:100vw;
	z-index:-1;
}
.estrellas {
	position:fixed; 
	top:0vw; 
	left:0; 
	width:100vw;
}
.estela1 {
	position:absolute;
	top:2vw; 
	left:12vw; 
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 3s infinite ease-in-out;
}
.estela2 {
	position:absolute; 
	top:6vw; 
	left:24vw; 
	width:1vw; 
	height:1vw; 
	transition:all 1s ease-in-out; 
	animation:blink normal 2s infinite ease-in-out;
}
.estela3 { 
	position:absolute; 
	top:3vw; 
	left:36vw; 
	width:1vw; 
	height:1vw; 
	transition:all 3s ease-in-out; 
	animation:blink normal 4s infinite ease-in-out;
}
.estela4 {
	position:absolute; 
	top:2vw; 
	left:38vw; 
	width:1vw;	
	height:1vw;
	transition:all 5s ease-in-out; 
	animation:blink normal 6s infinite ease-in-out;
}
.estela5 {
	position:absolute; 
	top:1vw; 
	left:55vw; 
	width:1vw;	
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 3s infinite ease-in-out;
}
.estela6 {
	position:absolute; 
	top:5vw; 
	left:62vw;	
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 7s infinite ease-in-out;
}
.estela7 {
	position:absolute; 
	top:2vw; 
	left:73vw;	
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 6s infinite ease-in-out;
}	
.estela8 {
	position:absolute; 
	top:2vw; 
	left:76vw;	
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 3s infinite ease-in-out;
}
.estela9 {
	position:absolute; 
	top:2vw; 
	left:78vw; 
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 6s infinite ease-in-out;
}
.estela10 {
	position:absolute; 
	top:8vw; 
	left:80vw;	
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 5s infinite ease-in-out;
}
.estela11 {
	position:absolute; 
	top:5vw; 
	left:87vw; 
	width:2vw; 
	height:2vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 7s infinite ease-in-out;
}
.estela12 {
	position:absolute; 
	top:4vw; 
	left:83vw;	
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 4s infinite ease-in-out;
}
.cita {
	position:absolute;
	top:6vw;
	width:20vw;
	padding:0 26vw 0 54vw;
	font-size:1.2vw;
	color:#FFF;
	text-align:center;
}
.so-mo {
	position:fixed; 
	top:9vw; 
	width:100vw;
}
#sozu-chronos {   
	position:absolute; 
	top:12vw; 
	left:76vw; 
	width:3vw; 
	height:5vw;
}
#sozu-heraclito { 
	position:absolute; 
	top:30vw; 
	left:2vw; 
	width:6vw; 
}	
.legende { 
	margin-top:1vw; 
	font-size:1.2vw; 
	text-align:center;
}
.legendepn {
	position:absolute;
	top:34.5vw;
	width:100vw;
	font-size:1.2vw; 
	text-align:center;
}
.cont-1-16 {
	position:absolute; 
	top:0; 
	left:15vw; 
	width:70vw;
}
.cont-17 { 
	position:absolute; 
	top:0; 
	left:15vw; 
	width:70vw;
}
.cont-18 {
	position:relative; 
	top:0vw; 
	left:33vw;
	width:34vw;
}
.galeria {
	position:absolute;
	top:5vw;
	left:5vw;
	width:24vw;
	}
.caminante {
	position:absolute;
	top:11vw; 
	left:17vw;
	-webkit-animation:punto;
	animation:punto;
	-webkit-animation-play-state:running;
	animation-play-state:running;
	-webkit-animation-duration:20s;
	animation-duration:20s;
	height:0.75vw;
	width:0.75vw;
	-webkit-border-radius:1vw;
	border-radius:1vw;
	background:-webkit-radial-gradient(center, ellipse cover, rgba(250,230,230,1) 10%,rgba(230,10,10,1) 70%);
	background:radial-gradient(ellipse at center, rgba(200,2200,250,1) 10%,rgba(0,0,255,1) 70%);
}
@keyframes punto {
		0% { top:11vw;	left:17vw;}
		5% { top:11vw;	left:11vw;}
	10% { top:8vw;	left:11vw;}
	15% { top:8vw;	left:8vw;}
	20% { top:14vw;	left:8vw;}
	25% { top:14vw; left:4vw;}
	30% { top:5vw;	left:4vw;}
	35% { top:5vw; left:2vw;}
	40% { top:1vw; left:2vw;}
	45% { top:1vw; left:14vw;}
	50% { top:4vw; left:14vw;}
	55% { top:4vw; left:20vw;}
	60% { top:22vw; left:20vw;}
	65% { top:22vw; left:17vw;}
	70% { top:14.7vw; left:17vw;}
	75% { top:14.7vw; left:11vw;}
	80% { top:11vw; left:11vw;} 
100% { top:11vw;	left:17vw;}
}
@-webkit-keyframes punto {
		0% { top:11vw;	left:17vw;}
		5% { top:11vw;	left:11vw;}
	10% { top:8vw;	left:11vw;}
	15% { top:8vw;	left:8vw;}
	20% { top:14vw;	left:8vw;}
	25% { top:14vw; left:4vw;}
	30% { top:5vw;	left:4vw;}
	35% { top:5vw; left:2vw;}
	40% { top:1vw; left:2vw;}
	45% { top:1vw; left:14vw;}
	50% { top:4vw; left:14vw;}
	55% { top:4vw; left:20vw;}
	60% { top:22vw; left:20vw;}
	65% { top:22vw; left:17vw;}
	70% { top:14.7vw; left:17vw;}
	75% { top:14.7vw; left:11vw;}
	80% { top:11vw; left:11vw;} 
100% { top:11vw;	left:17vw;}
}
.cont-19 { 
	position:absolute; 
	top:0; 
	left:15vw; 
	width:70vw;
}
}