/* base */

/* html, body { margin:0; padding:0; }*/

body {
    background-color: #ffffff;
    color: #000;    
    font-family: "Titillium Web";
    margin: 0 1px 0 0;
    text-align: center;
    width: auto;
}

#bodyContent { margin:auto; text-align:left; width:100%; text-rendering: optimizeLegibility; }

code { display:block; margin:0 1em 0 1em; font-size:90%; }

/* layout */

 /* testa */
#testa { border:1px solid #000000; padding:1em 0; }

  /* corpo */
#corpocentrale { max-width:96% !important;  min-height:400px; height:auto !important; height:400px; margin: auto;}

/* corpo2 */
#corposrv { border-bottom:1px solid #999999; border-left:1px solid #999999; border-right:1px solid #999999; border-top:0; /*position:relative;*/ }

  /*utilizzata sia per l'home page che per la pagina di 2° livello*/
#colonnasin { width:20%; float:left; }

#colonnasin div.descr { 
	border: 1px solid #EAEAEA; 
	margin: 5px;
	padding: 5px;
}
#colonnacent { width:56%; margin:1.5em 0.5% 0 1.5%; margin /**/:1.5em 0 0 2%; float:left; } /* IE6 margin */
#colonnaenti{ width:20%; float:right; }

#colonnaenti p { font-size:0.9em; margin:1em 0; }

  /*colonna di destra della pagina di 2° livello*/
#colonnadest { 
    float: left;
    margin-top: 0;
    width: 80%;
}


* html #colonnadest { width:75%; }
#colonnasingola { text-align:left; width:86%; margin:0 auto; padding:0; }

#colonnasingola .box { padding:0.1em 0.5em 0 0.5em; }

#bodyContent:after,
#corpocentrale:after,
#colonnacent:after,
#colonnades:after,
#colonnaenti:after
{ content:" "; display:block; height:0; clear:both; visibility:hidden; border-top:0.1px solid #ffffff; } /* gecko clearing */

/*pie' di pagina */
#piedipagina { color:#000000; padding:1em 0; clear:both; border-top:1px solid #00A2DC; }
  
#loghi-w3c { background-color:transparent! important; float:left; margin:0.2em; width:auto; }


.rigaSponsor1,
.rigaSponsor2 {  }

.rigaSponsor1 { border-bottom:0.09em solid #144372; }
.rigaSponsor2 { clear:both; padding:1em 0; text-align:center; }

  
/* search  */

#search { margin-bottom:1em; }

/* no display */

hr { display:none; }
img { border:0; }
.invisibile { display:none; } /*utilizzato per oscurare i loghi wai*/
.inv { display:none; }

  /*sommario delle pagine (non visibile)*/
#sommario{ font-size:1pt; height:0; position:absolute; top:-200em; z-index:0; }

  /*evidenziare la lettera per l'accesso tramite tastiera */
.chiave{ text-decoration:underline; }

/* intestazione */

#intestazione { 
	border: none;
	background-color: #fff;
	position:relative; 
}
	
	
}
#intestazioneImg { background:url(../img/intestazioneImg.gif) no-repeat; height:171px; position:absolute; right:0; top:0px; width:760px; text-align:right; }
  #intestazioneImg img { margin-right:221px; }
  
#imgEnte { height:67px; position:absolute; top:8px; left:8px; }

/* sottointestazione (menu autenticazione)*/

#sottointestazione { color:#000000;  padding:0.4em 0; font-family: Trebuchet MS,sans-serif; font-size: 1.3em; }

  #sottointestazione ul{ list-style-type:none; margin:0; padding:0; }
  #sottointestazione li { display:inline; }

  #sottointestazione a { padding:0.3em 1.2em; }
  #sottointestazione a:link, 
  #sottointestazione a:visited, 
  #sottointestazione a:active { color:#909090; text-decoration:none; }
  
  #sottointestazione a:hover { text-decoration:none; } 
/*  #sottointestazione a:hover { background-color:#ffffff; color:#34498A; text-decoration:none; } */

#sottointestazione .elHome.active a, #sottointestazione .elHome a:hover {
    color: #A02020;
}

