/****** BOTO01 ******/
.cBoto01 
{
  position: absolute;
  background: rgb(254, 223, 107);
  left: 15%; top: 5%;
  width: 15%; border-radius: 10%;
}
.cBoto01:after 
{
  content: "";
  display: block;
  padding-bottom: 100%;
}

/****** BOTO02 ******/
.cBoto02 
{
  position: absolute;
  background: rgb(254, 223, 107);
  width: 15%; border-radius: 10%;
  animation: 1s aBoto02;
  animation-fill-mode: forwards;
}
@keyframes aBoto02
{
  0%   {left: 35%; top:  5%;}
  50%  {left: 35%; top:  5%; opacity: 1;}
  100% {left: 15%; top:  5%; opacity: 0;}
}
.cBoto02:after 
{
  content: "";
  display: block;
  padding-bottom: 100%;
}

/****** BOTO03 ******/
.cBoto03 
{
  position: absolute;
  background: rgb(254, 223, 107);
  width: 15%; border-radius: 10%;
  animation: 1s aBoto03;
  animation-fill-mode: forwards;
}
@keyframes aBoto03
{
  0%   {left: 55%; top:  5%;}
  50%  {left: 55%; top:  5%; opacity: 1;}
  100% {left: 15%; top:  5%; opacity: 0;}
}
.cBoto03:after 
{
  content: "";
  display: block;
  padding-bottom: 100%;
}

/****** BOTO04 ******/
.cBoto04
{
  position: absolute;
  background: rgb(254, 223, 107);
  width: 15%; border-radius: 10%;
  animation: 1s aBoto04;
  animation-fill-mode: forwards;
}
@keyframes aBoto04
{
  0%   {left: 15%; top: 35%;}
  50%  {left: 15%; top: 35%; opacity: 1;}
  100% {left: 15%; top:  5%; opacity: 0;}
}
.cBoto04:after 
{
  content: "";
  display: block;
  padding-bottom: 100%;
}

/****** BOTO05 ******/
.cBoto05 
{
  position: absolute;
  background: rgb(254, 223, 107);
  width: 15%; border-radius: 10%;
  animation: 1s aBoto05;
  animation-fill-mode: forwards;
}
@keyframes aBoto05
{
  0%   {left: 35%; top: 35%;}
  50%  {left: 35%; top: 35%; opacity: 1;}
  100% {left: 15%; top:  5%; opacity: 0;}
}
.cBoto05:after 
{
  content: "";
  display: block;
  padding-bottom: 100%;
}

/****** BOTO06 ******/
.cBoto06 
{
  position: absolute;
  background: rgb(254, 223, 107);
  width: 15%; border-radius: 10%;
  animation: 1s aBoto06;
  animation-fill-mode: forwards;
}
@keyframes aBoto06
{
  0%   {left: 55%; top: 35%;}
  50%  {left: 55%; top: 35%; opacity: 1;}
  100% {left: 15%; top:  5%; opacity: 0;}
}
.cBoto06:after 
{
  content: "";
  display: block;
  padding-bottom: 100%;
}

/****** BOTO07 ******/
.cBoto07 
{
  position: absolute;
  background: rgb(254, 223, 107);
  width: 15%; border-radius: 10%;
  animation: 1s aBoto07;
  animation-fill-mode: forwards;
}
@keyframes aBoto07
{
  0%   {left: 15%; top: 65%;}
  50%  {left: 15%; top: 65%; opacity: 1;}
  100% {left: 15%; top:  5%; opacity: 0;}
}
.cBoto07:after 
{
  content: "";
  display: block;
  padding-bottom: 100%;
}

/****** BOTO08 ******/
.cBoto08 
{
  position: absolute;
  background: rgb(254, 223, 107);
  width: 15%; border-radius: 10%;
  animation: 1s aBoto08;
  animation-fill-mode: forwards;
}
@keyframes aBoto08
{
  0%   {left: 35%; top: 65%;}
  50%  {left: 35%; top: 65%; opacity: 1;}
  100% {left: 15%; top:  5%; opacity: 0;}
 
}
.cBoto08:after 
{
  content: "";
  display: block;
  padding-bottom: 100%;
}

