#polloActivo .pollo {
	left: 50%;
	transform: translate(-50%, -50%);
	top: 50%;
	zoom: 0.6;
}

.pollo {
	height: 160px;
	position: relative;
	width: 136px
}
.pollo div {
	background-color: ghostwhite;
	border: 1px solid ghostwhite;
	position:absolute;
}

.pollo .cola {
	border-radius: 0 100% 100%;
	height: 80px;
	left: 27px;
	top: 58px;
	transform:rotate(225deg);
	width: 80px;
}

.pollo .ala {
	border-radius: 0 150% 90%;
	height: 80px;
	top: 49px;
	width: 80px;
}
.pollo .ala.izq {
	left: 0px;
	transform:rotate(217deg);
}
.pollo .ala.dch {
	left: 53px;
	transform:rotate(231deg);
}

.pollo .tronco {
	border-radius: 37% 37% 50% 50%;
	height: 130px;
	left: 4px;
	top: 12px;
	width: 125px;
}

.pollo .nariz {
	background-color: orange;
	border-color: orange;
	border-radius: 50%;
	height: 34px;
	left: 52px;
	top: 1px;
	width: 30px;
}

.pollo .cara {
	background-color: red;
	border-color: red;
	border-radius: 45% 45% 50% 50%;
	height: 30px;
	left: 22px;
	top: 11px;
	width: 89px;
}

.pollo .ojo {
	background-color: black;
	border-color: black;
	height: 6px;
	overflow: hidden;
	top: 15px;
	width: 16px;
}
.pollo .ojo.izq {
	border-radius: 150% 50% 150% 25%;
	left: 34px;
	transform:rotate(-10deg);
}
.pollo .ojo.dch {
	border-radius: 50% 150% 25%;
	left: 84px;
	transform:rotate(10deg);
}
.pollo .ojo .pupila {
	background-color: ghostwhite;
	border-color: ghostwhite;
	border-radius: 35%;
	height: 1px;
	left: 10px;
	top: 2px;
	width: 4px;
}
.pollo .ojo.izq .pupila {
	transform:rotate(-10deg);
}
.pollo .ojo.dch .pupila {
	transform:rotate(10deg);
}

.pollo .coronilla {
	border-radius: 35%;
	box-shadow: inset 0 -8px 4px -9px darkgrey;
	height: 112px;
	left: 16px;
	top: 24px;
	width: 102px;
}

.pollo .cresta {
	background-color: red;
	border-color: red;
	border-radius: 50%;
}
.pollo .cresta.cresta0 {
	height: 48px;
	left: 54px;
	top: 0px;
	width: 26px;
}
.pollo .cresta.cresta1 {
	height: 51px;
	left: 56px;
	top: 37px;
	width: 22px;
}
.pollo .cresta.cresta2 {
	height: 51px;
	left: 60px;
	top: 60px;
	width: 14px;
}



.animacionActiva .pollo .cola {
	animation-name: colaAnimation;
	animation-duration: 3s;
	animation-delay: 0s;
	animation-iteration-count: infinite;
}
@keyframes colaAnimation {
  12%  { transform:rotate(220deg); }
  37%  { transform:rotate(230deg); }
  63%  { transform:rotate(220deg); }
  88%  { transform:rotate(230deg); }
}

.animacionActiva .pollo .ala.izq {
	animation-name: alaIzqAnimation;
	animation-duration: 3s;
	animation-delay: 0s;
	animation-iteration-count: infinite;
}
@keyframes alaIzqAnimation {
  12%  { transform:rotate(212deg); }
  37%  { transform:rotate(222deg); }
  63%  { transform:rotate(212deg); }
  88%  { transform:rotate(222deg); }
}

.animacionActiva .pollo .ala.dch {
	animation-name: alaDchAnimation;
	animation-duration: 3s;
	animation-delay: 0s;
	animation-iteration-count: infinite;
}
@keyframes alaDchAnimation {
  12%  { transform:rotate(226deg); }
  37%  { transform:rotate(236deg); }
  63%  { transform:rotate(226deg); }
  88%  { transform:rotate(236deg); }
}

.animacionActiva .pollo .cresta1 {
	animation-name: colaCresta1Animation;
	animation-duration: 3s;
	animation-delay: 0s;
	animation-iteration-count: infinite;
}
@keyframes colaCresta1Animation {
  12%  { left:57px; }
  37%  { left:55px; }
  63%  { left:57px; }
  88%  { left:55px; }
}

.animacionActiva .pollo .cresta2 {
	animation-name: colaCresta2Animation;
	animation-duration: 3s;
	animation-delay: 0s;
	animation-iteration-count: infinite;
}
@keyframes colaCresta2Animation {
  12%  { left:62px; }
  37%  { left:58px; }
  63%  { left:62px; }
  88%  { left:58px; }
}

.animacionActiva .pollo .coronilla {
	animation-name: colaCoronillaAnimation;
	animation-duration: 3s;
	animation-delay: 0s;
	animation-iteration-count: infinite;
}
@keyframes colaCoronillaAnimation {
  12%  { transform:rotate(-3deg); }
  37%  { transform:rotate(3deg); }
  63%  { transform:rotate(-3deg); }
  88%  { transform:rotate(3deg); }
}