/*Inicio de Tooltip*/


.textotip {
  position:relative; /* making the .tooltip span a container for the tooltip text */
  border-bottom:1px; /* little indicater to indicate it's hoverable */
}


.textotip:before {
  content: attr(texto-tooltip); /* here's the magic */
  position:absolute;
  
  /* vertically center */
  top:50%;
  transform:translateY(-50%);
  
  /* move to center */
  top:100%;
  margin-left:20px; /* and add a small left margin */
  margin-top: 30px;
 
  
  /* basic styles */
  font-size: 14px;
  width:200px;
  padding:10px;
  border-radius: 5px;
  background:#000;
  color: #fff;
  text-align:center;

  display:none; /* hide by default */
}

.textotip:hover:before {
  display:block;
  position: absolute;

}

#fila{

  margin-left: 29px;
}


@media all and (min-width: 600px) and (max-width: 1023px) {

#fila{

  margin-left: 29px;
}

}

@media all and (max-width: 599px) {



#fila{

  margin-left: 99px;
}

#fila2{

margin-left: 23px;

}



}


/*Final de Tooltip*/