body {
	background-color: #818DBC;
	line-height: normal;
}
p {
	font-family: "Comic Sans MS";
	font-size: 14px;
	line-height: 30px;
}

body, td, th {
	color: #5B3700;
}

h1, h2, h4 {
	color: #533200;
}

h3, h5, h6 {
	color: #996666;
}

a {
  color: #006666;
}
.Peque {
	color: #818DBC;
	font-size: xx-small;
}
.PequeBlanca {color: #FFFFFF; font-size: small; }
.Blanca {color: #FFFFFF}

/*- Nieve --------------------------- */
@-webkit-keyframes nieve{
   from {top: -10px;}
   to {top: 600px;}
}
      
@-webkit-keyframes copos{
    0% { -webkit-transform: rotate(-180deg) translate(0px, 0px);}
    100% { -webkit-transform: rotate(180deg) translate(10px, 75px);}
}
#snow div {
   position: absolute;
   top: -40px;
   -webkit-animation-name: nieve, copos;
   -webkit-animation-iteration-count: infinite; 
   -webkit-animation-direction: normal; 
   -webkit-animation-timing-function: ease-in;
}
.copos {
   color: #fff;
   font-size: 1em;
   position: absolute;   
}
.copos.f1 {
   left: 200px;
   -webkit-animation-duration: 5s;   
}
.copos.f2 {
   font-size: 1.8em;
   left: 250px;
   -webkit-animation-duration: 7s;   
}
.copos.f3 {
   left: 300px;
   -webkit-animation-duration: 8s;   
}
.copos.f4 {
   font-size: 1.5em;
   left: 350px;
   -webkit-animation-duration: 6s;   
}
}
.copos.f5 {
   left: 400px;
   -webkit-animation-duration: 5s;   
}
.copos.f6 {
   font-size: 1.8em;
   left: 450x;
   -webkit-animation-duration: 7s;   
}
.copos.f7 {
   left: 500px;
   -webkit-animation-duration: 8s;   
}
.copos.f8 {
   font-size: 1.5em;
   left: 900px;
   -webkit-animation-duration: 6s;   
}