.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('loader_tabasco.png') 50% 50% no-repeat rgb(44,47,51);
    opacity: 100%;
}


.cargando {
  width: 100px;
  height: 100px;
  border: 10px solid #eeee;
  border-top: 10px solid #9D2449;
  border-radius: 50%;
  animation-name: cargar;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  margin: 0 auto;
}
@keyframes cargar {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}



.precarga {
    background:transparent url(sisca_loader_dorado.gif) center no-repeat;
     width: 100%;;
     height: 100px;
 }