/****** BOTO09 ******/
.cBoto09 
{
  position: absolute;
  background: rgb(254, 223, 107);
  width: 15%; border-radius: 10%;
  animation: 1s aBoto09;
  animation-fill-mode: forwards;
}
@keyframes aBoto09
{
  0%   {left: 55%; top: 65%;}
  50%  {left: 55%; top: 65%; opacity: 1;}
  100% {left: 15%; top:  5%; opacity: 0;}
}
.cBoto09:after 
{
  content: "";
  display: block;
  padding-bottom: 100%;
}

/****** RETOL01 ******/
.cTxBoto011
{
  position: absolute;
  left: 17%; top: 16%;
  width: 10.6%; height: auto;
  opacity: 0;
  animation: aTxBoto011 1s;
  animation-fill-mode: forwards;
}

/****** RETOL02 ******/
.cTxBoto012
{
  position: absolute;
  left: 37%; top: 16%;
  width: 10.6%; height: auto;
  animation: aTxBoto012 1s;
  animation-fill-mode: forwards;
}
@keyframes aTxBoto012
{  
 0%  {opacity: 1;}
 5%  {opacity: 1;}
 6%  {opacity: 0;}
 100%{opacity: 0;}
}

/****** RETOL03 ******/
.cTxBoto013
{
  position: absolute;
  left: 57%; top: 16%;
  width: 10.6%; height: auto;
  animation: aTxBoto013 1s;
  animation-fill-mode: forwards;
}
@keyframes aTxBoto013
{  
 0%  {opacity: 1;}
 11% {opacity: 1;}
 12% {opacity: 0;}
 100%{opacity: 0;}
}

/****** RETOL04 ******/
.cTxBoto014
{
  position: absolute;
  left: 18%; top: 46.5%;
  width: 8.6%; height: auto;
  animation: aTxBoto014 1s;
  animation-fill-mode: forwards;
}
@keyframes aTxBoto014
{  
 0%  {opacity: 1;}
 18% {opacity: 1;}
 19% {opacity: 0;}
 100%{opacity: 0;}
}

/****** RETOL05 ******/
.cTxBoto015
{
  position: absolute;
  left: 37%; top: 47%;
  width: 10.6%; height: auto;
  animation: aTxBoto015 1s;
  animation-fill-mode: forwards;
}
@keyframes aTxBoto015
{  
  0%  {opacity: 1;}
 24%  {opacity: 1;}
 25%  {opacity: 0;}
 100% {opacity: 0;}
}

/****** RETOL06 ******/
.cTxBoto016
{
  position: absolute;
  left: 58.5%; top: 46%;
  width: 7.6%; height: auto;
  animation: aTxBoto016 1s;
  animation-fill-mode: forwards;
}
@keyframes aTxBoto016
{  
  0%  {opacity: 1;}
 30%  {opacity: 1;}
 31%  {opacity: 0;}
 100% {opacity: 0;}
}

/****** RETOL07 ******/
.cTxBoto017
{
  position: absolute;
  left: 18.8%; top: 76%;
  width: 7.3%; height: auto;
  animation: aTxBoto017 1s;
  animation-fill-mode: forwards;
}
@keyframes aTxBoto017
{  
  0%  {opacity: 1;}
 36%  {opacity: 1;}
 37%  {opacity: 0;}
 100% {opacity: 0;}
}

/****** RETOL08 ******/
.cTxBoto018
{
  position: absolute;
  left: 36%; top: 76%;
  width: 13%; height: auto;
  animation: aTxBoto018 1s;
  animation-fill-mode: forwards;
}
@keyframes aTxBoto018
{  
  0%  {opacity: 1;}
 42%  {opacity: 1;}
 43%  {opacity: 0;}
 100% {opacity: 0;}
}

/****** RETOL09 ******/
.cTxBoto019
{
  position: absolute;
  left: 55.2%; top: 76%;
  width: 14.6%; height: auto;
  animation: aTxBoto019 1s;
  animation-fill-mode: forwards;
}
@keyframes aTxBoto019
{  
  0%  {opacity: 1;}
 48%  {opacity: 1;}
 49%  {opacity: 0;}
 100% {opacity: 0;}
}