.s,
.mare,
.w {
  overflow: hidden;
}

.s {
  background: url(https://www.ilmeteo.it/portale/themes/ilmeteo10/s-cartoon2016b-34.png)
    top left no-repeat;
  width: 34px;
  height: 34px;
  display: block;
}

.flag_neve,
.flag_pioggia,
.flag_pioggia_mista,
.flag_temporale3 {
  height: 21px;
  width: 10px;
  float: right;
  margin-top: 4px;
}

.ss1 {
  background-position: 0 0;
}

.ss2 {
  background-position: -34px 0;
}

.ss3 {
  background-position: -70px 0;
}

.ss4 {
  background-position: -104px 0;
}

.ss4b {
  background-position: -139px 0;
}

.ss5 {
  background-position: -173px 0;
}

.ss6 {
  background-position: -208px 0;
}

.ss7 {
  background-position: -242px 0;
}

.ss8 {
  background-position: -277px 0;
}

.ss9 {
  background-position: -311px 0;
}

.ss10 {
  background-position: -346px 0;
}

.ss11 {
  background-position: -381px 0;
}

.ss12 {
  background-position: -415px 0;
}

.ss13 {
  background-position: -450px 0;
}

.ss14 {
  background-position: -484px 0;
}

.ss15 {
  background-position: -519px 0;
}

.ss16 {
  background-position: -554px 0;
}

.ss17 {
  background-position: -588px 0;
}

.ss18 {
  background-position: -623px 0;
}

.ss19 {
  background-position: -262px -34px;
}

.ss20 {
  background-position: -296px -34px;
}

.ss21 {
  background-position: -332px -34px;
}

.ss22 {
  background-position: -366px -34px;
}

.ss23 {
  background-position: -400px -34px;
}

.ss24 {
  background-position: -434px -34px;
}

.ss101 {
  background-position: -658px 0;
}

.ss102 {
  background-position: -692px 0;
}

.ss103 {
  background-position: -727px 0;
}

.ss104 {
  background-position: -761px 0;
}

.ss104b {
  background-position: -796px 0;
}

.ss105 {
  background-position: -830px 0;
}

.ss106 {
  background-position: -865px 0;
}

.ss107 {
  background-position: -899px 0;
}

.ss108 {
  background-position: -934px 0;
}

.ss109 {
  background-position: -968px 0;
}

.ss110 {
  background-position: -1003px 0;
}

.ss111 {
  background-position: -1037px 0;
}

.ss112 {
  background-position: -1072px 0;
}

.ss113 {
  background-position: -1106px 0;
}

.ss114 {
  background-position: 0 -34px;
}

.ss115 {
  background-position: -35px -34px;
}

.ss116 {
  background-position: -69px -34px;
}

.ss117 {
  background-position: -104px -34px;
}

.ss118 {
  background-position: -139px -34px;
}

.ss119 {
  background-position: -228px -34px;
}

.ss120 {
  background-position: -296px -34px;
}

.flag_pioggia_mista {
  background-position: -173px -34px;
}

.flag_neve {
  background-position: -184px -34px;
}

.flag_pioggia {
  background-position: -195px -34px;
}

.flag_temporale3 {
  background-position: -206px -34px;
}

.w {
  background: url(https://www.ilmeteo.it/portale/themes/ilmeteo10/s-cartoon2016b-34.png)
    top left no-repeat;
  width: 28px;
  height: 28px;
  display: block;
  overflow: visible;
  min-width: 28px;
  margin-right: 3px;
}

.vento1h,
.ventoDet1h {
  background-position: -565px -35px;
}

.vento1,
.ventoDet1 {
  background-position: -592px -35px;
}

.vento2h,
.ventoDet2h {
  background-position: -619px -35px;
}

.vento2,
.ventoDet2 {
  background-position: -647px -35px;
}

.vento3h,
.ventoDet3h {
  background-position: -674px -35px;
}

.vento3,
.ventoDet3 {
  background-position: -701px -35px;
}

.vento4h,
.ventoDet4h {
  background-position: -728px -35px;
}

.vento4,
.ventoDet4 {
  background-position: -755px -35px;
}

.mare {
  /* background: url(https://www.ilmeteo.it/portale/themes/ilmeteo10/s-cartoon2016b-34.png)
    top left no-repeat;
  width: inherit !important;
  height: 34px;
  transform: scale(0.75); */
  display: block;
  height: 30px;
  width: 30px;
  max-width: 30px;
  min-width: 30px;
  background-size: contain !important;
}

.mare0,
.mareDet0 {
  /* background-position: -785px -34px; */
  background: url(../images/sea_icons/calmo.png) no-repeat center center;
}

.mare1,
.mareDet1 {
  /* background-position: -835px -34px; */
  background: url(../images/sea_icons/poco_mosso.png) no-repeat center center;
}

.mare2,
.mareDet2 {
  /* background-position: -886px -34px; */
  background: url(../images/sea_icons/mosso.png) no-repeat center center;
}

.mare3,
.mareDet3 {
  /* background-position: -937px -34px; */
  background: url(../images/sea_icons/molto_mosso.png) no-repeat center center;
}

.mare4,
.mareDet4 {
  /* background-position: -987px -34px; */
  background: url(../images/sea_icons/agitato.png) no-repeat center center;
}

.mare5,
.mareDet5 {
  /* background-position: -1039px -34px; */
  background: url(../images/sea_icons/molto_agitato.png) no-repeat center center;
}

.mare6,
.mareDet6 {
  /* background-position: -1089px -34px; */
  background: url(../images/sea_icons/grosso.png) no-repeat center center;
}

@media screen and (max-width: 900px) {
  .w {
    width: 16px;
    max-width: 16px;
    height: 16px;
    min-width: 16px;
  }

  .vento1h,
  .ventoDet1h {
    background-size: 578px 34px;
    background-position: -299px -17px;
  }

  .vento1,
  .ventoDet1 {
    background-size: 592px 35px;
    background-position: -293px -19px;
  }

  .vento2h,
  .ventoDet2h {
    background-size: 619px 35px;
    background-position: -350px -18px;
  }

  .vento2,
  .ventoDet2 {
    background-size: 646px 35px;
    background-position: -351px -18px;
  }

  .vento3h,
  .ventoDet3h {
    background-size: 636px 35px;
    background-position: -390px -18px;
  }

  .vento3,
  .ventoDet3 {
    background-size: 649px 35px;
    background-position: -383px -18px;
  }

  .vento4h,
  .ventoDet4h {
    background-size: 655px 35px;
    background-position: -418px -18px;
  }

  .vento4,
  .ventoDet4 {
    background-size: 627px 35px;
    background-position: -415px -18px;
  }
}