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

body { 
	margin:0; 
	padding:0; 
	font-family:Arial, Helvetica, sans-serif;
}
.fondo {
	position:fixed;
	top:0vw;
	width:100vw;
	z-index:-1;
}
header {
	position:fixed;
	top:0;
	left:0; 
	width:100vw;
	height:35vw;
}
.cita {
	position:absolute;
	top:8vw;
	left:0; 
	width:77vw;
	padding:0 0vw 0 23vw;
	text-align:center;
	font-size:4vw;
	color:#FFF;
}
@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:2vw; 
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 3s infinite ease-in-out;
}
.estela2 {
	position:absolute; 
	top:1vw; 
	left:10vw; 
	width:1vw; 
	height:1vw; 
	transition:all 1s ease-in-out; 
	animation:blink normal 2s infinite ease-in-out;
}
.estela3 { 
	position:absolute; 
	top:4vw; 
	left:15vw; 
	width:1vw; 
	height:1vw; 
	transition:all 3s ease-in-out; 
	animation:blink normal 4s infinite ease-in-out;
}
.estela4 {
	position:absolute; 
	top:8vw; 
	left:20vw; 
	width:1vw;	
	height:1vw;
	transition:all 5s ease-in-out; 
	animation:blink normal 6s infinite ease-in-out;
}
.estela5 {
	position:absolute; 
	top:10vw; 
	left:25vw; 
	width:1vw;	
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 3s infinite ease-in-out;
}
.estela6 {
	position:absolute; 
	top:12vw; 
	left:30vw;	
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 7s infinite ease-in-out;
}
.estela7 {
	position:absolute; 
	top:2vw; 
	left:50vw;	
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 6s infinite ease-in-out;
}	
.estela8 {
	position:absolute; 
	top:3vw; 
	left:55vw;	
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 3s infinite ease-in-out;
}
.estela9 {
	position:absolute; 
	top:20vw; 
	left:60vw; 
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 6s infinite ease-in-out;
}
.estela10 {
	position:absolute; 
	top:15vw; 
	left:80vw;	
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 5s infinite ease-in-out;
}
.estela11 {
	position:absolute; 
	top:3vw; 
	left:84vw; 
	width:2vw; 
	height:2vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 7s infinite ease-in-out;
}
.estela12 {
	position:absolute; 
	top:8vw; 
	left:90vw;	
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 4s infinite ease-in-out;
}
.so-mo {
	position:fixed; 
	top:23.5vw; 
	width:100vw;
}
.legende { 
	margin-top:1vw; 
	font-size:4vw; 
	text-align:center;
}
.legendepn {
	position:absolute;
	top:101vw;
	width:100vw;
	font-size:4vw; 
	text-align:center;
}
.sombra { box-shadow:0 0 3px #000000;}
#sozu-chronos { 
	position:absolute; 
	top:10.2vw; 
	left:74vw; 
	width:4vw; 
}
#sozu-heraclito { 
	position:absolute; 
	top:96vw; 
	left:2vw; 
	width:18vw; 
}	
.cont-1-16 {
	position:absolute; 
	top:0; 
	left:0vw; 
	width:100vw;
}
.cont-17 { 
	position:absolute; 
	top:0; 
	left:0vw; 
	width:100vw;
}
.cont-18 {
	position:absolute; 
	top:0; 
	left:0; 
	width:100vw; 
}
.galeria {
	position:absolute;
	top:10vw;
	left:10vw;
	width:80vw;
	}
.caminante {
	position:absolute;
	top:36vw; 
	left:57vw;
	-webkit-animation:punto;
	animation:punto;
	-webkit-animation-play-state:running;
	animation-play-state:running;
	-webkit-animation-duration:20s;
	animation-duration:20s;
	height:2.5vw;
	width:2.5vw;
	-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:36vw;	left:57vw;}
		5% { top:36vw;	left:39vw;}
	10% { top:28vw;	left:39vw;}
	15% { top:28vw;	left:26vw;}
	20% { top:45vw;	left:26vw;}
	25% { top:45vw; left:14vw;}
	30% { top:20vw;	left:14vw;}
	35% { top:20vw; left:6vw;}
	40% { top:3vw; left:6vw;}
	45% { top:3vw; left:46vw;}
	50% { top:14vw; left:46vw;}
	55% { top:14vw; left:64vw;}
	60% { top:74vw; left:64vw;}
	65% { top:74vw; left:57vw;}
	70% { top:54vw; left:57vw;}
	75% { top:54vw; left:44vw;}
	80% { top:36vw; left:44vw;} 
