/********************** CSS DO NOVO BANNER  *****************************/
       
/* jssor slider bullet navigator skin 05 css */
/*
.jssorb05 div           (normal)
.jssorb05 div:hover     (normal mouseover)
.jssorb05 .av           (active)
.jssorb05 .av:hover     (active mouseover)
.jssorb05 .dn           (mousedown)
*/

/*  css marcador 01   */

.jssorb05 {
    position: absolute;
    bottom:16px;
    right:16px;
    width:16px;
    height:16px;
}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
    position: absolute;
    /* size of bullet elment */
    width: 16px;
    height: 16px;
    background: url('./JS1/bannerfullwidth/b05.png') no-repeat;
    overflow: hidden;
    cursor: pointer;
}
.jssorb05 div { background-position: -7px -7px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

/*  css marcador 02   */
.jssorb01 {
    position: absolute;
    bottom: 16px; right: 10px; width: 78px; height: 12px; left: 261px;
}
.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 { background-color: gray; }
.jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; }
.jssorb01 .av { background-color: #fff; }
.jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }

/*  css marcador 03   */

.jssorb11 {
    position: absolute;
    bottom: 16px; right: 6px; width: 74px; height: 11px; left: 263px;
}
.jssorb11 div, .jssorb11 div:hover, .jssorb11 .av {
    position: absolute;
    /* size of bullet elment */
    width: 11px;
    height: 11px;
    background: url(./JS1/bannerfullwidth/b11.png) no-repeat;
    overflow: hidden;
    cursor: pointer;
}
.jssorb11 div { background-position: -10px -10px; }
.jssorb11 div:hover, .jssorb11 .av:hover { background-position: -40px -10px; }
.jssorb11 .av { background-position: -70px -10px; }
.jssorb11 .dn, .jssorb11 .dn:hover { background-position: -100px -10px; }

/*  css marcador 04   */
.jssorb14 {
position: absolute;
bottom: 16px; right: 6px; width: 78px; height: 12px; left: 261px;
}
.jssorb14 div, .jssorb14 div:hover, .jssorb14 .av {
position: absolute;
/* size of bullet elment */
width: 12px;
height: 12px;
background: url(./JS1/bannerfullwidth/b14.png) no-repeat;
overflow: hidden;
cursor: pointer;
}
.jssorb14 div { background-position: -9px -9px; }
.jssorb14 div:hover, .jssorb14 .av:hover { background-position: -39px -9px; }
.jssorb14 .av { background-position: -69px -9px; }
.jssorb14 .dn, .jssorb14 .dn:hover { background-position: -99px -9px; }

/*  css SETAS 01   */
.jssora22l, .jssora22r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 40px;
    height: 58px;
    cursor: pointer;
    background: url('../../../JS1/bannerfullwidth/a22.png') center center no-repeat;
    overflow: hidden;
}

.jssora22l { background-position: -10px -31px; top:0px;left:12px;width:40px;height:58px; }
.jssora22r { background-position: -70px -31px; top:0px;right:12px;width:40px;height:58px; }
.jssora22l:hover { background-position: -130px -31px; }
.jssora22r:hover { background-position: -190px -31px; }
.jssora22l.jssora22ldn { background-position: -250px -31px; }
.jssora22r.jssora22rdn { background-position: -310px -31px; }

/*  css SETAS 02   */

.jssora02l, .jssora02r {
    display: block;
    position: absolute;
    width: 55px;
    height: 55px;
    cursor: pointer;
    background: url(./JS1/bannerfullwidth/a02.png) no-repeat;
    overflow: hidden;
}
.jssora02r:hover {background-position: -183px -33px;}
.jssora02r {    background-position: -63px -33px; right:12px;width:55px;height:55px;}
.jssora02l:hover {background-position: -123px -33px;}
.jssora02l {background-position: -3px -33px; left:12px;width:55px;height:55px;}

/*  css SETAS 03   */


.jssora05l, .jssora05r {
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: url(./JS/bannerfullwidth/a17.png) no-repeat;
    overflow: hidden;
}
.jssora05l:hover {background-position: -130px -40px;}
.jssora05l {background-position: -10px -40px; left:12px;width:40px;height:40px;}
.jssora05r:hover {background-position: -190px -40px;}
.jssora05r {background-position: -70px -40px; right:12px;width:40px;height:40px;}


/*  css SETAS 04   */
.jssora15l, .jssora15r {
    display: block;
    position: absolute;
    width: 20px;
    height: 38px;
    cursor: pointer;
    background: url(/JS/bannerfullwidth/a15.png) no-repeat;
    overflow: hidden;
}

.jssora15r:hover {background-position: -200px -41px;}
.jssora15r {background-position: -80px -41px; right:12px;width:20px;height:38px;}
.jssora15l:hover {background-position: -140px -41px;}
.jssora15l {background-position: -20px -41px; left:12px;width:20px;height:38px;}