
.blk-banners {
}
.blk-banners [class^="prod-"] {
    position: relative;
    display: inline-block;
}
.prod-02{
  margin: 0 15px;
}
.banner-retangulo {
    left: 165px;
    position: absolute;
    top: 155px;
    z-index: 1;
}
.banner-retangulo .bnrOpt1 {
    color: #ffffff;
    font-size: 12px;
    line-height: 50px;
}
.banner-retangulo .bnrOpt2,
.banner-retangulo .bnrOpt3 {
    margin: 0;
    text-align: left;
}
.prod-01 .banner-retangulo .bnrOpt2 .ddP,
.prod-01 .banner-retangulo .bnrOpt3 .ddP{
  font-size: 10px;
  color: #fff;
}
.prod-02 .banner-retangulo .bnrOpt2 .ddP,
.prod-02 .banner-retangulo .bnrOpt3 .ddP{
  font-size: 10px;
  color: #fff;
}
.prod-03 .banner-retangulo .bnrOpt2 .ddP,
.prod-03 .banner-retangulo .bnrOpt3 .ddP{
  font-size: 10px;
  color: #fff;
}
.banner-retangulo .bnrOpt2 .prDe,
.banner-retangulo .bnrOpt3 .prDe {
    font-size: 10px;
    color: #fff;
    display: block;
    position: absolute;
    top: -9px;
}

.prod-01 .banner-retangulo .bnrOpt2 .prDe,
.prod-01 .banner-retangulo .bnrOpt3 .prDe {
    font-size: 10px;
    color: #fff;
    display: block;
    position: absolute;
    top: -9px;
}

.banner-retangulo .bnrOpt2 .prPor,
.banner-retangulo .bnrOpt3 .prPor {
    color: #87428b;
    display: block;
}


.prod-01 .banner-retangulo .bnrOpt2 .prPor,
.prod-01 .banner-retangulo .bnrOpt3 .prPor {
    color: #ffcc00 !important;
    display: block;
}
.prod-02 .banner-retangulo .bnrOpt2 .prPor,
.prod-02 .banner-retangulo .bnrOpt3 .prPor {
    color: #48bac6 !important;
    display: block;
}
.prod-03 .banner-retangulo .bnrOpt2 .prPor,
.prod-03 .banner-retangulo .bnrOpt3 .prPor {
    color: #fbea20 !important;
    display: block;
}

.banner-retangulo .bnrOpt2 .ddMP,
.banner-retangulo .bnrOpt3 .ddMP{
  display: none;
}
.banner-retangulo .bnrOpt2 .prPor .txtPorA,
.banner-retangulo .bnrOpt3 .prPor .txtPorA {
    font-family: "Pluto", "Arial", sans-serif;
}
.banner-retangulo .bnrOpt2 .prPor .txtPorA i,
.banner-retangulo .bnrOpt3 .prPor .txtPorA i {
    font-family: 'Segoe UI', Arial, sans-serif;
    font-size: 10px
}
.banner-retangulo .bnrOpt2 .prPor .prT,
.banner-retangulo .bnrOpt3 .prPor .prT {
    font-family: "PlutoBold", "Arial Black", sans-serif;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: -1.5px;
}
.banner-retangulo .bnrOpt2 .prPor .txtPorA,
.banner-retangulo .bnrOpt3 .prPor .txtPorA {
    float: left;
    font-size: 11px;
    width: 20px;
    line-height: 14px;
}
.banner-retangulo .bnrOpt2 .prPor .txtPorA .txtPor-A1,
.banner-retangulo .bnrOpt3 .prPor .txtPorA .txtPor-A1 {
    font-size: 11px;
    float: left;
    padding: 0 0 3px
}
.banner-retangulo .bnrOpt2 .prPar,
.banner-retangulo .bnrOpt3 .prPar {
    float: left;
    font-size: 10px;
    color: #ffffff;
    position: absolute;
    top: 26px;
}
.banner-retangulo .bnrOpt2 .condition,
.banner-retangulo .bnrOpt3 .condition{
    margin: 0;
    text-align: left;
}
.banner-retangulo .bnrOpt4 {
    font-size: 16px;
    color: #fff;
}


span.esgotado {
  line-height: normal;
}