.JBSlider{
  overflow:hidden;
  width:1252px;
  height:415px;
  margin:0 auto;
}

  .JBSlider .view{
    overflow:hidden;
    float:left;
    width:800px;
    height:415px;
      
  }
    .JBSlider .view .wrapper{
      position:relative;
      overflow:hidden;
      width:800px;
      height:415px;
    }
    .JBSlider .view .wrapper .item{
      position:absolute;
      overflow:hidden;
      width:800px;
      height:415px;
      top:0;
      left:0;
    }
    .JBSlider .view .wrapper .item.conecta{
      background:url("http://host.imguol.com/site/uolhost/images/banner-novo-home/bg-destaque-home-conecta-new2.jpg") right 0 no-repeat;
    }
    .JBSlider .view .wrapper .item.hospedagem{
      background:url("http://host.imguol.com/site/uolhost/images/banner-novo-home/bg-destaque-home-hosp-min.jpg") right 0 no-repeat;
    }
    #home.teste-ab .JBSlider .view .wrapper .item.hospedagem{
      background:url("http://host.imguol.com/site/uolhost/images/home/npreco-bg-destaque-home-hosp-new.jpg") right 0 no-repeat;
    }
    .JBSlider .view .wrapper .item.office{
      background:url("http://host.imguol.com/site/uolhost/images/banner-novo-home/bg-destaque-home-office-new2.jpg") right 0 no-repeat;
    }
    .JBSlider .view .wrapper .item.loja{
      background:url("http://host.imguol.com/site/uolhost/images/banner-novo-home/bg-destaque-home-loja-new.jpg") right 0 no-repeat;
    }
      .JBSlider .view .wrapper .item h3{
        position:absolute;
        font:bold 20px Arial;
        color:#fcd918;
        top:295px;
        left:145px;
      }
      .JBSlider .view .wrapper .item p{
        position:absolute;
        font:normal 17px Arial;
        color:#ffffff;
        top:325px;
        left:145px;
      }
      .JBSlider .view .wrapper .item p.office{
        top:295px;
        font:normal 20px Arial;
      }
        .JBSlider .view .wrapper .item p span{
          float:left;
          width:100%;
          font:normal 11px Arial;
          color:#ffffff;
          margin-top:5px;
        }
        .JBSlider .view .wrapper .item p strong{
          color:#fcd918;
        }
      .JBSlider .view .wrapper .item a{
        position:absolute;
        width:194px;
        height:60px;
        top:317px;
        right:50px;
        text-indent:-9999px;
      }
      .JBSlider .view .wrapper .item a.laranja{
        background:url("http://host.imguol.com/site/uolhost/images/banner-novo-home/bt-conheca-laranja-home.png") 0 0 no-repeat;
      }
      .JBSlider .view .wrapper .item a.laranja:hover{
        background-position:0 -68px;
      }
      .JBSlider .view .wrapper .item a.verde{
        background:url("http://host.imguol.com/site/uolhost/images/banner-novo-home/bt-conheca-verde-home.png") 0 0 no-repeat;
      }
      .JBSlider .view .wrapper .item a.verde:hover{
        background-position:0 -68px;
      }
/* Controller */
.JBSlider .controller{
  float:left;
  width:448px;
  height:417px;
}
  .JBSlider .controller .wrapper{
    position:relative;
    float:left;
    width:449px;
    height:417px;
    background-color:inherit;
    overflow:hidden;
    background-color:#0f799b;
}
    .JBSlider .controller .wrapper .container{
      position:relative;
      overflow:hidden;
      width:448px;
      height:417px;
    }
      .JBSlider .controller .wrapper .item{
        width:448px;
        height:140px;
        top:0;
        right:0;
        cursor:pointer;
        background:url("http://host.imguol.com/site/uolhost/images/banner-novo-home/bg-destaque-home-lateral.jpg") 0 0 no-repeat;
      }
      .JBSlider .controller .wrapper .item:hover{
        background:url("http://host.imguol.com/site/uolhost/images/banner-novo-home/bg-destaque-home-lateral-hover.jpg") 0 0 no-repeat;
      }
      .JBSlider .controller .wrapper .item a{
        float:left;
        width:100%;
        height:100%;
      }
      
      .JBSlider .controller .wrapper .item img{
        float:left;
        margin:25px 15px 10px 10px;
      }
      .JBSlider .controller .wrapper .item.email img{
        margin-right:20px;
      }
      .JBSlider .controller .wrapper .item.hospedagem img{
        margin-left:29px;
      }
      .JBSlider .controller .wrapper .item h4{
        float:left;
        width:170px;
        margin-top:27px;
        font:bold 14px Arial;
        color:#fcd918;
      }
      .JBSlider .controller .wrapper .item.email h4{
        margin-top:31px;
      }
      .JBSlider .controller .wrapper .item.hospedagem h4{
        margin-top:35px;
      }

      .JBSlider .controller .wrapper .item p{
        float:left;
        width:200px;
        margin:3px 0;
        font:normal 12px Arial;
        color:#c5dee5;
      } 
      .JBSlider .controller .wrapper .item p.textoP{
        font:normal 11px Arial;
      } 
      .JBSlider .controller .wrapper .item span{
        float:left;
        width:170px;
        font:bold 12px Arial;
        color:#ffffff;
      }