100% { top:36vw;	left:57vw;}
}
@-webkit-keyframes punto {
		0% { top:36vw;	left:57vw;}
		5% { top:36vw;	left:39vw;}
	10% { top:28vw;	left:39vw;}
	15% { top:28vw;	left:26vw;}
	20% { top:45vw;	left:26vw;}
	25% { top:45vw; left:14vw;}
	30% { top:20vw;	left:14vw;}
	35% { top:20vw; left:6vw;}
	40% { top:3vw; left:6vw;}
	45% { top:3vw; left:46vw;}
	50% { top:14vw; left:46vw;}
	55% { top:14vw; left:64vw;}
	60% { top:74vw; left:64vw;}
	65% { top:74vw; left:57vw;}
	70% { top:54vw; left:57vw;}
	75% { top:54vw; left:44vw;}
	80% { top:36vw; left:44vw;} 
100% { top:36vw;	left:57vw;}
}
.cont-19 { 
	position:absolute; 
	top:0; 
	left:0; 
	width:100vw;
}
@media (min-width: 768px)  {
@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:2vw; 
	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:22vw; 
	width:1vw; 
	height:1vw; 
	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:7vw; 
	left:36vw; 
	width:1vw;	
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 3s infinite ease-in-out;
}
.estela6 { 
	position:absolute; 
	top:12vw; 
	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:16vw; 
	left:60vw;	
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 3s infinite ease-in-out;
}
.estela9 { 
	position:absolute; 
	top:25vw; 
	left:70vw; 
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 6s infinite ease-in-out;
}
.estela10 { 
	position:absolute; 
	top:20vw; 
	left:80vw;	
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 5s infinite ease-in-out;
}
.estela11 { 
	position:absolute; 
	top:7vw; 
	left:84vw; 
	width:2vw; 
	height:2vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 7s infinite ease-in-out;
}
.estela12 { 
	position:absolute; 
	top:4vw; 
	left:92vw;	
	width:1vw; 
	height:1vw;
	transition:all 2s ease-in-out; 
	animation:blink normal 4s infinite ease-in-out;
}
.so-mo {
	position:fixed; 
	top:23.5vw; 
	width:100vw;
}
header {
	position:fixed;
	top:0;
	left:0; 
	width:100vw;
}
.cita {
	position:absolute;
	top:8vw;
	left:0; 
	width:72vw;
	padding:0 0vw 0 28vw;
	text-align:center;
	font-size:3vw;
	color:#FFF;
}
.legende { 
	margin-top:1vw; 
	font-size:3vw; 
	text-align:center;
}
.legendepn { 
	margin-top:1vw; 
	font-size:3vw; 
	text-align:center;
}
#sozu-chronos { 
	position:absolute; 
	top:8.4vw; 
	left:73vw; 
	width:5vw; 
}
#sozu-heraclito { 
	position:absolute; 
	top:70vw; 
	left:2vw; 
	width:18vw; 
}
.sombra { box-shadow:0 0 3px #000000;}
.galeria {
	position:absolute;
	top:10vw;
	left:10vw;
	width:80vw;
	}
.caminante {
	position:absolute;
	top:36vw; 
	left:57vw;
	-webkit-animation:punto;
	animation:punto;
	-webkit-animation-play-state:running;
	animation-play-state:running;
	-webkit-animation-duration:20s;
	animation-duration:20s;
	height:2.5vw;
	width:2.5vw;
	-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:36vw;	left:57vw;}
		5% { top:36vw;	left:39vw;}
	10% { top:28vw;	left:39vw;}
	15% { top:28vw;	left:26vw;}
	20% { top:45vw;	left:26vw;}
	25% { top:45vw; left:14vw;}
	30% { top:20vw;	left:14vw;}
	35% { top:20vw; left:6vw;}
	40% { top:3vw; left:6vw;}
	45% { top:3vw; left:46vw;}
	50% { top:14vw; left:46vw;}
	55% { top:14vw; left:64vw;}
	60% { top:74vw; left:64vw;}
	65% { top:74vw; left:57vw;}
	70% { top:54vw; left:57vw;}
	75% { top:54vw; left:44vw;}
	80% { top:36vw; left:44vw;} 
100% { top:36vw;	left:57vw;}
}
@-webkit-keyframes punto {
		0% { top:36vw;	left:57vw;}
		5% { top:36vw;	left:39vw;}
	10% { top:28vw;	left:39vw;}
	15% { top:28vw;	left:26vw;}
	20% { top:45vw;	left:26vw;}
	25% { top:45vw; left:14vw;}
	30% { top:20vw;	left:14vw;}
	35% { top:20vw; left:6vw;}
	40% { top:3vw; left:6vw;}
	45% { top:3vw; left:46vw;}
	50% { top:14vw; left:46vw;}
	55% { top:14vw; left:64vw;}
	60% { top:74vw; left:64vw;}
	65% { top:74vw; left:57vw;}
	70% { top:54vw; left:57vw;}
	75% { top:54vw; left:44vw;}
	80% { top:36vw; left:44vw;} 
100% { top:36vw;	left:57vw;}
}
}