@keyframes animacion{
    from { background: #08c;}
    50% { background: #000;}
    to { background: #08c;}
}
.centered {
    box-shadow: 0px 0px 5px #0a2b1d ;
    margin: 0 !important;
    z-index: 4 !important;
  position: fixed;
  bottom: 5%;
  left: 5px;
    background: none;
  /* bring your own prefixes */
  /*transform: translate(-50%, -50%);*/
}
.contenedor-mas-info{
    animation-name:animacion;
    animation-duration: 5s;
    animation-iteration-count:infinite;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; /* si quieres todas las esquinas iguales */
    border-radius: 5px;
    border-color: #fff;
    border-style: solid; 
    border-width: 2px;
    background: #08c;
    text-align: center;
    padding: 5px !important;
    position: relative;
}
.control-mas-info{
    position: absolute;
    left:90%;
    top:-20px;
}
.control-menos-info{
    position: absolute;
    left:80%;
    top:-20px;
}
.mas-info-titulo{
    font-size: .9em;
    margin: 0 !important;
    color: #fff !important;
}
.mas-info-texto{
    font-size: .8em;
    margin: 0 !important;
    color: #fff !important;
}