span.disabilitato { padding:0.3em 1.2em; color:#000000; }

/* se è disabilitato tolgo l'evidenza sulla lettera per l'accesso tramite tastiera */
span.disabilitato span { text-decoration:none; }

/* colonna sinistra */
  /* Menu voci sinistra */
  /* Menu sottovoci sinistra */
  
ul.loghiwai{ list-style-type:none; margin:0.2em 0 0 0; padding:0; }
  ul.loghiwai li { margin:0.2em 0 0.2em 0.4em; width:auto;  }

ul.menusx { margin:0; padding:0; }
  ul.menusx li { margin:0; list-style-type:none; }

  /*primo livello di link di menu*/
.area { background:#ffffff; border:1px solid #ECCC4B; display:block; font-weight:bold; padding:0.2em 0.5em; margin:1.5em 0 0 0; position:relative; }

  /*secondo livello di link di menu*/
.sottoarea { display:block; font-weight:bold; width:auto; margin:0 0 0 20px; padding:0.3em 0 0.3em 0; color:#000000; } 

ul.sottomenu { padding:0; margin:0 0 1.5em 0; position:relative; }
  ul.sottomenu li { font-weight:bold; margin:0; width:auto; padding:0 0.5em; }
    ul.sottomenu li.foglie { font-size:0.9em; padding:0.3em 0 0.3em 0; list-style:none; margin:0 0 0 20px; border:0; list-style-type:disc; }

    ul.sottomenu li.mndescrizione { font-weight:normal; font-size:0.9em; background-color:#ffffff; border:1px solid #ECCC4B; border-top:0; padding:0 0.5em 0.5em 0.5em; margin:-0.1em 0 0 10px; }

    ul.sottomenu li,
    ul.sottomenu li.noselezione { background:#ffffff; margin:0.3em 0 0 10px; }
    ul.sottomenu li { border:1px solid #ECCC4B; padding:0.2em 0.5em 0.5em 0.5em; }
    ul.sottomenu li.noselezione { border:1px solid #ECCC4B; border-bottom:0;padding:0.2em 0.5em 0 0.5em; }
    
      ul.sottomenu li a { text-decoration:underline; }     
        ul.sottomenu li.foglie a { display:inline; }

  /*Menu sottovoci destra*/
ul.menudx { margin:0; padding:0; border:1px solid #ECCC4B; padding:0.4em 0.5em 0.6em 0.5em; margin:0.2em 0 1.5em 0; }
  ul.menudx li { margin:0 0 0 1.5em; padding:0.1em 0; font-size:0.9em; }
    ul.menudx li a { }

    ul.menudx li.attivi a:active,
    ul.menudx li.attivi a:link,
    ul.menudx li.attivi a:visited { }
    ul.menudx li.attivi a:hover { }
    
/* Colonna destra home page */
#principale { float:right; margin:0; padding:0; text-align:center; width:78%; }

/* Box centrale della Home Page */
#principale .box {  }

/* Colonna destra */
/*Box centrale della Home Page*/ 
#colonnadest .box {  }

ul.banner{
  text-align:center;
  font-size: 0.8em;
  display: block;
  list-style-type: none;
  margin: 4.0em 0 4.0em 0;
    padding: 0;
}

ul.banner li {
  margin: 1.2em 0 0 0;
  width: auto;
}

/* logo e titolo progetto */

#titoloprogetto { border:0; font-size:100%; font-weight:bold; margin-bottom:1em; margin-top:0; padding:0; }
.titrovi { padding-bottom:2%; padding-left:3%; padding-top:1%; text-align:left; }

/* descrizione progetto */
dl { margin:0; }
dt { font-weight:bold; margin:0 0 0.5em 0; padding:0.3em 0.5em; border:1px solid #ECCC4B; }
dd { margin:0 0 1em 0; padding:0 0.5em; }


body { 
	/*color:#003366;*/ 
	background-color:#ffffff; 
}

/* marcatori comuni */

a,
a:active,
a:link,
a:visited { color:#152f51; font-weight:bold; }

a:hover { background-color: #152f51; color:#ffffff; margin:0; }

h1,
h2.int  {
	font-size:1.1em; 
	margin:0.5em 0; 
	border-bottom:3px #D8E1F0 solid; 
	clear:both;
	display: block;
    text-align: left !important;
    background-color: #E8E8E8;
    color: #000;
    padding: 5px 0 5px 13px;
}

h2 { font-size:1.1em; margin:0.5em 0; }

p { margin:0.5em 0; }

.cn { text-align:center; }

/* Messaggio home*/
.messaggio { background-color:#FFFDF5; border:1px solid #D1D1D1; color:#000000; display:block; margin:5% 10% 5% 10%; padding:0; text-align:left; }
  .messaggio p { padding:0 1em 0.5em 1em; }

.immagine { background-color:#FFFDF5; color:#000000; padding:0; text-align:center; width:100%; }

/*Barra di Navigazione colonna destra*/
.nav {
    display:block; 
	font-size:0.9em; 
	background: #c00000 none repeat scroll 0 0;
    border-radius: 10px;
    color: #fff;
    display: block;
    font-size: 1em;
    margin: 0 0 1em;
    padding: 5px 10px;
}



/*Barra supplementare inferiore*/
.inav { background-color:#F0F4FA; font-size:0.9em; text-align:right; padding:0.3em 0.5em 0.5em 0.5em; margin:1em 0; }

/*Per la descrizione della colonna sinistra*/
.descr { margin:0 0 0 25px; }
.descrizioneente { font-size:1.4em; display:block; font-weight:bold; text-align:center; background-color:#FFFCE8; padding:0.5em; margin:1.5em 0 0.5em -15px; border:1px solid #ECCC4B; color:#FF9919; }
.descrizioneente br { font-size:0.5em; }
.descr p { margin-top:0; padding-top:0.5em; }

/* classi specifiche */
.floatl { float:left; margin-bottom:0.5em; margin-right:1em; display:block; } /* float sx */
.floatd { float:right; margin-bottom:0.5em; margin-left:1em; display:block; } /* float dx */
.cf { clear:both; } /* sgrunt */

.incipit { font-weight:bold; margin-top:1.5em; } /* messaggio di benvenuto */
.spiegazione { font-weight:bold; } /* info */
strong.required { cursor:help; font-size:100%; }

.descrbot { background-image:url(../img/menubot.gif); background-position:left top; background-repeat:no-repeat; height:0.5em; margin:0 0.1em 0 0.4em; }

/* blocchi */

  /* blocco news */

div.news { margin-bottom:1.5em; }  
  div.news img { float:left; margin-bottom:0.5em; margin-right:1em; display:block; } 
  div.news h2 { font-size:1em; margin:0; } 
  div.news .news_dett { clear:both; background-color:#F0F4FA; font-size:0.9em; text-align:right; padding:0.3em 0.5em 0.5em 0.5em; }
  div.news .news_date { font-size:0.9em; font-weight:bold; margin-bottom:0.5em; }

div.news.dett { border:1px solid #dddddd; padding:0.6em 0.8em 0.8em 0.8em; font-size:1em; margin:1em 0; }
div.news.dett img { margin-bottom:0; clear:left; } 
div.news.dett h2 { margin-bottom:0.5em; font-size:1.1em; float:left;  }
div.news.dett .news_date { text-align:right; margin:0 0 1em 0; }

    /* blocco generico */

div.def1 { clear:both; }  
  div.def1 img { float:left; margin-right:1em; display:block; } 
  div.def1 h2 { font-size:1em; margin:0; } 
  div.def1 .news_dett { clear:both; background-color:#F0F4FA; font-size:0.9em; text-align:right; padding:0.3em 0.5em 0.5em 0.5em; }
  div.def1 .news_date { font-size:0.9em; font-weight:bold; margin-bottom:0.5em; }


/* Titolo Pagina Servizio */
h2.int {
    /*background-color:#FFFDF5;*/
    background: none;
    border: none;
    color:#152f52; 
    font-size:40px;
    font-variant:normal;
    font-weight:bold; 
    padding-bottom:0.2em; 
    padding-left:0.2em; 
    padding-right:0; 
    padding-top:0.2em; 
    text-align:left;
    width:100%; 
    font-family: "Titillium Web",HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
}

/* Titolo per insieme di campi */
div.frame{
    background-color:#FFFDF5;
    border-Bottom:1px solid #D1D1D1;
    border-left:1px solid #D1D1D1;
    color:#000000;
    margin:0;
    padding:0.4ex 10px 0.6ex 10px;
    text-align:left;
    width:30%;
}

div.DescrPag {
    margin:0;
    text-align:left;
	display: block;
    /*background-color: #E8E8E8;*/
    background: none;
    font-size: 18px;
    color: #000;
    padding: 5px 0 5px 13px;
}

/* Descrizione campi obbligatori */
.obbligatori { 
    font-size:0.9em;
    margin:0;
    padding:0;
    text-align:left;
    width:100%;
}

.content{
    padding:0.2em 1em 0.2em 1em;
}

/*Gestione errore*/
div.ErroreUtente {
	width: 100%;
	border: 2px solid #959595;
	background-color: #F8F8F8;
	color: #000;
	text-align: center;
}

div.ErroreUtente ul {
	list-style: none; /* elimino i punti elenco */
	margin: 0;
	padding: 2px; /* elimino i rientri delle liste */
}

div.ErroreUtente ul li {
	padding: 2px; /* elimino i rientri delle liste */
}

div.ErroreUtente p {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;
	margin: 0px 0px 0px 0px;
	background-color: transparent;
	text-align: center;
	padding: 2px; /* elimino i rientri delle liste */
}

.ErroreUtente {
	background-color: #f2dede !important;
	border: 1px solid #ebccd1 !important;
	border-radius: 4px;
}

div.ErroreUtente {
    margin-bottom: 5px;
   	font-size: 16px;
}
div.ErroreUtente ul li {
	color: darkred;
	font-weight: bold;
}
div.ErroreUtente > span {
	color: #c32020;
	font-size: 24px;
	padding-left: 10px;
	position: relative;
	font-weight: bold;
	top: -33px;
}
/*Fine Gestione errore*/

/*Gestione esito*/
div.Esito {
   background-color: #ddf7d2 !important;
    border: 1px solid #b1fca9 !important;
    border-radius: 4px;
    color: #000;
    font-size: 16px;
    margin-bottom: 5px;
    text-align: center;
	width: 100%;
}

div.Esito ul {
	list-style: none; /* elimino i punti elenco */
	margin: 0;
	padding: 2px; /* elimino i rientri delle liste */
}

div.Esito ul li {
	padding: 2px; /* elimino i rientri delle liste */
	color: darkred;
	font-weight: bold;
}

div.Esito p {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;
	margin: 0px 0px 0px 0px;
	background-color: transparent;
	text-align: center;
	padding: 2px; /* elimino i rientri delle liste */
}

div.Esito > span {
	color: #c32020;
	font-size: 24px;
	padding-left: 10px;
	position: relative;
	font-weight: bold;
	top: -33px;
}
/*Fine Gestione esito*/

/*---pulsanti per la tastiera---*/  
.form {
    text-align:left;
    width:100% !important; 
    /*! max-width: 100px !important; */
}


.bottstandard,
.formbut ,
.btn {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 90%;
    text-align: center;
    font-weight: bold;
    margin: 0;
    background-color: #f7f7f7;
    color: #c00000;
    border-style: solid;
    border-color: #5AA1DE;
    border-width: 1px 1px 1px 1px;
    cursor: pointer;
}


	

.bottoniNav {
    color:#000000;
    display:block;
    margin:20px 0 0 0;
    padding:0;
    text-align:center;
}

.formbutOver {
    background-color:#000080;
    border-bottom:#b2b2b2 1px solid;
    border-left:#b2b2b2 1px solid;
    border-right:#b2b2b2 1px solid;
    border-top:#b2b2b2 1px solid;
    color:#fff;
    font:10px verdana,sans-serif;
    height:25px;
    width:100px;
}


/*---fine pulsanti per la tastiera---*/

/*---gestione servizio---*/
/*h3 per titolo*/
h3.titserv {
    border-bottom:1px solid #D8E1F0;
    font-size:1em;
    margin:0;
    padding: 5px 15px 10px;
    text-align:left;
    color: #444;
    background-color: #F7F7F7;
}

table.tbServ { margin-bottom:1em; border:1px solid #EAEAEA; width:100%; }
/*\*/ * html table.tbServ { width:80%; } /**/ 

table.tbServ caption { text-align:left; margin:0 auto 0.3em 0; font-weight:bold; }
table.tbServ th { color:#000000; background-color:#ECCC4B; text-align:left; }  

table.tbServ th,
table.tbServ td { border:0; padding:0.4em 0.6em;  }

table.tbServ  td INPUT {
    letter-spacing:0.1em;
    padding-bottom:0px; 
    padding-left:3px; 
    padding-right:3px; 
    padding-top:0px;
    word-spacing:0.3em; 
}

table.tbServ  td.desc{
    text-align:right;
    vertical-align:middle;
}

table.tbServ  td.bottoniera{
    color:#000000;
    margin:0;
    padding:4px;
    text-align:center;
    vertical-align:middle;
}

table.tbServ  td.tabella{
    color:#000000;
    margin:0;
    padding:2px;
    text-align:center;
    vertical-align:middle;
}

table.tbLista { margin-bottom:1em; border:1px solid #EAEAEA; width:100%; }

table.tbLista caption { text-align:left; margin:0 auto 0.3em 0; font-weight:bold; }

table.tbLista th,
table.tbLista td { border:0; padding:0.4em 0.6em; }

table.tbLista th { font-weight:bold; color:#000000; background-color:#ECCC4B; text-align:left; }  

table.tbLista  td.selection{
    text-align:center;
}

table.tbLista  td.date{
    text-align:center;
}

table.tbLista  td.instalment{
    text-align:center;
}

table.tbLista  td.amount{
    text-align:right;
}

.selectToTd
{
    /*width:100%*/
}

.parOut
{
    border:1px solid #D1D1D1;
    color:#000000;
    margin:0.2em 0px 0.2em 0px;
    padding:2px 2px 2px 2px;
    text-align:left;
}

table.tbPagamento
{
    font-size:100%;
    margin:0 auto;
    padding:0;
    width:80%;
}

div.contenitorepagamento{
    margin:0;
    padding:0;
    width:100%; 
}

table.tbPagamento td, 
table.tbPagamento th
{
    border:1px solid #D1D1D1;
    color:#000000;
    margin:0;
    padding:0.4em 0.6em; 
    text-align:left;
    vertical-align:middle;
}

table.tbPagamento th { font-weight:bold; text-align:center; color:#000000; background-color:#ECCC4B; text-align:left; }  


table.tbPagamento  td.numerico
{
    text-align:right;
}


table.tbPagamento tfoot td 
{
    font-weight:bold;
}

table.its tr.pari {}
table.its tr.dispari { background-color:#EAEAEA; }

table.its { margin-bottom:1em; border:1px solid #EAEAEA; width:100%; }
table.its caption { text-align:left; margin:0 auto 0.3em 0; font-weight:bold; }
table.its th { color:#000000; background-color:#ECCC4B; text-align:left; }  

table.its th,
table.its td { border:0; padding:0.4em 0.6em; vertical-align: top;}

table.its td input { margin:0; padding:0; }

.areaTestoRO {
    background-color: transparent;
    border: 1px solid #d1d1d1;
    color: #000;
    /*font-weight: bold;*/
    font: 1em Arial,Helvetica,sans-serif !important;
    overflow: auto;
}
.areaTesto {
    overflow:auto;
}

.autor { 
    background-color:#FFFDF5; 
    border:1px solid #4F4F4F;
    color:#000000;  
    margin:0.5em 0;
    padding:0.5em 0; 
    text-align:center;
} 

/*---fine gestione servizio---*/


/* dati tabellati */

table { border-collapse:collapse; border-spacing:0; margin:1em 0; max-width: 100% !important;}

.row.altriga,
.altriga { background-color:#EAEAEA; }

table.tabellaElenco { margin-bottom:1em; border:1px solid #EAEAEA; }
table.tabellaElenco caption { text-align:left; margin:0 auto 0.3em 0; font-weight:bold; }
table.tabellaElenco th { color:#000000; background-color:#ECCC4B; text-align:left; }  

table.tabellaElenco th,
table.tabellaElenco td { border:0; padding:0.4em 0.6em; }


  /* pseudo tabelle */

.tabledata { clear:both; margin:1em 0; border:1px solid #EAEAEA; }
.caption { text-align:left; margin:0 auto 0.3em 0; font-weight:bold; padding:0.4em 0.6em; }

.hrow { color:#000000; background-color:#ECCC4B; text-align:left; height:1em; font-weight:bold; }

.hrow,
.row { padding:0.4em 0.6em; clear:both; }

.hrow a,
.row a { font-size:1em; text-decoration:underline; }

div.col1, 
div.col2, 
div.col3, 
div.col4,
div.col5 { float:left; }

div.col2 { width:49%; } 
div.col3 { width:32%; }
div.col4 { width:25%; }
div.col5 { width:19%; }
  
  /* form */
  
form.standard { margin-bottom:1em; }

fieldset { border:1px solid #cccccc; padding:1em; }

  /* form pseudo-intabellati */

form.multiriga div label, 
form.multiriga div.dispari label,
form.multiriga div.pari label,
span.labelDett { display:block; margin:0.3em 0.5em 0 0; float:left; text-align:right; }

span.labelDett { height:2.5em; }

form.multiriga div label,
span.labelDett { width:18.2%; }

form.multiriga div.dispari label, 
div.dispari span.labelDett { width:38.5%; }

form.multiriga div.pari label,
div.pari span.labelDett { width:43.5%; }


form.multiriga div { clear:both; width:100%; min-height:3em; height:auto; height:3em; }

form.multiriga div.dispari,
.def3 div.dispari { width:48%; float:left; clear:none; margin-bottom:0.5em; }
form.multiriga div.pari,
.def3 div.pari { width:51%; float:right; clear:none; margin-bottom:0.5em; }

span.parOut { width:78.9%; min-height:1.6em; display:block; float:right; margin:0; clear:none; }
.dispari span.parOut { width:56%; }
.pari span.parOut { width:52%; }

form input.dis,
form textarea.dis { color:#000000; background-color:#ffffff; border:1px solid #cccccc; padding-left:0.2em; }

  /* box per contenitori testi */
    /* def2 - contenitore di default */
    /* def1 - variante nel caso di struttura uguale a .def2 ma resa grafica differente */
    /* def3 - variante specifica per contenitore di form in output (per IE7) */
  
.def1 { border:1px solid #dddddd; padding:0.6em 0.8em 0.8em 0.8em; font-size:1em; margin:1em 0; }
.def1 h2 { font-size:1.1em; margin:0 0 0.5em 0; }
.def1 p { margin:0; }

.def2 { border:1px solid #dddddd; padding:0.6em 0.8em 0.8em 0.8em; font-size:1em; margin:1em 0; clear:both; }
.def2:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.def2 img { display:inline; float:left; margin:0 1em 0 0; } 
.def2 h2 { font-size:1.1em; margin:0 0 0.5em 0; }
.def2 p { margin:0.3em 0; }

.def2 { min-height:6em; height:auto !important; height:6em; }

.def3 { border:1px solid #dddddd; padding:0.6em 0.8em 0.8em 0.8em; font-size:1em; margin:1em 0; clear:both; }
.def3:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.def3 h2 { font-size:1.1em; margin:0 0 0.5em 0; }
.def3 { padding-bottom:inherit !important; padding-bottom:3em; }
/*\*/ * html .def3 { width:100%; float:left; padding-bottom:0.5em; } /**/ 

/* scarica allegati */

a.scarica { background:url(../img/base.gif) top left no-repeat; padding-left:20px; padding-bottom:3px; text-decoration:underline; }
a.scarica:hover { padding-bottom:3px; }

a.scarica.pdf { background:url(../img/pdf.gif) top left no-repeat; }
a.scarica.pdf:hover { background-color: #002F5E; }

a.scarica.doc { background:url(../img/doc.gif) top left no-repeat; }
a.scarica.doc:hover { background-color: #002F5E; }

a.scarica.ppt { background:url(../img/ppt.gif) top left no-repeat; }
a.scarica.ppt:hover { background-color: #002F5E; }

a.scarica.xls { background:url(../img/xls.gif) top left no-repeat; }
a.scarica.xls:hover { background-color: #002F5E; }

a.scarica.rtf,
a.scarica.txt { background:url(../img/txt.gif) top left no-repeat; }
a.scarica.rtf:hover,
a.scarica.txt:hover { background-color: #002F5E; }

a.scarica.sxw,
a.scarica.odt { background:url(../img/odt.gif) top left no-repeat; }
a.scarica.sxw:hover,
a.scarica.odt:hover { background-color: #002F5E; }

a.scarica.zip { background:url(../img/zip.gif) top left no-repeat; }
a.scarica.zip:hover { background-color: #002F5E; }

a.scarica.rar { background:url(../img/rar.gif) top left no-repeat; }
a.scarica.rar:hover { background-color: #002F5E; }

a.scarica.jpg,
a.scarica.gif { background:url(../img/gif.gif) top left no-repeat; }
a.scarica.jpg:hover,
a.scarica.gif:hover { background-color: #002F5E; }

a.scarica.htm,
a.scarica.html { background:url(../img/htm.gif) top left no-repeat; }
a.scarica.htm:hover,
a.scarica.html:hover { background-color: #002F5E; }


/* aggiusta il width in IE 6< */

/* classi per la larghezza + sistemazione per le larghezze in percent. da IE6 in giu*/

/*\*/ * html .wide100 { width:98.5%; } /**/ 
.wide100 { width:100%; }

/*\*/ * html .wide80 { width:78.5%; } /**/ 
.wide80 { width:80%; }

/*\*/ * html .wide60 { width:58.5%; } /**/ 
.wide60 { width:60%; }

/*\*/ * html .wide40 { width:38.5%; } /**/ 
.wide60 { width:40%; }

/*\*/ * html .wide20 { width:18.5%; } /**/ 
.wide60 { width:20%; }

/* aggiusta il TD in IE/quirks mode */

/*\*/ * html th, * html td, * html caption { font-size:0.8em } /**/ 
th, td, caption { font-size:1em; }

#bodyContent ul,
#bodyContent li { background-image:none; }

#help { text-align:center; padding:3px 0px; }
#bollettino { height:250px; border:1px solid #E7E8E7; }

div.sceltaOpt { float:left; margin-right:5px; }
div.sceltaDescr { margin-top:3px; }

h3.evidenza {
    color: #FF0000;
    font-size: 1.1em;
}

.riga {
    clear: both;
}
.riga div.pageDesc {
    display: block;
    float: left;
    margin: 3px 0;
    padding: 4px;
    text-align: right;
    width: 25%;
}
.riga div.parOut {
    float: left;
    margin: 3px 10px 3px 0;
    width: 30%;
}
.riga div.parSmall {
    width: 20%;
}

.riga div.parLarge {
    width: 40%;
}

.riga div.pageDescInput {
    display: block;
    float: left;
    margin: 3px 0;
    padding: 4px 20px 4px 0;
    text-align: right;
}
.riga div.parOutInput {
    float: left;
    margin: 3px 0;
    text-align: left;
    width: 40%;
}
.riga div.pageDescB {
    display: block;
    float: left;
    margin: 3px 0;
    padding: 4px;
    text-align: right;
    width: 540px;
}
.riga div.parOutInputB {
    float: left;
    margin: 3px 0;
    text-align: left;
}
.riga div.parOutInputShort {
    float: left;
    margin: 3px 0;
    text-align: left;
}
table.tbServWide {
    border: 1px solid #eaeaea;
    margin-bottom: 1em;
	font-size: .8em;
	border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
.tTitle {
    /*background-color: #eccc4b;
    color: #000000;*/
    background-color: #c00000;
    color: #fff;
    text-align: left;
	font-size: .9em;
	font-weight: bold;
}
table.tbServWide td.tItemLeft { text-align:left; }
.tItem { text-align:center; }
.importo { text-align:right; }

td {
   border: 0 none;
   /*! padding: 0.4em 0.6em; */
   font-size: 1em;
}
table.tbServWide tr.pari {}
table.tbServWide tr.dispari { background-color:#EAEAEA; }

.formbutTab {
    background-color: #f7f7f7;
    border-color: #5aa1de;
    border-style: solid;
    border-width: 1px;
    color: #c00000;
    cursor: pointer;
    font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size: 90%;
    font-weight: bold;
    margin: 0;
    text-align: center;
}
table.paginazione { left:8px; width: 100%; }
table.paginazione input { width: 160px; height:24px; font-size:15px; font-weight:bold; text-decoration:none; }






span#calBorder span table tbody tr td table{
	margin:0em 0 !important;	
}

span#calBorder span table tbody tr td{
	padding: 0 !important;
	
}

#logo img { float: left; }
#imgNoEnte { float: right;}
.nav a { color: #fff; }
div.riga {
    background-color: #F7F7F7;
    color: #c00000;
   /* font-weight: bold;*/
    padding: 5px 0 5px 13px;
    border-bottom: 1px solid #E8E8E8;
	overflow: hidden;
}
div.pageDesc {
	color: #c00000;
    font-weight: bold;
	text-align: left !important;
}

.riga div.parOutInput input {
  font: 1em Arial,Helvetica,sans-serif !important;
  text-align: left;
}
div.rigaBack {
    background-color: #F7F7F7;
    color: #000000;
   /* font-weight: bold;*/
    padding: 5px 0 5px 13px;
    border-bottom: 1px solid #E8E8E8;
	overflow: hidden;
}

div.sezione
{
	float:left;
	padding:10px 0 5px 0;
}

.contenitore div.sezione
{
	padding: 10px;
}

contenitore div.DescrPag
{
	padding: 0 0 10px 50px;
}

.contenitore .riga .pageDesc { font-size:14px; text-align:right; display:block; float:left; padding:4px; margin: 3px 0; !important}

div.sezione0
{
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	border:1px solid darkgray;
	background-color: #ffffff;
	color:#054E81;
}

div.sezione1
{
  background:#EAEFF5; 
}

div.sezione2
{
	padding-bottom: 0;
	margin-top:3.5em;
}

div.sezione1,div.sezione2,div.sezione4, div.sezione1bis,div.sezione2bis, div.sezione3bis
{
	
}

div.sezione3
{
	width: 58%;
}

div.sezione3Wide
{
	width: 70%;
}

div.sezione3 span
{
	display:block; 
	min-height:2.5em;
}
div.sezione4
{
	padding-bottom: 0;
	margin-top:3.5em;
}

div.sezione1bis
{
	width: 39%;
	border: 1px inset darkgray;
    margin-right: 5px;
}

div.sezione2bis
{
	border:3px ridge darkgray;
	width: 10%;
	padding-bottom: 0;
}

div.sezione3bis
{
	border: 1px inset darkgray;
	width: 39%;
}

div.sezione .label
{
	float:left;
	width: 35%;
	text-align:right;
	padding:4px 10px 4px 0;
}

#sezInput .label
{
	float:none;
	text-align:left;
	width:100%;
}
#sezInput .field
{
	width:200px;
}
#sezInput .fieldRED
{
	width:200px;
	font-weight:bold; font-size:2.0em; color:#aa0000;
}

#sezInput .fieldWide
{
	width:300px;
}

#sezInput select
{
	width:100%
}


div.sezione .value
{
	width: 60%;
	border: 1px solid #dddddd;
	padding:4px 0 4px 10px;
	float:left;
	text-align:left;
}

div.sezione .riga
{
	margin-bottom:5px;
	clear:both;
}

div.sezione0 .riga
{
	padding-bottom:25px;
	clear:both;
}

div.bottoniNav { clear:both;}

table.its .t1 { width:15%; white-space:nowrap; }
table.its .tSel { width:10%; white-space:nowrap; }
table.its .tDescrSott { width:60%; }
table.its .tDescrAcc  { width:30%; }
table.its .tDescrSottConf { width:70%; }
table.its .tDescrAccConf  { width:40%; }
table.its .tImporto { width:15%;  text-align: right; }

table.its td input { float:left; }

div.separatore
{
	margin-bottom:10px;
	clear:both;
}

table.its th.right { text-align:right; }
table.its th.center { text-align:center; }

.rigaTotale { font-weight: bold; font-size: 1.2em; }

/* #campiFiltro { border: 1px solid; padding: 10px;} */

span.labFiltro { padding-left: 10px; }
span.filtro { padding: 0px 10px; }
span.primo { width: 120px; }

div.primo {display: block; float: left; width: 200px; }
div.labFiltro { padding-left: 10px; }

div.sezioneFiltro { margin: 10px 0px; border: 1px solid; }

div.filtriComuni { text-align: right; margin: 10px 10px 0px 0px; }

.descrSezione { padding-top: 10px; }

input { font-family:arial, sans-serif; font-size:1em; max-width: 100%;/*! width: 190px; */}

select { font-family:arial, sans-serif;  font-size:1em; }


.contenitore { border:1px solid #054E81; clear:both; overflow:auto; padding:10px; }

#sezInput input { width:90%; }

input.disabilitato { background-color:#f0f0f0; }

input.raggr { margin-left: 10px; }
input.ente { margin-left: 30px; }
input.pos { margin-left: 60px; }
#sezScelte input { margin-top: 5px; margin-bottom: 5px; margin-right: 10px; }

table.tbServN  td.numero{
	text-align: right;
}

table.its td.numero {
	text-align: right;
}

div.note {
    margin:0;
    text-align:left;	  
    background-color: #FFFFFF;
    color: #000;
    padding: 5px 0 5px 13px;
    font-size: 90%;    
}

div.infoprivacy {
	width:100%; 
	text-align:center;
	font-size: .9em;
	line-height: 1.3em;
}

/* NEW STYLE */

header{
	font-family: "Titillium Web",HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
}

header .row{
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 2.2rem;
}

header .row:before, header .row:after{
	display: table;
	content: " ";
}

header a:hover{
	background-color: transparent;
	text-decoration: underline !important;
}

header #top-nav{
	background-color: #0f233d;	
	padding: 0.8rem 2.6rem;
}

header #top-nav a{
	color: #FFF;
	font-weight: 100;
	font-size: 25px;
}

#top-nav .top-nav-sx{
	box-sizing: content-box;
	width: 33.3%;
	float: left;
	text-align:left;
}

#top-nav .top-nav-dx{
	text-align: right;
	box-sizing: content-box;
	width: 66%;
	float: right;
}

#top-nav .top-nav-sx a{
	text-decoration: none !important;
}

#top-nav .top-nav-dx a{
	font-weight: 400;
	font-size: 1.3rem;
	text-decoration: none !important;
}

#top-nav .top-nav-sx a:hover, #top-nav .top-nav-dx a:hover{
	background-color: transparent;
	text-decoration: underline !important;
}

header #main-nav{
	font-family: "Titillium Web";
	background-color: #152f51;
	padding: 0.65rem 0;
	transition: all .3s ease;
	text-align: left;
}

header div.container{	
	margin: 0.2rem;;
}

header div.container div.pull-left{
	padding: 12px 0px;
}

header div.container .logo_container{
	display: table;
	transition: all .3s ease;
	margin-top: 0;
	padding 0px 0.4rem;
}

header div.container .logo_container .logo_wrapper{
	width: 100px;
	display: table-cell;
	position: unset;
	top: 5px;
	left: 0;	
}

header div.container .logo_container .logo_wrapper a{
	display: block;
	transition: all .3s ease;
	vertical-align: middle;
	position: relative;
}

header div.container .logo_container .logo_text{
	padding: 0 0 0 30px;
	display: table-cell;
	vertical-align: middle;
}

header div.container .logo_container .logo_text .h3{
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.2em;
	color: #FFF;
	display: block;
	letter-spacing: -.5pt;
}

header div.container .logo_container .logo_text .h3 a{
	color: #FFF;
	text-decoration: none !important;	
}

header div.container .logo_container img{
	width: 100%;
	display: block;
	overflow: hidden;
	margin: 0;
	transition: all .3s ease;
}

/* CONTENUTO PAGINE */

#colonnasin{
	position: relative;
	height: 0px;
	box-sizing: border-box;
	float: right;
}

#colonnasin div.descr{
	border: 1px solid #EAEAEA;
	margin-top: 0.8rem;
	padding: 1rem;
	margin-right: 1.4rem;
}

h2.int{
	font-size: 3rem;
}

.nav{
	background: transparent !important;
	color: #1c2024;
	padding: 0.6rem;
}

.nav a{
	color: #152f51 !important;
	text-decoration: underline;
	font-weight: bold;
}

.nav a:hover{
	color: #004d99 !important; 
	background-color: transparent;
	text-decoration: none;
}

#colonnadest .box{
	color: #1c2024;
	padding: 1rem;
	line-height: 1.42857143;
	font-family: "Titillium Web",HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-variant-ligatures: common-ligatures;
	letter-spacing: 0.1em !important;
	-webkit-text-size-adjust: 100%;
	
}

/*
#colonnadest .box br{
	display: none;
}
*/

#colonnadest .box .infoprivacy br{
	display: initial;
}

#colonnadest .box .infoprivacy{
	margin-top: 2.2rem;
}

#colonnadest .box h2{
	padding: 0.4rem;
}

#colonnadest .box div.DescrPag{
	font-size: 1.2rem;
	padding: 0.6rem;
}

#colonnadest form.form{
	margin: 20px 0px;
	padding: 0px 0.4rem;
	width: auto !important;
	max-width: 99.5%;
	color: #1c2024;
	font-size: 18px;
	min-height: 30em 
}

#colonnadest form.form #main{
	text-align: left;
	margin: 20px auto;
	background: #f5f5f0;
	border-radius: 4px;
	border: 1px solid #e3e3e3;
	padding: 2.2rem !important;
}

#colonnadest form.form #intestatario{
	text-align: left;
	margin: auto;
	background: #f5f5f0;
	border-radius: 4px;
	border: 1px solid #e3e3e3;
	padding: 2.2rem 2.2rem 0.6rem 2.2rem !important;
	border-bottom: none;
}

#colonnadest form.form #dettaglio{
	text-align: left;
	margin: auto;
	background: #f5f5f0;
	border-radius: 4px;
	border: 1px solid #e3e3e3;
	border-top: none;
	padding: 0.6rem 2.2rem 2.2rem 2.2rem !important;
}

#colonnadest form.form #main h3, #colonnadest form.form #intestatario h3, #colonnadest form.form #dettaglio h3{
	font-size: 1.5rem;
	font-weight: normal;
	padding: 0px;
	color: #152f52;
	background: none;
	border-bottom: 1px solid #152f52;
	margin-bottom: 0.4rem;
}

#main table.tbServN{
	width: 100%;
	table-layout: fixed;
}

#colonnadest #form table.tbServN{
	width:100%;
}

.tbServN tr{
	display: table;
	width: 100%;
}

.tbServN td{
	display: table-row;
	width: 100%;
	white-space:nowrap;
}

.tbServN td[colSpan="1"]{
	width: 10px;
}

.tbServN label{
	margin-bottom: 5px;
	white-space: normal;
	font-weight: bold;
}

.tbServN input[type=text]{
	box-sizing:border-box;
	width: 100%;
	font-family: "Titillium Web",HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
} 

.tbServN select{
	box-sizing:border-box;
	width: 100%;
	font-family: "Titillium Web",HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
} 

/*
.tbServN select{
    	max-width: 767px;
	width: 96%;
} 
*/

#colonnadest form.form table.tbServN tr{
	font-size: 18px;
}

#colonnadest form.form table.tbServN tr td.label{
	font-weight: bold;
}

#colonnadest form.form table.tbServN input{
	padding: 0.5em;
	border-radius: 4px;
	vertical-align: sub;
	border: 1px solid #ccc;
	/* rimuovere quando vengono rimossi gli spazi */
	margin-left: -0.3rem;
}

#colonnadest form.form table.tbServN select{
	padding: 0.5em;
	border-radius: 4px;
	vertical-align: sub;
	border: 1px solid #ccc;
	font-family: "Titillium Web",HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-variant-ligatures: common-ligatures;
	letter-spacing: 0.1em !important;
	margin-left: -0.3rem;
}

#colonnadest form.form table.tbServN div.rigaBack{
	white-space: normal;
}

#colonnadest form.form #main .riga, #colonnadest form.form #intestatario .riga, #colonnadest form.form #dettaglio .riga{
	padding: 0.4rem 0px;
	color: #1c2024;
	line-height: 1.42857143;
	display: table;
	width: 100%;
	background-color: transparent;
	border-bottom: none;
}

#colonnadest form.form #main .riga div.pageDesc, #colonnadest form.form #intestatario .riga div.pageDesc{
	font-size: 18px;
	color: #1c2024;
	display: table-row;
	padding: 0px;
	width: 100%;
}

#colonnadest form.form #dettaglio .riga div.pageDesc{
	font-size: 18px;
	color: #1c2024;
	display: table-row;
	padding: 0px;
	width: 24%;
}


#colonnadest form.form #main .riga div.parOutInput, #colonnadest form.form #intestatario .riga div.parOutInput, #colonnadest form.form #dettaglio .riga div.parOutInput{
	display:table-row;
	float:none;
	width: 100%;
}

#colonnadest form.form #intestatario .riga div.parOut, #colonnadest form.form #dettaglio .riga div.parOut{
	display:table-row;
	float:none;
	width: 100%;
}

#colonnadest form.form #dettaglio .riga div.parOut.parSmall{
	font-size: 18px;
	color: #1c2024;
	display: table-row;
	float: left;
	padding: 0px;
	width: 24% !important;
	border:none;
	width: auto;
}

#colonnadest form.form #main .riga div.parOutInput input, #colonnadest form.form #intestatario .riga div.parOutInput input, #colonnadest form.form #dettaglio .riga div.parOutInput input{
	padding: 0.5em;
	box-sizing:border-box;
	border-radius: 4px;
	vertical-align: sub;
	border: 1px solid #ccc;
	width: 100%;
	font-family: "Titillium Web",HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
}

#colonnadest form.form #intestatario .riga textarea, #colonnadest form.form #dettaglio .riga textarea{
	max-width: 75%;
	border-radius: 4px;
	vertical-align: sub;
	border: 1px solid #ccc;
	font-family: "Titillium Web",HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
}

#colonnadest form.form #main .riga div.parOutInput #NumRighe{
	width:33.3%;
	min-width: 6.5em;
	max-width: 9em;
}

#colonnadest form.form #main .riga div.parOutInput #daData{
	width:33.3%;
	min-width: 6.5em;
	max-width: 9em;
}

#colonnadest form.form #main .riga #AData{
	padding: 0.5em;
	box-sizing:border-box;
	border-radius: 4px;
	vertical-align: sub;
	border: 1px solid #ccc;
	width: 33.3%;
	min-width: 6.5em;
	max-width: 9em;
}

#colonnadest form.form #main .riga div.parOutInput select{
	padding: 0.5em;
	box-sizing:border-box;
	border-radius: 4px;
	vertical-align: sub;
	border: 1px solid #ccc;
	width: 100%;
	font-family: "Titillium Web",HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-variant-ligatures: common-ligatures;
	letter-spacing: 0.1em !important;
}

#colonnadest form.form #main .contenitore{
	border-radius: 4px;
}

.bottstandard,
.formbut ,
.btn{
    font-family: "Titillium Web",HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
}

#colonnasingola .bottoniNav{
	margin-bottom: 40px;
}

#colonnadest form.form input.formbut, #colonnasingola form.form input.formbut{
	color: #fff;
	background: #167bc1 !important;
	border: 1px solid #167bc1 !important;
	cursor: pointer;
	border-radius: .1em;
	box-shadow: 0 2px 4px 0 #bdbdbd;
	font-weight: 600;
	padding: .6em 1.2em;
	text-transform: uppercase;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	vertical-align: middle;
	white-space: nowrap;
	margin-top:5px;
	font-size: 18px;
}

#colonnadest form.form input.formbut:hover, #colonnasingola form.form input.formbut:hover{
	background: #004080 !important;
	text-decoration: underline !important;
}

#colonnadest form.form input.formbutDisab, #colonnasingola form.form input.formbutDisab{
	color: #fff;
	background: #6a98b9 !important;
	border: 1px solid #ccc !important;
	border-radius: .1em;
	box-shadow: 0 2px 4px 0 #bdbdbd;
	font-weight: 600;
	padding: .64em 1.2em;
	text-transform: uppercase;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	vertical-align: middle;
	white-space: nowrap;
	margin-top:5px;
	font-size: 18px;
	font-family: "Titillium Web",HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
	line-height: 1.42857143;
}

#colonnadest form.form #main #Work{
	padding: 0.4em 0px;
}

div.ErroreUtente p{
	font-family: "Titillium Web",HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
}

div.ErroreUtente.esito{
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ctitle%3Eerror%3C/title%3E%3Cpath d='M16 1.6C24 1.6 30.4 8 30.4 16S24 30.4 16 30.4 1.6 24 1.6 16 8 1.6 16 1.6zM16 0C7.2 0 0 7.2 0 16s7.2 16 16 16 16-7.2 16-16S24.8 0 16 0z'/%3E%3Cpath d='M14.4 24c0-.96.64-1.6 1.6-1.6s1.6.64 1.6 1.6c0 .96-.64 1.6-1.6 1.6s-1.6-.64-1.6-1.6zM15.04 20.8l-.32-14.4h2.56l-.32 14.4z'/%3E%3C/svg%3E") no-repeat 1em .5em !important;
	border-radius: 0px !important;
	text-align: left;
	padding: 0.4em 4.2em;
	border: none !important;
	border-left: .5em solid red !important;
	color: #1c2024;
	box-sizing:border-box;
	margin: 1.2rem 0px;
}

div.Esito p{
	font-family: "Titillium Web",HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
}

div.ErroreUtente.esito .riempitivoErrore{
	font-size: 3rem !important;
	font-weight: bold;
}

div.ErroreUtente.esito .riempitivoErrore span{
	line-height: 1.2 !important;
}

div.ErroreUtente.esito ul li{
	color: #1c2024 !important;
	font-size: 1.6rem;
	font-weight: normal;
}


#colonnadest form.form div.ErroreUtente{
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ctitle%3Eerror%3C/title%3E%3Cpath d='M16 1.6C24 1.6 30.4 8 30.4 16S24 30.4 16 30.4 1.6 24 1.6 16 8 1.6 16 1.6zM16 0C7.2 0 0 7.2 0 16s7.2 16 16 16 16-7.2 16-16S24.8 0 16 0z'/%3E%3Cpath d='M14.4 24c0-.96.64-1.6 1.6-1.6s1.6.64 1.6 1.6c0 .96-.64 1.6-1.6 1.6s-1.6-.64-1.6-1.6zM15.04 20.8l-.32-14.4h2.56l-.32 14.4z'/%3E%3C/svg%3E") no-repeat 1em .5em !important;
    	border-radius: 0px !important;
    	text-align: left;
    	padding: 0.4em 4.2em;
    	border: none !important;
    	border-left: .5em solid red !important;
    	color: #1c2024;
    	box-sizing: border-box;
   	margin-top: 10px;
    	margin-bottom: 10px;
}

#colonnasingola .box{
	font-family: "Titillium Web",HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-variant-ligatures: common-ligatures;
	letter-spacing: 0.1em !important;
}

#colonnasingola .box table.tbServ{
	margin: 1em auto;
	width: 98%;
	background: #f5f5f0;
}

#colonnasingola .box table.tbServ td{
    	color: #1c2024;
	padding: 0.4em 2.2em;
    	padding: 0.4rem 2.2rem;
    	vertical-align: middle;
    	width: 100%;
}

