/* CSS Document */
*{
	margin:0;
	padding:0;
}
body{
	background: #e3f6f7;
	color:#666;
	font:12px/18px Tahoma, Arial, Helvetica, sans-serif;
	text-align: justify;
}
	#menu{
		background:#946689;
		width:140px;
	}
		#menu ul{
			list-style:none;
		}
			#menu li{
				list-style:none;
				margin:2px 0;
			}
				#menu li a{
					list-style:none;
					background:#f4d8d5;
					color:#fff;
					
					font-size:15px;
					font-weight:bold;
					text-decoration:none;
					border:solid #f4ccc8;
					border-width:0 6px 0 6px;
					display:block;
					height:30px;
					line-height:30px;
					padding:0 0 0 10px;
				}
					#menu li a:hover{
						background:#f4ccc8;
						color:#fff;
						text-decoration:none;
					}
				#menu li a.green{
					background:#ffcccc;
					border:solid #ff9999;
					border-width:0 6px 0 6px;
				}
					#menu li a:hover.green{
						background:#ff9999;
					}
				#menu li a.blue{
					background:#cc9999;
					border:solid #cc6699;
					border-width:0 6px 0 6px;
				}
					#menu li a:hover.blue{
						background:#cc6699;
					}
				#menu li a.orange{
					background:#ffcccc;
					border:solid #ff9999;
					border-width:0 6px 0 6px;
				}
					#menu li a:hover.orange{
						background:#ff9999;
					}
				#menu li a.brn{
					background:#f4d8d5;
					border:solid #f4ccc8;
					border-width:0 6px 0 6px;
				}
					#menu li a:hover.brn{
						background:#f4ccc8;
					}

.Alba {
	color: #5E5158;
	font-family: Verdana;
}

.Verde {
	color: #DBFF00;
	font-size: 18px;
}
.Rojo {
	color: #660000;
	font-size: large;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
}
.Rosa {
		color: #9900CC;
		font-size: 16px;
}
.Rosa24 {font-size: 24px}
.Rojoobscuro {color: #804563}
.justificado {
	text-align: justify;
}
.Azul {
	font-family: Verdana, Geneva, sans-serif;
	color: #00F;
}
/*- Nieve --------------------------- */
@-webkit-keyframes nieve{
   from {top: 50px;}
   to {top: 400px;}
}
      
@-webkit-keyframes copos{
    0% { -webkit-transform: rotate(-10deg) translate(0px, 150px);}
    100% { -webkit-transform: rotate(100deg) translate(300px, 775px);}
}
#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: 150px;
   -webkit-animation-duration: 25s;   
}
.copos.f2 {
   font-size: 1.8em;
   left: 200px;
   -webkit-animation-duration: 50s;   
}
.copos.f3 {
   left: 250px;
   -webkit-animation-duration: 35s;   
}
.copos.f4 {
   font-size: 1.5em;
   left: 300px;
   -webkit-animation-duration: 70s;   
}
.copos.f5 {
   left: 350px;
   -webkit-animation-duration: 30s;   
}
.copos.f6 {
   font-size: 1.8em;
   left: 400px;
   -webkit-animation-duration: 60s;   
}
.copos.f7 {
   left: 450px;
   -webkit-animation-duration: 25s;   
}
.copos.f8 {
   font-size: 1.5em;
   left: 800px;
   -webkit-animation-duration: 30s;   
}

.copos.f9 {
   left: 550px;
   -webkit-animation-duration: 20s;   
}
.copos.f10 {
   font-size: 1.8em;
   left: 700px;
   -webkit-animation-duration: 40s;   
}