html {
	/* The default text size in browsers is 16px. */
	/* Si mette al 62,5% che viene 10 px per facilitare i calcoli successivi, non mettere 10px perche' un utente puo' cambiare il default del browser */
	/* In seguito si usa la unita' di misura rem, dove 1 rem fa riferimento ad un caratetre, cioe' di default a 10 px */
	/* Per compatibilita' con i vecchi browser prima di font-size: xxrem si mette una riga font-size: xxpx */
	font-size: 62.5%;
}

body {
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	background-color: aliceblue;
}


	A.logo:link    { color:#0000ff; text-decoration:none}
	A.logo:visited { color:#0000ff; text-decoration:none;}
	A.logo:active  { color:#0000ff; text-decoration:none;}
	A.logo:hover   { color:#0000ff; text-decoration:none;}

	A.index {
		font-size: 13px;
		font-size: 1.3rem;
	}
	A.index:link    { color:#ffff00; text-decoration:none;}
	A.index:visited { color:#ffff00; text-decoration:none;}
	A.index:active  { color:#ffff00; text-decoration:none;}
	A.index:hover   { color:#ffffff; text-decoration:underline;}

	A.index_home {
		font-size: 15px;
		font-size: 1.5rem;
		font-weight: bold;
		font-style: italic;
	}
	A.index_home:link    { color:#ffff00; text-decoration:none;}
	A.index_home:visited { color:#ffff00; text-decoration:none;}
	A.index_home:active  { color:#ffff00; text-decoration:none;}
	A.index_home:hover   { color:#ffffff; text-decoration:underline;}

	A.body {
		font-size: 14px;
		font-size: 1.4rem;
	}
	@media screen and (max-width: 750px) {
		/* Mobile e Tablet */
		a.body {
			font-size: 1.8rem;
		}
	}
	A.body:link    { color:#0000ff; text-decoration:none;}
	A.body:visited { color:#0000ff; text-decoration:none;}
	A.body:active  { color:#0000ff; text-decoration:none;}
	A.body:hover   { color:#0000ff; text-decoration:underline}
	@media screen and (min-width: 601px) {
		/* desktop */
		a.menu {
		}
	}
	@media screen and (max-width: 600px) {
		/* Mobile piccolo */
		a.menu {
			font-size: 18px;
			font-size: 1.8rem;
			line-height: 2.7em;
			margin-left: 2em;
		}
	}

	A.foot:link    { color:#000000; text-decoration:none;}
	A.foot:visited { color:#000000; text-decoration:none;}
	A.foot:active  { color:#000000; text-decoration:none;}
	A.foot:hover   { color:#0000ff; text-decoration:none;}

	A.popup:link    { color:#000000; text-decoration:none;}
	A.popup:visited { color:#000000; text-decoration:none;}
	A.popup:active  { color:#000000; text-decoration:none;}
	A.popup:hover   { color:#000000; text-decoration:none; font-weight:bold;}

	A.popupTitle:link    { color:#008000; text-decoration:none; font-weight:bold;}
	A.popupTitle:visited { color:#008000; text-decoration:none; font-weight:bold;}
	A.popupTitle:active  { color:#008000; text-decoration:none; font-weight:bold;}
	A.popupTitle:hover   { color:#008000; text-decoration:underline; font-weight:bold;}

	a.AreaUte {
		font-family: Arial, Verdana;
	}

	input:focus {background-color: #ffff00;}
	textarea:focus {background-color: #ffff00;}


	ul.gv {margin-top: 0pt; margin-bottom: 0pt}
	ol.gv {margin-top: 0pt; margin-bottom: 0pt}
	li.gv {text-align: justify}
	p {margin-top: 0pt; margin-bottom: 0pt}

	div.gvRiporta {
		margin-top: 5pt;
		margin-bottom: 5pt;
		text-align: left;
		background-color: #FFFFFF;
		font-size: 11pt;
		margin-left: 15pt;
	}

	img.Logo {
		border: 0;
	}

	div.gvContent {
		font-family: verdana, arial;
		font-size: 14px;
		font-size: 1.4672rem;
		text-align: justify;
	}

	@media screen and (min-width: 751px) {
		/* desktop */
		div.nav {
			width: 180px;
			height: 500px;
			float: left;
			background-color: #808080;
			padding: 6px;
			font-family: verdana, arial;
			font-size: 10px;
			font-size: 1.6rem;
		}
	}
	@media screen and (max-width: 750px) {
		/* Mobile e Tablet */
		div.nav {
			display: none;
			visibility: hidden;
		}
	}
	@media only print {
		/* Stampa */
		div.nav {
			display: none;
			visibility: hidden;
		}
		div.gvContent {
			font-size: 14px;
			font-size: 1.4672rem;
		}
	}


	@media screen and (min-width: 751px) {
		/* desktop */
		div.gvContent {
			margin-left: 210px;
			margin-right: 2.8rem;
			font-family: verdana, arial;
			font-size: 14px;
			font-size: 1.4rem;
			text-align: justify;
		}
	}
	@media screen and (max-width: 750px) {
		/* Mobile e Tablet*/
		div.gvContent {
			margin-left: 0px;
			font-family: verdana, arial;
			font-size: 18px;
			font-size: 1.8rem;
			text-align: justify;
		}
	}

	div.footer {
		clear: both;
		text-align: center;
		font-family: verdana, arial;
		font-size: 13px;
		font-size: 1.3rem;
		color: #000000;
	}
	@media screen and (max-width: 750px) {
		/* Mobile e Tablet*/
		div.footer {
			font-size: 1.3rem;
		}
	}

	div.menu {
		margin-top: 0pt;
		margin-bottom: 0pt;
		text-align: left;
		font-family: verdana, arial;
		font-size: 13px;
		font-size: 1.3rem;
		margin-left: 0pt;
		line-height: 15pt;
	}

	div.benvenuto {
		margin-top: 0pt;
		margin-bottom: 0pt;
		margin-left: 0pt;
		padding-left: 6px;
		padding-right: 6px;
		padding-bottom: 20px;
		padding-top: 20px;
		text-align: left;
		font-family: verdana, arial;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: bold;
		line-height: 20pt;
		/* background-color: aliceblue; */
		color: aliceblue;
		overflow-wrap: break-word;
	}

	div.body {
		margin-top: 0pt;
		margin-left: 0pt;
		margin-bottom: 0pt;
		text-align: justify;
		font-family: verdana, arial;
		font-size: 14px;
		font-size: 1.4672rem;
		/* font-size: 13px;*/
		/* font-size: 1.3rem; */
	}
	@media screen and (max-width: 600px) {
		/* Mobile e Tablet */
		div.body {
			font-size: 1.8rem;
		}
	}

	div.bodyIndex {
		margin-top: 0px;
		margin-left: 0px;
		margin-bottom: 0px;
		text-align: justify;
		font-family: verdana, arial;
		font-size: 14px;
		font-size: 1.4rem;
	}
	@media screen and (min-width: 401px) and (max-width: 600px) {
		/* Mobile medio */
		div.bodyIndex {
			font-size: 1.8rem;
		}
	}
	@media screen and (max-width: 750px) {
		/* Mobile e Tablet */
		div.bodyIndex {
			font-size: 1.8rem;
		}
	}

	div.bodyLetture {
		margin-top: 0px;
		margin-left: 0px;
		margin-bottom: 0px;
		text-align: justify;
		font-family: verdana, arial;
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 1.4em;
	}

	div.bodyLettureMessaggio {
		font-size: 16px;
		font-size: 1.6rem;
		/*font-style: italic;*/
	}

	h1 {
		display: inline-block;
		font-size: 1.7rem;
		font-weight: bold;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
		/*
		Most browsers will display the <h1> element with the following default values:
		display: block;
		font-size: 2em;
		margin-top: 0.67em;
		margin-bottom: 0.67em;
		margin-left: 0;
		margin-right: 0;
		font-weight: bold;
		*/
	}
	@media screen and (max-width: 750px) {
		/* Mobile e Tablet */
		h1 {
			font-size: 2.5rem;
		}
	}

	div.Intestazione1 {
		font-family: verdana, arial;
		margin-left: 0px;
		font-weight: bold;
		font-size: 17px;
		font-size: 1.7rem;
		color: #0000FF;
		height: 2rem;
	}
	@media screen and (max-width: 750px) {
		/* Mobile e Tablet */
		div.Intestazione1 {
			font-size: 2.5rem;
			height: 2.8rem;
		}
	}

	div.Intestazione2 {
		margin-top: 0pt;
		margin-left: 0px;
		margin-bottom: 0px;
		font-family: verdana, arial;
		font-weight: normal;
		font-size: 13px;
		font-size: 1.3rem;
		color: #000000;
		height: 6rem;
	}
	@media screen and (max-width: 750px) {
		/* Mobile e Tablet */
		div.Intestazione2 {
			font-size: 1.8rem;
			height: 8rem;
		}
	}


	div.CambioUtente {
		font-family: verdana, arial;
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: normal;
		color: #000000;
	}

	span.TitlePage {
		font-family: arial, verdana;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: bold;
		font-style: italic;
		color: #008000;
	}

	span.NomeUtente {
		display: inline-block;
		font-family: arial, verdana;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: bold;
		font-style: italic;
		color: #008000;
		margin-bottom: 1em;
	}
	@media only screen and (min-width: 601px) {
		/* desktop */
		span.NomeUtente {
			display: none;
			visibility: hidden;
		}
	}

	span.Titolo_Form {
		font-family: verdana, arial;
		font-size: 12px;
		font-size: 1.2rem;
		font-weight: normal;
		font-style: italic;
		color: #000000;
	}

	span.Titolo_Form_Rosso {
		font-family: verdana, arial;
		font-size: 12px;
		font-size: 1.2rem;
		font-weight: normal;
		font-style: italic;
		color: #ff0000;
	}

	span.Campo_Form_Rosso {
		font-family: monospace;
		font-size: 12px;
		font-size: 1.2rem;
		font-weight: bold;
		font-style: normal;
		color: #ff0000;
	}

	p.form {
		line-height: 2.7em;
		/*background-color: #ff0000;*/
	}

	p.form_RecuperoPw_2 {
		margin-top: 1.7rem;
		/*line-height: 2.7em;*/
		/*background-color: #ff0000;*/
	}

	p.form_submit1 {
		margin-top: 1.2rem;
		margin-left: 1em;
	}

	p.foot {
		text-align: center;
		font-size: 14px;
		font-size: 1.4rem;
		font-family: verdana, arial;
	}

	span.DatiPersonali {
		font-family: arial, verdana;
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: normal;
		color: #000000;
	}

	@media screen and (min-width: 901px) {
		/* desktop */
		fieldset.area1 {
			width: 45rem;
			border-style: solid;
	   	border-width: 1px;
		}
		fieldset.area2 {
			width: 28rem;
			border-style: solid;
	   	border-width: 1px;
			margin-top: 5px;
		}
		legend.area2 {
			font-family: verdana, arial;
			font-size: 11px;
			font-size: 1.1rem;
			font-weight: normal;
			font-style: normal;
			color: #000000;
		}
		label.letture_required1 {
			display: inline-block;
			font-family: verdana, arial;
			font-size: 12px;
			font-size: 1.2rem;
			font-weight: normal;
			font-style: normal;
			color: #ff0000;
			width: 6em;
			float: left;
			text-align: right;
			margin-right: 10px;
		}
		label.creaaccount_required1 {
			display: inline-block;
			vertical-align: top;
			font-family: verdana, arial;
			font-size: 14px;
			font-size: 1.4rem;
			font-weight: normal;
			font-style: normal;
			color: #000000;
			width: 15rem;
			float: left;
			text-align: right;
			margin-right: 10px;
		}
		label.CreaAccount_Dichiaro {
		}
		label.CambiaPassword {
			display: inline-block;
			vertical-align: top;
			font-family: verdana, arial;
			font-size: 14px;
			font-size: 1.4rem;
			font-weight: normal;
			font-style: normal;
			color: #000000;
			width: 150px;
			width: 15rem;
			float: left;
			text-align: right;
			margin-right: 10px;
		}
		input.CambiaPassword {
		}
		label.DatiPersonali {
			display: inline-block;
			vertical-align: top;
			font-family: verdana, arial;
			font-size: 14px;
			font-size: 1.4rem;
			font-weight: normal;
			font-style: normal;
			color: #000000;
			width: 150px;
			width: 15rem;
			float: left;
			text-align: right;
			margin-right: 10px;
		}
		label.DatiPersonali_Edit {
			width: 150px;
			width: 15rem;
		}
		label.DatiPersonali_Recupero_2 {
			width: 250px;
			width: 25rem;
			float: none;
			text-align: left;
		}
		input.DatiPersonali {
		}
		input.DatiPersonali_TitolareContatore
		{
			width: 500px;
			width: 50rem;
		}
		input.DatiPersonali_Ubicazione
		{
			width: 300px;
			width: 30rem;
		}
		input.DatiPersonali_Comune
		{
			width: 300px;
			width: 30rem;
		}
		input.DatiPersonali_TipoUtenza
		{
			width: 300px;
			width: 30rem;
		}
		input.DatiPersonali_Email
		{
			width: 400px;
			width: 40rem;
		}
		input.DatiPersonali_NomeUtente
		{
			width: 300px;
			width: 30rem;
		}
		label.RecuperoPw2 {
			font-family: verdana, arial;
			font-size: 12px;
			font-size: 1.2rem;
			font-weight: normal;
			font-style: normal;
			color: #000000;
			width: 24rem;
			float: left;
			text-align: right;
			margin-right: 10px;
		}
		label.letture_Data {
			font-family: verdana, arial;
			font-size: 12px;
			font-size: 1.2rem;
			font-weight: normal;
			font-style: normal;
			color: #ff0000;
		}
		p.letture_Data {
			clear: both;
			position: Absolute;
			/* margin-top: -1.8em; */
			margin-top: -2.7rem;
			margin-left: 17rem;
			/* line-height: 1.8em; */
			line-height: 2.7rem;
			font-size: 12px;
			font-size: 1.2rem;
			/*width: 18rem;*/
			/* background-color: green; */
		}
		input.letture_required1 {
			font-size: 12px;
			font-size: 1.2rem;
			width: 20rem;
			/* margin-top: 2em; */
			/* margin-left: -6em; */
		}
		input.letture_lettura1 {
			font-size: 12px;
			font-size: 1.2rem;
			width: 6rem;
			/* width: 20rem; */
			/* margin-top: 2em; */
			/* margin-left: -6em; */
		}
		input.letture_agg {
			font-size: 12px;
			font-size: 1.2rem;
			width: 6rem;
			/* margin-top: 2em; */
			/* margin-left: -6em; */
		}
		input.letture_Data {
			font-size: 12px;
			font-size: 1.2rem;
			width: 8rem;
			/* margin-top: 2em; */
			/* margin-left: -6em; */
		}
		input.optional1 {
			font-size: 12px;
			font-size: 1.2rem;
			/* margin-top: 2em; */
			/* margin-left: -6em; */
		}
		label.optional1 {
			font-family: verdana, arial;
			font-size: 12px;
			font-size: 1.2em;
			font-weight: normal;
			font-style: normal;
			color: #000000;
			float: left;
			width: 6em;
			text-align: right;
			margin-right: 10px;
		}
		textarea.letture_textarea {
			width: 40rem;
		}

		label.RichiestaPw_div2 {
			font-family: verdana, arial;
			font-size: 12px;
			font-size: 1.2rem;
			font-weight: normal;
			font-style: normal;
			color: #000000;
			width: 14rem;
			float: left;
			text-align: right;
			margin-right: 10px;
			background-color: red;
		}
		input.RichiestaPw_div2 {
			font-size: 12px;
			font-size: 1.2rem;
			width: 20rem;
			/* background-color: red; */
			/* margin-top: 0.5rem; */
			/* margin-left: -6em; */
		}
		input.gvButton {
			padding: 10px;
			border-radius: 20px;
			outline: none;
			font-size: 16px;
			font-size: 1.6rem;
			font-weight: bold;
			min-width: 100px;
			min-width: 10rem;
		}
		input.gvConferma {
			margin-left: 10px;
			margin-left: 1rem;
			background-color: #00ff00;
		}
		input.gvAnnulla {
			margin-left: 30px;
			margin-left: 3rem;
			background-color: #ff0000;
			color: #ffffff;
		}
		input.Cancellati_Mobile {
			display: none;
			visibility: hidden;
		}
	}

	@media screen and (min-width: 401px) and (max-width: 900px) {
		/* Tablet */
		fieldset.area1 {
			width: 350px;
			border-style: solid;
	   	border-width: 1px;
		}
		fieldset.area2 {
			width: 330px;
			border-style: solid;
	   	border-width: 1px;
		}
		legend.area2 {
			font-family: verdana, arial;
			font-size: 12px;
			font-size: 1.2rem;
			font-weight: normal;
			font-style: normal;
			color: #000000;
		}
		label.letture_required1 {
			font-family: verdana, arial;
			font-size: 13px;
			font-size: 1.3rem;
			font-weight: normal;
			font-style: normal;
			color: #ff0000;
			width: 80px;
			float: left;
			text-align: left;
			margin-right: 0px;
			/* margin-left: 0px; */
			/* padding-left: 0px; */
			/* background-color: lime; */
		}
		label.creaaccount_required1 {
			font-family: verdana, arial;
			font-size: 12px;
			font-size: 1.2rem;
			font-weight: normal;
			font-style: normal;
			color: #000000;
			width: 10em;
			float: left;
			text-align: left;
			margin-right: 0px;
		}
		label.CreaAccount_Dichiaro {
			font-size: 20px;
			font-size: 2rem;
		}
		label.CambiaPassword {
			font-family: verdana, arial;
			font-size: 20px;
			font-size: 2rem;
			font-weight: normal;
			font-style: normal;
			/*background-color: #0000ff;*/
			width: 250px;
			width: 25rem;
			float: left;
			text-align: left;
			margin-right: 0px;
		}
		label.DatiPersonali {
			font-family: verdana, arial;
			font-size: 14px;
			font-size: 1.4rem;
			font-weight: normal;
			font-style: normal;
			/*background-color: #0000ff;*/
			width: 150px;
			width: 15rem;
			float: left;
			text-align: left;
			margin-right: 0px;
		}
		label.DatiPersonali_Edit {
			width: 250px;
			width: 25rem;
		}
		input.letture_required1 {
			/* margin-top: 2em; */
			/* margin-left: -7rem; */
			width: 200px;
		}
		input.letture_lettura1 {
			width: 6rem;
			/* width: 20rem; */
			/* margin-top: 2em; */
			/* margin-left: -6em; */
		}
		input.letture_agg {
			width: 5em;
		}
		input.creaaccount_required1 {
			margin-top: 2em;
			margin-left: -10.4em;
		}
		input.CambiaPassword {
			margin-top: 30px;
			margin-top: 3rem;
			margin-bottom: 1rem;
			margin-left: -250px;
			margin-left: -25rem;
			font-size: 20px;
			font-size: 2rem;
		}
		input.DatiPersonali {
			margin-top: 30px;
			margin-top: 3rem;
			margin-bottom: 1rem;
			margin-left: -150px;
			margin-left: -15rem;
			/*font-size: 20px;*/
			/*font-size: 2rem;*/
		}
		input.DatiPersonali_TitolareContatore {
			width: 300px;
			width: 30rem;
		}
		input.DatiPersonali_Ubicazione
		{
			width: 300px;
			width: 30rem;
		}
		input.DatiPersonali_Comune
		{
			width: 300px;
			width: 30rem;
		}
		input.DatiPersonali_TipoUtenza
		{
			width: 300px;
			width: 30rem;
		}
		input.DatiPersonali_Email
		{
			width: 300px;
			width: 30rem;
		}
		input.DatiPersonali_NomeUtente
		{
			width: 300px;
			width: 30rem;
		}
		p.letture_Data {
			margin-top: -2.7rem;
			margin-left: 15em;
			line-height: 2.7rem;
		}
		label.letture_Data {
			font-family: verdana, arial;
			font-size: 13px;
			font-size: 1.3rem;
			font-weight: normal;
			font-style: normal;
			color: #ff0000;
			/*width: 6em;*/
			/*float: left;*/
		}
		input.letture_Data {
			width: 8rem;
			margin-left: 0.5rem;
		}
		label.optional1 {
			color: #000000;
			width: 85px;
			/*
			font-family: verdana, arial;
			font-size: 12px;
			font-size: 1.2rem;
			font-weight: normal;
			font-style: normal;
			color: #000000;
			width: 6em;
			float: left;
			text-align: left;
			margin-right: 0px;
			*/
		}
		input.optional1 {
			/*margin-top: 2em;*/
			/*margin-left: -6.4em;*/
		}
		input.gvButton {
			padding: 10px;
			border-radius: 20px;
			outline: none;
			font-size: 16px;
			font-size: 1.6rem;
			font-weight: bold;
			min-width: 100px;
			min-width: 10rem;
		}
		input.gvConferma {
			margin-left: 10px;
			margin-left: 1rem;
			background-color: #00ff00;
		}
		input.gvAnnulla {
			margin-left: 30px;
			margin-left: 3rem;
			background-color: #ff0000;
			color: #ffffff;
		}
		input.Cancellati_DT {
			display: none;
			visibility: hidden;
		}
		textarea.letture_textarea {
			width: 27rem;
		}
	}

	@media screen and (min-width: 401px) and (max-width: 600px) {
		/* Mobile medio */
		fieldset.area1 {
			width: 350px;
			border-style: solid;
	   	border-width: 1px;
		}
		fieldset.area2 {
			width: 330px;
			border-style: solid;
	   	border-width: 1px;
		}
		legend.area2 {
			font-family: verdana, arial;
			font-size: 12px;
			font-size: 1.2rem;
			font-weight: normal;
			font-style: normal;
			color: #000000;
		}
		label.letture_required1 {
			font-family: verdana, arial;
			font-size: 13px;
			font-size: 1.3rem;
			font-weight: normal;
			font-style: normal;
			color: #ff0000;
			width: 80px;
			float: left;
			text-align: left;
			margin-right: 0px;
			/* margin-left: 0px; */
			/* padding-left: 0px; */
			/* background-color: lime; */
		}
		label.creaaccount_required1 {
			font-family: verdana, arial;
			font-size: 12px;
			font-size: 1.2rem;
			font-weight: normal;
			font-style: normal;
			color: #000000;
			width: 10em;
			float: left;
			text-align: left;
			margin-right: 0px;
		}
		label.CreaAccount_Dichiaro {
			font-size: 20px;
			font-size: 2rem;
		}
		label.CambiaPassword {
			font-family: verdana, arial;
			font-size: 20px;
			font-size: 2rem;
			font-weight: normal;
			font-style: normal;
			/*background-color: #0000ff;*/
			width: 250px;
			width: 25rem;
			float: left;
			text-align: left;
			margin-right: 0px;
		}
		label.DatiPersonali {
			font-family: verdana, arial;
			font-size: 14px;
			font-size: 1.4rem;
			font-weight: normal;
			font-style: normal;
			/*background-color: #0000ff;*/
			width: 150px;
			width: 15rem;
			float: left;
			text-align: left;
			margin-right: 0px;
		}
		label.DatiPersonali_Edit {
			width: 250px;
			width: 25rem;
		}
		input.DatiPersonali {
			margin-top: 30px;
			margin-top: 3rem;
			margin-bottom: 1rem;
			margin-left: -150px;
			margin-left: -15rem;
			/*font-size: 20px;*/
			/*font-size: 2rem;*/
		}
		input.DatiPersonali_TitolareContatore {
			width: 300px;
			width: 30rem;
		}
		input.DatiPersonali_Ubicazione
		{
			width: 300px;
			width: 30rem;
		}
		input.DatiPersonali_Comune
		{
			width: 300px;
			width: 30rem;
		}
		input.DatiPersonali_TipoUtenza
		{
			width: 300px;
			width: 30rem;
		}
		input.DatiPersonali_Email
		{
			width: 300px;
			width: 30rem;
		}
		input.DatiPersonali_NomeUtente
		{
			width: 300px;
			width: 30rem;
		}
		input.letture_required1 {
			/* margin-top: 2em; */
			/* margin-left: -7rem; */
			width: 200px;
		}
		input.letture_lettura1 {
			width: 6rem;
			/* width: 20rem; */
			/* margin-top: 2em; */
			/* margin-left: -6em; */
		}
		input.letture_agg {
			width: 5em;
		}
		input.creaaccount_required1 {
			margin-top: 2em;
			margin-left: -10.4em;
		}
		input.CambiaPassword {
			margin-top: 30px;
			margin-top: 3rem;
			margin-bottom: 1rem;
			margin-left: -250px;
			margin-left: -25rem;
			font-size: 20px;
			font-size: 2rem;
		}
		p.letture_Data {
			margin-top: -2.7rem;
			margin-left: 15em;
			line-height: 2.7rem;
		}
		label.letture_Data {
			font-family: verdana, arial;
			font-size: 13px;
			font-size: 1.3rem;
			font-weight: normal;
			font-style: normal;
			color: #ff0000;
			/*width: 6em;*/
			/*float: left;*/
		}
		input.letture_Data {
			width: 8rem;
			margin-left: 0.5rem;
		}
		label.optional1 {
			color: #000000;
			width: 85px;
			/*
			font-family: verdana, arial;
			font-size: 12px;
			font-size: 1.2rem;
			font-weight: normal;
			font-style: normal;
			color: #000000;
			width: 6em;
			float: left;
			text-align: left;
			margin-right: 0px;
			*/
		}
		input.optional1 {
			/*margin-top: 2em;*/
			/*margin-left: -6.4em;*/
		}
		input.gvButton {
			padding: 10px;
			border-radius: 20px;
			outline: none;
			font-size: 16px;
			font-size: 1.6rem;
			font-weight: bold;
			min-width: 100px;
			min-width: 10rem;
		}
		input.gvConferma {
			margin-left: 10px;
			margin-left: 1rem;
			background-color: #00ff00;
		}
		input.gvAnnulla {
			margin-left: 30px;
			margin-left: 3rem;
			background-color: #ff0000;
			color: #ffffff;
		}
		input.Cancellati_DT {
			display: none;
			visibility: hidden;
		}
		textarea.letture_textarea {
			width: 27rem;
		}
	}

	@media screen and (max-width: 400px) {
		/* Mobile piccolo */
		label.DatiPersonali {
			font-family: verdana, arial;
			font-size: 14px;
			font-size: 1.4rem;
			font-weight: normal;
			font-style: normal;
			/*background-color: #0000ff;*/
			width: 150px;
			width: 15rem;
			float: left;
			text-align: left;
			margin-right: 0px;
		}
		label.DatiPersonali_Edit {
			width: 250px;
			width: 25rem;
		}
		input.DatiPersonali {
			margin-top: 30px;
			margin-top: 3rem;
			margin-bottom: 1rem;
			margin-left: -150px;
			margin-left: -15rem;
			/*font-size: 20px;*/
			/*font-size: 2rem;*/
		}
		input.DatiPersonali_TitolareContatore {
			width: 300px;
			width: 30rem;
		}
		input.DatiPersonali_Ubicazione
		{
			width: 300px;
			width: 30rem;
		}
		input.DatiPersonali_Comune
		{
			width: 300px;
			width: 30rem;
		}
		input.DatiPersonali_TipoUtenza
		{
			width: 300px;
			width: 30rem;
		}
		input.DatiPersonali_Email
		{
			width: 300px;
			width: 30rem;
		}
		input.DatiPersonali_NomeUtente
		{
			width: 300px;
			width: 30rem;
		}

		fieldset.area1 {
			width: 19rem;
			border-style: solid;
	   	border-width: 1px;
		}
		fieldset.area2 {
			width: 17rem;
			border-style: solid;
	   	border-width: 1px;
		}
		legend.area2 {
			font-family: verdana, arial;
			font-size: 12px;
			font-size: 1.2rem;
			font-weight: normal;
			font-style: normal;
			color: #000000;
		}
		label.letture_required1 {
			font-family: verdana, arial;
			font-size: 12px;
			font-size: 1.2rem;
			font-weight: normal;
			font-style: normal;
			color: #ff0000;
			width: 7rem;
			float: left;
			text-align: left;
			margin-right: 0px;
			/* margin-left: 0px; */
			/* padding-left: 0px; */
			/* background-color: lime; */
		}
		label.creaaccount_required1 {
			font-family: verdana, arial;
			font-size: 12px;
			font-size: 1.2rem;
			font-weight: normal;
			font-style: normal;
			color: #000000;
			width: 10em;
			float: left;
			text-align: left;
			margin-right: 0px;
		}
		input.letture_required1 {
			margin-top: 2em;
			margin-left: -7rem;
			max-width: 17em;
		}
		input.letture_agg {
			width: 5em;
		}
		input.creaaccount_required1 {
			margin-top: 2em;
			margin-left: -10.4em;
		}
		div.letture_Data {
			clear: both;
			position: Absolute;
			margin-top: -2.7rem;
			margin-left: 10em;
			line-height: 2.7rem;
		}
		label.letture_Data {
			font-family: verdana, arial;
			font-size: 12px;
			font-size: 1.2rem;
			font-weight: normal;
			font-style: normal;
			color: #ff0000;
			width: 6em;
			float: left;
		}
		input.letture_Data {
			margin-top: 2em;
			margin-left: -6.4em;
		}
		label.optional1 {
			font-family: verdana, arial;
			font-size: 12px;
			font-size: 1.2rem;
			font-weight: normal;
			font-style: normal;
			color: #000000;
			width: 6em;
			float: left;
			text-align: left;
			margin-right: 0px;
		}
		input.optional1 {
			margin-top: 2em;
			margin-left: -6.4em;
		}
		input.gvButton {
			padding: 10px;
			border-radius: 20px;
			outline: none;
			font-size: 16px;
			font-size: 1.6rem;
			font-weight: bold;
			min-width: 100px;
			min-width: 10rem;
		}
		input.gvConferma {
			margin-left: 10px;
			margin-left: 1rem;
			background-color: #00ff00;
		}
		input.gvAnnulla {
			margin-left: 10px;
			margin-left: 1rem;
			background-color: #ff0000;
			color: #ffffff;
		}
		input.Cancellati_DT {
			display: none;
			visibility: hidden;
		}
		textarea.letture_textarea {
			width: 270px;
		}
	}

	@media only screen and (min-width: 901px) {
		/* desktop */
		div.AreaUte_Desktop {
			font-family: verdana, arial;
			font-size: 12px;
			font-size: 1.2rem;
			font-weight: normal;
			background: #e1e1e1;
			padding-top: 5px;
			padding-right: 7px;
			padding-bottom: 10px;
			padding-left: 7px;
			margin-top: -70px;
			margin-top: -7rem;
			margin-right: 10px;
			margin-bottom: 10px;
			margin-left: 10px;
			width: 270px;
			line-height: 20pt;
			float: right;
			/*display: inline;*/
			border: 1px solid rgb(0, 0, 255);
			border-radius: 20px;
		}
		div.AreaUte_Mobile {
			display: none;
			visibility: hidden;
		}
		label.AreaUte_Desktop_Title {
			float: left;
			width: 90px;
			text-align: right;
			padding-right: 5px;
			/* background: green; */
		}
		label.AreaUte_Desktop_Ricordami {
			margin-left: 5px;
		}
		input.AreaUte_Desktop_Input {
			/* float: left; */
			width: 150px;
			text-align: left;
			padding-right: 5px;
		}
		div.gvMessaggi {
			font-family: verdana, arial;
			font-size: 10pt;
			font-weight: normal;
			background: #e1e1e1;
			padding-top: 5px;
			padding-right: 7px;
			padding-bottom: 10px;
			padding-left: 7px;
			line-height: 20pt;
			border: 1px solid rgb(0, 0, 255);
			border-radius: 20px;
			position: fixed;
			left: 20%;
			top: 20%;
			width: 270px;
			visibility: hidden;
		}
	}
	@media only screen and (min-width: 1024px) {
		/* desktop largo */
		div.AreaUte_Desktop {
			margin-right: 150px;
		}
		div.AreaUte_Mobile {
			display: none;
			visibility: hidden;
		}
	}
	@media only screen and (min-width: 1280px) {
		/* desktop largo */
		div.AreaUte_Desktop {
			margin-right: 400px;
		}
		div.AreaUte_Mobile {
			display: none;
			visibility: hidden;
		}
	}
	@media only screen and (max-width: 900px) {
		/* Mobile */
		/*
		div.AreaUte_Desktop {
			display: none;
			visibility: hidden;
		}
		div.AreaUte_Mobile {
			font-family: verdana, arial;
			font-size: 13px;
			font-size: 1.3rem;
			font-weight: normal;
			background: #e1e1e1;
			padding-top: 5px;
			padding-right: 7px;
			padding-bottom: 10px;
			padding-left: 7px;
			margin-top: 20px;
			margin-right: 10px;
			margin-bottom: 0px;
			margin-left: 10px;
			width: 270px;
			line-height: 20pt;
			border: 1px solid rgb(0, 0, 255);
			border-radius: 20px;
		}
		*/
		div.AreaUte_Mobile {
			display: none;
			visibility: hidden;
		}
		div.AreaUte_Desktop {
			font-family: verdana, arial;
			font-size: 13px;
			font-size: 1.3rem;
			font-weight: normal;
			background: #e1e1e1;
			padding-top: 5px;
			padding-right: 7px;
			padding-bottom: 10px;
			padding-left: 7px;
			margin-top: 20px;
			margin-right: 10px;
			margin-bottom: 0px;
			margin-left: 10px;
			width: 270px;
			line-height: 25pt;
			/*float: right;*/
			/*float: left;*/
			/*display: inline;*/
			border: 1px solid rgb(0, 0, 255);
			border-radius: 20px;
		}
		label.AreaUte_Desktop_Title {
			float: left;
			width: 90px;
			text-align: right;
			padding-right: 5px;
			/* background: green; */
		}
		label.AreaUte_Desktop_Ricordami {
			margin-left: 5px;
		}
		input.AreaUte_Desktop_Input {
			/* float: left; */
			width: 150px;
			text-align: left;
			padding-right: 5px;
		}
	}


	span.Campo_Form {
		font-family: monospace;
		font-size: 1em;
		font-weight: normal;
		font-style: normal;
		color: #000000;
	}

	span.Desc_Form {
		font-family: verdana, arial;
		font-size: 1em;
		font-weight: normal;
		font-style: normal;
		color: #000000;
	}


	span.Offerta {
		font-family: arial, verdana;
		font-size: 10pt;
		font-weight: normal;
		font-style: italic;
		background: #ffff00;
	}


	table.borsa {
		font-family: verdana, arial;
		font-size: 10pt;
	}


	/* Elenco bollette */
	@media only screen and (min-width: 601px) {
		/* Desktop */
		table.ElencoBollette_Mobile {
			display: none;
			visibility: hidden;
		}
		table.ElencoBollette_Desktop {
			border: solid 1px black;
			border-collapse: collapse;
		}
		td.ElencoBollette_Caption_Desktop {
			font-family: verdana, arial;
			font-size: 14pt;
			font-style: italic;
			font-weight: normal;
			background-color: #0000ff;
			color: #ffff00;
			text-align: center;
			border: solid 1px black;
			padding-left: 5px;
			padding-right: 5px;
			padding-top: 5px;
			padding-bottom: 5px;

		}
		th.ElencoBollette_Desktop {
			font-family: verdana, arial;
			font-size: 10pt;
			font-weight: normal;
			background-color: #c0c0c0;
			color: #000000;
			text-align: center;
			border: solid 1px black;
			padding-left: 10px;
			padding-right: 10px;
			padding-top: 10px;
			padding-bottom: 10px;
		}
		td.ElencoBollette_DataEm_Desktop {
			font-family: verdana, arial;
			font-size: 10pt;
			font-weight: normal;
			background-color: #ffffff;
			color: #000000;
			text-align: right;
			border: solid 1px black;
			padding-left: 1em;
			padding-right: 5px;
			padding-top: 2px;
			padding-bottom: 2px;
		}
		td.ElencoBollette_DataScad_Desktop {
			font-family: verdana, arial;
			font-size: 10pt;
			font-weight: normal;
			background-color: #ffffff;
			color: #000000;
			text-align: right;
			border: solid 1px black;
			padding-left: 1em;
			padding-right: 5px;
			padding-top: 2px;
			padding-bottom: 2px;
		}
		td.ElencoBollette_Importo_Desktop {
			font-family: verdana, arial;
			font-size: 10pt;
			font-weight: normal;
			background-color: #ffffff;
			color: #000000;
			text-align: right;
			border: solid 1px black;
			padding-right: 5px;
			padding-top: 2px;
			padding-bottom: 2px;
		}
		td.ElencoBollette_Pagato_Desktop {
			font-family: verdana, arial;
			font-size: 10pt;
			font-weight: normal;
			background-color: #ffffff;
			color: #000000;
			text-align: right;
			border: solid 1px black;
			padding-right: 5px;
			padding-top: 2px;
			padding-bottom: 2px;
		}
		td.ElencoBollette_Pdf_Desktop {
			font-family: verdana, arial;
			font-size: 10pt;
			font-weight: normal;
			background-color: #ffffff;
			color: #000000;
			text-align: center;
			border: solid 1px black;
			padding-right: 5px;
			padding-top: 2px;
			padding-bottom: 2px;
		}
		td.ElencoBollette_Note_Desktop {
			font-family: verdana, arial;
			font-size: 10pt;
			font-weight: normal;
			background-color: #ffffff;
			color: #000000;
			text-align: left;
			border: solid 1px black;
			padding-left: 5px;
			padding-right: 5px;
			padding-top: 2px;
			padding-bottom: 2px;
		}
	}
	@media only screen and (max-width: 600px) {
		/* Mobile */
		table.ElencoBollette_Desktop {
			display: none;
			visibility: hidden;
		}
		table.ElencoBollette_Mobile {
			border: solid 1px black;
			border-collapse: collapse;
		}
		td.ElencoBollette_Caption_Mobile {
			font-family: verdana, arial;
			font-size: 12pt;
			font-size: 1.2em;
			font-style: italic;
			font-weight: normal;
			background-color: #0000ff;
			color: #ffff00;
			text-align: center;
			border: solid 1px black;
			padding-left: 5px;
			padding-right: 5px;
			padding-top: 5px;
			padding-bottom: 5px;
		}
		td.ElencoBollette_Colonna1_Mobile {
			font-family: verdana, arial;
			font-size: 10pt;
			font-weight: normal;
			background-color: #ffffff;
			color: #000000;
			text-align: left;
			padding-left: 1em;
			padding-right: 5px;
			padding-top: 2px;
			padding-bottom: 2px;
		}
		td.ElencoBollette_Colonna2_Mobile {
			font-family: verdana, arial;
			font-size: 10pt;
			font-weight: normal;
			background-color: #ffffff;
			color: #000000;
			text-align: left;
			padding-left: 1em;
			padding-right: 5px;
			padding-top: 2px;
			padding-bottom: 2px;
		}
	}

	/* Elenco letture */
	@media only screen and (min-width: 980px) {
		/* Desktop */
		table.ElencoLetture_Mobile {
			display: none;
			visibility: hidden;
		}
		div.ElencoLetture_Desktop {
			max-height: 500px;
			width: 100%;
			overflow: auto;
		}
		div.ElencoLetture_Giornaliere_Desktop {
			width: 500px;
		}
		table.ElencoLetture_Desktop {
			/*display: inline-block;*/
			/* border: solid 1px black; */
			border-collapse: separate;
			border-spacing: 0;
			width: 90%;
		}
		table.ElencoLetture_Giornaliere_Desktop {
			width: 482px;
		}
		th.ElencoLetture_Desktop {
			font-family: verdana, arial;
			font-size: 10pt;
			font-weight: normal;
			background-color: #c0c0c0;
			color: #000000;
			text-align: center;
			border-top: 1px solid;
			border-bottom: 1px solid;
			border-right: 1px solid;
			padding-left: 10px;
			padding-right: 10px;
			padding-top: 10px;
			padding-bottom: 10px;
			/* Per evitare lo scroll verticale - Inzio */
			position: sticky;
			top: 0;
			z-index: 2;
			/* Per evitare lo scroll verticale - Fine */
		}
		td.ElencoLetture_Caption_Desktop {
			font-family: verdana, arial;
			font-size: 14pt;
			font-style: italic;
			font-weight: normal;
			background-color: #0000ff;
			color: #ffff00;
			text-align: center;
			border-top: 1px solid black;
			border-right: 1px solid black;
			padding-left: 5px;
			padding-right: 21px;
			padding-top: 5px;
			padding-bottom: 5px;
		}
		td.ElencoLetture_DataEm_Desktop {
			font-family: verdana, arial;
			font-size: 10pt;
			font-weight: normal;
			background-color: #ffffff;
			color: #000000;
			text-align: right;
			border-bottom: 1px solid;
			border-right: 1px solid;
			padding-left: 1em;
			padding-right: 5px;
			padding-top: 2px;
			padding-bottom: 2px;
		}
		td.ElencoLetture_DataScad_Desktop {
			font-family: verdana, arial;
			font-size: 10pt;
			font-weight: normal;
			background-color: #ffffff;
			color: #000000;
			text-align: right;
			border-bottom: 1px solid;
			border-right: 1px solid;
			padding-left: 1em;
			padding-right: 5px;
			padding-top: 2px;
			padding-bottom: 2px;
		}
		td.ElencoLetture_Importo_Desktop {
			font-family: verdana, arial;
			font-size: 10pt;
			font-weight: normal;
			background-color: #ffffff;
			color: #000000;
			text-align: right;
			border-bottom: 1px solid;
			border-right: 1px solid;
			padding-right: 5px;
			padding-top: 2px;
			padding-bottom: 2px;
		}
		td.ElencoLetture_Pagato_Desktop {
			font-family: verdana, arial;
			font-size: 10pt;
			font-weight: normal;
			background-color: #ffffff;
			color: #000000;
			text-align: right;
			border-bottom: 1px solid;
			border-right: 1px solid;
			padding-right: 5px;
			padding-top: 2px;
			padding-bottom: 2px;
		}
		td.ElencoLetture_Pdf_Desktop {
			font-family: verdana, arial;
			font-size: 10pt;
			font-weight: normal;
			background-color: #ffffff;
			color: #000000;
			text-align: center;
			border-bottom: 1px solid;
			border-right: 1px solid;
			padding-right: 5px;
			padding-top: 2px;
			padding-bottom: 2px;
		}
		td.ElencoLetture_Note_Desktop {
			font-family: verdana, arial;
			font-size: 10pt;
			font-weight: normal;
			background-color: #ffffff;
			color: #000000;
			text-align: left;
			border-bottom: 1px solid;
			border-right: 1px solid;
			padding-left: 5px;
			padding-right: 5px;
			padding-top: 2px;
			padding-bottom: 2px;
		}
		table th:first-child, table td:first-child {
			/* Apply a left border on the first <td> or <th> in a row */
			border-left: 1px solid black;
		}
	}
	@media only screen and (max-width: 979px) {
		/* Mobile */
		table.ElencoLetture_Desktop {
			display: none;
			visibility: hidden;
		}
		table.ElencoLetture_Mobile {
			border: solid 1px black;
			border-collapse: collapse;
		}
		td.ElencoLetture_Caption_Mobile {
			font-family: verdana, arial;
			font-size: 12pt;
			font-size: 1.2em;
			font-style: italic;
			font-weight: normal;
			background-color: #0000ff;
			color: #ffff00;
			text-align: center;
			border: solid 1px black;
			padding-left: 5px;
			padding-right: 5px;
			padding-top: 5px;
			padding-bottom: 5px;
		}
		td.ElencoLetture_Colonna1_Mobile {
			font-family: verdana, arial;
			font-size: 10pt;
			font-weight: normal;
			background-color: #ffffff;
			color: #000000;
			text-align: left;
			padding-left: 1em;
			padding-right: 5px;
			padding-top: 2px;
			padding-bottom: 2px;
		}
		td.ElencoLetture_Colonna2_Mobile {
			font-family: verdana, arial;
			font-size: 10pt;
			font-weight: normal;
			background-color: #ffffff;
			color: #000000;
			text-align: left;
			padding-left: 1em;
			padding-right: 5px;
			padding-top: 2px;
			padding-bottom: 2px;
		}
	}


	#cookie-law  {
		position: fixed;
		/* top: 0%;*/
		bottom: 0%;
		width: 100%;
		z-index: 10;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
		padding-bottom: 20px;
		font-family: verdana, arial;
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: normal;
		text-align: center;
		/* color: #682008; */
		background-color: yellow;
		margin: 0;
		/* opacity: 0.5 */
	}


/* Checkbox personalizzati ripresi da https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_custom_checkbox */
/* Inizio */
/* The container */
.containerCB {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    /* font-size: 22px; */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
label.containerCB_m {
}


/* Hide the browser's default checkbox */
.containerCB input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
	 background-color: #eee;
	 border-style: solid;
    border-width: 1px;
	 border-color: black;
}

/* On mouse-over, add a grey background color */
.containerCB:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.containerCB input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.containerCB input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.containerCB .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
	 -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* Checkbox personalizzati ripresi da https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_custom_checkbox */
/* Fine */