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

body { 
	margin:0; 
	padding:0; 
	font-family:Arial, Helvetica, sans-serif;
}
.fondo {
	position:fixed;
	top:-12vw;
	width:100vw;
	height:100vh;
	z-index:-1;
}
.container {	
	position:fixed;
	width:100vw;
	height:100vh;
}
header {	
	position:fixed;
	top:0;
	left:0; 
	width:100vw;
	height:11vw;
}
.cita {
	position:absolute;
	top:2vw;
	left:10vw; 
	width:80vw;
	color:#FFF;
	font-size:2vw;
	text-align:center;
}
.comentarios { 
	position:absolute; 
	top:22vw; 
	left:2vw; 
	width:10vw;
	height:15vw;
	z-index:1;
}
.h-mo {
 position:fixed; 
	top:3vw; 
	left:0; 
	width:100vw;
	height:80vh; 
}
#h-mo14 {
	position:absolute; 
	top:20.5vw; 
	left:30vw; 
	width:17vw; 
	cursor:pointer;
}
#h-mo15 {
	position:absolute; 
	top:14.5vw; 
	left:51vw; 
	width:14vw; 
	cursor:pointer;
}
.fuente { 
	position:absolute; 
	top:16vw; 
	left:82vw; 
}
.rio { width:14vw;}
@-webkit-keyframes blink {
	0% {opacity:1;} 
	50% {opacity:0;} 
	100% {opacity:1;} 
}
@keyframes blink { 
	0% {opacity:1;} 
	50% {opacity:0;} 
	100% {opacity:1;} 
}
.lm {
	position:absolute; 
	top:28.5vw;	
	left:15vw; 
	width:12vw;
}
#losmomentos {}
#tocar-lm {	
	display:block; 
	cursor:pointer;
}
#tocando-lm {	
	display:none; 
	cursor:pointer;
}
#pausa-lm { 
	display:none; 
	cursor:pointer;
}
#stop-lm {
	position:absolute; 
	top:5vw; 
	left:0; 
	width:3vw; 
	height:4vw;	
	display:none; 
	z-index:1; 
	cursor:pointer;
}
.emr {
	position:absolute;
	top:28.5vw;	
	left:67vw; 
	width:12vw;
}
#recuerdos {}
#tocar-emr {	
	display:block; 
	cursor:pointer;
}
#tocando-emr {	
	display:none; 
	cursor:pointer;
	z-index:20; 
}
#pausa-emr { 
	display:none; 
	cursor:pointer;
	z-index:11; 
}
#stop-emr {
	position:absolute; 
	top:5vw; 
	left:0; 
	width:3vw; 
	height:4vw;	
	display:none; 
	cursor:pointer;
	z-index:11; 
}
button {
	background-color:transparent;
	border:0;
}
.legende { 
	margin-top:0.5vw; 
	font-size:2vw;
	text-align:center;
}
.cont-1 {
	position:absolute; 
	left:15vw; 
	width:70vw;
}
.cont-2 { 
	position:absolute; 
	left:10vw; 
	width:80vw;
}
.cont-3 { 
	position:absolute; 
	left:37vw; 
	width:26vw;
}
.cont-4 { 
	position:absolute; 
	left:21.25vw; 
	width:57.5vw;
}
.cont-5 { 
	position:absolute; 
	left:37vw; 
	width:26vw;
}
.cont-6 { 
	position:absolute; 
	left:31vw; 
	width:38vw;
}
.cont-7 { 
	position:absolute; 
	left:37vw; 
	width:26vw;
	}