div.contenitorepagamento table{
	table-layout: fixed;
}

div.contenitorepagamento table td{
	box-sizing: border-box;
}

#colonnasingola .box table.tbServ td.tabella{
	padding-bottom: 2.2rem;
}

#colonnasingola .box table.tbServ table td{
	padding: 0.4rem;
}

#colonnasingola .box table.tbServ td h3{
	border-bottom: 1px solid #1c2024;
	font-size: 1.5em;
	font-size: 1.5rem;
	margin: 0;
	padding: 0px;
	text-align: left;
	color: #1c2024;
	background-color: transparent;
	margin-top: 1.6rem;
}

#colonnasingola .box table.tbServ td.tabella table.tbPagamento{
	width: 100%;
}

#FormTariffa .contenitore, #form .contenitore{ 
	padding:2.2rem;
	box-sizing: border-box;
	width: 100%;
}

#FormTariffa .contenitore .sezione1{
	padding: 0.6rem 1.6rem 1.6rem 1.6rem;
	margin-top: 1.6rem;
	width: 25%;
	font-family: "Titillium Web",HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
	box-sizing: border-box;
} 

#FormTariffa .contenitore .sezione2{
	padding: 0.6rem 1.6rem 1.6rem 1.6rem;
	box-sizing: border-box;
	text-align: center;
	margin-top: 4.5rem;
	width: 18%;
	min-width: 190px;
}

