/**
 * ---
 * Classi generali
 * ---
 */

#slider {
  position: relative;
  width: 910px;
  height: 376px;
  overflow: hidden;
  margin: 0 auto;
  background: #fff;
}

#slider .box {
  position: absolute;
}

#slider .box .slide {
  position: relative;
  float: left;
  width: 910px;
  height: 376px;
  background-color: #FCFCFC;
}

#slider .box .slide a {
  position: absolute;
  text-indent: -10499px;
  display: block;
  background: url("images/slider/pixel.gif");
}

#slider a.attiva {
  width: 140px;
  height: 36px;
}

#slider a.informazioni {
  width: 140px;
  height: 20px;
}

#slider a.button {
  z-index: 1049;
  text-indent: -10499px;
  display: none;
  width: 28px;
  height: 30px;
  cursor: pointer;
  position: absolute;
}

#slider a.button.next {
  top: 152px;
  right: 12px;
  background: transparent url("images/slider/arrow-right.png") no-repeat top left;
}

#slider a.button.prev {
  background: transparent url("images/slider/arrow-left.png") no-repeat top left;
  top: 152px;
  left: 12px;
}

#slider a.button:hover {
  background-position: bottom left;
}

#slider .navigation {
  margin: 0;
  position: absolute;
  display: block;
  width: 900px;
  height: 52px;
  bottom: 0px;
  left: 3px;
  z-index: 1049;
  background: url("images/home-slider-nav-bg.png") repeat-x bottom left;
}

#slider .navigation a {
  display: block;
  float: left;
  background: url("images/slider/navigation.png") no-repeat;
  height: 52px;
  text-indent: -10499px;
  cursor: pointer;
  width: 225px;
}

/**
 * ---
 * Classi specifiche per i pannelli delle singole offerte
 * ---
 */

/**
 * Offerta Zero Sorprese Web - pannello s1
 */

#slider .box .s1 a.attiva_luce,
#slider .box .s1 a.attiva_gas {
  top: 176px;
}

#slider .box .s1 a.info_luce,
#slider .box .s1 a.info_gas {
  top: 213px;
}

#slider .box .s1 a.attiva_luce,
#slider .box .s1 a.info_luce {
  left: 102px;
}

#slider .box .s1 a.attiva_gas,
#slider .box .s1 a.info_gas {
  left: 400px;
}

#slider .navigation a.s1 {
  background-position: left top;
}

#slider .navigation a.s1:hover {
  background-position: left -52px;
}

#slider .navigation a.s1_active,
#slider .navigation a.s1_active:hover {
  background-position: left -104px !important;
}

/* Link ai tool */

#slider .box .s1 a.tool_luce,
#slider .box .s1 a.tool_gas {
  display: block;
  position: absolute;
  text-indent: -999em;
  width: 223px;
  height: 26px;
}

#slider .box .s1 a.tool_luce {
  top: 253px;
  left: 28px;
}

#slider .box .s1 a.tool_gas {
  top: 253px;
  left: 320px;
}

/**
 * Offerta Edison Web - pannello s2
 */
 
#slider .box .s2 a.attiva_luce,
#slider .box .s2 a.attiva_gas {
  top: 202px;
}

#slider .box .s2 a.info_luce,
#slider .box .s2 a.info_gas {
  top: 239px;
}

#slider .box .s2 a.attiva_luce,
#slider .box .s2 a.info_luce {
  left: 49px;
}

#slider .box .s2 a.attiva_gas,
#slider .box .s2 a.info_gas {
  left: 274px;
}

#slider .navigation a.s2 {
  background-position: -225px 0px;
}

#slider .navigation a.s2:hover {
  background-position: -225px -52px;
}

#slider .navigation a.s2_active,
#slider .navigation a.s2_active:hover {
  background-position: -225px -104px !important;
}


/**
 * Offerta Sconto Sicuro - pannello s3
 */

#slider .box .s3 a.attiva_luce,
#slider .box .s3 a.attiva_gas {
  top: 202px;
}

#slider .box .s3 a.info_luce,
#slider .box .s3 a.info_gas {
  top: 240px;
}

#slider .box .s3 a.attiva_luce,
#slider .box .s3 a.info_luce {
  left: 49px;
}

#slider .box .s3 a.attiva_gas,
#slider .box .s3 a.info_gas {
  left: 273px;
}

#slider .navigation a.s3 {
  background-position: right top;
}

#slider .navigation a.s3:hover {
  background-position: right -52px;
}

#slider .navigation a.s3_active,
#slider .navigation a.s3_active:hover {
  background-position: right -104px !important;
}


/**
 * Offerta Prezzo Fisso - pannello s4
 */

#slider .box .s4 a.attiva_luce,
#slider .box .s4 a.attiva_gas {
  top: 204px;
}

#slider .box .s4 a.info_luce,
#slider .box .s4 a.info_gas {
  top: 242px;
}

#slider .box .s4 a.attiva_luce,
#slider .box .s4 a.info_luce {
  left: 49px;
}

#slider .box .s4 a.attiva_gas,
#slider .box .s4 a.info_gas {
  left: 274px;
}

#slider .navigation a.s4 {
  background-position: -454px 0px;
}

#slider .navigation a.s4:hover {
  background-position: -454px -52px;
}

#slider .navigation a.s4_active,
#slider .navigation a.s4_active:hover {
  background-position: -450px -104px !important;
}