/* estrutura - CSS Reset */


/*iframe, ol, ul, li{ margin: 0; padding: 0; border: 0; float: left; }*/

.imagemSlider{ overflow: hidden; width: 100%; border: #fff 0px solid; }

.carrosselTopo div{ float: left; margin: 0; padding: 0; }

.carrosselTopo{ border: #ffff00 0px solid; width: 100%; left: 0; position: absolute; height: 450px; margin: 0 auto;}

.demo-wrap2{ margin: 20px 0 0 0; width: 100%; height: 229px; border: #00ff00 0px solid;}
.thumbFotos2{ background-size: 10%; width: 90%; height: 200px; border: #000 10px solid; margin: 0 0 0 0;}
.bx-wrapper2{ border: #ff0000 0px solid; width: 100%!important; height: 229px; padding: 0 0; }
.bx-window2{ border: #ff00ff 0px solid; width: 100%!important; height: 214px; padding: 15px 0 0 20px; }
.pager2{ width: 250px; text-align: center; height: 200px; margin:0 0 0 0; border: #ff0000 0px solid; background: none;}
.pager2 a{ text-decoration: none; width: 100%; display: block; height: 100%;}
.demo-wrap2 .bx-next{
    background-image: url("../img/bt_banana.png");
    background-repeat: no-repeat;
    background-position: bottom center;
    position: absolute;
    left:940px;
    z-index:999;
    top: 60px;
    height: 84px;
    width:89px;
}
.demo-wrap2 .bx-next:hover{ background-position: top; }
.demo-wrap2 .bx-prev{
    background-image: url("../img/bt_banana.png");
    background-position: bottom center;
    background-repeat: no-repeat;
    float: left;
    height: 84px;
    width: 89px;
    left: -50px;
    position: absolute;
    top: 60px;
}
.demo-wrap2 .bx-prev:hover{ background-position: top;}
#slider2{ border: #990000 0px solid; width: 100%; height: 214px;}

.demo-wrap{ padding: 0 0;  width: 100%; margin: 0 0;}
.demo-wrap ul { overflow: hidden; height: 450px; }
.bx-wrapper{ width: 100%!important; border: #00ff00 0px solid; padding: 0 0; margin: 0 auto; }
.bx-window{ display: inline; width: 100%!important; margin:0 0; border: #0000ff 0px solid;}
.pager{ width: 1000px; text-align: center; height: 400px; margin:0 0; border: #fff 0px solid; }
#slider1{ border: #fffff0 0px solid; width: 100%; height: 460px; margin: 0 0 0 -500px; }
.bx-prev{
    background-image: url("../img/seta_esq.png");
    background-position:left;
    background-repeat: no-repeat;
    float: left;
    height: 397px;
    width: 133px;
    left: 0;
    position: absolute;
    top: 30px;
}
.bx-prev:hover{ background-position:right; }
.bx-next{
    background-image: url("../img/seta_dir.png");
    background-repeat: no-repeat;
    background-position: right;
    position: absolute;
    right:0px;
    z-index:999;
    top: 30px;
    height: 397px;
    width:133px;
}
.bx-next:hover{ background-position: left; }
.bx-pager { text-align: center; width:350px; padding-top:25px; }
.bx-pager a {
    font-size: 16px;
    color: #333;
    padding: 0 10px;
    float:none;
    background-color:#FFF;
    border:0px solid #096;
    padding:3px;
    margin:1px;
}
@media only screen and (max-width: 1600px) {
    #slider1{ border: #fffff0 0px solid; width: 100%; margin: 0 0 0 -700px; }
}

@media only screen and (max-width: 1280px) {
    #slider1{ margin: 0 0 0 -875px; }
}

@media only screen and (max-width: 1024px) {
    #slider1{ margin: 0 0 0 -990px; }
    .demo-wrap2 .bx-next{ left:910px; top: 60px; }
    .demo-wrap2 .bx-prev{ left: -20px; top: 60px; }
}

@media only screen and (max-width: 768px) {
    .pager2{ width: 242px; text-align: center; height: 150px; margin:0 0 0 0; border: #ff0000 0px solid; }
    .demo-wrap2 .bx-next{ left:630px; top: 60px; }
    .demo-wrap2 .bx-prev{ left: -20px; top: 60px; }
    #slider1{ margin: 0 auto; }
    .pager{ width: 100%; text-align: center; height: 400px; margin:0 0; border: #fff 0px solid; }
}
@media only screen and (max-width: 640px) {
    .pager2{ width: 300px; text-align: center; height: 50px; margin:0 0 0 0; border: #ff0000 px solid; }
    .demo-wrap2 .bx-next{ left:500px; top: 60px; }
    .demo-wrap2 .bx-prev{ left: -20px; top: 60px; }
    
    .pager{ width: 100%; text-align: center; height: 350px; margin:0 0; border: #fff 0px solid; }
    .bx-next, .bx-prev{ top:-20px; }
    .demo-wrap ul { overflow: hidden; height: 370px; }
    #slider1{ margin: 0 auto; height: 370px; }
}
@media only screen and (max-width: 480px) {
    .pager2{ width: 100%; text-align: center; height: 200px; margin:0 0 0 20px; border: #ff0000 0px solid; }
    .demo-wrap2 .bx-next{ left:360px; top: 60px; }
    .demo-wrap2 .bx-prev{ left: -20px; top: 60px; }
    
    .pager{ width: 100%; text-align: center; height: 200px; margin:0 0; border: #fff 0px solid; }
    .bx-next, .bx-prev{ top:30px; background-size: 100%; width: 60px; height: 150px;}
    .demo-wrap ul { overflow: hidden; height: 220px; }
    #slider1{ margin: 0 auto; height: 220px; }
}

@media only screen and (max-width: 320px) {
    .bx-next, .bx-prev{ top:20px; background-size: 100%; width: 60px; height: 150px;}
    .pager2{ width: 100%; text-align: center; height: 200px; margin:0 0 0 8px; border: #ff0000 0px solid; }
    .demo-wrap2 .bx-next{ left:215px; top: 60px; }
    .demo-wrap2 .bx-prev{ left: -20px; top: 60px; }
}