#FormTariffa .contenitore .sezione3{
	padding:0px;
	width:56.5%;
	margin-top: 1.6rem;
}

#FormTariffa .contenitore .sezione3Wide{
	margin-top: 1.6rem;
	width: 72%;
	padding: 0rem 0rem 0rem 1.6rem;
}

#FormTariffa .contenitore .sezione3 table, #FormTariffa .contenitore .sezione3Wide table{
	margin-top: 0px;
}

#FormTariffa .contenitore .sezione3 table.its td.numero, #FormTariffa .contenitore .sezione3Wide table.its td.numero{
	word-break: unset;
	white-space: nowrap;
}

#FormTariffa .contenitore #sezInput .field{
	width: 100%;
	box-sizing: border-box;
}

#FormTariffa .contenitore #sezInput .field input, #FormTariffa .contenitore #sezInput .fieldWide input{
	padding: 0.5em;
	border-radius: 4px;
	vertical-align: sub;
	border: 1px solid #ccc;
	box-sizing: border-box;
}

#FormTariffa .contenitore #sezInput .field select, #FormTariffa .contenitore #sezInput .fieldWide select{
	padding: 0.5em;
	border-radius: 4px;
	vertical-align: sub;
	border: 1px solid #ccc;
	box-sizing: border-box;
}