.cont-8 { 
	position:absolute; 
	left:40vw; 
	width:20vw;
}
.cont-9 { 
	position:absolute; 
	left:35vw; 
	width:30vw;
}
.cont-10 { 
	position:absolute; 
	left:33.5vw; 
	width:33vw;
}
.cont-11 { 
	position:absolute; 
	left:39.75vw; 
	width:20.5vw;
}
.cont-12 { 
	position:absolute; 
	left:37vw; 
	width:26vw;
}
.cont-13 { 
	position:absolute; 
	left:37vw; 
	width:26vw;
}
.cont-14 { 
	position:absolute; 
	left:27.5vw; 
	width:45vw;
}
.cont-15 {
	position:absolute; 
	left:38.5vw; 
	width:23vw;
}
.sombra {	box-shadow:3px 3px 3px gray;}	
@media (width:1024px) {
.fondo {
	position:fixed;
	top:-9vw;
	width:100vw;
	height:100vh;
	z-index:-1;
}
header {	
	position:fixed;
	top:0;
	left:0; 
	width:100vw;
	height:12vw;
}
.cita {
	position:absolute;
	top:2vw;
	left:10vw; 
	width:80vw;
	color:#FFF;
	font-size:2vw;
	text-align:center;
}
.comentarios { 
	position:absolute; 
	top:22vw; 
	left:6vw; 
	width:10vw;
	height:15vw;
	z-index:1;
}
.h-mo {
 position:fixed; 
	top:6vw; 
	left:0; 
	width:100vw;
	height:80vh; 
}
.fuente { 
	position:absolute; 
	top:20vw; 
	left:82vw; 
}
.rio { width:14vw;}
@-webkit-keyframes blink {
	0% {opacity:1;} 
	50% {opacity:0;} 
	100% {opacity:1;} 
}
@keyframes blink { 
	0% {opacity:1;} 
	50% {opacity:0;} 
	100% {opacity:1;} 
}
.lm {
	position:absolute; 
	top:50vw;	
	left:10vw; 
	width:14vw;
}
#losmomentos {}
#tocar-lm {	
	display:block; 
	cursor:pointer;
}
#tocando-lm {	
	display:none; 
	cursor:pointer;
}
#pausa-lm { 
	display:none; 
	cursor:pointer;
}
#stop-lm {
	position:absolute; 
	top:5vw; 
	left:0; 
	width:3vw; 
	height:5vw;	
	display:none; 
	z-index:1; 
	cursor:pointer;
}
.emr {
	position:absolute;
	top:50vw;	
	left:68.5vw; 
	width:14vw;
}
#recuerdos {}
#tocar-emr {	
	display:block; 
	cursor:pointer;
}
#tocando-emr {	
	display:none; 
	cursor:pointer;
	z-index:20; 
}
#pausa-emr { 
	display:none; 
	cursor:pointer;
	z-index:11; 
}
#stop-emr {
	position:absolute; 
	top:5vw; 
	left:0; 
	width:3vw; 
	height:5vw;	
	display:none; 
	cursor:pointer;
	z-index:11; 
}
button {
	background-color:transparent;
	border:0;
}
.legende { 
	margin-top:0.5vw; 
	font-size:2vw;
	text-align:center;
}
.cont-1 {
	position:absolute; 
	left:0vw; 
	width:100vw;
}
.cont-2 { 
	position:absolute; 
	left:0vw; 
	width:100vw;
}
.cont-3 { 
	position:absolute; 
	left:24.5vw; 
	width:51vw;
}
.cont-4 { 
	position:absolute; 
	left:0vw; 
	width:100vw;
}
.cont-5 { 
	position:absolute; 
	left:24.5vw; 
	width:51vw;
}
.cont-6 { 
	position:absolute; 
	left:13vw; 
	width:74vw;
}
.cont-7 { 
	position:absolute; 
	left:24.5vw; 
	width:51vw;
	}
