/*stili per il layout fluido*/
html,body{margin: 0;padding:0}
body         { font-family: arial,sans-serif; font-size: 12pt; text-align: justify; 
               line-height: 150%; word-spacing: 0; color: #000000; text-indent: 0; 
               margin-left: 0; margin-right: 0; margin-top: 0; 
               margin-bottom: 0 }
h1,h2{margin: 0;padding:0}
h1{padding-left:10px;font: bold 2.3em/80px arial,sans-serif}
h2{color: #69f;font-size: 1.5em}
h3{color: #3333FF}
h4{color: #339900}
h1 a {TEXT-DECORATION: none}
.notizia { FONT: 12px Arial, sans-serif; COLOR: #000000; }
.notizia a {FONT: bold 11px Arial, sans-serif; COLOR: #CC9933; TEXT-DECORATION: none}
.notizia a:hover {background:#C0C0C0}
.cronologia { FONT: 12px Arial, sans-serif; COLOR: #000000; text-align: center}
.cronologia a {FONT: bold 11px Arial, sans-serif; COLOR: #CC9933; TEXT-DECORATION: none}
.cronologia a:hover {COLOR: #CC0000;text-decoration: underline}
.cronologia img{ vertical-align: middle}

div#container{background: url("../images/dx.gif") repeat-y;background-position: top right/*nessuna regola necessaria*/}
div#header{width: 100%; height:90px}
/*div#content{margin: 0 200px;padding: 1em 1em;text-indent: 30px}*/
div#content{margin: 0 200px;padding: 1em 1em;text-indent: 30px}

/* pič di pagina */
/*div#footer{clear:both; text-align:center; padding: -2px 0; background:#000000 url("../images/bottomsx.jpg") bottom left no-repeat; font-size: 10pt; 
    color: #CC9933}*/
div#footer{clear:both; text-align:center; padding: 0 0; background:#000000 url("../images/bottomsx.jpg") bottom left no-repeat; font-size: 10pt; 
    color: #CC9933}
div#footer a{color:#fff;font-weight: bold;text-decoration: underline}
/* FINE pič di pagina */


/* sezione extra banner */
div#extra{float: right; width: 180px; height: 100%; padding: 10px 10px 10px 10px;background-color: #000000; text-align: center;COLOR: #FFFFFF}
div#extra div.newsbox{font-size: 90%;margin-bottom: 2em}
div#extra div.newsbox h2{color: #999;font-size: 1.2em}
div#extra div.newsbox p{margin: 0}
/* FINE extra banner */

/* TOP */
div#logo{position: absolute;left: 0;width: 200px; height:90px;padding: 0 0 0 0}
div#logo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}
div#logo h1 {padding-left:0;font: bold 1.4em/60px arial,sans-serif; text-align:left; color:#CC9933}
div#topdx{position: absolute;right: 0;width: 45px; height:90px;padding: 0 0 0 0; background:#000000 url("../images/topdx.jpg") top left no-repeat}
div#banner{margin: 0 45px 0 0;padding: 0 0 0 250px;background-color: #000000; text-align: center;width: auto; height:90px}
/*div#banner{margin: 0 200 45 0;padding: 0 0 0 0;background-color: #000000; text-align: center;width: auto; height:90px} */
div#logo a{padding-left:0;font: bold 1.4em/60px arial,sans-serif; text-align:left; color:#CC9933}
/* FINE TOP */

/* RICERCA GOOGLE */
#search{clear:both; background: url("../images/search.jpg") top right no-repeat;
	padding: 0px 10px 0px 0px;
	font-size: 90%;
	text-align: right; height:32px;
	vertical-align: middle;
}
#search form{
 margin: 0px;
 padding: 0px;
}
#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}
/* FINE RICERCA GOOGLE */




/* MENU NAVIGAZIONE */

#menu_sx {width: 160px; padding: 1em 0 0 1em;
	float:left; margin-top: -40px; margin-left: 0px;font-size: 70%;text-indent: 0px}
div#menu_sx ul {width: 160px;list-style:none; background:#999999 url("../images/ultima.gif") left bottom no-repeat;
	padding-bottom:10px; margin: 0px 0px 0px 0px ;padding: 0 0 0 0;text-indent: 0px}
div#menu_sx li {width: 160px;border-top: 1px solid #808080}

div#menu_sx {font-size:10px}
div#menu_sx a {display:block; width:160px; padding-left:10px;padding-top: 2px; padding-bottom:2px; text-decoration:none}
div#menu_sx a:hover {text-decoration:underline}
div#menu_sx ul.elenco {background: url("../images/ultima.gif") left bottom no-repeat; padding-bottom:6px;width:160px}

div#menu_sx div#elenco ul {padding-bottom:10px; margin-top: 5px }
div#menu_sx div#elenco {margin-top:0px}
div#menu_sx div#elenco {background: url("../images/sfondo_nav.gif") repeat-y}
div#menu_sx div#elenco a {color:#660000; background: url("../images/sfondo_nav.gif") repeat-y}

div#menu_sx div#elenco li.evidenza a:hover, #cerca li.comuni a:hover {width:150px; background-image:none; background:#CC9933}
div#menu_sx div#elenco li.selezionata a {background:#CC9933  url("../images/freccia.gif") right center no-repeat}
div#menu_sx div#elenco li {border-top: 1px solid #5179A4}

/* FINE MENU NAVIGAZIONE */


/* STILE immagini */
div.imgcontainer{ float: left;padding:0 6px 6px 0;
    background: url(dropshadow.jpg) no-repeat bottom right}

div.imgcontainer img{ display:block;
    position: relative;top: -5px;left: -5px;
    border:1px solid #ccc;border-color: #ccc #666 #666 #ccc;
    padding:5px} 
/* FINE STILE immagini */