#FormTariffa .contenitore #sezInput .fieldWide{
	width: 100%;
}

#FormTariffa .contenitore #sezInput .field input, #FormTariffa .contenitore #sezInput .field select{
	width: 100%;
	box-sizing: border-box;
}

#form .contenitore #vociContabili table{
	margin: 0px;
} 

#form  table td .parOut{
	padding: 0.5em;
	border-radius: 4px;
	vertical-align: sub;
	border: 1px solid #ccc;
	box-sizing: border-box;
	max-width: 100%;
}


#AFRTListaRicevutaTelematica .WorkAreaRel table .tTitle{
	background: #0066CC;
}

#AFRTListaRicevutaTelematica .WorkAreaRel table td{
	padding: 0.4rem 0.6rem;
}

#AFRTListaRicevutaTelematica .WorkAreaRel table td.importo{
	text-align: left;
	padding-left: 1em;
}

#colonnadest form.form #attestante, #colonnadest form.form #datiBeneficiario, #colonnadest form.form #soggettoPagatore, #colonnadest form.form #pagamento{
	text-align: left;
	margin: auto;
	background: #f5f5f0;
	border: 1px solid #e3e3e3;
	padding: 0.6rem 2.2rem 0.6rem 2.2rem !important;
	border-bottom: none;
}

