/*
  Load CSS before JavaScript
*/

#div-interaktingslider {
  position: relative;
  left: 50%;
  left: 50%;
  margin-left: -990px;
  max-width: 1980px;
  margin-bottom: 47px;
  margin-top: 25px;
}

#div-interaktingslider * {
  border:none !important;
}

#div-interaktingslider #frame,
#div-interaktingslider #middle-center {
  width:1980px;
}

/*
  Slides container
  Important:
  Set the width of your slides container
  Set to display none, prevents content flash
*/
#div-interaktingslider #middle-center {
  width:1980px;
  margin:0 !important;
}

/*
  Each slide
  Important:
  Set the width of your slides
  If height not specified height will be set by the slide content
  Set to display block
*/
#div-interaktingslider #middle-center #slide-content {
  width:1980px;
  display:block;
  margin:0 !important;
}

#div-interaktingslider #middle-center #slide-content .slide {
  background:none !important;
  padding:0 !important;
  width:1980px;
}
/*
  Optional:
  Reset list default style
*/

#div-interaktingslider #middle-center #slide-commands {
    background: none repeat scroll 0 0 transparent !important;
    height: 20px !important;
    margin: 0 !important;
    margin-top: 520px !important;
    text-align: center;
    width: 1958px !important;
}


#slide-commands #prev {
  width: 36px;
  height: 68px;
  position: absolute;
  top: -280px;
  left: 360px;
  z-index: 1000;
  background: url(../images/seta_banner_1.png) 0 0 no-repeat;
  color: transparent !important;
  text-indent:-90000px
}

#slide-commands #next {
  width: 36px;
  height: 68px;
  position: absolute;
  top: -280px;
  left: 1580px;
  z-index: 1000;
  background: url(../images/seta_banner_2.png) 0 0 no-repeat;
  color: transparent !important;
  text-indent:-90000px
}

#slide-commands .bullet span,
#slide-commands .active span {
  width:4px;
  height:4px;
  border-radius:50%;
  background-color:white!important;
  text-indent:-90000px;
  display:inline-table;
  line-height: 0px;
  position:relative;
  top:1px;
}
#slide-commands .bullet,
#slide-commands .active {
  width:20px;
  height:20px;
  background-color:transparent!important;
  margin:0px 10px!important;
}
#slide-commands .active {
  box-shadow:0 0 0 1px white;
  border-radius: 50%;
}
#slide-commands .bullet {
}
#slide-commands .active span {
  width: 6px;
  height: 6px;
  top:0px!important;
  left:0px!important;
}
#slide-commands a {
  margin: 0px!important;
  padding: 0px!important;
}

#slide-commands .active {
  opacity:1; 
}
#slide-commands #prev{
  display:none;
}
#slide-commands #next{
  display:none;
}
#div-interaktingslider #middle-center:hover #prev, #div-interaktingslider #middle-center:hover #next{
  display:block;
}