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

body { 
	margin:0; 
	padding:0; 
	font-family:Arial, Helvetica, sans-serif;
}
@media (max-width: 720px)  {
.fondo {
	position:fixed;
	top:0;
	width:100vw;
	height:100vh;
	z-index:-1;
}
.container {	
	position:fixed;
	width:100vw;
	height:100vh;
}
header {
	position:fixed;
	top:0;
	left:0; 
	width:100vw;
	height:20vw;
}
.cita {
	position:absolute;
	top:3vw;
	left:10vw; 
	width:80vw;
	color:#FFF;
	font-size:4vw;
	text-align:center;
}
.h-mo {
 position:fixed; 
	top:15vw; 
	left:0; 
	width:100vw; 
	height:100vh;
}
#h-mo14{
	position:absolute; 
	top:20.2vw; 
	left:20vw; 
	width:30vw; 
	cursor:pointer;
}
#h-mo15 {
	position:absolute; 
	top:26vw; 
	left:64vw; 
	width:28vw; 
	cursor:pointer;
}
.fuente { 
	position:absolute; 
	top:100vw; 
	left:48vw; 
}
.rio { width:50vw;}
@-webkit-keyframes blink {
	0% {opacity:1;} 
	50% {opacity:0;} 
	100% {opacity:1;} 
}
@keyframes blink { 
	0% {opacity:1;} 
	50% {opacity:0;} 
	100% {opacity:1;} 
}
.comentarios {
	position:absolute; 
	top:136vw; 
	left:2vw; 
	width:34vw;
	height:44vw;	
	z-index:1;
}
.sombra {	box-shadow:5px 5px 5px gray;}
.lm {
	position:absolute; 
	top:78vw;	
	left:1vw; 
	width:26vw;
}
#losmomentos {}
#tocar-lm {	
	display:block; 
	cursor:pointer;
}
#tocando-lm {	
	display:none; 
	cursor:pointer;
}
#pausa-lm { 
	display:none; 
	cursor:pointer;
}
#stop-lm {
	position:absolute; 
	top:10vw; 
	left:0; 
	width:10vw; 
	height:14vw;	
	display:none; 
	z-index:1; 
	cursor:pointer;
}
.emr {
	position:absolute;
	top:78vw;	
	left:29vw; 
	width:26vw;
}
#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:10vw; 
	left:0; 
	width:10vw; 
	height:14vw;	
	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: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 { 
	position:absolute; 
 left:0; 
	width:100vw;
	}
.cont-8 { 
	position:absolute; 
 left:0; 
	width:100vw;
}
.cont-9 { 
	position:absolute; 
 left:0; 
	width:100vw;
}
.cont-10 { 
	position:absolute; 
 left:0; 
	width:100vw;
}
.cont-11 { 
	position:absolute; 
 left:0; 
	width:100vw;
}
.cont-12 { 
	position:absolute; 
 left:0; 
	width:100vw;
}
.cont-13 { 
	position:absolute; 
 left:0; 
	width:100vw;
}
.cont-14 { 
	position:absolute; 
 left:0; 
	width:100vw;
}
.cont-15 {
	position:absolute; 
 left:0; 
	width:100vw;
}
.legende {
	margin-top:3vw; 
	text-align:center;
	font-size:4vw;
}
}
@media (min-width: 768px) and (max-width: 1000px)  {
.fondo {
	position:fixed;
	top:-8vw;
	width:100vw;
	height:100vh;
	z-index:-1;
}
.container {	
	position:fixed;
	width:100vw;
	height:100vh;
}
header {
	position:fixed;
	top:0;
	left:0; 
	width:100vw;
	height:16vw;
}
.cita {
	position:absolute;
	top:2vw;
	left:0vw; 
	width:100vw;
	color:#FFF;
	font-size:3vw;
	text-align:center;
}
.h-mo {
 position:fixed; 
	top:7vw; 
	left:0; 
	width:100vw; 
	height:100vh;
}
#h-mo14{
	position:absolute; 
	top:22vw; 
	left:6vw; 
	width:20vw; 
	cursor:pointer;
}
#h-mo15 {
	position:absolute; 
	top:18vw; 
	left:36vw; 
	width:20vw; 
	cursor:pointer;
}
.fuente {  
	position:absolute; 
	top:54vw; 
	left:60vw; 
}
.rio { width:40vw;}
@-webkit-keyframes blink {
	0% {opacity:1;} 
	50% {opacity:0;} 
	100% {opacity:1;} 
}
@keyframes blink { 
	0% {opacity:1;} 
	50% {opacity:0;} 
	100% {opacity:1;} 
}
.comentarios { 
	position:absolute; 
	top:92vw; 
	left:2vw; 
	width:30vw;
	z-index:1;
}
.sombra {	box-shadow:5px 5px 5px gray;}
.lm {
	position:absolute; 
	top:70vw;	
	left:4vw; 
	width:22vw;
}
#losmomentos {}
#tocar-lm {	
	display:block; 
	cursor:pointer;
}
#tocando-lm {	
	display:none; 
	cursor:pointer;
}
#pausa-lm { 
	display:none; 
	cursor:pointer;
}
#stop-lm {
	position:absolute; 
	top:8vw; 
	left:0; 
	width:5vw; 
	height:7vw;	
	display:none; 
	z-index:1; 
	cursor:pointer;
}
.emr {
	position:absolute;
	top:70vw;	
	left:35vw; 
	width:22vw;
}
#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:8vw; 
	left:0; 
	width:5vw; 
	height:7vw;	
	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:3vw; 
	width:94vw;
}
.cont-4 { 
	position:absolute; 
	left:0; 
	width:100vw;
}
.cont-5 { 
	position:absolute; 
	left:3vw; 
	width:94vw;
}
.cont-6 { 
	position:absolute; 
 left:0; 
	width:100vw;
}
.cont-7 { 
	position:absolute; 
 left:3vw; 
	width:94vw;
	}
