html div#loader{
    width: 200px;
    height: 200px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -100px;
    background: url('../media/imagenes/general/interbancoGIF.gif') no-repeat center center;
}
/*@import url(http://fonts.googleapis.com/css?family=Raleway:100);

html div#loader{
    position: absolute;
    height: 85px;
    width: 590px;
    overflow: hidden;
    text-align: left;
    top: 50%;
    left: 50%;
    margin-left: -295px;
    margin-top: -42px;
}
html div#loader .slider{
    bottom: 5px;
}
#loader h1{
    color:#4a8df8;
    color:#fff;
    font-family: 'Arial', cursive; 
    font-weight:100; 
    font-stretch:normal;
    font-size:4em;
}
#loader .slider{
  position:absolute;
  width:400px;
  height:2px;
  margin-top:-30px
}
#loader .line{
  position:absolute;
  background:#fff;
  width:400px;
  height:2px;
  
}
#loader .break{
  position:absolute;
  background:#00478d;
  width:6px;
  height:2px;  
}

#loader .dot1{
-webkit-animation: loading 2s infinite;
-moz-animation: loading 2s infinite;
-ms-animation: loading 2s infinite;
-o-animation: loading 2s infinite;
animation: loading 2s infinite;
}
#loader .dot2{
-webkit-animation: loading 2s 0.5s infinite;
-moz-animation: loading 2s 0.5s infinite;
-ms-animation: loading 2s 0.5s infinite;
-o-animation: loading 2s 0.5s infinite;
animation: loading 2s 0.5s infinite;
}
#loader .dot3{
-webkit-animation: loading 2s 1s infinite;
-moz-animation: loading 2s 1s infinite;
-ms-animation: loading 2s 1s infinite;
-o-animation: loading 2s 1s infinite;
animation: loading 2s 1s infinite;
}

@keyframes "loading" {
 from { left: 0; }
 to { left: 400px; }
}
@-moz-keyframes loading {
 from { left: 0; }
 to { left: 400px; }
}
@-webkit-keyframes "loading" {
 from { left: 0; }
 to { left: 400px; }
}
@-ms-keyframes "loading" {
	from { left: 0; }
 to { left: 400px; }
}
 @-o-keyframes "loading" {
	from { left: 0; }
 to { left: 400px; }*/