/* tag generici in comune a tutte le strutture */

/* globale */
body {
  font-family: "Arial", sans-serif;
  font-size: 12px;
  background-color: #32C8C8;
}

.interlinea {
  line-height: 18px;
}


.interlinea2 {
  line-height: 18px;
  margin-left: 10px;
}

.interlinea3 {
  margin-left: 10px;
}

.interlinea4 {
  color: gray;
}

/* BLOCCHI DELLA PAGINA */

#header {
  position: relative;
  top: 0px;
  /*left: 0px;*/
  left: 50%;
  width: 950px;
  height: 166px;
  /* margin: 0 0 0 -(width/2) */
  margin: 0px 0px 0px -475px;
  background-color: #FFFFFF;
  /*color: red;*/
}

#headerglobalitem {
  position: absolute;
  top: 10px;
  /* left: 960px - 350px; */
  left: 600px;
  width: 325px;
  height: 20px;
  background-color: #FFFFFF;
  color: #32C8C8;
  text-align: right;
  font-size: 12px;
}

#headermenu {
  position: absolute;
  top: 133px;
  left: 0px;
  width: 100%;
  height: 33px;
  background-color: #737373;
  color: #FFFFFF;
  text-align: left;
  font-size: 16px;
}

#corpo {
  position: relative;
  /*left: 0px;*/
  left: 50%;
  top: 0px;
  width: 950px;
  /* margin: 0 0 0 -(width/2) */
  margin: 0px 0px 0px -475px;
  background-color: #FFFFFF;
}

#footer {
  position: relative;
  left: 50%;
  top: 9px;
  width: 950px;
  margin: 0px 0px 30px -475px;
  font-size: 12px;
  color: #FFFFFF;
}



/* ELEMENTI PARTICOLARI DEI BLOCCHI */

#logoimg {
  position: absolute;
  top: 25px;
  left: 25px;
  height: 80px;
}

#logoimgfianco {
  position: absolute;
  top: 93px;
  /*left: 25 + 280 px;*/
  left: 305px;
  height: 12px;
}

#imgloginout {
  position: absolute;
  top: 71px;
  left: 774px;
}

.imgApriloSubito {
  position: relative;
  top: 25px;
}

.imgFiletto {
  position: relative;
  top: 40px;
}

.imgLaTuaPratica {
  position: relative;
  top: 50px;
  padding-left: 10px;
}

.imgFiletto2 {
  position: relative;
  top: 50px;
}

#headermenu a {
  position: relative;
  /*height: 40px;*/
  width: 240px;
  text-align: center;
  color: #FFFFFF;
  border: none;
}

#headerglobalitem a {
  text-decoration: none;
  font-weight: normal;
  color: #32C8C8;
}
#headerglobalitem a:hover {
  text-decoration: underline;
}

#corpomenusx a {
  display: block;
  padding-left: 25px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 12px;
  font-weight: bold;
  border-bottom: #FFFFFF 2px solid;
  color: #737373;
  background-color: #F5F5F5;
  text-decoration: none;
}
#corpomenusx a:hover {
  color: #32C8C8;
}
#corpomenusx a.corrente {
  color: #2B8D8D;
  background-color: #EAEAEA;
}

#footer a {
  text-decoration: none;
  font-size: 12px;
  font-weight: normal;
  color: #FFFFFF;
}
#footer a:hover {
  text-decoration: underline;
}
#footer .nota {
  font-size: 11px;
  color: #085E5E;
}

#callcenter a {
  text-decoration: none;
  font-weight: normal;
  color: #32C8C8;
}
#callcenter a:hover {
  text-decoration: underline;
}

div.calcolatore {
  font-weight: bold;
  color: #FFFFFF;
  background-image: url("../imgs/bkg_calcolatore.gif");
  /*height: 124 -10 -10; padding*/
  height: 104px;
  width: 460px;
  padding: 10px;
}

div.calcolatoreErrore {
  /*position: absolute;
  left: 0px;
  top: 0px;
  width: 0px;
  height: 0px;
  visibility: hidden;*/
  color: red;
}




/* ELEMENTI, CLASSI, ETC */

/* HELP */
/*div.help {
  width: 190px;
}*/

/* FORM */
/* testo del form, label */
form {
  font-family: "Arial", sans-serif;
  font-size: 12px;
  color: #000000;
}
form label {
  font-family: "Arial", sans-serif;
  font-size: 12px;
}

/* testo del form diverso da una label, descrittivo */
form .testo {
  font-family: "Arial", sans-serif;
  font-size: 11px;
}
form textarea {
  font-family: "Arial", sans-serif;
  font-size: 11px;
}

