/* body & altro
- - - - - - - - - - - - - - - - - - - - */
body, html {margin:0; padding:0; background:url(images/bg_top.gif) repeat-x #f3eee9;}
div#container {width:722px; position:absolute; margin:0 0 0 -361px; left:50%; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}


/* clearfix
- - - - - - - - - - - - - - */
.clearfix:after {content:"."; display:block; height:0px; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Nascosto per IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Fine nascosto per IE-mac */
.clear {clear:both;}



/* menu
- - - - - - - - - - - - - - - - - - - - */
div#menu {width:706px; margin:0; padding:0 8px;}
div#menu ul {list-style-type:none; margin:0; padding:0; height:18px; #height:39px!important;}
div#menu ul li {float:left; margin:0; padding:0; height:39px;}
div#menu ul li a {display:block; text-indent: -9000px; text-decoration:none; height:39px; outline:none;}
li#a1 a {width:70px; background:url(images/menu.gif) 0 -39px no-repeat;}
li#a2 a {width:112px; background:url(images/menu.gif) -70px -39px no-repeat;}
li#a3 a {width:106px; background:url(images/menu.gif) -182px -39px no-repeat;}
li#a4 a {width:87px; background:url(images/menu.gif) -288px -39px no-repeat;}
li#a5 a {width:73px; background:url(images/menu.gif) -375px -39px no-repeat;}
li#a6 a {width:101px; background:url(images/menu.gif) -448px -39px no-repeat;}
li#a7 a {width:66px; background:url(images/menu.gif) -549px -39px no-repeat;}
li#a8 a {width:91px; background:url(images/menu.gif) -615px -39px no-repeat;}
li#a1 a:hover, li#a1 a#on {width:70px; background:url(images/menu.gif) 0 0 no-repeat;}
li#a2 a:hover, li#a2 a#on {width:112px; background:url(images/menu.gif) -70px 0 no-repeat;}
li#a3 a:hover, li#a3 a#on {width:106px; background:url(images/menu.gif) -182px 0 no-repeat;}
li#a4 a:hover, li#a4 a#on {width:87px; background:url(images/menu.gif) -288px 0 no-repeat;}
li#a5 a:hover, li#a5 a#on {width:73px; background:url(images/menu.gif) -375px 0 no-repeat;}
li#a6 a:hover, li#a6 a#on {width:101px; background:url(images/menu.gif) -448px 0 no-repeat;}
li#a7 a:hover, li#a7 a#on {width:66px; background:url(images/menu.gif) -549px 0 no-repeat;}
li#a8 a:hover, li#a8 a#on {width:91px; background:url(images/menu.gif) -615px 0 no-repeat;}


/* header
- - - - - - - - - - - - - - - - - - - - */
div#header {width:722px; height:208px; background:url(images/header.jpg) no-repeat; display:block; top:39px; padding:0; margin:0;}
div#header h1, div#header h3 {text-indent: -9999px;}
div#header h3 {margin:0; padding:0;}
div#header a {width:722px; display:block; padding:0 0 70px 0; margin:0; cursor:pointer; color:#f3eee9;}

/* sito
- - - - - - - - - - - - - - - - - - - - */
div#sito {width:722px; background:url(images/bg.gif) repeat-y; margin:0; padding:0;}


/* sinistra
- - - - - - - - - - - - - - - - - - - - */
div#sinistra {width:203px; float:left; background:url(images/logo_bottom.jpg) 8px 0px no-repeat; padding:80px 0 0 8px; margin:0;}
div#sinistra h2 {width:160px; border:3px solid #fff; background:url(images/bg_sinistra.gif) no-repeat 0 -3px #e8e2db; color:#8a5b2c; font-size:12px; font-weight:bold; padding:7px 0 6px 37px; margin:0; line-height:12px;}
div#sinistra h3 {width:160px; color:#666; font-size:11px; font-weight:normal; padding:7px 0 6px 17px; margin:0; line-height:10px;}
div#sinistra ul {margin:0; padding:0;}
div#sinistra ul li {color:#707070; list-style-type:none; margin:0 0 0 3px; width:168px; font-size:12px; width:197px; display:block; padding:0;}
div#sinistra  li a {color:#707070; text-decoration:none; display:block; padding:0 0 0 31px; background:url(images/bg_list.gif) no-repeat;}
.sponsor ul li a  {cursor:default;}
div#sinistra li a:hover {color:#707070; text-decoration:none; background:url(images/bg_list.gif) no-repeat #e6ecf0;}
li#attivo {color:#707070; text-decoration:none; background:url(images/bg_list.gif) no-repeat #e6ecf0;}


/* destra
- - - - - - - - - - - - - - - - - - - - */
div#destra {padding:0 0 20px 0; margin:0; float:right; width:503px; margin:0 8px 0 0;}
div#destra a {color:#427397; text-decoration:none;}
div#destra a:hover {text-decoration:underline;}
div#destra h2 {width:463px; height:14px; border-right:3px solid #fff; background:url(images/bg_destra.gif) no-repeat #d4dfe7; color:#427397; font-size:12px; font-weight:bold; padding:7px 0 6px 37px; margin:3px 0; clear:both;}
div#destra h3 {color:#666; font-size:11px; font-weight:normal; padding:7px 0 0px 17px; margin:0; line-height:10px;}

.blocco {clear:both; background:url(images/bg_blocco.jpg) no-repeat; width:503px;  color:#808080; font-size:12px; line-height:18px;}
.blocco ul {margin:20px 0; padding:0;}
.blocco ul li {margin:0 0 0 4px; padding:0 0 0 25px; color:#808080; font-size:12px; list-style-type:none; background:url(images/bg_list.gif) no-repeat; display:block;}

.blocco_sx {float:left; width:273px;}
.blocco_sx blockquote {color:#808080; font-size:14px; font-weight:bold; margin:20px 22px 4px 17px; padding:0; line-height:20px;}
.blocco_sx p {color:#808080; font-size:12px; margin:20px 22px 4px 17px; padding:0; line-height:18px;}

.blocco_dx {float:right; width:229px; background:url(images/bg_bordo.gif) repeat-y; width:220px; padding:7px 0 10px 10px; margin:10px 0 20px 0; }
.blocco_dx h3 {color:#437497; font-size:14px; padding:0 10px 0 0; margin:10px 0 2px 15px;}
.blocco_dx p {color:#808080; font-size:12px; margin:0 0 2px 15px; padding:0 10px 0 0; line-height:18px;}

.gbook {clear:both; background:url(images/bg_blocco.jpg) no-repeat; width:503px;}
.autore {width:460px; margin:10px 10px; padding:3px 10px; background:#fbfdfe; border:1px solid #c3ced5;}
.autore h3 {font-size:14px; color:#437497; margin:0; padding:0;}
.autore h4 {font-size:11px; color:#749ebd; margin:0; padding:0; font-weight:normal;}
.messaggio {padding:0px 10px 8px 15px; font-size:12px; color:#808080;}
.pagina {font-size:12px; color:#808080;}
.pagina a {color:#437497;}
.pagina a:hover {text-decoration:none;}
.form {width:250px; border:1px solid #749ebd;}
#form_forum {font-size:12px; margin:10px; width:480px; color:#808080; border:1px solid #ff0;}
.tablemenu {border:none; font-size:12px; margin:10px; width:480px; color:#808080; }
.pulsante {border:1px solid #749ebd; background:#d4dfe7; color:#437497;}
.taglio {border:1px solid #e8e2db; height:1px;}

.continua {text-align:right; display:block; height:13px; padding:0 20px 0 0; text-indent:-9000px; overflow:hidden;}
.continua a {background:url(images/continua.jpg) 0 0 no-repeat; text-indent:-9000px; text-decoration:none; float:right; width:73px; text-align:left; height:13px;}
.continua a:hover {background:url(images/continua.jpg) 0 -13px no-repeat;}
img.vale {border:1px solid #86aac4; padding:1px; float:left; margin:5px 7px 5px 0;}


/* gallery
- - - - - - - - - - - - - - - - - - - - */
ul#gallery {margin:0 0 0 10px; padding:0; list-style:none;}
ul#gallery li {display:inline; margin:0; padding:0 0 0 0;}
ul#gallery li a {text-decoration:none; display:block; height:75px; width:75px; float:left; margin:0 10px 10px 0;}
ul#gallery li a img {border:1px solid #86aac4; padding:1px;}

/* footer
- - - - - - - - - - - - - - - - - - - - */
div#footer {background:url(images/footer.gif) no-repeat #f3eee9; width:722px; padding:25px 0 0 0; text-align:center; color:#828587; font-size:12px; clear:both;}
div#footer a {text-decoration:none; color:#828587;}
div#footer p {padding:0; margin:5px;}
div#footer img {vertical-align:bottom;}