/****** 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%;
}

.cTxBoto01
{
  position: absolute;
  left: 17%; top: 16%;
  width: 10.6%; height: auto;
}
.cTxBoto01:after 
{
  content: "";
  display: block;
  padding-bottom: 100%;
}

/****** BOTO02 ******/
.cBoto02
{
  position:absolute;
  background: rgb(254, 223, 107);
  left: 35%; top: 5%;
  width: 15%; border-radius: 5%;
}

.cBoto02:after 
{
  content: "";
  display: block;
  padding-bottom: 100%;
}

.cTxBoto02
{
  position: absolute;
  left: 37%; top: 16%;
  width: 10.6%; height: auto;
}
.cTxBoto02:after 
{
  content: "";
  display: block;
  padding-bottom: 100%;
}

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

.cTxBoto03
{
  position: absolute;
  left: 57%; top: 16%;
  width: 10.6%; height: auto;
 }
.cTxBoto03:after 
{
  content: "";
  display: block;
  padding-bottom: 100%;
}

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

.cTxBoto04
{
  position: absolute;
  filter: blur(5px);
  left: 18%; top: 46.5%;
  width: 8.6%; height: auto;             
}

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

.cTxBoto05
{
  position: absolute;
  filter: blur(5px);
  left: 37%; top: 47%;
  width: 10.6%; height: auto;
}

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

.cTxBoto06
{
  position: absolute;
  filter: blur(5px);
  left: 58.5%; top: 46%;
  width: 7.6%; height: auto;
}

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

.cTxBoto07
{
  position: absolute;
  left: 18.8%; top: 76%;
  width: 7.3%; height: auto;
}

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

.cTxBoto08
{
  position: absolute;
  filter: blur(5px);
  left: 36%; top: 76%;
  width: 13%; height: auto;
}

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

.cTxBoto09
{
  position: absolute;
  filter: blur(5px);
  left: 55.2%; top: 76%;
  width: 14.6%; height: auto;
}


/****** EN CONSTRUCCIÓ ******/
.cEnConstruccio
{
  position:absolute;
  left: 12.3%; top: 35%;
  width: 65%; height: auto;
  transform: rotate(-5deg);
  animation: 0.5s aEnConstruccio;
  animation-fill-mode: forwards;
}
@keyframes aEnConstruccio
{
  0%   {opacity: 0;}
  50%  {opacity: 0;}
  100% {opacity: 1;} 
}
.cEnConstruccio:after 
{
  content: "";
  display: block;
  padding-bottom: 100%;
}