/* label radio button, check box, button, menu tendina */
form input {
  font-family: "Arial", sans-serif;
  font-size: 12px;
}
form select {
  font-family: "Arial", sans-serif;
  font-size: 12px;
  /*background-color: #67FFFF;*/
  /*border: black 1px solid;*/
  width: 180px;
  margin-right: 20px;
}
form button {
  font-family: "Arial", sans-serif;
  font-size: 12px;
  cursor: pointer;
}

/* ELEMENTI PARTICOLARI */
form input.inputText {
  /*background-color: #67FFFF;*/
  border: none;
  width: 180px;
  margin-right: 20px;
}
form input.inputText.cap {
  width: 100px;
}
form input.inputText.errore {
  border: red 2px solid;
}
form input.inputText.indirizzo {
  width: 260px;
}
form input.inputPassword {
  /*background-color: #67FFFF;*/
  border: none;
  width: 180px;
  margin-right: 20px;
}
form input.inputPassword.errore {
  border: red 2px solid;
}
form select.comune {
  width: auto;
}
/*form select.errore {
  background-color: #67FFFF;
}*/
form input.button {
  font-weight: bold;
  font-size: 13px;
  padding-left: 0px;
  padding-right: 0px;
  color: #FFFFFF;
  border: none;
  background-color: #9B9B9B;
  background-image: url("../imgs/button_small_bkg_grey.gif");
  height: 22px;
  cursor: pointer;
}
form input.button.default {
  border: none;
  background-color: #32C8C8;
  background-image: url("../imgs/button_small_bkg_blu.gif");
}
form input.button.grande {
  height: 36px;
  font-size: 17px;
  border: none;
  background-color: #9B9B9B;
  background-image: url("../imgs/button_big_bkg_grey.gif");
}
form input.button.grandeDefault {
  border: none;
  background-color: #32C8C8;
  background-image: url("../imgs/button_big_bkg_blu.gif");
}
form label.errore {
  color: red;
}
/* END FORM */



/* TITOLO */
/* titolo pagina */
h1 {
  font-size: 24px;
  font-weight: bold;
  color: #2B8D8D;
  margin: 0px;
}

/* titolo paragrafo */
h2 {
  font-size: 17px;
  font-weight: normal;
  color: #737373;
  margin: 0px;
}

/* titoletto */
h3 {
  font-size: 16px;
  font-weight: bold;
  color: #000000;
}

h9{
  font-size: 20px;
  font-weight: bold;
  color: #737373;
  margin: 0px;
}

/* titolo */
.titoloElenco {
  font-size: 19px;
  /*font-weight: bold;*/
  margin-bottom: 5px;
  color: #32C8C8;
}

/* sottotitolo */
.sottotitolo {
  font-size: 17px;
  font-weight: bold;
  color: #9D9D9D;
}




/* TESTO */
/* testo bold */
.bold {
  font-weight: bold;
}
.corsivo {
  font-style: italic;
}

/* testo per messaggio di errore */
.messaggioErrore {
  color: red;
}

