/* CSS Document */
html,body {margin:0;padding:0;}
body {background:#000;color:#ccc;font-family:Verdana, Tahoma, Arial, sans-serif;line-height:1.4;font-size:84%;}
body#bg {background:url(body-top.jpg) no-repeat top center #000;}
p,li {margin:0 0 0.7em;}
.clr {clear:both;}
.left {float:left;margin:0 10px 0 0;}
.right {float:right;margin:0 0 0 10px;}
.centra {text-align:center;}
.giustifica {text-align:justify;}
.border {padding:5px;border:1px solid #666;}
.txt-dx {text-align:right;}
.undescore {background:url(dot.gif) repeat-x bottom left;padding:0 0 3px 5px;font-weight:bold;color:#FFF;}
.margin-up {margin-top:5px;}
.margin-down {margin-bottom:5px;}
.margin-rx {margin-right:10px;}
#popup {padding:20px;background:#000 url(body-bg.gif) repeat-x fixed left top;}
.closepopup {background:url(comunearcevia.gif) no-repeat left;text-align:right;border-bottom:thin solid #999;}
.margini {padding:20px;}
#loader {width:700px;height:600px;margin:0 auto;padding:0;text-align:center;background:url(loading.gif) no-repeat center center;}
img {border:none;}
a {color:#ff0000;text-decoration:none;font-weight:bold;}
a:hover {color:#ff0000;text-decoration:underline;}
/* --- LAYOUT --- */
#wrapper {padding:0;background:url(body-bg.gif) repeat-x 0 60px;}
#headerwrap {color:#ccc;height:100px;line-height:normal;}
#header {width:960px;height:100px;margin:0 auto;color:#ccc;}
#headerline {border-bottom:thin solid #666;margin-bottom:10px;}
#container {width:960px;margin:0 auto;text-align:left;}
#content {float:left;width:540px;}
#sidebar {float:right;width:400px;padding-top:20px;}
#bottom {clear:both;background:#0f0f0f;padding-top:20px;border:thin solid #666;}
div#footer {clear:both;padding:20px;text-align:center;}
div.titoli {display:block;height:22px;line-height: 22px;font-weight:bold;background:url(title.gif) no-repeat;
	border-bottom:1px solid #1e1e1e;margin:0 0 5px;padding-left:5px;}
.foto {width:880px;margin:0 auto;}
/* ---- MENU ---- */
#colon1 {float:left;width:194px;}
#menu {padding:0 10px;overflow:hidden;color:#fff;background:url(menu-center.gif) repeat-y left;}
#menu-top {width:184px;background:url(muro.jpg) no-repeat left top;padding:72px 0 0 10px;height:47px;}
#menu ul, #menu li{margin:0;padding:0;list-style-type:none;}
#menu a {display:block;height:30px;line-height:30px;width:100%;color:#999;text-decoration:none;
	background:url(mainlevel-bg.gif) no-repeat top right;}
#menu a:hover {color:#fff;text-decoration:underline;background:url(mainlevel-bg.gif) no-repeat bottom right;}
div#menu li#active a {color:#666;text-decoration:none;background:url(mainlevel-bg.gif) no-repeat top right;}
#menu-bot {overflow:hidden;width:174px;color:#fff;background:url(menu-bot.png) repeat-x left top;padding:15px 10px 0;}
#menu-bot ul, #menu li{margin:0;padding:0;list-style-type:none;}
#menu-bot a {display:block;line-height:15px;width:100%;color:#999;}
#menu-bot a:hover {color:#fff;text-decoration:underline;}
/*------ EXTRA -----*/
#extra {float:right;width:194px;color:#fff;}
.modulo {width:194px;height:80px;margin-bottom:10px;background:url(dot.gif) repeat-x bottom left;overflow:hidden;}
.modulo a,.modulo a:hover {color:#fff;text-decoration:none;font-weight:normal;}
a.icona {display:block;height:70px;}
a.icona:hover {border:thin solid #666;}
.modulo2 {width:400px;margin-bottom:10px;background:url(dot.gif) repeat-x bottom left;overflow:hidden;}
/* ---- SPOTLIGHT ------ */
#spotlight {float:left;border:1px solid #1e1e1e;background:#0F0F0F;padding:0;color:#999;}
.box-left,.box-center,.box-right {float:left;width:181px;overflow:hidden;text-align:center;padding:5px;color:#fff;}
.box-left, .box-center {background:url(vline.gif) repeat-y right top;}
.box-left a,.box-center a,.box-right a {display:block;width:181px;height:130px;color:#ccc;text-decoration:none;font-weight:normal;}
.box-left a:hover,.box-center a:hover,.box-right a:hover {color:#fff;background:#333;text-decoration:none;}
.tit-sl {color:#fff;font-weight:bold;line-height:28px;}
h1,h2,h3,h4,h5,h6 {color:#fff;}
h2 {font-size:160%;margin:0 0 0.3em;}
h3 {font-size:16px;margin:0 0 10px;}
h4 {font-size:14px;margin:0 0 5px;}
h5 {font-size:14px;margin:0 0 15px;}
h6 {font-size:13px;margin:0;}
/*Accessibility Buttons*/
#accessbuttons {float:right;margin:80px 10px 0 0;}
.access a {color:#fff}
.access .larger,.access .smaller,.access .reset {padding:2px;display:inline;}
/* grid.css */
.column {float:left;margin-right:20px;}
.last {margin-right:0;}
.span-20 {width:20px;}
.span-60 {width:60px;}
.span-100 {width:100px;}
.span-140 {width:140px;}
.span-180 {width:180px;}
.span-220 {width:220px;}
.span-260 {width:260px;}
.span-300 {width:300px;}
.span-340 {width:340px;}
.span-380 {width:380px;}
.span-420 {width:420px;}
.span-460 {width:460px;}
.span-470 {width:470px;}
.span-500 {width:500px;}
.span-540 {width:540px;margin:0;}
.span-960 {width:960px;margin:0;}
.spacedown {margin-bottom:10px;}
.promo {width:540px;margin-bottom:20px;padding:10px 0;border:1px solid #666;text-align:center;}
.box01 {width:540px;height:150px;overflow:auto;border-bottom:1px solid #666;margin-bottom:10px;}
.box01 ul {padding-left:15px;text-align:left;list-style-type:square;}
.box02 {width:390px;height:500px;overflow:auto;border-bottom:1px solid #666;}