.cont-8 { 
	position:absolute; 
 left:13vw; 
	width:74vw;
}
.cont-9 { 
	position:absolute; 
 left:0; 
	width:100vw;
}
.cont-10 { 
	position:absolute; 
 left:0; 
	width:100vw;
}
.cont-11 { 
	position:absolute; 
 left:13vw; 
	width:74vw;
}
.cont-12 { 
	position:absolute; 
 left:3.5vw; 
	width:93vw;
}
.cont-13 { 
	position:absolute; 
 left:3vw; 
	width:94vw;
}
.cont-14 { 
	position:absolute; 
 left:0; 
	width:100vw;
}
.cont-15 {
	position:absolute; 
 left:10.5vw; 
	width:79vw;
}
.legende {
	margin-top:1vw; 
	text-align:center;
	font-size:3vw;
}
}
@media (min-width: 1080px)  {
.fondo {
	position:fixed;
	top:0;
	width:100vw;
	height:100vh;
	z-index:-1;
}
.container {	
	position:fixed;
	width:100vw;
	height:100vh;
}
header {
	position:fixed;
	top:0;
	left:0; 
	width:100vw;
	height:16vw;
}
.cita {
	position:absolute;
	top:3vw;
	left:0vw; 
	width:100vw;
	color:#FFF;
	font-size:3vw;
	text-align:center;
}
.h-mo {
 position:fixed; 
	top:15vw; 
	left:0; 
	width:100vw; 
	height:100vh;
}
#h-mo14{
	position:absolute; 
	top:22vw; 
	left:6vw; 
	width:20vw; 
	cursor:pointer;
}
#h-mo15 {
	position:absolute; 
	top:18vw; 
	left:36vw; 
	width:20vw; 
	cursor:pointer;
}
.fuente {  
	position:absolute; 
	top:76vw; 
	left:58vw; 
}
.rio { width:40vw;}
@-webkit-keyframes blink {
	0% {opacity:1;} 
	50% {opacity:0;} 
	100% {opacity:1;} 
}
@keyframes blink { 
	0% {opacity:1;} 
	50% {opacity:0;} 
	100% {opacity:1;} 
}
.comentarios { 
	position:absolute; 
	top:120vw; 
	left:2vw; 
	width:30vw;
	z-index:1;
}
.sombra {	box-shadow:5px 5px 5px gray;}
.lm {
	position:absolute; 
	top:80vw;	
	left:4vw; 
	width:24vw;
}
#losmomentos {}
#tocar-lm {	
	display:block; 
	cursor:pointer;
}
#tocando-lm {	
	display:none; 
	cursor:pointer;
}
#pausa-lm { 
	display:none; 
	cursor:pointer;
}
#stop-lm {
	position:absolute; 
	top:10vw; 
	left:0; 
	width:10vw; 
	height:14vw;	
	display:none; 
	z-index:1; 
	cursor:pointer;
}
.emr {
	position:absolute;
	top:80vw;	
	left:30vw; 
	width:24vw;
}
#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:10vw; 
	left:0; 
	width:10vw; 
	height:16vw;	
	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:3vw; 
	width:94vw;
}
.cont-4 { 
	position:absolute; 
	left:0; 
	width:100vw;
}
.cont-5 { 
	position:absolute; 
	left:3vw; 
	width:94vw;
}
.cont-6 { 
	position:absolute; 
 left:0; 
	width:100vw;
}
.cont-7 { 
	position:absolute; 
 left:3vw; 
	width:94vw;
	}
.cont-8 { 
	position:absolute; 
 left:13vw; 
	width:74vw;
}
.cont-9 { 
	position:absolute; 
 left:0; 
	width:100vw;
}
.cont-10 { 
	position:absolute; 
 left:0; 
	width:100vw;
}
.cont-11 { 
	position:absolute; 
 left:13vw; 
	width:74vw;
}
.cont-12 { 
	position:absolute; 
 left:3.5vw; 
	width:93vw;
}
.cont-13 { 
	position:absolute; 
 left:3vw; 
	width:94vw;
}
.cont-14 { 
	position:absolute; 
 left:0; 
	width:100vw;
}
.cont-15 {
	position:absolute; 
 left:10.5vw; 
	width:79vw;
}
.legende {
	margin-top:1vw; 
	text-align:center;
	font-size:3vw;
}
}