* {
	margin: 0;
	padding: 0;
  box-sizing: border-box;
}

html, body {
  width: 100%;
  height: 100%;
  font: normal 100% Helvetica, Arial, sans-serif;
  color: #FFFFFF;
  background-color: #00ABFF;
}
body {
  padding-top: 110px;
}

p {
  font-size = 1em;                 /*    16px / 16px  = 1em       */
  line-height: 1.125em;            /*    18px / 16px = 1.125em   */
}

a {
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}

a img {
  border: none;
}

.clear {
  clear: both;
}

#riassunto_mq {
  display: none;
}

h1 {
  font-family: 'Titillium Web', Calibri, "Trebuchet MS", Arial, Helvetica, Tahoma, Verdana, sans-serif;
  font-size: 2em;
  font-weight: 600;
  text-align: left;
  line-height: 1.3em;
  color: #000000;
}
h2 {
  font-family: 'Titillium Web', Calibri, "Trebuchet MS", Arial, Helvetica, Tahoma, Verdana, sans-serif;
  font-size: 2em !important;
  font-weight: 600;
  text-align: center;
  line-height: 1.3em;
}

.fa fa-angle-down:before {
  content: "\f107";
}
.fa {
  font-size: 7em !important;
}

/*////// INIZIO NAV //////*/
nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  padding: 10px 0 0 0;
  background-color: #FFFFFF;
  z-index: 9001;
}
nav #logo {
  width: 80%;        /* 80em */
  margin: 0 auto;
  /*padding-left: 23px;*/
}
nav #logo img {
  max-width: 420px;
}
/*////// FINE NAV //////*/

/*////// INIZIO HEADER //////*/
header {
  position: relative;
  height: auto;
  padding: 1% 0 3% 0;
  font-size: 1em;
}
header h1 {
  font-size: 3em;
  color: #FFFFFF;
}
header span {
  font-size: 1.5em;
}
/*////// FINE HEADER //////*/

.fascia_intermedia {
  position: relative;
  width: 100%;
  height: auto;
  /*height: 12.5em;*/
  margin: 0 auto;
  padding: 1% 0;
  text-align: center;
  background-color: #FCFCFC;
}
.gas {
  color: #00ABFF;
}
.luce {
  color: #FBBA00;
}

/*////// INIZIO SELETTORE //////*/
#fascia_selettore {
  position: relative;
  width: 100%;
  height: auto;
  /*height: 12.5em;*/
  margin: 0 auto;
  padding: 1% 0;
  text-align: center;
  background-color: #FCFCFC;
}
#fascia_selettore #selettore {
  position: relative;
  width: 800px;
  height: 400px;
  margin: 0 auto;
  overflow: hidden;
}
/*//// INIZIO LISTA PRINCIPALE SELETTORE ////*/
#selettore ul#selettore_mobile {
  position: relative;
  width: 3200px;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#selettore ul#selettore_mobile li.slides {
  width: 800px;
  height: 400px;
  float: left;
}
#selettore ul#selettore_mobile li.slides #cont_puls_selettore {
  position: relative;
  width: 800px;
  height: auto;
  margin: 0 auto;
  text-align: center;
}
#selettore ul#selettore_mobile li.slides #cont_puls_1_liv {
  width: 470px;
  margin: 8% auto;
  text-align: center;
}
/*#selettore ul#selettore_mobile li.slides button.puls_1_liv {
  width: 215px;
  height: 130px;
  margin: 0 auto;
  display: block;
  float: left;
  font-family: 'Titillium Web', Calibri, "Trebuchet MS", Arial, Helvetica, Tahoma, Verdana, sans-serif;
  font-size: 2em !important;
  font-weight: 600;
  text-align: center;
  line-height: 1.3em;
  color: #FFFFFF;
  border: none;
}*/
#selettore ul#selettore_mobile li.slides a.puls_1_liv {
  width: 215px;
  height: 130px;
  margin: 0 auto;
  padding: 45px;
  display: block;
  float: left;
  font-family: 'Titillium Web', Calibri, "Trebuchet MS", Arial, Helvetica, Tahoma, Verdana, sans-serif;
  font-size: 2em !important;
  font-weight: 600;
  text-align: center;
  line-height: 1.3em;
  color: #FFFFFF;
  border: none;
  cursor: pointer;
}
.margin-right-20 {
  margin-right: 20px !important;
}
.margin-left-20 {
  margin-left: 20px !important;
}
/*//// FINE LISTA PRINCIPALE SELETTORE ////*/
/*//// START LISTA SECONDARIA SELETTORE ////*/
#selettore ul.tipo_clienti {
  width: 215px;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#selettore ul.tipo_clienti li {
  margin-top: 6px;
}
#selettore ul.tipo_clienti li a {
  width: 215px;
  height: 40px;
  margin: 0 auto;
  padding: 9px;
  display: block;
  font-family: 'Titillium Web', Calibri, "Trebuchet MS", Arial, Helvetica, Tahoma, Verdana, sans-serif;
  font-size: 1.3em !important;
  font-weight: 600;
  text-align: center;
  line-height: 1em;
  -webkit-transition-duration: 0.1s; /* Safari */
  transition-duration: 0.1s;
  border: none;
  background-color: #FFFFFF;
  cursor: pointer;
}
#selettore ul.tipo_clienti li a:hover {
  padding: 6px;
  color: #FFFFFF;
  border: 3px solid #FFFFFF;
  background-color: #00ABFF;
}
#selettore ul.tipo_clienti li a.luce:hover {
  color: #FFFFFF;
  border: 3px solid #FFFFFF;
  background-color: #FBBA00;
}
#selettore ul.tipo_clienti li a:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
#selettore ul.tipo_clienti li a.disabled:hover {
  border: none;
  color: #FBBA00;
  background-color: #FFFFFF;
  opacity: 0.6;
  cursor: not-allowed;
}
/*//// FINE LISTA SECONDARIA SELETTORE ////*/