.cont-8 { 
	position:absolute; 
	left:30vw; 
	width:40vw;
}
.cont-9 { 
	position:absolute; 
	left:20.5vw; 
	width:59vw;
}
.cont-10 { 
	position:absolute; 
	left:17.5vw; 
	width:65vw;
}
.cont-11 { 
	position:absolute; 
	left:30vw; 
	width:40vw;
}
.cont-12 { 
	position:absolute; 
	left:24.5vw; 
	width:51vw;
}
.cont-13 { 
	position:absolute; 
	left:24.5vw; 
	width:51vw;
}
.cont-14 { 
	position:absolute; 
	left:5.5vw; 
	width:89vw;
}
.cont-15 {
	position:absolute; 
	left:28.5vw; 
	width:43vw;
}
.sombra {	box-shadow:3px 3px 3px gray;}
}
@media (width: 1920px) {
.fondo {
	position:fixed;
	top:-10vw;
	width:100vw;
	height:100vh;
	z-index:-1;
}
header {	
	position:fixed;
	top:0;
	left:0; 
	width:100vw;
	height:10vw;
}
.cita {
	position:absolute;
	left:10vw; 
	width:80vw;
	color:#FFF;
	font-size:1.2vw;
	text-align:center;
}
.comentarios { 
	position:absolute; 
	top:22vw; 
	left:2vw; 
	width:10vw;
	height:15vw;
	z-index:1;
}
.h-mo {
 position:fixed; 
	top:5vw; 
	left:0; 
	width:100vw;
	height:80vh; 
}
.fuente { 
	position:absolute; 
	top:20vw; 
	left:82vw; 
}
.rio { width:14vw;}
@-webkit-keyframes blink {
	0% {opacity:1;} 
	50% {opacity:0;} 
	100% {opacity:1;} 
}
@keyframes blink { 
	0% {opacity:1;} 
	50% {opacity:0;} 
	100% {opacity:1;} 
}
.legende { 
	margin-top:0.5vw; 
	font-size:1.2vw;
	text-align:center;
}
.lm {
	position:absolute; 
	top:34vw;	
	left:15vw; 
	width:12vw;
}
#losmomentos {}
#tocar-lm {	
	display:block; 
	cursor:pointer;
}
#tocando-lm {	
	display:none; 
	cursor:pointer;
}
#pausa-lm { 
	display:none; 
	cursor:pointer;
}
#stop-lm {
	position:absolute; 
	top:5vw; 
	left:0; 
	width:3vw; 
	height:4vw;	
	display:none; 
	z-index:1; 
	cursor:pointer;
}
.emr {
	position:absolute;
	top:34vw;	
	left:66vw; 
	width:12vw;
}
#recuerdos {}
#tocar-emr {	
	display:block; 
	cursor:pointer;
}
#tocando-emr {	
	display:none; 
	cursor:pointer;
	z-index:20; 
}
#pausa-emr { 
	display:none; 
	cursor:pointer;
	z-index:11; 
}
#stop-emr {
	position:absolute; 
	top:5vw; 
	left:0; 
	width:3vw; 
	height:4vw;	
	display:none; 
	cursor:pointer;
	z-index:11; 
}
button {
	background-color:transparent;
	border:0;
}
.cont-1 {	
	position:absolute; 
	left:0; 
	width:100vw;
}
.cont-2 { 
	position:absolute; 
	left:0; 
	width:100vw;
}
.cont-3 { 
	position:absolute; 
	left:30.5vw; 
	width:39vw;
}
.cont-4 { 
	position:absolute; 
	left:6vw; 
	width:88vw;
}
.cont-5 { 
	position:absolute; 
	left:30.5vw; 
	width:39vw;
}
.cont-6 { 
	position:absolute; 
	left:22vw; 
	width:56vw;
}
.cont-7 { 
	position:absolute; 
	left:30.5vw; 
	width:39vw;
	}
.cont-8 { 
	position:absolute; 
	left:34.7vw; 
	width:30.6vw;
}
.cont-9 { 
	position:absolute; 
	left:27.5vw; 
	width:45vw;
}
.cont-10 { 
	position:absolute; 
	left:25.3vw; 
	width:49.4vw;
}
.cont-11 { 
	position:absolute; 
	left:34.7vw; 
	width:30.6vw;
}
.cont-12 { 
	position:absolute; 
	left:30.8vw; 
	width:38.4vw;
}
.cont-13 { 
	position:absolute; 
	left:30.6vw; 
	width:38.8vw;
}
.cont-14 {
	position:absolute; 
	left:16.5vw; 
	width:67vw;
}
.cont-15 { 
	position:absolute; 
	left:33.5vw; 
	width:33vw;
}
.sombra { box-shadow:3px 3px 3px gray;}
}