body {
background: #DDD url(../images/image.jpg) no-repeat fixed top center;
margin:0px;
padding:0px;
font: 14px arial;
text-align:center; 
color: #000;}

/******* struttura *******/
#header {position:relative;margin:0px auto; clear:both;width:1020px;height: 110px; color:#000;font-weight:bold;text-align:left; }
#header h1 {display:inline;margin:20px  ; padding:0; font-size:3em; font-weight:bold;color:#ee9902; letter-spacing:1px; line-height:1.2em;text-shadow:2px 2px 2px #999;}
#container {position:relative;width:1020px; text-align:left; margin:20px auto; background:#FFF; border:1px solid #CCC;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
z-index:1;
filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90;
}
#content {float:left;width:630px; margin:20px 0px 30px 10px;padding:10px;overflow:hidden; background:#FFF}
#extrabar {float:left;margin: 310px 0px 20px 5px; width:180px; padding:2px; color:#000;text-align:left;font-size:0.9em;overflow:hidden; }
#navigation {float:left;margin: 285px 0px 20px 0px; width:145px; padding:3px; padding-top:30px;background:#EEE;color:#000;text-align:right;font-size:0.8em;overflow:hidden; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}
#spot {position:absolute; top : 10px; right:15px; padding:5px;width : 330px;height : 280px;border:1px solid #FFFFFF;text-align:center}

#spot1 {position:absolute;top:20px; right:20px;width:340px;height : 280px;text-align:right}

#footer{ position:relative; margin:10px auto; clear:both; font-size:0.95em; width:1020px;background:#f2f1e9 ; line-height:1.4em; color:#e3bc07;}
#footer a {color:#888; text-decoration:none;margin:10px;}
#footer a:hover {color:#000; text-decoration:underline;}

#top_nav {position:absolute;top:-33px; left:10px;width:700px; background:transparent;padding: 3px 10px;z-index:2;}
#top_nav a {float: left;margin: 0px 6px;display: block;color:#000;padding: 6px;font-size:1em; border:1px solid #FFF;font-weight: bold;background:transparent;-moz-border-radius-topright: 5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft: 5px;-webkit-border-top-left-radius:5px;}
#top_nav a:hover {text-decoration: none;background:#FFF; }
#top_nav a.active {text-decoration: none;background:#FFF; border-bottom:2px solid white;}

#login {position:absolute;top:-33px; right:10px;width:200px; background:transparent;padding: 3px 10px;z-index:2;text-align:right;}


#right_nav{width: 130px;}
#right_nav  a{display:block; width:126px; font-weight:bold; text-decoration:none;padding:2px;color:#000; background:#EEE;margin:2px; border-left:6px solid #CCC;}
#right_nav  a:hover,#right_nav  a.adesso{ background:#DDD;border-left:6px solid black; }

#fb {background:#f1f1f1;padding:10px;}
#blog {background:#FFF;float:left;width:130px;margin:5px;padding:5px;font-size:0.8em;}
#blog a {font-size:1.2em;}

#blog:hover{background:#EEE;}

a {text-decoration:none; font-weight:400; color:#ee9902;}
a:hover {text-decoration:underline;}
h2 {margin: 5px ; font-size:1.8em; font-weight:bold;color:black; letter-spacing:1px; line-height:1.2em;}
#extra h2 {margin: 10px 0 0 0 ; font-size:1.4em; font-weight:bold;color:white; background:#687a84;}
.commento {color:GRAY; font-size:0.8em;display:inline;}

TD {font-size:12px}

div.menu  {display:none;position:relative}

#quadra {width:120px; height:120px;overflow: hidden;margin:0px 5px 5px 5px;float:left;}
#quadra a img{filter:alpha(opacity=60); -moz-opacity:.60; opacity:.60;}
#quadra a:hover img{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}

#quadra_piccola {width:50px; height:50px;overflow: hidden;margin:0px 5px 5px 5px;float:left;}
#quadra_piccola a img{filter:alpha(opacity=60); -moz-opacity:.60; opacity:.60;}
#quadra_piccola a:hover img{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}

/******* aggiunte old *******/

div#img_bordo {margin:0 5px 5px -15px;}
div#pic img{display: block;width:300px;float:right;} 
