html, body {height: 99%;}
body {margin: 0 0 0 0;}
p, h1, h2, h3, h4, h5, div, form { margin: 0px; padding: 0px;} 

body {background-color: #000000;; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:100%; color: #FFFF00; border-left: 10px solid #FFFFFF; border-right: 10px solid #FFFFFF;}

div.separe100 {clear: both; width: 100%; height: 3px;}
.clear {clear: both; }
img.segue {border: 0;}
.ghost2 {display: none;}

.contenitore {width: 55em; margin: 0px auto 0px auto; position: relative;}

div#accessibilita {width: 54%; float: right; text-align: right; font-size: 70%; color: #FFFF00; padding: 2px 0 5px 0;}
div#accessibilita a {color: #FFFF00; font-weight: bold; text-decoration: none;}
div#accessibilita a:hover {color: #FF0000; font-weight: bold; text-decoration: none;}

div#ricerca {width: 45%; float: left; font-size: 70%; color: #FFFF00; padding: 0 0 5px 0;}
div#ricerca input {font-size: 100%;}

div#testata img {border: 0;}
div#orologio {margin-right: 5px;}

div.menu {background-image: url(immagini/bgmenu.jpg); background-repeat: repeat-x; background-position: center left; margin-top: 3px; text-align: center; width: 100%;} 
div.menu div ul {list-style: none;  margin: 0px; padding: 0px;}
div.menu li {display: inline; padding: 0px 20px 0px 20px; background-image: url(immagini/bgmenuli.jpg); background-repeat: no-repeat; background-position: center left; background-position: 0px 0px; height: 29px; font-size: 70%; font-weight: bold;} 
div.menu li.selezionato {display: inline; padding: 0px 20px 0px 20px; background-image: url(immagini/bgmenuli.jpg); background-repeat: no-repeat; background-position: center left; background-position: 0px 0px; height: 29px; font-size: 70%; font-weight: bold; color: #FFFF00;} 

div.menu li#inizio { background-image: none; } 
div.menu li a { text-decoration: none; color: white; font-weight: bold; } 
div.menu li a:hover { color:	#FFFF00; } 

div#sinistra {width: 22%; float: left; position: relative;}

div.spalladx {background-color: #FFFFFF; margin: 3px 0 0 0;}
div.spalladx div h4 {font-family: Georgia; border-bottom: 1px dashed #FFFF00; color: #FFFF00; width: 95%; margin: 0 auto 0 auto;}
div.spalladx div ul {list-style: none;  margin: 0px; padding: 0px;}
div.spalladx div li.selezionato {width: 90%; margin: 0 auto 0 auto; line-height: 25px; font-size: 70%; color: #000000; border-bottom: 1px dashed #FFFF00; background-color: #EEEEEE; } 
div.spalladx div li.selezionato a {padding-left: 15px; text-decoration: none; color: #000000; display: block; background-image: url(immagini/quadretto2.gif); background-repeat: no-repeat; background-position: center left;} 
div.spalladx div li.selezionato a:hover {padding-left: 15px; text-decoration: none; color: #000000; display: block; background-image: url(immagini/quadretto2.gif); background-repeat: no-repeat; background-position: center left;} 
div.spalladx div li.nonselezionato {width: 90%; margin: 0 auto 0 auto; line-height: 25px; font-size: 70%; color: #000000; border-bottom: 1px dashed #FFFF00;} 
div.spalladx div li.nonselezionato a {padding-left: 15px; background-image: url(immagini/quadretto.gif); background-repeat: no-repeat; background-position: center left; text-decoration: none; color: #000000; display: block;} 
div.spalladx div li.nonselezionato a:hover {padding-left: 15px; background-image: url(immagini/quadretto2.gif); background-repeat: no-repeat; background-position: center left; background-color: #EEEEEE; text-decoration: none; color: #000000; display: block;} 

div#strillo {width: 18%; float: right; position: relative; background-color: #F3EDD1; margin: -45px 5px 5px 2px;}
div#strillo div {margin: 0 auto 0 auto; color: #FFFF00; font-size: 80%; border: 0;}

div.sottospalla2dx {background-color: #FFF7D9; margin: 3px 0 0 0;}
div.sottospalla2dx div h4 {font-family: Georgia; border-bottom: 1px dashed #FFFF00; color: #FFFF00; width: 95%; margin: 0 auto 0 auto;}
div.sottospalla2dx div ul {list-style: none;  margin: 0px; padding: 0px;}
div.sottospalla2dx div li {width: 90%; margin: 0 auto 0 auto; line-height: 25px; font-size: 70%; color: #000000; border-bottom: 1px dashed #FFFF00;} 
div.sottospalla2dx div li.selezionato {padding-left: 15px; width: 84%; margin: 0 auto 0 auto; line-height: 25px; font-size: 70%; color: #000000; border-bottom: 1px dashed #FFFF00; background-color: #FDC92C; background-image: url(immagini/quadretto2.gif); background-repeat: no-repeat; background-position: center left;} 
div.sottospalla2dx div li a {padding-left: 15px; background-image: url(immagini/quadretto3.gif); background-repeat: no-repeat; background-position: center left; text-decoration: none; color: #000000; display: block;} 
div.sottospalla2dx div li a:hover {padding-left: 15px; background-image: url(immagini/quadretto2.gif); background-repeat: no-repeat; background-position: center left; background-color: #FDC92C; text-decoration: none; color: #FFFFFF; display: block;} 

div.servizi {background-color: #E7FACE; margin: 3px 0 0 0;}
div.servizi div h4 {font-family: Georgia; border-bottom: 1px dashed #FFFF00; color: #FFFF00; width: 95%; margin: 0 auto 0 auto;}
div.servizi div ul {list-style: none;  margin: 0px; padding: 0px;}
div.servizi div li {width: 90%; margin: 0 auto 0 auto; line-height: 25px; font-size: 70%; color: #000000; border-bottom: 1px dashed #FFFF00;} 
div.servizi div li.selezionato {padding-left: 15px; width: 84%; background-color: #A2E397; background-image: url(immagini/quadretto2.gif); background-repeat: no-repeat; background-position: center left;} 
div.servizi div li a {padding-left: 15px; background-image: url(immagini/quadretto4.gif); background-repeat: no-repeat; background-position: center left; text-decoration: none; color: #000000; display: block;} 
div.servizi div li a:hover {padding-left: 15px; background-image: url(immagini/quadretto2.gif); background-repeat: no-repeat; background-position: center left; background-color: #A2E397; text-decoration: none; color: #000000; display: block;} 

div#destra {width: 78%; float: left; position: relative; margin: 0 0 0 0;}

div#ramo {margin: 0 auto 0 auto; width: 98%; line-height: 25px; border-bottom: 1px dashed #FFFF00; color: #FFFF00; text-align: right; font-size: 70%;}
div#ramo a {text-decoration: none; font-weight: bold; color: #FFFF00;}
div#ramo a:hover {text-decoration: none; font-weight: bold; color: #FF0000;}
div.indietro {margin: 0 auto 0 auto; width: 98%; line-height: 25px; color: #FFFF00; text-align: right; font-size: 70%;}
div.indietro a {text-decoration: none; font-weight: bold; color: #FFFF00;}
div.indietro a:hover {text-decoration: none; font-weight: bold; color: #FF0000;}

div#coda {width: 100%; background-color: #FFFFFF; margin: 0 0 0 0; text-align: center; font-size: 80%; color: #FFFF00; line-height: 25px;}
div#coda img {border: 0;}

div#content {width: 97%; margin: 10px auto 0 auto;}

div#primopiano { background-color: #fafaf5; width:100%; clear:both; padding:5px 0px 0px 0px;}
div#primopiano h2 {font-family: Georgia; font-size: 100%; margin:0px 5px 0px 5px; background-color:#FFFF00; color:#FFFFFF; padding:3px 0px 3px 0;} 
ul.primopiano {font-size:100%; color:#FFFF00; margin:0px 5px 0px 5px; padding:0px 0px 5px 0px;} 
ul.primopiano li {font-size:80%; background-color:#E7EEF6; padding:10px 20px 10px 20px; margin:0px; clear:both; min-height:65px;} 
ul.primopiano li a {color:#FFFF00; font-size:120%; font-weight: bold; text-decoration: none;} 
ul.primopiano li a:hover {color:#FFFF00; font-size:120%; font-weight: bold; text-decoration: none; background-color: #FFFFFF;} 
ul.primopiano li img.immagine { float:left; padding:0px; border:4px solid #CCCCCC; margin:0px 10px 0px 0px;} 

div#contentsx {width: 49%; float: left; margin-top: 10px;}
div#contentsx ul {list-style: none;  margin: 0px; padding: 0px;}
div#contentsx li {width: 100%; margin: 0 auto 0 auto; font-size: 80%; color: #FFFF00; border-bottom: 1px dashed #FFFF00; padding: 3px 0 5px 0;} 
div#contentsx li a {text-decoration: none; color: #FFFF00; font-weight: bold; display: block;} 
div#contentsx li a:hover {text-decoration: none; color: #FF0000; font-weight: bold; display: block;} 
div#contentsx h4 {font-family: Georgia; background-image: url(immagini/boxino.jpg); background-repeat: repeat-x; background-color: #F08114; color: #FFFFFF; width: 100%; padding: 2px 0 2px 0px;}
div#contentsx li img.immagine { float:left; padding:0px; border:4px solid #CCCCCC; margin:0px 10px 0px 0px;} 


div#contentdx {width: 49%; float: right; margin-top: 10px;}
div#contentdx h4 {font-family: Georgia; border-bottom: 1px dashed #FFFF00; color: #FFFF00; width: 100%; margin: 0 auto 0 auto; padding: 5px 0 5px 0;}
div#contentdx ul {list-style: none;  margin: 0px; padding: 0px;}
div#contentdx li {display: inline; width: 95%; margin: 0 auto 0 auto; font-size: 80%; color: #FFFF00; border-bottom: 1px dashed #FFFF00; padding: 3px 0 5px 0;} 
div#contentdx li a {text-decoration: none; color: #FFFF00; font-weight: bold; display: block;} 
div#contentdx li a:hover {text-decoration: none; color: #FF0000; font-weight: bold; display: block;} 
div#contentdx li img.immagine { float:left; padding: 1px; border:4px solid #CCCCCC; background-color: #FFFFFF; margin:5px 20px 0px 0px;} 

div#banner {width: 100%; margin: 0 auto 0 auto;}
div#banner img {border:4px solid #CCCCCC; margin:5px 0px 0px 0px;} 

/*NOTIZIA*/

div#notizia {width: 100%; margin: 0 auto 10px auto; background-color: #FFFFFF;}
div#notizia a {text-decoration: none; color: #FF0000; font-weight: bold;}
div#notizia a:hover {text-decoration: underline; color: #FF0000; font-weight: bold;}
div.titolo {width: 97%; margin: 0 auto 0 auto; font-size: 110%; color: #D37E2A; font-weight: bold; }
div#sottotitolo {width: 97%; margin: 0 auto 0 auto; font-size: 80%; color: #FFFF00; padding: 3px 0 3px 0; font-style: italic;}
div#testonotizia {width: 97%; margin: 0 auto 0 auto; font-size: 80%; color: #FFFF00; padding: 10px 0 3px 0;}
div#testonotizia div.imgright {float: right; padding: 0 0 0 0; margin: 0 10px 10px 15px; font-size: 70%;}
div#testonotizia div.imgleft {float: left; padding: 0 0 0 0; margin: 0 10px 0 5px; font-size: 70%;}
div#testonotizia img {padding: 0 0 0 0; border:4px solid #CCCCCC; margin: 0 0 0 0;}
div.gallerynews {width: 98%; margin: 0 auto 0 10px; text-align: right; color: #FFFF00;}
div.gallerynews img {border: 0;}

div#testonotizia ul {list-style-type: square;}

div.linkutili {width: 98%; margin: 0 auto 0 auto; background-image: url(immagini/bgmenu.jpg); background-repeat: repeat-x; font-size: 80%; color: #FFFFFF;}
div#notizia ul.link {list-style: none;  margin: 0px; padding: 0px;}
div#notizia li.link {width: 94%; margin: 0 auto 0 auto; background-image: url(immagini/formati/htm.gif); background-repeat: no-repeat; background-position: center left; padding: 5px 0 5px 20px; border-bottom: 1px dashed #FFFF00; font-size: 80%;}

div#newscorr {width: 98%; margin: 0 auto 0 auto; background-image: url(immagini/bgmenu.jpg); background-repeat: repeat-x; font-size: 80%; color: #FFFFFF;}
div#notizia li.news {width: 94%; margin: 0 auto 0 auto; background-image: url(immagini/formati/foglietto.gif); background-repeat: no-repeat; background-position: center left; padding: 5px 0 5px 20px; border-bottom: 1px dashed #FFFF00; font-size: 80%;}

div#newscorr {width: 98%; margin: 0 auto 0 auto; background-image: url(immagini/bgmenu.jpg); background-repeat: repeat-x; font-size: 80%; color: #FFFFFF;}

/*FORMATI*/
ul.processo {list-style: none;  margin: 0px; padding: 0px;}

li.doc {width: 94%; margin: 0 auto 0 auto; background-image: url(immagini/formati/doc.gif); background-repeat: no-repeat; background-position: center left; padding: 5px 0 5px 20px; border-bottom: 1px dashed #FFFF00; font-size: 80%;}
li.pdf {width: 94%; margin: 0 auto 0 auto; background-image: url(immagini/formati/pdf.gif); background-repeat: no-repeat; background-position: center left; padding: 5px 0 5px 20px; border-bottom: 1px dashed #FFFF00; font-size: 80%;}
li.pps {width: 94%; margin: 0 auto 0 auto; background-image: url(immagini/formati/pps.gif); background-repeat: no-repeat; background-position: center left; padding: 5px 0 5px 20px; border-bottom: 1px dashed #FFFF00; font-size: 80%;}
li.ppt {width: 94%; margin: 0 auto 0 auto; background-image: url(immagini/formati/pps.gif); background-repeat: no-repeat; background-position: center left; padding: 5px 0 5px 20px; border-bottom: 1px dashed #FFFF00; font-size: 80%;}
li.htm {width: 94%; margin: 0 auto 0 auto; background-image: url(immagini/formati/htm.gif); background-repeat: no-repeat; background-position: center left; padding: 5px 0 5px 20px; border-bottom: 1px dashed #FFFF00; font-size: 80%;}
li.tml {width: 94%; margin: 0 auto 0 auto; background-image: url(immagini/formati/htm.gif); background-repeat: no-repeat; background-position: center left; padding: 5px 0 5px 20px; border-bottom: 1px dashed #FFFF00; font-size: 80%;}
li.jpg {width: 94%; margin: 0 auto 0 auto; background-image: url(immagini/formati/jpg.gif); background-repeat: no-repeat; background-position: center left; padding: 5px 0 5px 20px; border-bottom: 1px dashed #FFFF00; font-size: 80%;}
li.peg {width: 94%; margin: 0 auto 0 auto; background-image: url(immagini/formati/jpg.gif); background-repeat: no-repeat; background-position: center left; padding: 5px 0 5px 20px; border-bottom: 1px dashed #FFFF00; font-size: 80%;}
li.xls {width: 94%; margin: 0 auto 0 auto; background-image: url(immagini/formati/xls.gif); background-repeat: no-repeat; background-position: center left; padding: 5px 0 5px 20px; border-bottom: 1px dashed #FFFF00; font-size: 80%;}
li.zip {width: 94%; margin: 0 auto 0 auto; background-image: url(immagini/formati/zip.gif); background-repeat: no-repeat; background-position: center left; padding: 5px 0 5px 20px; border-bottom: 1px dashed #FFFF00; font-size: 80%;}
li.txt {width: 94%; margin: 0 auto 0 auto; background-image: url(immagini/formati/txt.gif); background-repeat: no-repeat; background-position: center left; padding: 5px 0 5px 20px; border-bottom: 1px dashed #FFFF00; font-size: 80%;}
li.htmprocesso {width: 94%; margin: 0 auto 0 auto; background-image: url(immagini/formati/htm.gif); background-repeat: no-repeat; background-position: center left; padding: 5px 0 5px 20px; border-bottom: 1px dashed #FFFF00; font-size: 80%;}
li.news {width: 94%; margin: 0 auto 0 auto; background-image: url(immagini/formati/foglietto.gif); background-repeat: no-repeat; background-position: center left; padding: 5px 0 5px 20px; border-bottom: 1px dashed #FFFF00; font-size: 80%;}

div#intro {color: #FFFF00; font-size: 80%; width: 100%; margin: 0 auto 0 auto; background-color: #FFFFFF;}
div#intro div {width: 97%; margin: 0 auto 0 auto;}
div#intro a {color: #FF0000; text-decoration: none}
div#intro a:hover {color: #FF0000; text-decoration: underline;}

div#sezione {width: 98%; margin: 10px auto 0 auto;}
div#sezione ul {list-style: none;  margin: 0px; padding: 0px;}
div#sezione li {width: 100%; margin: 0 auto 0 auto; font-size: 80%; color: #FFFF00; border-bottom: 1px dashed #FFFF00; padding: 3px 0 5px 0;} 
div#sezione li a {text-decoration: none; color: #FFFF00; font-weight: bold; display: block;} 
div#sezione li a:hover {text-decoration: none; color: #FF0000; font-weight: bold; display: block;} 
div#sezione h4 {font-family: Georgia; background-image: url(immagini/boxino.jpg); background-repeat: repeat-x; background-color: #F08114; color: #FFFFFF; width: 100%; padding: 2px 0 2px 0px;}
div#sezione li img.immagine { float:left; padding:0px; border:4px solid #CCCCCC; margin:0px 10px 0px 0px;} 

div#linksezione {width: 98%; margin: 10px auto 0 auto;}
div#linksezione h4 {font-family: Georgia; background-image: url(immagini/boxino.jpg); background-repeat: repeat-x; background-color: #F08114; color: #FFFFFF; width: 100%; padding: 2px 0 2px 0px;}
div#linksezione ul {list-style: none;  margin: 0px; padding: 0px;}
div#linksezione li a {text-decoration: none; color: #FFFF00; font-weight: bold; display: block; color: #FF0000;} 
div#linksezione li a:hover {text-decoration: none; color: #FF0000; font-weight: bold; display: block; color: #000000;} 

div#documentisezione {width: 98%; margin: 10px auto 0 auto;}
div#documentisezione h4 {font-family: Georgia; background-image: url(immagini/boxino.jpg); background-repeat: repeat-x; background-color: #F08114; color: #FFFFFF; width: 100%; padding: 2px 0 2px 0px;}
div#documentisezione ul {list-style: none;  margin: 0px; padding: 0px;}
div#documentisezione li a {text-decoration: none; color: #FFFF00; font-weight: bold; color: #FF0000;} 
div#documentisezione li a:hover {text-decoration: none; color: #FF0000; font-weight: bold; color: #000000;} 

div#contentprocesso {width: 98%; margin: 10px auto 0 auto; font-size: 80%; color: #FFFF00;}
div#contentprocesso p {border-bottom: 1px dashed #FFFF00; line-height: 25px;}
div#contentprocesso p a {color: #FFFF00; font-weight: bold; text-decoration: none;}
div#contentprocesso p a:hover {color: #FFFF00; font-weight: bold; text-decoration: underline;}
div#contentprocesso p.on {border-bottom: 1px dashed #FFFF00; line-height: 25px; background-color: #FFFFFF;}
div#contentprocesso p.on a {color: #FFFF00; font-weight: bold; text-decoration: none;}
div#contentprocesso p.on a:hover {color: #FFFF00; font-weight: bold; text-decoration: underline;}

div#corpodettaglioprocesso {width: 98%; margin: 0 auto 0 auto;}
div#corpodettaglioprocesso p.destra {width: 100%; text-align: right; border-bottom: 1px dashed #245D97; line-height: 1.5em;}
div#corpodettaglioprocesso p.destra a {text-decoration: none; font-size: 80%; color: #245D97; font-weight: bold;}
div#corpodettaglioprocesso p.destra a:hover {text-decoration: underline; font-size: 80%; color: #245D97; font-weight: bold;}

div.titolofase {color: #245D97; font-size: 80%; width: 100%; margin: 10px auto 0 auto; background-color: #FFFFFF; font-weight: bold;}
div.testofase {color: #245D97; font-size: 80%; width: 97%; margin: 5px auto 0 auto;}
div.titolodefinizione {line-height: 1.5em; color: #245D97; font-size: 80%; width: 97%; margin: 5px auto 0 auto; border-bottom: 1px dashed #245D97;}
div.titolodefinizione a {text-decoration: none; color: #245D97; font-weight: bold;}
div.titolodefinizione a:hover {text-decoration: underline; color: #245D97; font-weight: bold;}

div#corpodettaglioprocesso li {width: 98%; margin: 0 auto 0 auto;}
div#corpodettaglioprocesso li a {color: #245D97; text-decoration: none; font-weight: bold;}
div#corpodettaglioprocesso li a:hover {color: #FF0000; text-decoration: underline; font-weight: bold;}

div#risultatoricerca {width: 98%; margin: 0 auto 0 auto; background-color: #F7F7F7;}
div#risultatoricerca h2 {font-size: 100%; color: #FFFF00; padding-left: 10px; padding-top: 10px; font-weight: bold;}
div#risultatoricerca h5 {font-size: 80%; color: #FFFF00; padding-left: 10px; font-weight: normal;}
div#risultatoricerca ul {list-style: none;  margin: 0px; padding: 0px;}
div#risultatoricerca li {width: 97%; margin: 0 auto 0 auto; font-size: 80%; color: #FFFF00;}
div#risultatoricerca li a {text-decoration: none; color: #FFFF00; }
div#risultatoricerca li a:hover {text-decoration: underline; color: #FFFF00;}

/* PHOTO GALLERY */

div#photogallery {width: 99%; font-size: 80%; margin: 0 auto 0 auto; background-color: #F7F7F7;}
div#contenutopg {width: 98%; margin: 0 auto 0 auto; background-color: #F7F7F7;}
div#photogallery h5 {width: 95%; margin: 0 auto 0 auto; line-height: 2em; font-size: 120%; color: #FFFF00; padding-left: 10px; font-weight: bold; border-bottom: 1px dashed #FFFF00;}


div#pg	{width: 100%; margin:1em 0 1em auto; font-weight: bold; border-bottom: 1px dashed #17550A;}
div.pgsingle {text-align: center; color: #000000; width: 24%; float: left; font-size: 80%; margin: 1em auto 0 auto;}
div.pgsingle img {border:4px solid #CCCCCC; margin-top: 0.5em;}
div.pgsingle a	{text-align: center; color: #000000; text-decoration: none;	font-size: 80%; display: block;}
div.pgsingle a:hover {text-align: center; color: #000000; text-decoration: none; font-size: 80%; display:	block;}
div.pgsingle a:visited {text-align: center; color: #000000; text-decoration: none;	font-size: 80%; display:	block;}
div.pgsingle a:link {text-align: center; color: #000000; text-decoration:	none; font-size: 80%; display:	block;}
div#pgpagine {width: 95%; margin-left: auto; margin-right: auto; font-weight: bold;	margin-top: 0.5em; margin-bottom: 0.5em;}
div#pgpagine a {text-decoration: none; color: #FFFFFF;}
div#pgpagine a:hover {text-decoration:	underline; color: #FFFFFF;}
div#fotografo {width: 95%; margin: 5px auto 5px auto; color: #FFFF00;}
div#fotografo a	{text-decoration: none; color: #FFFF00; font-weight: bold;}
div#fotografo a:hover {text-decoration:	underline; color: #FFFF00; font-weight: bold;}
div#tuttepg {clear: left; width: 95%; margin: 5px auto 5px auto; color: #FFFF00;}
div#tuttepg	a {text-decoration:	none; color: #FFFF00; font-weight: bold;}
div#tuttepg	a:hover {text-decoration: underline; color: #FFFF00; font-weight: bold;}
div.dida {width: 97%; margin: 0 auto 0 auto; font-size: 70%; color: #FFFF00;}