#colonnadest form.form #attestante{
	padding-top: 2.2rem !important;
	border-radius: 4px 4px 0px 0px;
}

#colonnadest form.form #datiBeneficiario, #colonnadest form.form #soggettoPagatore{
	border-top: none;
}

#colonnadest form.form #pagamento{
	border-bottom: 1px solid #e3e3e3;
	border-top: none;
	padding-bottom: 2.2rem !important;
	border-radius: 0px 0px 4px 4px;
}

#colonnadest form.form #attestante h3, #colonnadest form.form #datiBeneficiario h3, #colonnadest form.form #soggettoPagatore h3, #colonnadest form.form #pagamento h3{
	font-size: 1.5rem;
	font-weight: normal;
	padding: 0px;
	color: #152f52;
	background: none;
	border-bottom: 1px solid #152f52;
	margin-bottom: 5px;
}

#colonnadest form.form #attestante .riga, #colonnadest form.form #datiBeneficiario .riga, #colonnadest form.form #soggettoPagatore .riga, #colonnadest form.form #pagamento .riga{
	padding: 0.4rem 0px;
	color: #1c2024;
	line-height: 1.42857143;
	display: table;
	width: 100%;
	background-color: transparent;
	border-bottom: none;
}

#colonnadest form.form #attestante .riga div.pageDesc, #colonnadest form.form #datiBeneficiario .riga div.pageDesc, #colonnadest form.form #soggettoPagatore .riga div.pageDesc, #colonnadest form.form #pagamento .riga div.pageDesc{
	word-break: break-all;
	font-size: 18px;
	color: #1c2024;
	margin-top: 8px;
	width: 100%;
}

