@font-face {
    font-family: "ln9";
    src:url("fonts/ln9.eot");
    src:url("fonts/ln9.eot?#iefix") format("embedded-opentype"),
      url("fonts/ln9.woff") format("woff"),
      url("fonts/ln9.ttf") format("truetype"),
      url("fonts/ln9.svg#ln9") format("svg");
    font-weight: normal;
    font-style: normal;
  
  }
  
  [data-icon]:before {
    font-family: "ln9" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  [class^="icon-"]:before,
  [class*=" icon-"]:before {
    font-family: "ln9" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .icon-dolar-sube:before {
    content: "\54";
  }
  .icon-dolar-baja:before {
    content: "\61";
  }

body {margin:0px;overflow: hidden}  
.anexo-dolar {max-width: 970px;background-color: #f0f0f0;font-family: Arial, Helvetica, sans-serif;font-size:14px;padding:15px;}
.anexo-dolar a {font-family:'suecaslabmedium';color:#000;text-decoration: none;font-size:14px;margin-right:25px;display:inline-block;}
.anexo-dolar a span {font-family:'suecaslabbold';font-size:14px;}
.anexo-dolar span {font-family:'suecaslabbold';color:#000;font-size:19px;}
#spanCompra {margin-right:18px;display:inline-block;}
.variacion {display:inline-block;background-color:#d0d0d0;padding:5px;margin-left:20px;}
.variacion i {font-family: Arial, Helvetica, sans-serif;font-size:14px;font-style:normal;}
.variacion i:before {font-size: 11px;padding-right: 5px;}
.auspiciantes {float:right;}
.auspiciantes a, .auspiciantes span {font-family: Arial, Helvetica, sans-serif;font-size:11px;color:#737373;display:block;}
.auspiciantes a:first-of-type {padding-bottom:3px;}


   iframe {
        height:137px;
    }

@media screen and (min-width:768px) and (max-width:800px) {
    .anexo-dolar a span {
        display: block;
    }
    .auspiciantes {
        margin-top:10px;
    }
}

@media screen and (max-width:767px) {
    .datos {
        width:100%;
    }

    .anexo-dolar {
        height:90px;
        font-size: 12px;
        color: #737373;
        text-transform: uppercase;
        
    }

    .anexo-dolar a {
        width: 100%;
        border-bottom: 2px solid #fff;
        padding-bottom: 10px; 
        margin-bottom: 10px;
        font-family: Arial, Helvetica, sans-serif;
    }

    .anexo-dolar a span {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
    }
    #spanCompra, #spanVenta {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .variacion {
        color:#000;
    }

    .variacion i {
        font-size: 12px;
    }

    .auspiciantes {
        width: 100%;
        display: block;
        margin:10px 0px;
        text-transform: none;
    }

    .auspiciantes a, .auspiciantes span {
        width:49%;
        display:inline-block;
        margin: 0px;
        border:none;
    }

    iframe {
        height:137px;
    }
}


@media screen and (min-width:100px) and (max-width:350px) {
#spanCompra, #spanVenta {
    margin-right:5px;
}

.variacion {
    margin-left:5px;
}

.anexo-dolar span {
    font-size: 17px;
}

.auspiciantes a, .auspiciantes span {
    font-size:11px;
}

}