@charset "UTF-8";
/* CSS Document */

		
#contenedor {
	width: 100%;
	height: 300%;
	position: relative;
}
 @-webkit-keyframes nieve {
 from {
top: -10px;
}
 to {
top: 100%;
}
}
 @-webkit-keyframes copos {
}
#snow div {
 width: 100%  position: absolute;
	top: -40px;
	-webkit-animation-name: nieve, copos;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	-webkit-animation-timing-function: ease-in;
	z-index: 1000;
}
.copos {
	color: #fff;
	font-size: 1em;
	position: absolute;
}
.copos.f1 {
	left: 40px;
	-webkit-animation-duration: 40s;
}
.copos.f2 {
	font-size: 1.8em;
	left: 120px;
	-webkit-animation-duration: 30s;
}
.copos.f3 {
	left: 200px;
	-webkit-animation-duration: 50s;
}
.copos.f4 {
	font-size: 1.5em;
	left: 280px;
	-webkit-animation-duration: 30s;
}
.copos.f5 {
	left: 160px;
	-webkit-animation-duration: 47s;
}
.copos.f6 {
	font-size: 3em;
	left: 340px;
	-webkit-animation-duration: 28s;
}
.copos.f7 {
	left: 600px;
	-webkit-animation-duration: 31s;
}
.copos.f8 {
	font-size: 2.5em;
	left: 580px;
	-webkit-animation-duration: 25s;
}
.copos.f9 {
	left: 460px;
	-webkit-animation-duration: 30s;
}
.copos.f10 {
	font-size: 2em;
	left: 570px;
	-webkit-animation-duration: 29s;
}
.copos.f11 {
	left: 750px;
	-webkit-animation-duration: 43s;
}
.copos.f12 {
	font-size: 3em;
	left: 1080px;
	-webkit-animation-duration: 33s;
}
.copos.f13 {
	font-size: 2em;
	left: 1280px;
	-webkit-animation-duration: 40s;
}
.copos.f14 {
	left: 1090px;
	-webkit-animation-duration: 35s;
}
.copos.f15 {
	font-size: 4em;
	left: 900px;
	-webkit-animation-duration: 48s;
}
.copos.f16 {
	left: 1300px;
	-webkit-animation-duration: 32s;
}
.copos.f17 {
	font-size: 5em;
	left: 1110px;
	-webkit-animation-duration: 45s;
}
.copos.f18 {
	font-size: 3em;
	left: 1000px;
	-webkit-animation-duration: 40s;
}
.copos.f19 {
	left: 3px;
	-webkit-animation-duration: 30s;
}
.copos.f20 {
	font-size: 8em;
	left: 620px;
	-webkit-animation-duration: 30s;
}
.copos.f21 {
	left: 500px;
	-webkit-animation-duration: 50s;
}
.copos.f22 {
	font-size: 5em;
	left: 1280px;
	-webkit-animation-duration: 30s;
}
.copos.f23 {
	left: 1100px;
	-webkit-animation-duration: 37s;
}
.copos.f24 {
	font-size: 3em;
	left: 1340px;
	-webkit-animation-duration: 28s;
}
.copos.f25 {
	left: 900px;
	-webkit-animation-duration: 21s;
}
.copos.f26 {
	font-size: 2.5em;
	left: 580px;
	-webkit-animation-duration: 20s;
}
.copos.f27 {
	left: 460px;
	-webkit-animation-duration: 20s;
}
.copos.f28 {
	font-size: 6em;
	left: 270px;
	-webkit-animation-duration: 19s;
}
.copos.f29 {
	left: 1060px;
	-webkit-animation-duration: 20s;
}
.copos.f30 {
	font-size: 6em;
	left: 570px;
	-webkit-animation-duration: 19s;
}
.copos.f31 {
	font-size: 7em;
	left: 950px;
	-webkit-animation-duration: 28s;
}
.copos.f32 {
	left: 1000px;
	-webkit-animation-duration: 22s;
}
.copos.f33 {
	font-size: 5em;
	left: 200px;
	-webkit-animation-duration: 35s;
}
.copos.f34 {
	font-size: 9em;
	left: 50px;
	-webkit-animation-duration: 10s;
}
.copos.f35 {
	left: 3px;
	-webkit-animation-duration: 15s;
}
.copos.f36 {
	font-size: 8em;
	left: 620px;
	-webkit-animation-duration: 20s;
}
.copos.f37 {
	left: 200px;
	-webkit-animation-duration: 50s;
}
.copos.f38 {
	font-size: 5em;
	left: 1350px;
	-webkit-animation-duration: 30s;
}
.copos.f39 {
	left: 1006px;
	-webkit-animation-duration: 37s;
}
.copos.f40 {
	font-size: 3em;
	left: 1340px;
	-webkit-animation-duration: 28s;
}
.copos.f41 {
	left: 900px;
	-webkit-animation-duration: 21s;
}
.copos.f42 {
	font-size: 2.5em;
	left: 580px;
	-webkit-animation-duration: 20s;
}
.copos.f43 {
	left: 360px;
	-webkit-animation-duration: 20s;
}
.copos.f44 {
	font-size: 7em;
	left: 270px;
	-webkit-animation-duration: 19s;
}
.copos.f45 {
	left: 860px;
	-webkit-animation-duration: 20s;
}
.copos.f46 {
	font-size: 9em;
	left: 470px;
	-webkit-animation-duration: 19s;
}
.textos-calendario {
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.txt1 {
	font-size: 1.7em;
}
.txt2 {
	font-style: normal;
	font-size: 2.2em;
	line-height: 70%;
}
.txt3 {
	font-style: normal;
	font-size: 1.5em;
	line-height: 40%;
	font-weight: 100;
}
.txt4 {
	font-size: 1.8em;
	font-weight: bold;
	font-style: italic;
	line-height: 70%;
	text-align: right;
}
.txt5 {
	font-style: normal;
	font-size: 1.3em;
	line-height: 40%;
	font-weight: lighter;
}
#texto {
	position: absolute;
	color: #ffffff;
	top: 30%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 75%;
	text-align: center;
	text-shadow: 1px 1px 2px #000;
}
#texto h3 {
	font-size: 60px;
	color: #ffffff;
}
.cabecera {
	width: 100%;
	height: auto;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
}
#videocabecera1 {
	display: block;
	position: relative;
	min-width: 100%;
	height: auto;
}
#videocabecera2 {
	display: none;
	position: relative;
	min-width: 100%;
	height: auto;
}

@media only screen and (max-device-width: 768px) {
#texto {
	position: absolute;
	color: #ffffff;
	top: 30%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 75%;
	text-align: center;
	font-family: 'Lobster', cursive;
	text-shadow: 1px 1px 2px #000;
}
#texto h3 {
	font-size: 40px;
}
/*VIDEOS*/
  
#videocabecera1 {
	display: none;
	position: relative;
	width: 100%;
	height: auto;
}
#videocabecera2 {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
}
/*FIN VIDEOS*/	
	
.txt1 {
	font-size: 1em;
}
.txt2 {
	font-style: normal;
	font-size: 1.4em;
	line-height: 70%;
}
.txt3 {
	font-style: normal;
	font-size: 0.8em;
	line-height: 20%;
	font-weight: 100;
}
.txt4 {
	font-size: 1.2em;
	font-weight: bold;
	font-style: italic;
	line-height: 45%;
	text-align: right;
}
.txt5 {
	font-style: normal;
	font-size: 0.9em;
	line-height: 40%;
	font-weight: lighter;
}
}