/*
body {
	margin: 0px;
	font-family: 'Poppins', sans-serif;
}
	#ad {
		display: block;
		border: 1px solid #666;
		overflow: hidden;
		width: 298px;
		height: 248px;
		-moz-user-select: -moz-none;
		-khtml-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}	
		#banner {
			position: absolute;
			display: block;
			width: 298px;
			height: 248px;
			overflow: hidden;
		}
			#content{
				position: absolute;
				width: 298px;
			    height: 248px;
				top: 0;
				left: 0;
			}
				#fondo{
					position: absolute;
					top: 0;
					left: 0;
				}
				#placa-amarilla{
					position: absolute;
					width: 275px;
					height: 80px;
					top: 85px;
					left: 12px;
					background-color: #FCD015;
					animation-duration: 20000ms;
					animation-timing-function: ease-out;
					animation-name: placa-amarilla;
					animation-iteration-count: 3;
					box-shadow: 2px 5px 0px 0px rgba(0, 0, 0, 0.4);
				}
					@keyframes placa-amarilla{
						0%{
							transform: rotate(-10deg);
							opacity: 0;
						}
						2%{
							transform: rotate(0deg);
							opacity: 1;
						}
						17%{
							width: 275px;
							left: 12px;
						}
						18%{
							width: 240px;
							left: 30px;
						}
						26%{
							width: 240px;
							left: 30px;
							transform: skew(0deg);
						}
						27%{
							width: 274px;
							left: 13px;
							transform: skew(-5deg);
						}
						43%{
							width: 274px;
							left: 13px;
						}
						44%{
							width: 260px;
							left: 20px;
						}
						100%{
							width: 260px;
							left: 20px;
							opacity: 1;
						}
					} 
				#bap{
					position: absolute;
					width: 260px;
					height: 60px;
					left: 20px;
					top: 95px;
					animation-duration: 20000ms;
					animation-timing-function: ease-out;
					animation-name: bap;
					animation-iteration-count: 3;
				}
					@keyframes bap{
						0%{
							opacity: 0;
						}
						3%{
							transform: scale(0.5, 0.5);
							opacity: 0;
						}
						4.5%{
							transform: scale(1, 1);
							opacity: 1;
						}
						17%{
							opacity: 1;
						}
						18%{
							opacity: 0;
						}
						100%{
							opacity: 0;  
						}
					}
				#ponele-playa{
					opacity: 0;
					position: absolute;
					font-size: 34px;
					font-weight: 600;
					line-height: 38px;
					text-align: center;
					color: #333333;
					margin: 0;
					left: 35px;
					top: 89px;
					animation-duration: 20000ms;
					animation-timing-function: ease-out;
					animation-name: ponele-playa;
					animation-iteration-count: 3;
				}
					@keyframes ponele-playa{
						18%{
							opacity: 0;
							transform: scale(1.5,1.5);
						}
						19%{
							opacity: 1;
							transform: scale(1,1);
						}
						26%{
							opacity: 1;
						}
						27%{
							opacity: 0;
						}
						100%{
							opacity: 0;  
						}
					}
				#te-esperamos{
					opacity: 0;
					position: absolute;
					width: 254px;
					font-size: 18px;
					font-weight: 600;
					line-height: 22px;
					text-align: center;
					color: #333333;
					margin: 0;
					left: 23px;
					top: 92px;
					animation-duration: 20000ms;
					animation-timing-function: ease-out;
					animation-name: te-esperamos;
					animation-iteration-count: 3;
				}
					@keyframes te-esperamos{
						27%{
							opacity: 0;
							left: 75px;
						}
						28.5%{
							opacity: 1;
							left: 24px;
						}
						43%{
							opacity: 1;
						}
						44%{
							opacity: 0;
						}
						100%{
							opacity: 0;  
						}
					}
				#de-martes{
					opacity: 0;
					position: absolute;
					width: 256px;
					font-size: 21px;
					font-weight: 600;
					line-height: 25px;
					text-align: center;
					color: #333333;
					margin: 0;
					left: 22px;
					top: 100px;
					animation-duration: 20000ms;
					animation-timing-function: ease-out;
					animation-name: de-martes;
					animation-iteration-count: 3;
				}
					@keyframes de-martes{
						44%{
							opacity: 0;
							transform: scale(0.5,0.5);
						}
						45%{
							opacity: 1;
							transform: scale(1,1);
						}
						100%{
							opacity: 1;  
						}
					}
				#gratis{
					opacity: 0;
					position: absolute;
					width: 115px;
					height: 40px;
					font-size: 28px;
					font-weight: 500;
					color: #FFF;
					text-align: center;
					background-color: #DA1A63;
					box-shadow: 2px 5px 0px 0px rgba(0, 0, 0, 0.4);
					transform: skew(5deg);
					left: 92px;
					top: 125px;
					animation-duration: 20000ms;
					animation-timing-function: ease-out;
					animation-name: gratis;
					animation-iteration-count: 3;
				}
					@keyframes gratis{
						48%{
							opacity: 0;
							transform: scale(2,2);
						}
						49%{
							opacity: 1;
							transform: scale(1,1);
						}
						100%{
							opacity: 1;
						}
					}
				#fondo-amarillo{
					opacity: 0;
					position: absolute;
					width: 300px;
					height: 250px;
					background-color: #FCD015;
					animation-duration: 20000ms;
					animation-timing-function: ease-out;
					animation-name: fondo-amarillo;
					animation-iteration-count: 3;
				}
					@keyframes fondo-amarillo{
						61%{
							opacity: 0;
						}
						62%{
							opacity: 1;
						}
						100%{
							opacity: 1;
						}
					}
				#enterate{
					opacity: 0;
					position: absolute;
					width: 250px;
					height: 45px;
					font-size: 25px;
					font-weight: normal;
					color: #FFF;
					text-align: center;
					background-color: #DA1A63;
					box-shadow: 2px 5px 0px 0px rgba(0, 0, 0, 0.4);
					transform: skew(10deg);
					left: 25px;
					top: 80px;
					animation-duration: 20000ms;
					animation-timing-function: ease-out;
					animation-name: enterate;
					animation-iteration-count: 3;
				}
					#enterate span{
						display: inline-block;
						transform: skew(-5deg);
					}
					@keyframes enterate{
						62%{
							opacity: 0;
							transform: scale(2,2);
						}
						63.5%{
							opacity: 1;
							transform: scale(1,1);
						}
						100%{
							opacity: 1;
						}
					}
				#final{
					opacity: 0;
					position: absolute;
					width: 300px;
					height: 250px;
					animation-duration: 20000ms;
					animation-timing-function: ease-out;
					animation-name: final;
					animation-iteration-count: 3;
				}
					@keyframes final{
						 0%{
							opacity: 0;
						  }
						  87%{
							opacity: 0;
						  }
						  88%{
							opacity: 1;  
						  }
						  100%{
							opacity: 1;  
						  }
					}
*/