
.jssor_img{
    background: transparent url(../imagens/img/shadow1.png) no-repeat 50% 103%;
    background-size: 100%;
}
/* jssor slider bullet navigator skin 01 css */
/*
.jssorb01 div           (normal)
.jssorb01 div:hover     (normal mouseover)
.jssorb01 .av           (active)
.jssorb01 .av:hover     (active mouseover)
.jssorb01 .dn           (mousedown)
*/
.jssorb01 {
    position: absolute;

}
.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {

    position: absolute;
    /* size of bullet elment */
    width: 12px;
    height: 12px;
    filter: alpha(opacity=70);
    opacity: .7;
    overflow: hidden;
    cursor: pointer;
    border: #000 1px solid;
}
.jssorb01 div{
    display: none;
}
.jssorb01 div { background-color: gray; }
.jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; }
.jssorb01 .av { background-color: #000cff; }
.jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }
.container div:hover > .jssora05l {display: block}
.container div:hover > .jssora05r {display: block}
.container div:hover > .jssorb01 div {display: block}

/* jssor slider arrow navigator skin 05 css */
/*
.jssora05l                  (normal)
.jssora05r                  (normal)
.jssora05l:hover            (normal mouseover)
.jssora05r:hover            (normal mouseover)
.jssora05l.jssora05ldn      (mousedown)
.jssora05r.jssora05rdn      (mousedown)
*/
.jssora05l, .jssora05r {
    display: none;
    position: absolute;
    /* size of arrow element */
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: url('../imagens/img/a17.png') no-repeat;
    overflow: hidden;
}
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05l.jssora05ldn { background-position: -250px -40px; }
.jssora05r.jssora05rdn { background-position: -310px -40px; }



/*-------apartir daqui carrossel dos fabricantes*/
#wrapper {
    width: 90%;
    height: 220px;

    position: relative;
    top:0px;
}

#carousel {
    width: 90%;
    position: relative;
}
#carousel ul {
    list-style: none;
    display: block;
    margin: 0px;
    padding: 0;
}
#carousel li {
    border: 1px solid;
    font-size: 10px;
    color: #999;
    text-align: center;
    display: block;
    width: 130px;
    height: 130px;
    padding: 0;
    margin: 30px;
    float: left;
    position: relative;
}

#carousel li img {
    width: 115px;
    height: 115px;
    margin-top: 14px;
}

#carousel li span {
    background: transparent url(../imagens/img/carousel_shine.png) no-repeat 0 0;
    text-indent: -999px;
    display: block;
    overflow: hidden;
    width: 100px;
    height: 100px;
    position: absolute;
    z-index: 2;
    top: 14px;
    left: 16px;
}

.clearfix {
    float: none;
    clear: both;
}
#carousel .prev, #carousel .next {
    background: transparent url(../imagens/img/carousel_control.png) no-repeat 0 0;
    text-indent: -999px;
    display: block;
    overflow: hidden;
    width: 15px;
    height: 21px;
    margin-left: 10px;
    position: absolute;
    top: 70px;
}
#carousel .prev {
    background-position: 0 0;
    left: -30px;
}
#carousel .prev:hover {
    left: -31px;
}
#carousel .next {
    background-position: -18px 0;
    right: -20px;
}
#carousel .next:hover {
    right: -21px;
}
#carousel .pager {
    text-align: center;
    margin: 0 auto;
}
#carousel .pager a {
    background: transparent url(../imagens/img/carousel_control.png) no-repeat -2px -32px;
    text-decoration: none;
    text-indent: -999px;
    display: inline-block;
    overflow: hidden;
    width: 8px;
    height: 8px;
    margin: 0 5px 0 0;
}
#carousel .pager a.selected {
    background: transparent url(../imagens/img/carousel_control.png) no-repeat -12px -32px;
    text-decoration: underline;
}

#source {
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 10px;
    left: 0;
}
#source, #source a {
    font-size: 12px;
    color: #999;
}