/*** normal size ***************************************/
.barcode {
    float: left;
    clear: both;
    padding: 0 10px; /*quiet zone*/
    /*overflow: auto;*/
    height: auto; /*size*/
}

.right {
    float: right;
}

.barcode + * {
    clear: both;
}

.barcode div {
    float: left;
    height: 70px; /*size*/
}

.barcode .bar1 {
    border-left: 1px solid black;
}

.barcode .bar2 {
    border-left: 2px solid black;
}

.barcode .bar3 {
    border-left: 3px solid black;
}

.barcode .bar4 {
    border-left: 4px solid black;
}

.barcode .space0 {
    margin-right: 00px
}

.barcode .space1 {
    margin-right: 1px
}

.barcode .space2 {
    margin-right: 2px
}

.barcode .space3 {
    margin-right: 3px
}

.barcode .space4 {
    margin-right: 4px
}

.barcode label {
    clear: both;
    display: block;
    text-align: center;
    font: 15px helvetica; /*size*/
}
/*** bigger ******************************************/
.barcode2 {
    float: left;
    clear: both;
    padding: 0px; /*quiet zone*/
    /*overflow: auto;*/
    height: 1in; /*size*/
}

    .barcode2 + * {
        clear: both;
    }

    .barcode2 div {
        float: left;
        height: 0.7in; /*size*/
    }

    .barcode2 .bar1 {
        border-left: 2px solid black;
    }

    .barcode2 .bar2 {
        border-left: 4px solid black;
    }

    .barcode2 .bar3 {
        border-left: 6px solid black;
    }

    .barcode2 .bar4 {
        border-left: 8px solid black;
    }

    .barcode2 .space0 {
        margin-right: 0
    }

    .barcode2 .space1 {
        margin-right: 2px
    }

    .barcode2 .space2 {
        margin-right: 4px
    }

    .barcode2 .space3 {
        margin-right: 6px
    }

    .barcode2 .space4 {
        margin-right: 8px
    }

    .barcode2 label {
        clear: both;
        display: block;
        text-align: center;
        font: 15px helvetica; /*size*/
    }

/*** Movil ******************************************/
.barcodeMovil {
    float: left;
    clear: both;
    padding: 20px 5px; /*quiet zone*/
    /*overflow: auto;*/
    height: 1.1in; /*size*/
}

    .barcodeMovil + * {
        clear: both;
    }

    .barcodeMovil div {
        float: left;
        height: 0.8in; /*size*/
    }

    .barcodeMovil .bar1 {
        border-left: 2px solid black;
    }

    .barcodeMovil .bar2 {
        border-left: 4px solid black;
    }

    .barcodeMovil .bar3 {
        border-left: 6px solid black;
    }

    .barcodeMovil .bar4 {
        border-left: 8px solid black;
    }

    .barcodeMovil .space0 {
        margin-right: 0
    }

    .barcodeMovil .space1 {
        margin-right: 2px
    }

    .barcodeMovil .space2 {
        margin-right: 4px
    }

    .barcodeMovil .space3 {
        margin-right: 6px
    }

    .barcodeMovil .space4 {
        margin-right: 8px
    }

    .barcodeMovil label {
        clear: both;
        display: block;
        text-align: center;
        font: 20px helvetica; /*size*/
    }