html, body
{
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	border:0;
	font-family: "Comic Sans MS", "Trebuchet MS", Helvetica, sans-serif;
	background:#000;
	animation: animacionColorB 60s infinite;
	-o-animation: animacionColorB 60s infinite;
    -ms-animation: animacionColorB 60s infinite;
    -webkit-animation: animacionColorB 60s infinite;
    -moz-animation: animacionColorB 60s infinite;
	overflow-x: hidden;
	overflow-y: hidden;
}
#container{
	position:relative;
	width:100%;
	height:100%;
}
#tituChistaco{
	position:absolute;
	width:100%;
	top:40%;
	text-align:center;
	margin-top:-30px;
	display:none;
}
#tituChistaco table{
	background-color:white;
	max-width:300px;
	min-width:245px;
	width:60%;
	margin: auto;
	left: 0; 
	right: 0;
	border-collapse:collapse;
	border:1px solid black;	
	cursor:pointer;
} 
.tituTop{
	background-color:green;
	color:white;
}
.tituTopP{
	background-color:red;
	color:white;
}
.tituReciente{
	background-color:black;
	color:white;
}
#chistaco{
	position:absolute;
	height:60px;
	width:100%;
	top:50%;
	margin-top:-30px;
	text-align:center;
	color:#F2F5A9;
	animation: animacionColor 60s infinite;
	-o-animation: animacionColor 60s infinite;
    -ms-animation: animacionColor 60s infinite;
    -webkit-animation: animacionColor 60s infinite;
    -moz-animation: animacionColor 60s infinite;
	font-size:18px;
	z-index:9999;
}
#imagedemi{
	position:absolute;
	height:80%;
	width:80%;
	overflow: auto;
	margin: auto;
	left: 0; 
	bottom: 0; 
	right: 0;
	top:0;
	text-align:center;
	color:#F2F5A9;
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
	animation: animacionColor 60s infinite;
	-o-animation: animacionColor 60s infinite;
    -ms-animation: animacionColor 60s infinite;
    -webkit-animation: animacionColor 60s infinite;
    -moz-animation: animacionColor 60s infinite;
	font-size:18px;

}
#alofon{
	position:absolute;
	height:100%;
	width:100%;
	background-image:url(../img/alo2N.png);
	background-size:100% auto;
	background-position:center center;
	background-repeat:no-repeat;
	opacity:0.2;
	filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: url(filter.svg#gris);
	filter: gray;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: grayscale(100%);
	
	animation:animacionAloFon 45s infinite;
	-o-animation: animacionAloFon 45s infinite;
    -ms-animation: animacionAloFon 45s infinite;
    -webkit-animation: animacionAloFon 45s infinite;
    -moz-animation: animacionAloFon 45s infinite;
}
#alo1{
	position:absolute;
	top:-10%;
	/*left:-5%;*/
	left:100px;
	background-image:url(../img/alo1N.png);
	background-size:contain;
	background-position:right bottom;
	background-repeat:no-repeat;
	width:50%;
	height:50%;
	-moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);

	animation:animacionTam1 30s infinite;
	-o-animation: animacionTam1 30s infinite;
    -ms-animation: animacionTam1 30s infinite;
    -webkit-animation: animacionTam1 30s infinite;
    -moz-animation: animacionTam1 30s infinite;
}
#alo2{
	position:absolute;
	left:100px;
	bottom:-10%;
	
	background-image:url(../img/alo1N.png);
	background-size:contain;
	background-position:left bottom;
	background-repeat:no-repeat;
	width:50%;
	height:50%;
	/*-moz-transform: rotate(60deg);
    -o-transform:rotate(60deg);
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);*/
	animation:animacionTam2 30s infinite;
	-o-animation: animacionTam2 30s infinite;
    -ms-animation: animacionTam2 30s infinite;
    -webkit-animation: animacionTam2 30s infinite;
    -moz-animation: animacionTam2 30s infinite;
	
}
#alo3{
	position:absolute;
	top:-10%;
	right:-5%;
	background-image:url(../img/alo1N.png);
	background-size:contain;
	background-position:center bottom;
	background-repeat:no-repeat;
	width:50%;
	height:50%;
	-moz-transform: rotate(-120deg);
    -o-transform: rotate(-120deg);
    -webkit-transform: rotate(-120deg);
    transform: rotate(-120deg);
	animation:animacionTam3 30s infinite;
	-o-animation: animacionTam3 30s infinite;
    -ms-animation: animacionTam3 30s infinite;
    -webkit-animation: animacionTam3 30s infinite;
    -moz-animation: animacionTam3 30s infinite;
}
#alo4{
	position:absolute;
	bottom:-10%;
	right:-5%;
	background-image:url(../img/alo1N.png);
	background-size:contain;
	background-position:center bottom;
	background-repeat:no-repeat;
	width:50%;
	height:50%;
	-moz-transform: rotate(-60deg);
    -o-transform:rotate(-60deg);
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
	animation:animacionTam4 30s infinite;
	-o-animation: animacionTam4 30s infinite;
    -ms-animation: animacionTam4 30s infinite;
    -webkit-animation: animacionTam4 30s infinite;
    -moz-animation: animacionTam4 30s infinite;
}
#siguiente{
	position:absolute;
	height:8%;
	width:60%;
	overflow: auto;
	margin: auto;
	left: 0; 
	bottom: 0; 
	right: 0;
	max-width:300px;
	min-width:245px;
	min-height:20px;
	max-height:60px;
	background:red;
	animation:animBoton 30s infinite;
	-o-animation: animBoton 30s infinite;
    -ms-animation: animBoton 30s infinite;
    -webkit-animation: animBoton 30s infinite;
    -moz-animation: animBoton 30s infinite;
	text-align:center;
	cursor:pointer;
}
#menu0{
	position:absolute;
	width:60%;
	top:10%;
	height: 8%;
	background:white;
	overflow: auto;
	margin: auto;
	left: 0; 
	top: 0; 
	right: 0;
	max-width:300px;
	min-width:245px;
	min-height:20px;
	max-height:60px;
	background:red;
	animation:animBoton 30s infinite;
	-o-animation: animBoton 30s infinite;
    -ms-animation: animBoton 30s infinite;
    -webkit-animation: animBoton 30s infinite;
    -moz-animation: animBoton 30s infinite;
	text-align:center;
	cursor:pointer;
	overflow-x: hidden;
	overflow-y: hidden;
}
#menu1{
	position:absolute;
	height:8%;
	width:60%;
	margin: auto;
	left: 0; 
	bottom: 0; 
	right: 0;
	max-width:300px;
	min-width:245px;
	min-height:20px;
	max-height:60px;
	background:red;
	animation:animBoton 30s infinite;
	-o-animation: animBoton 30s infinite;
    -ms-animation: animBoton 30s infinite;
    -webkit-animation: animBoton 30s infinite;
    -moz-animation: animBoton 30s infinite;
	text-align:center;
	cursor:pointer;
	overflow-x: hidden;
	overflow-y: hidden;
}
#seltop{
	width:45px;
	background-image:url(../img/top.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;

}
#selposi{
	background-color:green;
	font-size:18px;
}
#selnega{

	background-color:red;
	font-size:18px;
}
#selenviar{
	width:45px;
	background-image:url(../img/enviar.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;

}
.selchistacoC{
	width:37px;
	background-image:url(../img/chistaco.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}
.selimagenesC{
	width:37px;
	background-image:url(../img/imagenaca.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}
.desa{
	filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: url(filter.svg#gris);
	filter: gray;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: grayscale(100%);
	background-color:gray;
}
.tbotones {
	width:100%;
	height:100%;
	text-align:center;
	border-collapse: collapse;
    border-style: hidden; 
	
}
.tbotones td{ 
	-webkit-box-shadow:inset -2px -2px 1px 0 rgba(0,0,0,1);
	box-shadow:inset -2px -2px 1px 0 rgba(0,0,0,1);
}
.tbotones td:hover{ 
	-webkit-box-shadow:inset 2px 2px 1px 0 rgba(0,0,0,1);
	box-shadow:inset 2px 2px 1px 0 rgba(0,0,0,1);
}
#aporte{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:white;	
	max-width:1000px;
	overflow: auto;
	margin: auto;
	left: 0; 
	bottom: 0; 
	right: 0;
	display:none;
	z-index:99999;
}
#aporte textarea{
	position:absolute;
	top:5%;
	left:5%;
	right:5%;
	width:90%;
	height: 45%;
}
#btnsAporte{
	position:absolute;
	bottom:0%;
	height:8%;
	min-height:20px;
	max-height:50px;
	overflow: auto;
	margin: auto;
	background:red;
	width:100%;
	animation:animBoton 30s infinite;
	-o-animation: animBoton 30s infinite;
    -ms-animation: animBoton 30s infinite;
    -webkit-animation: animBoton 30s infinite;
    -moz-animation: animBoton 30s infinite;
	text-align:center;
	cursor:pointer;
	overflow-x: hidden;
	overflow-y: hidden;

}
#lblTipo{
	width:80px;

}
#usuarioAporte{
	position:absolute;
	width:100%;
	top:52%;
	left:5%;
	right:5%;
	width:90%;
}
.g-recaptcha{
	position:absolute;
	top:60%;
	margin: auto;
	left: 5%; 
}
#submitDemi{
	border:0;
	background:none;
	font-family: "Comic Sans MS", "Trebuchet MS", Helvetica, sans-serif;
	font-size:18px;
	cursor:pointer;
}
#votaAnim{
	position:absolute;
	margin: auto;
	left: 0; 
	bottom: 0; 
	right: 0;
	top:0;
	width:100%;
	text-align:center;
	display:none;
	
	
}
.twittearD{
	width:45px;
	background-image:url(../img/twitter.png);
	background-repeat:no-repeat;
	background-color:#33ccff;
	background-position:center;
}
#desMenu2{
	position:absolute;
	top:8%;
	display:none;
	margin: auto;
	left: 0; 
	right: 0;
	width:60%;
	max-width:300px;
	min-width:245px;
	background-color:white;
}
#desMenu2 table{
	border-collapse:collapse;
	width:100%;
}
#desMenu2 td{
	height:30px;
	border:1px solid black;
	cursor:pointer;
}
#desMenu2 td:hover{
	height:30px;
	border:1px solid black;
	background-color:black;
	color:white;
	
}
#adsadpv40128{
	position:absolute;
	z-index:99;
}
.aportadoPor{
	font-size:14px;
	margin-top:25px;
}
@media only screen and (max-width:600px) {
 #alo1 {
	left:-20px;
 }
 #alo2 {
	left:-20px;
 }
}
@keyframes animBoton {
    0%   {background: red;}
    25%  {background: yellow;}
    50%  {background: blue;}
    100% {background: green;}
}
@-webkit-keyframes animBoton {
    0%   {background: red;}
    25%  {background: yellow;}
    50%  {background: blue;}
    100% {background: green;}
}
@-ms-keyframes animBoton {
    0%   {background: red;}
    25%  {background: yellow;}
    50%  {background: blue;}
    100% {background: green;}
}
@-o-keyframes animBoton {
    0%   {background: red;}
    25%  {background: yellow;}
    50%  {background: blue;}
    100% {background: green;}
}
@-moz-keyframes animBoton {
    0%   {background: red;}
    25%  {background: yellow;}
    50%  {background: blue;}
    100% {background: green;}
}
@keyframes animacionAloFon{
	0% {background-size:25% auto}
	10% {background-size:50% auto}
	20% {background-size:75% auto}
	30% {background-size:100% auto}
	40% {background-size:125% auto}
	50% {background-size:150% auto}
	60% {background-size:125% auto}
	70% {background-size:100% auto}
	80% {background-size:75% auto}
	90% {background-size:50% auto}
	100% {background-size:25% auto}

}
@-webkit-keyframes animacionAloFon{
	0% {background-size:25% auto}
	50% {background-size:200% auto}
	100% {background-size:25% auto}

}
@-ms-keyframes animacionAloFon{
	0% {background-size:25% auto}
	10% {background-size:50% auto}
	20% {background-size:75% auto}
	30% {background-size:100% auto}
	40% {background-size:125% auto}
	50% {background-size:150% auto}
	60% {background-size:125% auto}
	70% {background-size:100% auto}
	80% {background-size:75% auto}
	90% {background-size:50% auto}
	100% {background-size:25% auto}

}
@-o-keyframes animacionAloFon{
	0% {background-size:25% auto}
	10% {background-size:50% auto}
	20% {background-size:75% auto}
	30% {background-size:100% auto}
	40% {background-size:125% auto}
	50% {background-size:150% auto}
	60% {background-size:125% auto}
	70% {background-size:100% auto}
	80% {background-size:75% auto}
	90% {background-size:50% auto}
	100% {background-size:25% auto}

}
@-moz-keyframes animacionAloFon{
	0% {background-size:25% auto}
	10% {background-size:50% auto}
	20% {background-size:75% auto}
	30% {background-size:100% auto}
	40% {background-size:125% auto}
	50% {background-size:150% auto}
	60% {background-size:125% auto}
	70% {background-size:100% auto}
	80% {background-size:75% auto}
	90% {background-size:50% auto}
	100% {background-size:25% auto}

}
@keyframes animacionTam1{
	/*0% {top:-30%;left:-30%;}
	25% {top:-20%;left:-25%;}
	50% {top:-10%;left:-20%;}
	75% {top:-20%;left:-25%;}
	100% {top:-30%;left:-30%;}*/
	0% {top:-30%;}
	25% {top:-20%;}
	50% {top:-10%;}
	75% {top:-20%;}
	100% {top:-30%;}

}
@-webkit-keyframes animacionTam1{
	0% {top:-30%;}
	25% {top:-20%;}
	50% {top:-10%;}
	75% {top:-20%;}
	100% {top:-30%;}
	

}
@-ms-keyframes animacionTam1{
	0% {top:-30%;}
	25% {top:-20%;}
	50% {top:-10%;}
	75% {top:-20%;}
	100% {top:-30%;}

}
@-o-keyframes animacionTam1{
	0% {top:-30%;}
	25% {top:-20%;}
	50% {top:-10%;}
	75% {top:-20%;}
	100% {top:-30%;}

}
@-moz-keyframes animacionTam1{
	0% {top:-30%;}
	25% {top:-20%;}
	50% {top:-10%;}
	75% {top:-20%;}
	100% {top:-30%;}

}
@keyframes animacionTam2{

	0% {bottom:-10%;}
	25% {bottom:-20%;}
	50% {bottom:-30%;}
	75% {bottom:-20%;}
	100% {bottom:-10%;}

}
@-webkit-keyframes animacionTam2{

	0% {bottom:-10%;}
	25% {bottom:-20%;}
	50% {bottom:-30%;}
	75% {bottom:-20%;}
	100% {bottom:-10%;}
	/*
		0% {bottom:-10%;left:-20%;}
	25% {bottom:-20%;left:-25%;}
	50% {bottom:-30%;left:-30%;}
	75% {bottom:-20%;left:-25%;}
	100% {bottom:-10%;left:-20%;}
	
	*/

}
@-ms-keyframes animacionTam2{

	0% {bottom:-10%;}
	25% {bottom:-20%;}
	50% {bottom:-30%;}
	75% {bottom:-20%;}
	100% {bottom:-10%;}

}
@-o-keyframes animacionTam2{

	0% {bottom:-10%;}
	25% {bottom:-20%;}
	50% {bottom:-30%;}
	75% {bottom:-20%;}
	100% {bottom:-10%;}

}
@-moz-keyframes animacionTam2{

	0% {bottom:-10%;}
	25% {bottom:-20%;}
	50% {bottom:-30%;}
	75% {bottom:-20%;}
	100% {bottom:-10%;}

}
@keyframes animacionTam3{
	0% {top:-30%;right:-30%;}
	25% {top:-20%;right:-25%;}
	50% {top:-10%;right:-20%;}
	75% {top:-20%;right:-25%;}
	100% {top:-30%;right:-30%;}

}
@-webkit-keyframes animacionTam3{
	0% {top:-30%;right:-30%;}
	25% {top:-20%;right:-25%;}
	50% {top:-10%;right:-20%;}
	75% {top:-20%;right:-25%;}
	100% {top:-30%;right:-30%;}

}
@-ms-keyframes animacionTam3{
	0% {top:-30%;right:-30%;}
	25% {top:-20%;right:-25%;}
	50% {top:-10%;right:-20%;}
	75% {top:-20%;right:-25%;}
	100% {top:-30%;right:-30%;}

}
@-o-keyframes animacionTam3{
	0% {top:-30%;right:-30%;}
	25% {top:-20%;right:-25%;}
	50% {top:-10%;right:-20%;}
	75% {top:-20%;right:-25%;}
	100% {top:-30%;right:-30%;}

}
@-moz-keyframes animacionTam3{
	0% {top:-30%;right:-30%;}
	25% {top:-20%;right:-25%;}
	50% {top:-10%;right:-20%;}
	75% {top:-20%;right:-25%;}
	100% {top:-30%;right:-30%;}

}
@keyframes animacionTam4{

	0% {bottom:-10%;right:-20%;}
	25% {bottom:-20%;right:-25%;}
	50% {bottom:-30%;right:-30%;}
	75% {bottom:-20%;right:-25%;}
	100% {bottom:-10%;right:-20%;}

}
@-webkit-keyframes animacionTam4{

	0% {bottom:-10%;right:-20%;}
	25% {bottom:-20%;right:-25%;}
	50% {bottom:-30%;right:-30%;}
	75% {bottom:-20%;right:-25%;}
	100% {bottom:-10%;right:-20%;}

}
@-ms-keyframes animacionTam4{

	0% {bottom:-10%;right:-20%;}
	25% {bottom:-20%;right:-25%;}
	50% {bottom:-30%;right:-30%;}
	75% {bottom:-20%;right:-25%;}
	100% {bottom:-10%;right:-20%;}

}
@-o-keyframes animacionTam4{

	0% {bottom:-10%;right:-20%;}
	25% {bottom:-20%;right:-25%;}
	50% {bottom:-30%;right:-30%;}
	75% {bottom:-20%;right:-25%;}
	100% {bottom:-10%;right:-20%;}

}
@-moz-keyframes animacionTam4{

	0% {bottom:-10%;right:-20%;}
	25% {bottom:-20%;right:-25%;}
	50% {bottom:-30%;right:-30%;}
	75% {bottom:-20%;right:-25%;}
	100% {bottom:-10%;right:-20%;}

}
@keyframes animacionColor{
   	0% {color: #ff0000;}
	 25% {color: #176b00;}
	 50% {color: #001df3;}
	 75% {color: #f3ea00;}
	 100% {color: #90007d;}
              }
@-webkit-keyframes animacionColor{
   	0% {color: #ff0000;}
	 25% {color: #176b00;}
	 50% {color: #001df3;}
	 75% {color: #f3ea00;}
	 100% {color: #90007d;}
              }
@-ms-keyframes animacionColor{
   	0% {color: #ff0000;}
	 25% {color: #176b00;}
	 50% {color: #001df3;}
	 75% {color: #f3ea00;}
	 100% {color: #90007d;}
}
@-o-keyframes animacionColor{
   	0% {color: #ff0000;}
	 25% {color: #176b00;}
	 50% {color: #001df3;}
	 75% {color: #f3ea00;}
	 100% {color: #90007d;}
}
@-moz-keyframes animacionColor{
   	0% {color: #ff0000;}
	 25% {color: #176b00;}
	 50% {color: #001df3;}
	 75% {color: #f3ea00;}
	 100% {color: #90007d;}
}

@keyframes animacionColorB{
   	0% {background: #F2F5A9;}
	 15% {background: #BDBDBD;}
	 30% {background: #FA5858;}
	 40% {background: #9A2EFE;}
	 60% {background: #58D3F7;}
	 75% {background: #FF8000;}
	 88% {background: #81F781;}
	 100% {background: #F2F5A9;}
              }
@-webkit-keyframes animacionColorB{
   	0% {background: #F2F5A9;}
	 15% {background: #BDBDBD;}
	 30% {background: #FA5858;}
	 40% {background: #9A2EFE;}
	 60% {background: #58D3F7;}
	 75% {background: #FF8000;}
	 88% {background: #81F781;}
	 100% {background: #F2F5A9;}
              }
@-ms-keyframes animacionColorB{
   	0% {background: #F2F5A9;}
	 15% {background: #BDBDBD;}
	 30% {background: #FA5858;}
	 40% {background: #9A2EFE;}
	 60% {background: #58D3F7;}
	 75% {background: #FF8000;}
	 88% {background: #81F781;}
	 100% {background: #F2F5A9;}
}
@-o-keyframes animacionColorB{
   	0% {background: #F2F5A9;}
	 15% {background: #BDBDBD;}
	 30% {background: #FA5858;}
	 40% {background: #9A2EFE;}
	 60% {background: #58D3F7;}
	 75% {background: #FF8000;}
	 88% {background: #81F781;}
	 100% {background: #F2F5A9;}
}
@-moz-keyframes animacionColorB{
   	0% {background: #F2F5A9;}
	 15% {background: #BDBDBD;}
	 30% {background: #FA5858;}
	 40% {background: #9A2EFE;}
	 60% {background: #58D3F7;}
	 75% {background: #FF8000;}
	 88% {background: #81F781;}
	 100% {background: #F2F5A9;}
}