@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 {background:#B6BEC9 url(../images/base/bg.jpg) left top repeat-x; color:#333;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
div#wrapper {width:654px;margin:0 auto;}
div#footer { padding-top:114px;width:100%; height:40px; background:#1d2b57 url(../images/base/footer.jpg) left top repeat-x;}
div#footerLink {margin:0 auto;width:654px; height:20px; color:#336699; font-size:11px;}
div#footerLink a { color:#336699;}
div#footerLink a:hover { color:#FF9900;}
div#header a, div#header {color:#003366;}

/* *************************************************************************************************************************** */
/* ******************************************** CLASSI *********************************************************************** */
/* *************************************************************************************************************************** */

.spaziatura { line-height:18px;}
.link { color:#b6bec9; text-decoration:none;}
.link a:hover { color:#FF6600;}
.linkBlu { color:#003366; text-decoration:none;}
.linkBlu:hover { color:#CC0000;}
.tabDestra{ text-align:right;}

/* *************************************************************************************************************************** */
/* ************************************ 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, div#nomediv a:hover span { font-size:9px;height:26px;width:136px;background-image:url(images/altri_titoli/dotazioni_en.gif);background-repeat:no-repeat;}
// 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 */}