@charset "utf-8";
/* CSS Document */

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
img { border: none; }
caption,th { text-align: left; }
table {border-spacing: 0; }
/* LAYOUT */
.clear { clear:both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

/* *************************************************************************************************************************** */
/* ******************************************** BASE ************************************************************************* */
/* *************************************************************************************************************************** */

body {font-family:Arial, Helvetica, sans-serif;font-size:12px;background:#434532 url(../images/base/bg.jpg) left top repeat-x; color:#333;}
div#wrapper {width:972px;margin:0 auto;}
div#header {width:960px; height:12px;text-align:right;margin:0 auto; padding-top:37px;font-size:10px; color:#CCCCCC; font-weight:bold; position:relative;}
div#cont-logo {position:relative;z-index:1;}
div#menu-cont {position:relative;}
div#foto {width:972px; height:357px;}
div#cornice { background:url(../images/base/cornice-noflash.png) left top no-repeat;}
.cornice-foto {padding:8px;}
div#logo { width:237px; height:99px; position:absolute; z-index:1; margin:13px 0 0 27px;}
div#menu { width:150px; color:#FFFFFF; margin:90px 0 0 27px;position:absolute;z-index:2;}
div#menu ul {line-height:20px;}
div#menu a{background:url(../images/base/freccia.gif) left center no-repeat; padding-left:14px; text-decoration:none; color:#FFFFFF;}
div#menu a:hover{background:url(../images/base/freccia-on.gif) left center no-repeat; padding-left:14px;text-decoration:none; color:#FFFF00;}
div#main {width:930px;margin:1px auto 0px;padding:20px 10px 0px 20px;background-color:#FFF;}

div#area-main{float:left; width:697px;border-left:#8d8f6a solid 1px; padding-left:10px;}

div#settori{ width:200px; float:left; margin-right:10px;}
#sett-att, div#sett-att span { text-decoration:none;font-size:9px;height:27px;width:200px;background-image:url(../images/base/sett-attivita.png);background-repeat:no-repeat;}

div#sett-infra-l a{ text-decoration:none;} 
div#sett-infra-l, div#sett-infra-l span { text-decoration:none;font-size:9px;height:27px;width:200px;background-image:url(../images/base/sett-infra-off.png);background-repeat:no-repeat;cursor:pointer; text-decoration:none;}
div#sett-infra-l, div#sett-infra-l a:hover span { text-decoration:none;font-size:9px;height:27px;width:200px;background-image:url(../images/base/sett-infra-on.png);background-repeat:no-repeat;cursor:pointer; text-decoration:none;}

div#sett-edi-l a{ text-decoration:none;} 
div#sett-edi-l, div#sett-edi-l span { text-decoration:none;font-size:9px;height:27px;width:200px;background-image:url(../images/base/sett-edilizia-off.png);background-repeat:no-repeat;cursor:pointer text-decoration:none;}
div#sett-edi-l, div#sett-edi-l a:hover span { text-decoration:none;font-size:9px;height:27px;width:200px;background-image:url(../images/base/sett-edilizia-on.png);background-repeat:no-repeat;cursor:pointer; text-decoration:none;}

div#sett-prog-l a{ text-decoration:none;} 
div#sett-prog-l, div#sett-prog-l span { text-decoration:none;font-size:9px;height:27px;width:200px;background-image:url(../images/base/sett-proget-off.png);background-repeat:no-repeat;cursor:pointer; text-decoration:none;}
div#sett-prog-l, div#sett-prog-l a:hover span { text-decoration:none;font-size:9px;height:27px;width:200px;background-image:url(../images/base/sett-proget-on.png);background-repeat:no-repeat;cursor:pointer; text-decoration:none;}

div#sett-rec-l a{ text-decoration:none;} 
div#sett-rec-l, div#sett-rec-l span { text-decoration:none;font-size:9px;height:27px;width:200px;background-image:url(../images/base/sett-recupero-off.png);background-repeat:no-repeat;cursor:pointer; text-decoration:none;}
div#sett-rec-l, div#sett-rec-l a:hover span { text-decoration:none;font-size:9px;height:27px;width:200px;background-image:url(../images/base/sett-recupero-on.png);background-repeat:no-repeat;cursor:pointer; text-decoration:none;}

div#sett-rest a{ text-decoration:none;} 
div#sett-rest, div#sett-rest span { text-decoration:none;font-size:9px;height:27px;width:200px;background-image:url(../images/base/sett-restauro.png);background-repeat:no-repeat;cursor:pointer; text-decoration:none;}
div#sett-rest, div#sett-rest a:hover span { text-decoration:none;font-size:9px;height:27px;width:200px;background-image:url(../images/base/sett-restauro-on.png);background-repeat:no-repeat;cursor:pointer; text-decoration:none;}

div#sett-golf-1 a{ text-decoration:none;} 
div#sett-golf-1 { margin:10px 0 10px 0;}
div#sett-golf-1, div#sett-golf-1 span { text-decoration:none;font-size:9px;height:27px;width:200px;background-image:url(../images/base/sett-golf-off.png);background-repeat:no-repeat;cursor:pointer; text-decoration:none;}
div#sett-golf-1, div#sett-golf-1 a:hover span { text-decoration:none;font-size:9px;height:27px;width:200px;background-image:url(../images/base/sett-golf-on.png);background-repeat:no-repeat;cursor:pointer; text-decoration:none;}

div#footer {width:960px;height:80px;margin:0 auto;background:url(../images/base/sotto.png) center top no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#C5DEDB;}
div#credits {width:350px; margin-top:60px;float:right; text-align:right; color:#8D8F6A;}
div#footer a {color:#8D8F6A;}

/* *************************************************************************************************************************** */
/* ************************************ tecnica sostituzione img ************************************************************* */
/* *************************************************************************************************************************** */
/* 
<div id="nomediv" class="replace"><a href="dddd">xxxxx<span>&nbsp;</span></a></div>
div#nomediv, div#nomediv span { font-size:9px;height:26px;width:136px;background-image:url("images/altri_titoli/dotazioni_en.gif");background-repeat:no-repeat;}

div#nomediv a{ text-decoration:none;}
div#nomediv, div#nomediv span {width:49px; height:30px;background:url(../images/menu-home.png) 0 0 no-repeat;cursor:pointer; text-decoration:none;} per usare una sola img per HOVER
div#nomediv, div#nomediv a:hover span {height:width:49px; height:30px;background:url(../images/menu-home.png) 0 -30px no-repeat;cursor:pointer; text-decoration:none;}

//padding:5px 0 0 5px; da aggiungere alle regole, serve a spostare il contenuto se il bordo è trasparente e si vedono i link sotto

// aggiungi cursor:pointer; text-decoration:none; se link
*/

.replace{position:relative;margin:0;padding:0;/* hide overflow:hidden from IE5/mac */overflow:hidden;/* */}
.replace span{display:block;position:absolute;top:0;left:0;z-index:1; /* for opera5 and 6 */}