#colonnadest form.form #attestante .riga div.parOut, #colonnadest form.form #datiBeneficiario .riga div.parOut, #colonnadest form.form #soggettoPagatore .riga div.parOut, #colonnadest form.form #pagamento .riga div.parOut{
   	word-break: break-all;
	padding: 0.5em;
    	box-sizing: border-box;
    	border-radius: 4px;
    	vertical-align: sub;
    	border: 1px solid #ccc;
    	font-family: "Titillium Web",HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
	width: 100%;
}

#colonnadest form.form #attestante .riga div.parOut.parSmall, #colonnadest form.form #datiBeneficiario .riga div.parOut.parSmall, #colonnadest form.form #soggettoPagatore .riga div.parOut.parSmall, #colonnadest form.form #pagamento .riga div.parOut.parSmall{
	width: 100%;
}

/* ESITO */

#colonnadest form.form .tbServ h3.titserv{
	font-size: 1.5rem;
	font-weight: normal;
	padding: 0px;
	color: #152f52;
	background: none;
	border-bottom: 1px solid #152f52;
	margin-bottom: 0.4rem;
}

/*
footer div.container .row div{
	display: inline-block;
	vertical-align: middle;
}

footer div.container .row div.logo img{
	vertical-align: middle;
}

footer div.container .row div.logo_text{
	padding-left: 2.6rem;
	font-weight: bold;
	font-size: 1.6rem;
}

footer #footer_inside div.region-footer-inside{
	width: 100%;
}

footer #footer_inside section{
	padding: 2rem 2.4rem;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

footer #footer_inside section p.footer_title{
	color: #ffffff;
	font-weight: bold;
	font-size: 1.2rem;
	padding-left: 0rem;
}

footer #footer_inside section p.footer_text{
	color: #c6cace;
	font-size: 1rem;
	padding-left: 2rem;
	padding-right: 2rem;
	word-break: break-all;
	max-width: 100%;
	box-sizing: border-box;
}

footer #footer_inside section p.footer_text a{
	color: #65dde0;
	text-decoration: none;
	font-weight: normal;
}

footer #footer_inside section p.footer_text a:hover{
	background: none;
	text-decoration: underline;
	color: #65dde0;
}

footer #block-menu-menu-footer-midi{
	width: 100%;
	padding: 0px 1.6rem;
	box-sizing: border-box;
	margin-top: 0.6rem;
}

footer ul.menu.nav{
	border-top: 1px solid #444e57;
	border-radius: 0px;
	padding: 0px;
}

footer ul.menu.nav li{
	display: inline-block;
	padding: 1rem;
}

footer ul.menu.nav li a{
	color: #65dde0 !important;
	text-decoration: none;
	font-weight: normal;
}

footer ul.menu.nav li a:hover{
	background: none;
	text-decoration: underline;
	color: #65dde0;
}
*/

/* @MEDIA CALLS */

@media screen and (max-width:1440px){
	#FormTariffa .contenitore .sezione3{
		width: 53%;
		overflow-x: auto;
		overflow-y: hidden;
	}
}