.sfondo_gas {
  background-color: #00ABFF;
}
.sfondo_luce {
  background-color: #FBBA00;
}

.cont_puls_tipo_mercato {
  width: 470px;
  margin: 8% auto;
  text-align: center;
}
.cont_puls_tipo_mercato .puls_scelta_mercato {
  width: 215px;
  height: 130px;
  margin: 0 auto;
  padding: 18px;
  display: block;
  font-family: 'Titillium Web', Calibri, "Trebuchet MS", Arial, Helvetica, Tahoma, Verdana, sans-serif;
  font-size: 2em !important;
  font-weight: 600;
  text-align: center;
  line-height: 1.3em;
  color: #FFFFFF;
  border: 6px solid #FFFFFF;
  background: none;
  cursor: pointer;
}
.cont_puls_tipo_mercato .cont_puls_mercato_regolato {
  width: 215px;
  margin-right: 20px;
  float: left;
}
.cont_puls_tipo_mercato .cont_puls_mercato_libero {
  width: 215px;
  margin-left: 20px;
  float: left;
}

/*////// FINE SELETTORE //////*/

/*////// INIZIO CONTAINER //////*/
#container {
  position: relative;
  width: 100%;                 /*    960px / 16px  = 60em     */
  margin: 0 auto;
  background-color: #DCDCDC;
}

.cont {
  min-width: 320px;
  width: 80%;        /* 80em */
  margin: 0 auto;
  /*padding-left: 23px;*/
}

/*/// INIZIO BOLLETTE ///*/
#container section {
  position: relative;
  width: 1280px;
  margin: 0 auto;
  overflow: hidden;
}
section ul#lista_bollette {
  position: relative;
  width: 6400px;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
section ul#lista_bollette li.slides_bollette {
  width: 1280px;
  float: left;
}

.cont_bolletta {
  position: relative;
  width: 1280px;
  height: 900px;
  margin: 0 auto;
}
#bolletta_gas_dom_regolato {
  background: url('/bolletta/images/bolletta_gas_dom_regolato.png') no-repeat;
}
#bolletta_gas_dom_libero {
  background: url('/bolletta/images/bolletta_gas_dom_libero.png') no-repeat;
}
#bolletta_gas_pmi_libero {
  background: url('/bolletta/images/bolletta_gas_pmi_libero.png') no-repeat;
}
#bolletta_luce_dom_libero {
  background: url('/bolletta/images/bolletta_ee_dom_libero.png') no-repeat;
}
#bolletta_luce_pmi_libero {
  background: url('/bolletta/images/bolletta_ee_pmi_libero.png') no-repeat;
}

.bolletta_download {
  padding: 2% 0;
  text-align: center;
  display: none;
}
/*/// FINE BOLLETTE ///*/

/*////// FINE CONTAINER //////*/

footer {
  position: relative;
  margin-bottom: 15px;
  padding: 1.5625%;
  font-size: 0.7em;
  text-align: center;
}