/* testo link */
a {
  /*font-weight: bold;*/
  font-size: 12px;
  color: #32C8C8;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

/* testo highlight */
.highlight {
  font-size: 18px;
  font-weight: bold;
  color: #737373;
}

.highlight2 {
  font-size: 16px;
  font-weight: bold;
  color: #000000;
}

.highlight3 {
  font-size: 14px;
  font-weight: bold;
  color: #737373;
}
.highlight4 {
  font-size: 14px;
  font-weight: bold;
  color: #32C8C8;
}
.highlight5 {
 
  font-weight: bold;
  color: #32C8C8;
}

.highlight6 {
  font-size: 9px;
  font-weight: bold;
  color: #00000;
} 

.highlight7 {
  color: #FFFFFF;
} 

/* testo nota */
.nota {
  font-size: 11px;
  color: #000000;
}



/* TABELLA */
/* titolo tabella */
table caption {
  text-align: left;
}

th {
  text-align: left;
}

/* spaziatura delle celle (riepilogo dati) */
table.spaziato {
  /* spaziatura lato sopra/sotto */
  border-spacing: 10px 0px;
}

/* da usare per i pulsanti del form */
table.larga {
  width: 100%;
}

/* bordo della tabella (opzionale) */
table.bordo {
  border: 1px solid black;
  /* margine left perche' con IE il bordo sfora a sinistra del div contenitore
   * deve essere della stessa dimensione dello spessore
   */
  margin-left: 1px;
  /* i bordi delle celle adiacenti collassano in un solo bordo */
  border-collapse: collapse;
  border-spacing: 0px;
}

/* risultato calcolatore */
table.calcolatore {
  border-collapse: collapse;
  /* spaziatura lato sopra/sotto */
  border-spacing: 2px 0px;
  border-top: 2px #FFFFFF solid;
}



table.calcolatoreDettaglio {
  border-collapse: collapse;
  /* spaziatura lato sopra/sotto */
  border-spacing: 0px 0px;
  border-top: 2px #FFFFFF solid;
}

/* label colonna tabella */
/*.tableLabelColDataDescr {*/
.tableLabelDato {
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  color: #737373;
  /*background-color: #32C8C8;*/
}
/*.tableLabelColImporto {*/
.tableLabelImporto {
  font-size: 12px;
  font-weight: bold;
  text-align: right;
  color: #737373;
  /*background-color: #32C8C8;*/
}
/*.tableLabelColDataDescr.bordoOriz {*/
.tableLabelDato.bordoOriz {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
/*.tableLabelColImporto.bordoOriz {*/
.tableLabelImporto.bordoOriz {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
/*.tableLabelColDataDescr.bordoVert {*/
.tableLabelDato.bordoVert {
  border-left: 1px solid black;
  border-right: 1px solid black;
}
/*.tableLabelColImporto.bordoVert {*/
.tableLabelImporto.bordoVert {
  border-left: 1px solid black;
  border-right: 1px solid black;
}

/* dato colonna tabella */
/*.tableDatoDataDescr {*/
.tableDatoDato {
  text-align: left;
  color: #000000;
}
.tableDatoImporto {
  text-align: right;
  color: #000000;
}
/*.tableDatoDataDescr.bordoOriz {*/
.tableDatoDato.bordoOriz {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
.tableDatoImporto.bordoOriz {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
/*.tableDatoDataDescr.bordoVert {*/
.tableDatoDato.bordoVert {
  border-left: 1px solid black;
  border-right: 1px solid black;
}
.tableDatoImporto.bordoVert {
  border-left: 1px solid black;
  border-right: 1px solid black;
}

/* totali tabella */
/*.tableTotDataDescr {*/
.tableTotDato {
  font-weight: bold;
  text-align: left;
}
.tableTotImporto {
  font-weight: bold;
  text-align: right;
}
/*.tableTotDataDescr.bordoOriz {*/
.tableTotDato.bordoOriz {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
.tableTotImporto.bordoOriz {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
/*.tableTotDataDescr.bordoVert {*/
.tableTotDato.bordoVert {
  border-left: 1px solid black;
  border-right: 1px solid black;
}
.tableTotImporto.bordoVert {
  border-left: 1px solid black;
  border-right: 1px solid black;
}

/* allineamento a destra nella cella (uso per allineare a dx i button del form) */
td.destra {
  text-align: right;
}
/* padding a destra */
td.paddingDx {
  padding-right: 10px;
}
/* padding a sinistra */
td.paddingSx {
  padding-left: 10px;
}
td.calcolatoreRisultato {
  font-weight: bold;
  color: #FFFFFF;
  background-color: #32C8C8;
  padding-top: 15px;
}
td.calcolatoreRisultato.tot {
  font-size: 18px;
  padding-top: 0px;
  padding-bottom: 10px;
}
td.calcolatoreRisultato.bordo {
  border-left: #FFFFFF 2px solid;
  border-right: #FFFFFF 2px solid;
}

td.calcolatoreRisultato2 {
  font-weight: bold;
  color: #FFFFFF;
  background-color: red;
  padding-top: 15px;
}

td.calcolatoreRisultato2.tot {
  font-size: 18px;
  padding-top: 0px;
  padding-bottom: 10px;
}

td.calcolatoreRisultato2.bordo {
  border-left: #FFFFFF 2px solid;
  border-right: #FFFFFF 2px solid;
}

td.calcolatoreDettaglio {
  font-weight: bold;
  color: #737373;
  border-bottom: 2px #EAEAEA solid;
}
td.calcolatoreDettaglio.totDettaglio {
  font-size: 18px;
  padding-top: 5px;
  padding-bottom: 5px;
}



/* FASE REGISTRAZIONE */
/* STEP */
.regStepDefault {
  font-size: 13px;
  font-weight: bold;
  color: #000000;
}

.regStepCurrent {
  font-size: 13px;
  font-weight: bold;
  color: #32C8C8;
}

/* TITOLO */
.regTitoloForm {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  color: #FFFFFF;
  background-color: #C0C0C0;
  /*width: 960px - 190px - 20px;*/
  /*width: 750px;*/
  width: 100%;
}

.regTitoloSubForm {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  /*border-top: 2px solid #C0C0C0;*/
  /*width: 960px - 190px - 20px;*/
  /*width: 750px;*/
}



/* SEPARATORE */
hr {
  border: none;
  color: #EAEAEA;
  background-color: #EAEAEA;
  height: 2px;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
}



/* IMMAGINI */
img {
  border: none;
}



li {
  list-style-position: outside;
} 

ul {
  padding-left: 0px;
  margin-left: 20px;
  margin-top: 0px;
  margin-bottom: 0px;
  list-style-position: outside;
  list-style-image: url(../imgs/bullet.gif);
}

.message {
	color:#737373;
}