@media screen and (max-width:420px){
	#colonnadest form.form #main{
		padding: 1.6rem !important;
	}
	
	#FormTariffa .contenitore{
		padding: 1.2rem;
	}

	#FormTariffa .contenitore .sezione3Wide{
		width: 100%;
		overflow-x: auto;
	}

	#sezInput .fieldRED{
		font-size: 1.5rem;
	}

	#form .contenitore #vociContabili{
		overflow-x: auto;
	}
}

@media screen and (max-width:540px){
	.tbServN td{
		white-space:normal;
	}

	#top-nav .top-nav-sx{
		box-sizing: content-box;
		width: 100%;
		float: none;
		text-align: center;
		vertical-align: top;
	}
	#top-nav .top-nav-dx{
		box-sizing: content-box;
		width: 100%;
		float: none;
		text-align: center;
		vertical-align: top;
	}

}

@media screen and (max-width:767px){
	h2.int{
		font-size: 2.2rem;
	}
	#corpocentrale .box{
		font-size: 1.8rem !important;
		letter-spacing: .01em !important;
	}

	.tbServN label{
		font-size: 1.6em;
	}

	#FormTariffa .contenitore .sezione1, #FormTariffa .contenitore .sezione2, #FormTariffa .contenitore .sezione3{
		width: 100%;
		max-width: 560px;
		margin-top: 1.6rem;
	}

	#colonnadest form.form #dettaglio .riga div.pageDesc{
		width: 100%;
	}

	#colonnadest form.form #dettaglio .riga div.parOut.parSmall{
		float: none;
	}

	#FormTariffa .contenitore .sezione3Wide, #FormTariffa .contenitore .sezione3{
		width: 100%;
		overflow-x: auto;
	}

	#form{
		overflow-x: auto;
		overflow-y: hidden;
	}

	div.contenitorepagamento{
		overflow-x: auto;
	}

}

@media screen and (max-width:1200px){
	h2.int{
		font-size: 2.6rem;
	}

	table.tbServN label{
		font-size: 1.6rem;
	}
	
	
	table.tbServ tr{
		display: table;
		width: 94%;
		margin: auto;
	}

	table.tbServ td{
		display: table-row;
		width: 100%;
		white-space:nowrap;
	}
	
	table.tbServ .tbPagamento{
		width: 100%;
	}
	
	table.tbServ .tbPagamento tr{
		width: 100%;
		margin: auto;
	}
	
	table.tbServ .tbPagamento td{
		white-space:normal;
	}
	
	table.tbServ td.desc{
		text-align: left;
	}

	table.tbServ td[colSpan="1"]{
		width: 10px;
	}

	table.tbServ label{
		margin-bottom: 5px;
		white-space: normal;
		font-weight: bold;
	}
	
	#form table.tbServ td strong{
		line-height: 2rem;
		white-space: normal;
	}
	
	#form table.tbServ td .parOut{
		margin-bottom: 1rem;
	}

	#FormTariffa .contenitore .sezione1, #FormTariffa .contenitore .sezione2, #FormTariffa .contenitore .sezione3{
		width: 100%;
		max-width: 780px;
		margin-top: 1.6rem;
	}
	#FormTariffa .contenitore .sezione3Wide{
		width: 100%;
		padding: 0px;
		box-sizing: border-box;
	}
	#AFRTListaRicevutaTelematica .WorkAreaRel{
		overflow-x: auto;
		overlfow-y: hidden;
	}
}

@media screen and (max-width:992px){
	#colonnadest form.form #main .riga div.pageDesc, #colonnadest form.form #intestatario .riga div.pageDesc{
		font-size: 1.8rem;
	}
}


@media screen and (min-width:768px){
	#corpocentrale{
		width: 750px;
	}

	header div.container{
		width: 60%;
	}

	header div.container .logo_container .logo_text .h3{
		font-size: 2.6rem;
	}
}

@media screen and (min-width:992px){

	#corpocentrale{
		width: 970px;
	}

	header div.container{
		width: 60%;
	}

	footer div.container{
		width: 90%;
	}

	footer #footer_inside section{
		width: 33%;
	}

	footer #footer_inside section p.footer_text{
		word-break: normal;
		padding-right: 0px;
	}

	#colonnadest form.form #main .riga div.pageDesc{
		width: 20%;
	}
}

@media screen and (min-width:1200px){

	#corpocentrale{
		width: 1100px;
	}

	header div.container{
		width: 60%;
	}

	footer div.container{
		width: 90%;
	}
	
	#colonnadest form.form #attestante .riga div.pageDesc, #colonnadest form.form #datiBeneficiario .riga div.pageDesc, #colonnadest form.form #soggettoPagatore .riga div.pageDesc, #colonnadest form.form #pagamento .riga div.pageDesc{
		width: 25%;
	}

	#colonnadest form.form #attestante .riga div.parOut, #colonnadest form.form #datiBeneficiario .riga div.parOut, #colonnadest form.form #soggettoPagatore .riga div.parOut, #colonnadest form.form #pagamento .riga div.parOut{
		width: 25%;
	}

	#colonnadest form.form #attestante .riga div.parOut.parSmall, #colonnadest form.form #datiBeneficiario .riga div.parOut.parSmall, #colonnadest form.form #soggettoPagatore .riga div.parOut.parSmall, #colonnadest form.form #pagamento .riga div.parOut.parSmall{
		width: 22.5%;
	}
}

@media screen and (min-width:1440px){
	#corpocentrale{
		width: 1440px;
	}
	header div.container{
		width: 60%;
	}
	footer div.container{
		width: 90%;
	}
	#colonnadest form.form #attestante .riga div.parOut.parSmall, #colonnadest form.form #datiBeneficiario .riga div.parOut.parSmall, #colonnadest form.form #soggettoPagatore .riga div.parOut.parSmall, #colonnadest form.form #pagamento .riga div.parOut.parSmall{
		width: 23.5%;
	}
}


@media screen and (min-width:1600px){
	#corpocentrale{
		width: 1570px;
	}
	header div.container{
		width: 60%;
	}
	footer div.container{
		width: 90%;
	}
}

/* CONSENSO */

#containerConsenso{
	padding: 5px;
}

#divConsenso{
	border-left: 5px solid #152f52;
	padding-left: 1em !important;	
	background-color: #dddddd;
	line-height: 2em;
}

#checkboxConsenso{
	transform: scale(1.5);
	vertical-align: middle;
	line-height: 2em;
	background-color: #eaeaea;
}

#labelCheckBoxConsenso:hover{
	cursor: pointer;
}

#labelCheckBoxConsenso span{
	vertical-align: middle;
	margin: auto 0.6em;
}

#colonnadest form.form input.formbut.disabled{
	background: #a7a6a6 !important;
	color: #5c5c5c !important;
	border: 1px grey solid !important;
}

#colonnadest form.form input.formbut.disabled:hover{
	background: #a7a6a6 !important;
	color: #5c5c5c !important;
	text-decoration: none !important;
	border: 1px grey solid !important;
	cursor: auto;
}	
/* Fine modifiche per consenso */

/*FOOTER NUOVO LAYOUT*/
footer{
	background: #152f51;
	width: 100%;
	font-family: "Titillium Web", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	color: #FFFFFF;
	text-align: left;
	padding-bottom: 2.2rem;
	font-size: 1.45rem;
}

footer div.container{
	margin-left: 5rem;
	padding-top: 2.2rem;	
}

footer div.footer_inside{
	width: 100%;
}

footer div.rowc{
	display: inline-block;	
	vertical-align: top;	
}

footer a.footer_link {
	color: #ffffff; 
	text-decoration: underline;
	font-weight: normal;
}

footer a.footer_link:hover {
	text-decoration: none;	
}

footer p.footer_title {
	font-weight: bold; !important	
	padding-left: 0rem;
}

footer p.footer_textdx {
	padding-left: 2.2rem;		
}

footer p.footer_textsx {
	padding-top: 1.5rem;
	padding-bottom: 1.2rem;				
}

footer p.separator{
	border-top: 1px solid #ffffff;
	border-radius: 0px;
	padding: 0px;
}