html, body {height: 100%;}
body {margin: 0; padding: 0;}
p, h1, h2, h3, h4, h5, div, form, ul {margin: 0; padding: 0;} 
input {font-size: 80%; padding: 0;}

/* Generiche */
body {font-family:  Georgia, Verdana, Arial, "Trebuchet MS", Geneva, Helvetica, sans-serif; font-size: 12px; color: #000000; background: url(immagini/sfondo_body.jpg) repeat-y center top;}
.clear {clear: both;}
fieldset {width: 100%; margin: 0 auto 0 auto;}
legend {color: #ff0000; font-weight: bold;}

/* Principali */
div#contenitore {width: 990px; margin: 0 auto 0 auto; padding: 0;}
div#testata {position: absolute; z-index: 100; top: 0; margin: 0 auto 0 auto; padding: 0; width: 990px; background: url(immagini/sfondo_ms.jpg) repeat-x #74A5DC; }
div#testataprint {display: none;}

/*--RSS--*/

div#logone #rss {width: 60%; color: #000000; margin: 10px 0 0 0; padding: 8px 0 8px 0; float: right; background: url(immagini/logo_popolis.gif) no-repeat left center #EDF7FD; border: 1px solid #ffffff;}
div#logone #rss #tic {font-size: 120%; padding: 0 0 0 140px;}
div#logone #rss #tic a {color: #172b4e; text-decoration: none; display:inline;}
div#logone #rss #tic a:hover {color: #172b4e; text-decoration: underline; display:inline;}
ul#news a {color: ffffff; text-decoration: underline;}
ul#news a:hover {color: ffffff; text-decoration: none;}

/* Menu Superiore */
div#menusuperiore {width: 950px; font-size: 100%; margin: 0 auto 0 auto; padding: 0;}
div#menusuperiore ul li {border-right: 1px dotted #ffffff;}

div#logone {margin: 37px 0 0 0; padding: 0; width: 990px; border: none; background: #FAFAFA url(immagini/sfondo_testa.jpg) no-repeat center left;}
div#logone #logo {padding: 10px 20px 10px 35px; float: left; text-align: center; color: #000000; font-size: 100%;}
div#logone #logo img {border: none; padding: 0 0 5px 0;}
div#logone #logo a:hover {background: url(immagini/home.gif) no-repeat center right;}
div#logone #utility {float: right; width: 39%;}
div#logone #data {color: #000000; font-size: 100%; margin: 10px 0 0 0; padding: 0 0 0 25px; line-height: 25px; background: url(immagini/clock.gif) no-repeat center left;}
div#logone #ricerca {color: #000000; margin: 20px 0 0 0; padding: 0 0 0 5px;}
div#logone #ricerca input.form {border: 1px solid #000000; font: 100% Georgia; padding: 3px;}
div#logone #ricerca input.bottone {border: 1px solid #000000; font: 100% Georgia; padding: 2px;}

/*CUORE */
div#main {margin: 4px auto 0 auto; padding: 0; width: 100%; font-size: 100%;}
div#sinistra {width: 76%; float: left;}
div#destra {width: 23%; float: right;}

/*SINISTRA*/
div#ramo {text-align: right; width: 97%; margin: 5px 0 5px 4px; padding: 0; line-height: 35px; color: #000000; background: url(immagini/sfondo_ramo.jpg) repeat-y center right;  font-size: 120%; border: 2px solid #eeeeee;}
div#ramo a {font-weight: bold; color: #000000; text-decoration: none;}
div#ramo a:hover {font-weight: bold; color: #FF0000; text-decoration: none;}

/*TABS*/

div#tabelle {width: 734px; margin: 0 0 0 4px; padding: 0;}
div#tabelle ul#argomenti {width: 100%; list-style-type: none; margin: 0; padding: 0; line-height: 34px;}
div#tabelle ul#argomenti li {display: inline; float: left; font-size: 16px;}
div#tabelle ul#argomenti li a {font-weight: bold; text-decoration: none; color: #ffffff;}
div#tabelle ul#argomenti li a:hover {font-weight: bold; text-decoration: none;  color: #000000;}

div#tabelle ul#argomenti li#copertina1 {width: 33%; text-align: center; background: url(immagini/b1.jpg) repeat-x; margin: 0;}
div#tabelle ul#argomenti li#prodotti1 {width: 33%; text-align: center; background: url(immagini/b2.jpg) repeat-x; margin: 0 0 0 3px}
div#tabelle ul#argomenti li#mutualita1 {width: 33%; text-align: center; background: url(immagini/b3.jpg) repeat-x; margin: 0 0 0 3px}

div#tabelle div#sottotabs {width: 746px; min-height: 300px; border: 1px solid #dddddd; margin: 0 auto 0 auto; padding: 0;}

div#copertina {background: #F6F6F6; margin: 0; padding: 5px;}
div#prodotti {background: #F6F6F6; margin: 0; padding: 5px;}
div#mutualita {background: #F6F6F6; margin: 0; padding: 5px;}

/*NOTIZIE*/

div#notizie {width: 95%; margin: 5px auto 0 auto;}
div.titolosezione {width: 100%; padding: 0; border-bottom: 1px dotted #DDDDDD;}
div.titolosezione div.titoletto {width: 90%; padding: 0; font-size: 170%; color: #000000; line-height: 30px; float: left;}
div.titolosezione div.archivio {width: 8%; padding: 0; font-size: 90%; color: #000000; line-height: 30px; float: right;}
div.titolosezione div.archivio a {color: #000000; text-decoration: none;}
div.titolosezione div.archivio a:hover {color: #000000; text-decoration: underline;}
div#notizie ul {list-style-type: none; margin: 0; width: 95%; margin: 0 auto 0 auto;}
div#notizie ul li {padding: 0 0 0 15px; line-height: 30px; border-bottom: 1px dotted #DDDDDD; background: url(immagini/bullet.gif) no-repeat center left;}
div#notizie ul li a {color: #000000; text-decoration: none; display: block;}
div#notizie ul li a:hover {color: #FF0000; text-decoration: none; display: block; background: #f0f0f0;}

div#altrenotizie {width: 95%; margin: 5px auto 5px auto;}
div#altrenotizie ul {list-style-type: none; margin: 0 auto 0 auto; width: 95%;}
div#altrenotizie ul li {padding: 0 0 0 25px; line-height: 30px; border-bottom: 1px dotted #DDDDDD; background: url(immagini/loghino.gif) no-repeat center left;}
div#altrenotizie ul li a {color: #000000; text-decoration: none; display: block;}
div#altrenotizie ul li a:hover {color: #FF0000; text-decoration: none; display: block; background: #f0f0f0;}

div#notizieinterne {width: 98%; margin: 0 auto 0 auto;}
div#notizieinterne ul {margin: 0;}
div#notizieinterne ul li {list-style: none; margin: 0 auto 0 auto; padding: 5px 0 5px 0; border-bottom: 1px dotted #DDDDDD; background: url(immagini/segue.gif) no-repeat center right;}
div#notizieinterne ul li .testo {float: left; margin: 10px auto 0 auto; padding: 0 0 0 10px;}
div#notizieinterne ul li .testo a {color: #000000; font-weight: bold; font-size: 110%; text-decoration: none;}
div#notizieinterne ul li .testo a:hover {color: #000000; font-weight: bold; font-size: 110%; text-decoration: none; background: #C6E7F3;}
div#notizieinterne ul li .testo2 {float: left; margin: 5px auto 5px auto; padding: 0 0 0 10px;}
div#notizieinterne ul li .testo2 a {color: #000000; font-weight: bold; font-size: 110%; text-decoration: none;}
div#notizieinterne ul li .testo2 a:hover {color: #000000; font-weight: bold; font-size: 110%; text-decoration: none; background: #C6E7F3;}
div#notizieinterne img {border: none; float: left;}
div#notizieinterne ul li .segue {width: 2%; float: right;}
div#notizieinterne ul li .segue a {text-decoration: none;}
div#notizieinterne ul li .segue a:hover {text-decoration: none;}

div#notizieinterne h2 {width: 98%; font-weight: normal; border-bottom: 1px dotted #DDDDDD; margin: 5px auto 5px auto;}
div#notizieinterne ul li .soci {width: 95%; line-height: 25px; margin: 0 auto 0 auto;}
div#notizieinterne ul li .soci a {display: block; color: #000000; font-size: 110%; text-decoration: none;}
div#notizieinterne ul li .soci a:hover {display: block; color: #FF0000; font-size: 110%; text-decoration: none;}


div#spazioaduecolonne {width: 96%; margin: 10px auto 0 auto;}

/*DETTAGLIO*/

div#dettaglio {width: 95%; margin: 0 auto 0 auto;}
div#dettaglio .titolo {font-size: 160%; padding: 10px 0 5px 0;}
div#dettaglio #contenuto {width: 100%; margin: 0 auto 0 auto; font-size: 120%; line-height: 22px;}
div#dettaglio #contenuto a {text-decoration: none; font-weight: bold; color: #FF0000; text-decoration: underline;}
div#dettaglio #contenuto a:hover {text-decoration: none; font-weight: bold; color: #FF0000; border: none; text-decoration: none;}
div#dettaglio #contenuto img.sinistra {float: left; margin: 10px; border: none;}
div#dettaglio #contenuto .centra {width: 520px; margin: 0 auto 0 auto; text-align: center;}
div#dettaglio #contenuto table {margin: 10px 0 0 0; border-collapse: separate; border-spacing: 1px; background: #F0F4E8;}
div#dettaglio #contenuto table tr td {border: 1px solid black; padding: 5px;}
div#dettaglio #contenuto table tr td p {margin: 0;}
div#dettaglio #contenuto p {margin: 15px 0 0 0;}
div#dettaglio #contenuto ul {list-style-type: square;}
div#dettaglio #contenuto ul li {margin: 5px 5px 5px 40px;}
div#dettaglio #contenuto ol li {margin: 5px 5px 5px 30px;}
div#dettaglio #contenuto h3 {margin: 20px 0 10px 0; color: #EF0D3D;}
div#dettaglio #contenuto h3.glossario {margin: 20px 0 10px 0; color: #EF0D3D; display: block; background: #eeeeee url(immagini/top.gif) no-repeat center right; padding: 5px;}
div#dettaglio #contenuto h3.glossario a {color: #EF0D3D; display: block; text-decoration: none;}
div#dettaglio #contenuto h3.glossario a:hover {color: #EF0D3D; display: block; text-decoration: none;}
div#dettaglio #contenuto h4 {margin: 10px 0 10px 0; color: #EF0D3D;}
div#dettaglio #contenuto ul#glossario {list-style-type: none; width: 100%; margin: 0 auto 0 auto; margin: 0; padding: 0;}
div#dettaglio #contenuto ul#glossario li {float: left; width: 20px; text-align: center; border: 1px solid #cccccc; margin: 0 0 0 4px; font-weight: bold;}
div#dettaglio #contenuto ul#glossario li a {background: #cccccc; display: block; text-decoration: none; color: #000000; margin: 0;}
div#dettaglio #contenuto ul#glossario li a:hover {background: #ff0000; display: block; text-decoration: none; margin: 0; color: #ffffff;}

div#dettaglio #contenutotesto {width: 100%; margin: 0 auto 0 auto; font-size: 120%; line-height: 18px;}
div#dettaglio #contenutotesto  a {text-decoration: none; font-weight: bold; color: #FF0000;}
div#dettaglio #contenutotesto a:hover {text-decoration: underline; font-weight: bold; color: #FF0000;}
div#dettaglio #contenutotesto img.sinistra {float: left; margin: 10px; border: none;}
div#dettaglio #contenutotesto .centra {width: 520px; margin: 0 auto 0 auto; text-align: center;}
div#dettaglio #contenutotesto p {margin: 12px 0 0 0;}
div#dettaglio #contenutotesto ul li {list-style-type: none;}


div#dettaglio #contenutosx {width: 63%; float: left;}
div#dettaglio #contenutosx img {border: none;}
div#dettaglio #contenutosx a {color: #F215AC; text-decoration: none;}

div#dettaglio #contenutosx ul li {list-style-type: square; margin: 5px 5px 5px 40px;}
div#dettaglio #contenutodx {width: 35%; float: right;}
div#dettaglio #contenutodx .foto {width: 100%; text-align: center;}
div#dettaglio #contenutodx img {border: none;}

div#dettaglio div.sottotitolo {font-style: italic; padding: 0; margin: 0 0 5px 0;}
div#dettaglio div.sottotitolo p {padding: 0; margin: 0;}

div#ritornodaldettaglio {width: 90%; margin: 5px auto 10px auto; background: url(immagini/sfondoritorno.jpg) repeat-x #ffffff; padding: 10px; border: 1px solid #dddddd; font-size: 140%;}
div#ritornodaldettaglio a {color: #000000; text-decoration: none;}
div#ritornodaldettaglio a:hover {color: #000000; text-decoration: underline;}

/*UTILITA'*/

div.utilita {width: 100%; margin: 5px 0 10px 0;}
div.utilita h3 {color: #000000; font-weight: normal; font-size: 160%; padding: 5px 0 5px 0; border-bottom: 1px dotted #DDDDDD;}
div.utilita ul {margin: 0; list-style-type: none;}
div.utilita ul li {margin: 0; padding: 5px 0 5px 20px; border-bottom: 1px dotted #DDDDDD;}
div.utilita ul li a {color: #000000; text-decoration: none;}
div.utilita ul li a:hover {color: #FF0000; text-decoration: none;}

div.utilita ul li.pdf {background: url(immagini/formati/pdf.gif) no-repeat center left; padding: 5px 0 5px 20px;}
div.utilita ul li.doc {background: url(immagini/formati/doc.gif) no-repeat center left; padding: 5px 0 5px 20px;}
div.utilita ul li.rtf {background: url(immagini/formati/rtf.gif) no-repeat center left; padding: 5px 0 5px 20px;}
div.utilita ul li.txt {background: url(immagini/formati/txt.gif) no-repeat center left; padding: 5px 0 5px 20px;}
div.utilita ul li.pps {background: url(immagini/formati/pps.gif) no-repeat center left; padding: 5px 0 5px 20px;}
div.utilita ul li.ppt {background: url(immagini/formati/ppt.gif) no-repeat center left; padding: 5px 0 5px 20px;}
div.utilita ul li.xls {background: url(immagini/formati/xls.gif) no-repeat center left; padding: 5px 0 5px 20px;}
div.utilita ul li.zip {background: url(immagini/formati/zip.gif) no-repeat center left; padding: 5px 0 5px 20px;}
div.utilita ul li.htm {background: url(immagini/formati/htm.gif) no-repeat center left; padding: 5px 0 5px 20px;}
div.utilita ul li.tml {background: url(immagini/formati/htm.gif) no-repeat center left; padding: 5px 0 5px 20px;}
div.utilita ul li.news {background: url(immagini/formati/foglietto.gif) no-repeat center left; padding: 5px 0 5px 20px;}
div.utilita ul li.print {background: url(immagini/stampante.gif) no-repeat center left; padding: 5px 0 5px 20px;}
div.utilita ul li.share {background: url(immagini/share.gif) no-repeat center left; padding: 5px 0 5px 20px;}
div.utilita ul li.photo {background: url(immagini/photo.gif) no-repeat center left; padding: 5px 0 5px 20px;}
div.utilita ul li.photooff {background: url(immagini/photooff.gif) no-repeat center left; padding: 5px 0 5px 20px;}

/*DOCUMENTI DI SEZIONE*/

div#docsezione {width: 99%; margin: 10px auto 0 auto;}
div#docsezione ul {margin: 0 0 10px 0;}
div#docsezione ul li {list-style: none; margin: 0; padding: 5px 0 5px 30px; border-bottom: 1px dotted #DDDDDD;}
div#docsezione ul li a {color: #000000; text-decoration: none; display: block;}

/*DOCUMENTI DI SEZIONE CENTRAELI */

div#docsezionecentrale {width: 95%; margin: 10px auto 0 auto;}
div#docsezionecentrale h4 {color: #000000; font-weight: normal; font-size: 160%; padding: 5px 0 5px 0; border-bottom: 1px dotted #DDDDDD;}
div#docsezionecentrale ul {margin: 0;}
div#docsezionecentrale ul li {list-style: none; margin: 0; padding: 5px 0 5px 30px; border-bottom: 1px dotted #DDDDDD;}
div#docsezionecentrale ul li a {color: #000000; text-decoration: none; display: block;}


/*BANNER*/

div.banner {float: left; width: 468px; border: 1px solid #DDDDDD; margin: 0 auto 0 auto;}
div.banner ul#banner {width: 468px; list-style-type: none;}
div.banner ul#banner img {border: none;}

/*FOCUS*/

div#focus {border: 1px solid #3373BC; float: right; width: 30%; background: #ffffff;}
div#focus .titolo {font-size: 170%; font-weight: bold; color: #3373BC; line-height: 30px; padding: 2px 10px 2px 5px; border-bottom: 1px dotted #dddddd; margin: 0 10px 0 10px;}
div#focus ul {margin: 0;}
div#focus ul li {list-style: none; margin: 0 10px 0 10px; padding: 0 0 0 10px; line-height: 30px; border-bottom: 1px dotted #DDDDDD; background: url(immagini/pirulino.gif) no-repeat center left;}
div#focus ul li a {color: #000000; text-decoration: none; display: block;}
div#focus ul li a:hover {color: #FF0000; text-decoration: none; display: block;}

/*HOME BANKING*/

div#hb {border: 3px solid #3373BC; margin: 5px auto 0 auto; width: 98%; background: url(immagini/sfondo_linguetta.jpg) repeat-x;}
div#hb h3 {color: #3373BC; font-size: 170%; font-weight: bold; margin: 5px 0 0 0; padding: 0 0 0 10px; border-bottom: 1px dotted #DDDDDD; line-height: 25px;}
div#hb .accesso {width: 90%; font-weight: bold; border-bottom: 1px dotted #DDDDDD; margin: 0 auto 0 auto; padding: 3px 0 3px 0; line-height: 25px; background: url(immagini/freccia.gif) no-repeat center right;}
div#hb .accesso a {display: block; color: #000000; text-decoration: none;}
div#hb .accesso a:hover {display: block; color: #FF0000; text-decoration: none;}
div#hb .istruzioni {width: 80%; border-bottom: 1px dotted #DDDDDD; margin: 0 auto 0 auto; padding: 3px 0 3px 0; line-height: 25px; background: url(immagini/freccina.gif) no-repeat center right;}
div#hb .istruzioni a {display: block; color: #000000; text-decoration: none;}
div#hb .istruzioni a:hover {display: block; color: #FF0000; text-decoration: none; background: #ff0000; background: url(immagini/freccina.gif) no-repeat center right #f0f0f0;}
div#lucchetto {position: absolute; width: 76px; height: 95px; margin: -30px 0 0 160px;}

/*FAI DA TE*/

div#faidate {border: 3px solid #3373BC; background: url(immagini/sfondo_linguetta.jpg) repeat-x; margin: 5px 0 0 0;}
div#faidate h3 {color: #245893; font-size: 170%; font-weight: bold; width: 95%; margin: 5px auto 0 auto; padding: 0 0 0 10px; border-bottom: 1px dotted #ffffff; line-height: 25px;}
div#faidate ul {margin: 0; width: 93%; margin: 0 auto 0 auto;}
div#faidate ul li {list-style: none; margin: 0 10px 0 10px; padding: 8px 0 8px 15px; border-bottom: 1px dotted #DDDDDD; background: url(immagini/bullet2.gif) no-repeat center left;}
div#faidate ul li a {color: #000000; text-decoration: none; display: block;}
div#faidate ul li a:hover {color: #FF0000; text-decoration: none; display: block;}
div#forbice {position: absolute; width: 76px; height: 95px; margin: -20px 0 0 150px;}

div#faidate2 {border: 3px solid #3373BC; background: url(immagini/sfondo_linguetta.jpg) repeat-x; margin: 5px 0 0 0;}
div#faidate2 h3 {color: #245893; font-size: 120%; font-weight: bold; width: 95%; margin: 5px auto 0 auto; padding: 0 0 0 10px; border-bottom: 1px dotted #ffffff; line-height: 25px;}
div#faidate2 ul {margin: 0; width: 93%; margin: 0 auto 0 auto;}
div#faidate2 ul li {list-style: none; margin: 0 10px 0 10px; padding: 8px 0 8px 15px; border-bottom: 1px dotted #DDDDDD; background: url(immagini/bullet2.gif) no-repeat center left;}
div#faidate2 ul li a {color: #000000; text-decoration: none; display: block;}
div#faidate2 ul li a:hover {color: #FF0000; text-decoration: none; display: block;}
div#forbice2 {position: absolute; width: 76px; height: 95px; margin: -20px 0 0 150px;}

div#faidate3 {border: 3px solid #3373BC; background: url(immagini/sfondo_linguetta.jpg) repeat-x; margin: 5px 0 0 0;}
div#faidate3 h3 {color: #245893; font-size: 120%; font-weight: bold; width: 95%; margin: 5px auto 0 auto; padding: 0 0 0 10px; border-bottom: 1px dotted #ffffff; line-height: 25px;}
div#faidate3 ul {margin: 0; width: 93%; margin: 0 auto 0 auto;}
div#faidate3 ul li {list-style: none; margin: 0 10px 0 10px; padding: 8px 0 8px 15px; border-bottom: 1px dotted #DDDDDD; background: url(immagini/bullet2.gif) no-repeat center left;}
div#faidate3 ul li a {color: #000000; text-decoration: none; display: block;}
div#faidate3 ul li a:hover {color: #FF0000; text-decoration: none; display: block;}
div#forbice3 {position: absolute; width: 76px; height: 95px; margin: -20px 0 0 150px;}


/*ACCORDION*/

.arrowlistmenu {width: 95%; margin: 0 auto 0 auto;}
.arrowlistmenu h3 {font-size: 16px;}

.menuheader {width: 100%; border: 2px solid #9ac1c9; padding: 5px; font-weight: bold; margin:5px 0 0 0; cursor: pointer; background:url(images/header.gif);}
.menuheader a {color: #000000; text-decoration: none;}
.menuheader a:hover{color: #000000; text-decoration: none;}

.menuheader:hover {background:url(immagini/header_over.gif) repeat-x; color: #000000; text-decoration: none;}

.openheader {width:100%; border:2px solid #9ac1c9; padding:5px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(immagini/header.gif);}

.arrowlistmenu ul{width:100%; border-top: none; padding: 3px; list-style-type: none; margin: 0;}

.arrowlistmenu ul li{line-height: 25px; padding: 0 0 0 15px; font-weight: bold; font-size: 16px; border: none;}

.arrowlistmenu ul li a{display: block; color: #000000; text-decoration: none;}

.arrowlistmenu ul li a:hover {display: block; color: #000000; text-decoration: none; background: #BFE1F6;}

.arrowlistmenu ul li ul {width: 95%; margin: 0 auto 0 auto;}
.arrowlistmenu ul li ul li {line-height: 25px; padding: 0 0 0 15px; font-weight: normal; font-size: 12px; border-bottom: 1px dashed #000000; background: url(immagini/pirulino.gif) no-repeat center left;}

/*SEZIONE*/

div#boxonebis {width: 97%; margin: 0 0 0 4px; border: 2px solid #dddddd;}
div#disclaimer {width: 94%; margin: 5px 0 0 4px; padding: 10px; border: 2px solid #dddddd; background: #EAEAEA;}
div#intro {width: 95%; margin: 0 auto 0 auto; background: url(immagini/virgolettealte.jpg) no-repeat top left; border-bottom: 1px solid #DDDDDD;}
div#intro div {margin: 0 auto 0 auto; padding: 20px 55px 20px 55px; background: url(immagini/virgolettebasse.jpg) no-repeat bottom right; text-align: justify; font-size: 130%; font-weight: normal;}
div#intro img {float: right; border: 4px solid #DDDDDD; margin: 0 0 10px 10px;}
div#intro ul {margin: 10px auto 10px 30px;}
div#intro ul li {list-style-type: square; padding: 0 0 0 5px;}
div#intro a {text-decoration: none; color: #FF0000; font-weight: bold; font-size: 80%;}
div#intro a:hover {text-decoration: none; color: #FF0000; font-weight: bold; font-size: 80%;}

/*MENU LATERALE*/

div#menulaterale {border: 2px solid #3373BC; margin: 5px 0 0 0; background: url(immagini/sfondo_linguetta.jpg) repeat-x;}
div#menulaterale h3 {margin: 0 auto 0 auto; color: #245893; font-weight: normal; font-size: 170%; padding: 0 0 0 10px; border-bottom: 1px dotted #DDDDDD; line-height: 25px;}
div#menulaterale h3 a {color: #245893; text-decoration: none;}
div#menulaterale h3 a:hover {color: #245893; text-decoration: underline;}
div#menulaterale ul {margin: 0 auto 0 auto; width: 90%;}
div#menulaterale ul li {list-style: none; margin: 0 10px 0 10px; padding: 0 0 0 15px; line-height: 30px; border-bottom: 1px dotted #DDDDDD; background-image: url(immagini/bullet2.gif); background-repeat: no-repeat; background-position: center left;}
div#menulaterale ul li a {color: #000000; text-decoration: none; display: block;}
div#menulaterale ul li a:hover {color: #FF0000; text-decoration: none; display: block;}

/*FILIALI*/

div#infiliale {margin: 10px auto 10px auto; width: 95%; background-color: #FFFFFF;}
div#infiliale h3 {color: #000000; font-weight: normal; font-size: 160%; padding: 0 0 0 10px; border-bottom: 1px dotted #DDDDDD; line-height: 25px;}
div#infiliale ul {margin: 0; padding: 0; list-style-type: none;}
div#infiliale ul li.ok {margin: 0; padding: 0 0 0 10px; line-height: 30px; border-bottom: 1px dotted #DDDDDD; background: url(immagini/ok.gif) no-repeat center right;}
div#infiliale ul li.ko {margin: 0; padding: 0 0 0 10px; line-height: 30px; border-bottom: 1px dotted #DDDDDD;}

/*AREA STAMPA*/

div.formstampa {width: 98%; margin: 10px auto 0 auto; font-size: 14px;}
div.formstampa h2 {color: #000000; font-weight: normal; margin: 5px 10px 5px 10px; padding: 5px; border-bottom: 1px dotted #DDDDDD;  line-height: 20px;}
div.formstampa form {width: 95%; margin: 15px auto 10px auto; text-align: right;}
div.formstampa form input {margin-top: 5px; font-size: 14px;}
div.formstampa form select {margin-top: 5px; font-size: 14px;}
div.formstampa form label {margin: 5px auto 5px auto; width: 150px; }
div.formstampa .testo {width: 95%; margin: 0 auto 0 auto; border-bottom: 1px dotted #DDDDDD;}
div.formstampa .us {background: url(immagini/bubble.gif) no-repeat center left; width: 95%; margin: 10px auto 0 auto; padding: 0 0 0 40px;}
div.formstampa #captcha {width: 48%; margin: 5px auto 5px auto; float: right; text-align: left; font-size: 11px;}
div.formstampa #captcha img {float: left; margin: 5px 5px 0 0;}
div.formstampa #captcha input {margin: 5px 5px 0 0;}
div.formstampa #captcha a {color: #000000; text-decoration: none;}
div.formstampa #captcha a:hover {color: #000000; text-decoration: underline;}

/*SOCI*/

div#menulateralesoci {background: url(immagini/sfondo_soci.jpg) repeat-x; margin: 5px 0 0 0; border: 2px solid #DB842E;}
div#menulateralesoci h3 {color: #000000; font-weight: normal; font-size: 160%; padding: 0 0 5px 10px; border-bottom: 1px dotted #ffffff; margin: 5px 0 5px 0;}
div#menulateralesoci ul {margin: 0;}
div#menulateralesoci ul li {list-style: none; margin: 0 10px 0 10px; padding: 0 0 0 15px; line-height: 30px; border-bottom: 1px dotted #DDDDDD; background: url(immagini/bullet3.gif) no-repeat center left;}
div#menulateralesoci ul li a {color: #000000; text-decoration: none; display: block;}
div#menulateralesoci ul li a:hover {color: #FF0000; text-decoration: none; display: block;}

div.link {margin: 5px 0 0 0; border: 2px solid #DDDDDD;}
div.link h3 {color: #000000; font-weight: normal; font-size: 160%; padding: 0 0 5px 10px; border-bottom: 1px dotted #DDDDDD; margin: 5px 0 5px 0;}
div.link ul {margin: 0;}
div.link ul li {list-style: none; padding: 0 0 0 35px; line-height: 25px; border-bottom: 1px dotted #DDDDDD; background: url(immagini/bullet2.gif) no-repeat 15px center; font-size: 120%;}
div.link ul li a {color: #000000; text-decoration: none; display: block;}
div.link ul li a:hover {color: #FF0000; text-decoration: none; display: block;}

div.banners {margin: 5px auto 0 auto; border: 2px solid #cccccc;}
div.banners h3 {color: #000000; font-weight: normal; font-size: 160%; padding: 0 0 5px 10px; border-bottom: 1px dotted #DDDDDD; margin: 5px 0 5px 0;}
div.banners ul {margin: 0; padding: 0;}
div.banners ul li {list-style: none; text-align: center;}
div.banners ul li img {border: none;}

div#notiziesoci {width: 98%; margin: 0 auto 0 auto; font-size: 11px;}

div.boxsoci1 {float: left; width: 32%; margin: 7px 4px 6px 1px; color: #000000; border: 1px solid #DAA82F; font-size: 120%; min-height: 142px;}
div.boxsoci1 h4 {font-weight: bold; margin: 5px 10px 5px 10px; padding: 0 0 5px 0; border-bottom: 1px dotted #000000;}
div.boxsoci1 ul {margin: 0;}
div.boxsoci1 ul li {list-style: none; margin: 0 10px 0 10px; }
div.boxsoci1 ul li a {display: block; color: #000000; text-decoration: none; padding: 5px 0 5px 0;}
div.boxsoci1 ul li a:hover {display: block; color: #000000; text-decoration: underline; padding: 5px 0 5px 0;}

div.boxsoci2 {float: left; width: 32%; margin: 7px 4px 6px 1px; color: #000000; border: 1px solid #D5DB2E; font-size: 120%; min-height: 142px;}
div.boxsoci2 h4 {font-weight: bold; margin: 5px 10px 5px 10px; padding: 0 0 5px 0; border-bottom: 1px dotted #000000;}
div.boxsoci2 ul {margin: 0;}
div.boxsoci2 ul li {list-style: none; margin: 0 10px 0 10px;}
div.boxsoci2 ul li a {display: block; color: #000000; text-decoration: none;  padding: 5px 0 5px 0;}
div.boxsoci2 ul li a:hover {display: block; color: #000000; text-decoration: underline;  padding: 5px 0 5px 0;}

div.boxsoci3 {float: left; width: 32%; margin: 7px 4px 6px 1px; color: #000000; border: 1px solid #97DD33; font-size: 120%; min-height: 142px;}
div.boxsoci3 h4 {font-weight: bold; margin: 5px 10px 5px 10px; padding: 0 0 5px 0; border-bottom: 1px dotted #000000;}
div.boxsoci3 ul {margin: 0;}
div.boxsoci3 ul li {list-style: none; margin: 0 10px 0 10px;}
div.boxsoci3 ul li a {display: block; color: #000000; text-decoration: none;  padding: 5px 0 5px 0;}
div.boxsoci3 ul li a:hover {display: block; color: #000000; text-decoration: underline;  padding: 5px 0 5px 0;}

div.boxsoci4 {float: left; width: 32%; margin: 7px 4px 6px 1px; color: #000000; border: 1px solid #2CDBC1; font-size: 120%; min-height: 142px;}
div.boxsoci4 h4 {font-weight: bold; margin: 5px 10px 5px 10px; padding: 0 0 5px 0; border-bottom: 1px dotted #000000;}
div.boxsoci4 ul {margin: 0;}
div.boxsoci4 ul li {list-style: none; margin: 0 10px 0 10px;}
div.boxsoci4 ul li a {display: block; color: #000000; text-decoration: none;  padding: 5px 0 5px 0;}
div.boxsoci4 ul li a:hover {display: block; color: #000000; text-decoration: underline;  padding: 5px 0 5px 0;}

div.boxsoci5 {float: left; width: 65%; margin: 7px 4px 7px 1px; background-color: #FFFFFF; font-size: 120%;}
div.boxsoci5 h4 {color: #000000; font-weight: bold; margin: 0 10px 0 10px; padding: 0; border-bottom: 1px dotted #DDDDDD;  line-height: 20px;}
div.boxsoci5 form {width: 95%; margin: 0 auto 0 auto; text-align: right;}
div.boxsoci5 form input {margin-top: 5px; font-size: 12px;}
div.boxsoci5 form select {margin-top: 5px; font-size: 12px;}
div.boxsoci5 form label {margin: 5px auto 5px auto; width: 150px;}
div.boxsoci5 #captcha {width: 70%; margin: 5px auto 5px auto; float: right; text-align: left; font-size: 11px;}
div.boxsoci5 #captcha img {float: left; margin: 5px 5px 0 0;}
div.boxsoci5 #captcha input {margin: 5px 5px 0 0;}
div.boxsoci5 #captcha a {color: #000000; text-decoration: none;}
div.boxsoci5 #captcha a:hover {color: #000000; text-decoration: underline;}


/* CODA */
div#coda {width: 99%; border: 1px solid #dddddd; margin: 8px auto 10px auto; padding: 10px 0 10px 0; background-color: #ffffff; text-align: center; font-size: 90%; color: #666666;}
div#coda a {color: #666666; text-decoration: none;}
div#coda a:hover {color: #666666; text-decoration: underline;}

div#menuinferiore {width: 99%; margin: 8px auto 10px auto; text-align: right; font-size: 90%; color: #666666;}
div#menuinferiore a {color: #666666; text-decoration: none;}
div#menuinferiore a:hover {color: #666666; text-decoration: underline;}

/*RISULTATI RICERCA*/

div#risultatoricerca {width: 95%; margin: 0 auto 0 auto;}
div#risultatoricerca h2 {font-size: 140%; margin: 10px 0 0 0;}
div#risultatoricerca h5 {font-size: 100%; margin: 5px 0 0 0; padding: 0 0 5px 0; border-bottom: 1px dashed #000000; font-weight: normal;}
div#risultatoricerca ul {margin: 0; list-style-type: none;}
div#risultatoricerca ul li {margin: 0; padding: 5px 0 5px 0; border-bottom: 1px dashed #000000;}
div#risultatoricerca ul li a {text-decoration: none; color: #000000;}
div#risultatoricerca ul li a:hover {text-decoration: underline; color: #000000;}


/*FINESTRA MODALE*/

div#nyroModalFull {color: #777;}
div#nyroModalLoading {border: 4px solid #777; width: 150px; height: 150px; text-indent: -9999em; background: #fff url(immagini/ajaxLoader.gif) no-repeat center;}
div#nyroModalLoading.error {border: 4px solid #f66; line-height: 20px; padding: 20px; width: 300px; height: 100px; text-indent: 0; background: #fff;}
div#nyroModalWrapper {background: #fff; border: 4px solid #777;}
a#closeBut {position: absolute; display: block; top: -13px; right: -13px; width: 12px; height: 12px; text-indent: -9999em; background: url(immagini/close.gif) no-repeat;	outline: 0;}
h1#nyroModalTitle {margin: 0; padding: 0; position: absolute; top: -30px; left: 5px; color: #fff; font-size: 150%;}
div.wrapper div#nyroModalContent {padding: 5px;}
div.wrapperImg div#nyroModalContent {position: relative; overflow: hidden; text-align: center;}
div.wrapperImg div#nyroModalContent h2 {font-size: 100%; color: #4AC010;}
div.wrapperImg img {vertical-align: baseline;}
div.wrapperImg div#nyroModalContent div {position: absolute; bottom: 0; left: 0; background: black; padding: 10px; margin: 10px; border: 1px white dotted; overflow: hidden; opacity: 0.2; filter: alpha(opacity=20);}
div.wrapperImg div#nyroModalContent div:hover {opacity: 0.5; filter: alpha(opacity=50); cursor: help;}
a.nyroModalPrev, a.nyroModalNext {z-index: 105; outline: none; position: absolute; top: 0; height: 100%; width: 40%; cursor: pointer; text-indent: -9999em; background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */}
div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext {height: 60%; width: 20%;}
a.nyroModalPrev {left: 0;}
a.nyroModalPrev:hover {background: url(immagini/prev.gif) left 20% no-repeat;}
a.nyroModalNext {right: 0;}
a.nyroModalNext:hover {background: url(immagini/next.gif) right 20% no-repeat;}

div#mappa {display: none; width: 660px; height: 500px; overflow: none;}
div#issue {width: 600px; height: 430px; overflow: none; text-align: center; margin: 0;}

div#condividi {width: 550px; border: 5px solid #D01515; display: none;}

div#basicBookmark {width: 100%; margin: 0 auto 0 auto; padding: 0;}

/*FORM DI CONTATTO*/

div#contatto {width: 97%; margin: 5px 0 5px 4px; border: 2px solid #eeeeee;}
div#contatto #colonnasx {width: 60%; float: left;}
div#contatto #colonnasx div.introduzione {width: 97%; margin: 10px;}
div#contatto #colonnasx div.campi {width: 97%; margin: 10px;}
div#contatto #colonnasx div.campi label {width: 70px; float: left; line-height: 25px;}
div#contatto #colonnasx div.campi label.au {width: 290px; float: left; line-height: 25px;}
div#contatto #colonnasx div.campi input.campo {float: left; margin: 3px 0 0 0; font-size: 14px; font-family: Georgia;}
div#contatto #colonnasx div.campi select.campo {float: left; margin: 3px 0 0 0; font-family: Georgia;}
div#contatto #colonnasx div.campi textarea.campo {float: left; margin: 3px 0 0 0; font-family: Georgia;}
div#contatto #colonnasx div.campi #captcha {width: 80%; margin: 10px auto 5px auto; font-size: 11px;}
div#contatto #colonnasx div.campi #captcha img {float: left; margin: 5px 5px 0 0;}
div#contatto #colonnasx div.campi #captcha input {margin: 5px 5px 0 0;}
div#contatto #colonnasx div.campi #captcha a {color: #000000; text-decoration: none; margin: 5px 5px 0 0;}
div#contatto #colonnasx div.campi #captcha a:hover {color: #000000; text-decoration: underline; margin: 5px 5px 0 0;}
div#contatto #colonnasx div.campi .bottone {margin: 20px auto 0 auto; text-align: center;}

div#contatto #colonnadx {width: 38%; float: right;}
div#contatto #colonnadx .phone {margin: 0 auto 0 auto; line-height: 100px; font-size: 160%; padding: 0 10px 0 100px; background: url(immagini/phone.jpg) no-repeat;}
div#contatto #colonnadx .cv {margin: 320px auto 0 25px; text-align: center;}
div#contatto #colonnadx .cv img {border: none;}

div#loginhb {margin: 5px auto 0 auto;}
div#loginhb img {border: none;}
div#loginrb {margin: 5px auto 0 auto;}
div#loginrb img {border: none;}

/*RECRUITING*/

div#breadcrumb {width: 100%; color: #000000;}
div#breadcrumb div#grigio {width: 100%; background: #878C92;}
div#breadcrumb ul#briciole {width: 100%; background: #878C92; list-style-type: none; margin: 0; padding: 0; line-height: 34px;}
div#breadcrumb ul#briciole li {display: inline; margin: 0; padding: 0 21px 0 3px; border: 0; float: left; font-size: 16px;}
div#breadcrumb ul#briciole li a {color: #000000; text-decoration: none; margin: 0;}
div#breadcrumb ul#briciole li a:hover {color: #000000; text-decoration: underline; margin: 0;}

div#breadcrumb div.riga {line-height: 23px; width: 100%; margin: 0 auto 0 auto; padding: 0 0 10px 0;}
div#breadcrumb div.riga div.campo {width: 620px;}
div#breadcrumb div.riga input {font-size: 14px; font-family:  Georgia, Verdana, Arial, "Trebuchet MS", Geneva, Helvetica, sans-serif;}
div#breadcrumb div.riga label {margin: 0; font-size: 14px; font-weight: bold;}
div#master {width: 96%; margin: 0 auto 0 auto; background: #E1EFFC; padding: 0 0 0 10px; border: 1px solid #38658E;}
div#master a {color: #ff0000; text-decoration: none; font-weight: bold;}
div#master a:hover {color: #ff0000; text-decoration: none; font-weight: bold;}

div#sezione1 {padding: 15px; font-size: 14px; width: 680px;}
div#sezione1 a {color: #000000; text-decoration: none; font-weight: bold;}
div#sezione1 a:hover {color: #000000; text-decoration: none; font-weight: bold;}
div#sezione2 {padding: 15px; font-size: 14px; width: 680px;}
div#sezione3 {padding: 15px; font-size: 14px; width: 680px;}
div#sezione4 {padding: 15px; font-size: 14px; width: 680px;}
div#sezione5 {padding: 15px; font-size: 14px; width: 680px;}
div#sezione6 {padding: 15px; font-size: 14px; width: 680px;}
div#sezione7 {padding: 15px; font-size: 14px; width: 680px;}

a.inizia {color: #0000FF; text-decoration: none; font-size: 18px; font-weight: bold; padding: 10px 0 15px 0; display: block;}
a.inizia:hover {color: #000000; text-decoration: underline; font-size: 18px; font-weight: bold; padding: 10px 0 15px 0; display: block;}

div#sezione7 #captcha {width: 60%; margin: 15px auto 25px auto; border: 1px solid #cccccc; padding: 10px;}
div#sezione7 #captcha img {float: left; margin: 5px 5px 0 0; border: 1px solid #000000;}
div#sezione7 #captcha input {margin: 5px 5px 0 0; font-size: 19px;}
div#sezione7 #captcha a {color: #000000; text-decoration: none; font-weight: bold;}
div#sezione7 #captcha a:hover {color: #000000; text-decoration: underline; font-weight: bold;}

div#messaggio {padding: 15px; font-size: 14px; width: 680px; color: #ff0000;}
div#messaggio a {color: #000000; text-decoration: none;}
div#messaggio a:hover {color: #000000; text-decoration: underline;}

div.ProgressBar {width: 100px; padding: 0; border: 1px solid black; margin-right: 1em; height:.75em; margin-left:1em; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; }
div.ProgressBar div { background-color: red; font-size: 1pt; height:100%; float:left; }
span.asyncuploader object { position: relative; top: 5px; left: 10px; }

/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */
margin: 0; 
padding: 0;
width: 450px;
overflow: hidden; 
}

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
width: 430px;
overflow: hidden;
}

ul.newsticker { /* that's your list */
position: relative;
list-style-type: none;
margin: 0;
padding: 0;
}

ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
}

ul.newsticker a {
white-space: nowrap;
padding: 0;
margin: 0 150px 0 0;

} 
ul.newsticker span {
margin: 0 10px 0 0;
} 

.inputHighlighted {  /* Highlighting style */
  background: #EFE4CC;
  border: 1px solid #7F9DB9;
  font-size: 14px; 
  font-family:  Georgia, Verdana, Arial, "Trebuchet MS", Geneva, Helvetica, sans-serif;
  padding: 1px;
}