.contebotpro
{
 display: block;
 float: left;
 width: 20%;
 margin: 0px;
 padding: 8px;
 box-sizing: border-box;
}


.divheadbot
{
 display: block;
 float: left;
 width: 100%;
 box-sizing: border-box;
 height: 32px;
}

.divheadbot span
{
  font-size : 12pt;  
  font-family : Droid Sans, ubuntu,arial,verdana,tahoma;  
  text-align : left;  
  color: #404040;
  line-height: 32px;
  padding-left: 8px;  
 
}

.botonpro
{
 display: block;
 float: left;
 box-sizing: border-box;
 width: calc(100% - 8px);
 margin: 4px;
}

.icobotpro
{
 display: block;
 float: left;
 padding-left: 4px;
 padding-right: 4px;
 padding-top: 4px;
 padding-bottom: 4px;
 width: 42px;
 height: 42px;
}

.contespanbt
{
 display: block;
 float: left;
 width: calc(100% - 54px);
 box-sizing: border-box;
 text-align: left;
 margin-top: 5px;
 height: 40px;
}

.spanbotpro1l
{
  font-size : 12pt;  
  font-family : ubuntu,arial,verdana,tahoma;  
  text-align : left;  
  color: #ffffff;
  line-height: 50px;
  padding-left: 8px;
  padding-right: 4px;
}

.spanbotpro1lcond
{
  font-size : 11pt;  
  font-family : ubuntu,arial,verdana,tahoma;  
  text-align : left;  
  color: #ffffff;
  line-height: 50px;
  padding-left: 8px;
  padding-right: 5px;
}




.fd1
{
 background-color: #35a7ff;
}

.fd1:hover
{
 background-color: #65c7ff;
}



.fd2
{
 background-color: #6bf178;
}



.fd3
{
 background-color: #FF00F6;
}


.fd4
{
 background-color: #FFC600;
}


.fd5
{
 background-color: #FF0600;
}



@media screen and (max-width: 1024px) and (min-width: 481px) 
{

 .icobotpro
 {
  display: none;
 }

 .spanbotpro1l
 {
  text-align: center;
  padding: 4px;
  font-size : 9pt;  
 }

 .spanbotpro1lcond
 {
  text-align: center;
  padding: 4px;
  font-size : 7pt;   
 }
 .contebotpro
 {
  text-align: center;
 }

 
}





@media screen and (max-width: 599px) and (min-width: 240px) 
{
 
  .contebotpro
  {
   display: none;
  }

}