.boximage_logros_texto{
    float:left;
    text-align: center;
    margin-top: 35px;
    font-size: 15px;
}

.box_multiple{
    width: 98%;
    padding: 1%;
    float: left;
}

.box_multiple_img{
/* float: left; */
    display: inline-block; 
    width: 50%;
    text-align: center;
    float: left; 
}

.box_multiple_info{
/* float: left; */
    display: inline-block; 
    width: 50%;
    text-align: center;
    float: left; 
}

.box_single{
    width: 48%;
    padding: 1%;
    float: left;
}

.box_single_img{
    display: inline-block; 
    width: 30%;
    text-align: center;
    float: left; 
}

.box_single_info{
    display: inline-block; 
    width: 70%;
    text-align: center;
    vertical-align: middle;
    float: left; 
}

.box_global_info{
    display: inline-block; 
    width: 100%;
    text-align: center; 
}

.box_logros{
    background-color: #19BAA9;
    border: #127B70;
    border-style: solid;
    border-width: 2px;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #3f4f57;
    /*text-align: center;  */
    overflow: auto;
}

.box_logros b{
color: #5ea1c0;
font-size: 1.5em;
}

.boximage_logros{
    /*float:left;*/
    display:inline-block;
    text-align: center;
}
.boximage_logros img
{
    padding: 10px 20px;
    max-width: 60%;
max-height: 200px;}

.label_progressbar {
    width: 100%;
    float: left;
    color: #000;
    font-weight: bold; 
    text-align: center;   
}

.insigniaOn, .insigniaOff{
    cursor: pointer;
    max-width: 100%;
}

@keyframes animacionIns {
  from {
    opacity: 0.2;
    transform: rotate(0deg);   
  }
  to {
    opacity: 1;
    transform: rotate(360deg);  
  }
}

@-webkit-keyframes animacionIns {
  from {
    opacity: 0.2;
    transform: rotate(0deg);   
  }
  to {
    opacity: 1;
    transform: rotate(360deg);  
  }
}

@-moz-keyframes animacionIns {
  from {
    opacity: 0.2;
    transform: rotate(0deg);
  }
  to {
    opacity: 1;
    transform: rotate(360deg);
  }
}

@-o-keyframes animacionIns {
  from {
    opacity: 0.2;
    transform: rotate(0deg);
  }
  to {
    opacity: 1;
    transform: rotate(360deg);
  }
}

@media screen and (max-width: 800px) {
    
.box_multiple_img,.box_multiple_info,.box_single{
    width: 98%;
}


}