body {
    margin: 0;
    font-size: 10px;
    font-family: Verdana;
    padding: 0;
    text-align: center;
    background: url('../images/index/bg.png') top left repeat fixed #000000;
}

/*------------- CSS TESTI ( start ) --------------*/
h1 { font-size: 16px; font-weight: bold; }
h2 { font-size: 14px; font-weight: bold; }
h3 { font-size: 12px; font-weight: bold; }
h1, h2, h3 { margin: 2px 0; padding: 0; }

a { 
color:#000000;    
text-decoration:none;    
font-weight:bold;
}
a:hover { color:#AAAAAA; }

.txtjustify{text-align:justify; }
.txtbig{font-size:14px; }
.txtmedium{font-size:12px; }
.txtwhite{color:#FFFFFF; }
.txtblack{color:#000000; }
.txtgrey{color:#BBBBBB; }
.txtbold{font-weight:bold; }
.txtleft{text-align:left;}
.txtright{text-align:right;}
.txtcenter{text-align:center;}

.f12 { font-size: 12px }
.f14 { font-size: 14px }

.immagine {
border: 1px solid #AAAAAA;
padding: 3px;
}
/*------------- CSS TESTI ( end ) --------------*/

li { list-style-image: url('../images/index/arrow_r.gif'); }

.left { float:left; }
.right { float:right; }

.clear { clear:both; }
img { border:0; }

.hr {
clear: both;
height: 10px;
border-top: 1px dotted #AAAAAA;
margin-top: 10px;
}

/*------------- CSS PROPRIETA' DIV ( start ) --------------*/
.overhide { overflow: hidden; }
.overauto { overflow: auto; }
.overscroll { overflow: scroll; }

.rientro {
border: 1px solid #000033;
background: url('../images/index/bg_blue_1.png') center center repeat-x #000066;
margin: 3px 0;
width: auto !important;
width: 100%;
}

.relative { position: relative; }

.bgwhite { background: #FFFFFF; }
/*------------- CSS PROPRIETA' DIV ( end ) --------------*/

/*------------- CSS DIMENSIONI ( start ) --------------*/
.w100 { width: 100px; }
.w140 { width: 140px; }
.w150 { width: 150px; }
.w200 { width: 200px; }
.w250 { width: 250px; }
.w300 { width: 300px; }
.w350 { width: 350px; }
.w400 { width: 400px; }
.w500 { width: 500px; }
.w600 { width: 600px; }
.w700 { width: 700px; }
.w750 { width: 750px; }
.w800 { width: 800px; }
.w900 { width: 900px; }
.w1000 { width: 1000px; }
.w25p { width: 24%; }
.w50p { width: 50%; }
.w175 { width: 175px; }
.w850 { width: 850px; }
.w550 { width: 550px; }
.w180 { width: 180px; }

.h100p { height: auto !important; height: 100%; }
.h100 { height: 100px }
.h50 { height: 50px; }
.h14 { height: 14px; }
.h16 { height: 16px; }
.h20 { height: 20px; }
.h30 { height: 30px; }
.h60 { height: 60px; }
.h70 { height: 70px; }
.h80 { height: 80px; }
/*------------- CSS DIMENSIONI ( end ) --------------*/

/*------------- CSS PADDING / MARGINI ( start ) --------------*/
.p3v { padding: 3px 0; }
.p5v { padding: 5px 0; }
.p3 { padding: 3px 5px; }
.p5 { padding: 5px 10px; }
.p10 { padding: 10px; }

.mv10 { margin: 10px 0; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
/*------------- CSS PADDING / MARGINI ( end ) --------------*/

#main {
    margin: 10px auto;
    width: 930px !important;
    width: 950px;
    background: #FFFFFF;
    padding: 10px;
    text-align: left;
}

/*------------- CSS TOP ( start ) --------------*/
#top {
clear: both;
color: #FFFFFF;
}
#top a { color: #FFFFFF; }
#top_up {
height: 20px !important;
height: 22px;
background: url('../images/index/bg_blue_0.png') center center repeat-x #000066;
color: #FFFFFF;
overflow: hidden;
border-bottom: 1px solid #333333;
}
#top_up_menu { display: inline; }
#top_up_menu a {
display: block;
float: left;
padding: 5px 5px;
text-align: center;
border-left: 1px solid #666666;
margin: 0;
background: url('../images/index/bg_grey_row_0.png') center center repeat-x #000066;
height: 10px !important;
height: 20px;
text-decoration: none;
font-weight: normal;
}
#top_up_menu a:hover { background: url('../images/index/bg_blue_1.png') center center repeat-x #000066; }

#top_center {
height: 150px;
overflow: hidden;
background: #000088;
border-top: 1px solid #000000;
border-bottom: 1px solid #000033;
width: auto !important;
width: 100%;
}
#top_bottom {
clear: both;
height: 28px !important;
height: 30px;
background: url('../images/index/bg_blue_0.png') center center repeat-x #000066;
border-top: 1px solid #0000AA;
border-bottom: 1px solid #000033;
}
/* MENU PRINCIPALE (inizio) */
#top_menu {
width: auto !important;
width: 100%;
text-align: center;
clear: both;
background: url('../images/index/bg_grey_row_1.png') center center repeat-x #003366;
height: 30px;
border-bottom: 1px solid #444444;
font-weight: bold;
font-size: 12px;
color: #FFFFFF;
}
.top_menu_button {
float: left;
position: relative;
height: 14px !important;
height: 30px;
background: url('../images/index/bg_grey_row_0.png') center center repeat-x #003366;
}
.top_menu_button a {
display: block;
height: auto !important;
height: 100%;
border-right: 1px solid #333333;
border-left: 1px solid #666666;
padding: 8px 10px;
color: #FFFFFF;
text-decoration: none;
}
#top_menu a:hover {
background: url('../images/index/bg_blue_0.png') center center repeat-x #003366;
}
.top_menu_button.button_hover a { background: url('../images/index/bg_blue_1.png') center center repeat-x #660000; }
.top_submenu {
background: #FFFFFF; 
position: absolute; 
left: 0; 
top: 30px; 
display: none;
border: 1px solid #666666;
width: 150px;
height: auto;
z-index: 10;
}
.top_submenu a {
display: block-inline;
padding: 3px 5px;
text-align: left;
border-top: 1px solid #AAAAAA;
margin: 0;
background: #000000;
height: 14px !important;
height: 20px;
text-decoration: none;
font-weight: normal;
font-size: 10px;
color: #000000;
width: 150px !important;
width: 100%;
}
/* MENU PRINCIPALE (fine) */
#top_menu_bottom {
clear: both;
background: #333333;
padding: 5px;
border-top: 1px solid #666666;
}
#top_menu_bottom a {
background: url('../images/index/arrow_rw.gif') center left no-repeat;
padding-left: 10px;
margin-right: 10px;
}
#top_menu_bottom a:hover { color: #000000; }
#top_up_flag {
height: 22px;
padding: 0 10px 0 0;
float: left;
background: #FFFFFF;
}
/*------------- CSS DIMENSIONI ( end ) --------------*/

#content { margin: 10px 0; }

/*------------- CSS BOTTOM ( start ) --------------*/
#bottom_top {
height: 20px !important;
height: 22px;
background: url('../images/index/bg_grey_row_0.png') center center repeat-x #666666;
border-top: 1px solid #AAAAAA;
border-bottom: 1px solid #000033;
}
#bottom {
border-top: 1px solid #000033;
background: url('../images/index/bg_blue_big_1.png') center center repeat-x #006699;
color: #FFFFFF;
text-align: center;
padding: 10px;
font-size: 9px;
}
#bottom a {
color: #FFFFFF;
text-decoration: none;
}
#bottom a:hover { color: #AAAAAA; }
/*------------- CSS BOTTOM ( end ) --------------*/

/*------------- CSS RIQUADRO ( start ) --------------*/
.riquadro {
width: auto !important;
width: 100%;
clear: both;
background: url('../images/index/bg_riquadro.png') top left repeat-x #FFFFFF;
color: #000000;
padding: 2px;
border: 1px solid #000000;
margin: 10px 0;
}
.riquadro.bgr1 { background: url('../images/index/bg_riquadro1.png') top left repeat-x #FFFFFF; }
.riquadro.bgr2 { background: url('../images/index/bg_riquadro2.png') top left repeat-x #FFFFFF; }
.riquadro.bgr3 { background: url('../images/index/bg_riquadro3.png') top left repeat-x #FFFFFF; }
.riquadro.bgr4 { background: url('../images/index/bg_riquadro4.png') top left repeat-x #FFFFFF; }
.riquadro.bgr5 { background: url('../images/index/bg_riquadro5.png') top left repeat-x #FFFFFF; }
.riquadro.nopad { padding: 0; }
.riquadro.noborder {
border: 0;
padding: 0;
}
.riquadro.nobg { background: none; }
.riquadro.bdotted { border: 1px dotted #AAAAAA; }
.rtitle {
background: url('../images/index/bg_grey_row_0.png') top left repeat-x #999999;
padding: 5px;
font-weight: bold;
text-align: left;
color: #FFFFFF;
}
.rtitle a { color: #FFFFFF; }
.rtitle a:hover { color: #AAAAAA; }

.rsubtitle {
background: #999999;
padding: 5px;
font-weight: bold;
text-align: left;
color: #FFFFFF;
}
.rimmagine {
border: 1px solid #BBBBBB;
padding: 3px;
margin-right: 5px;
margin-bottom: 5px;
text-align: center;
float: left;
}
/*------------- CSS RIQUADRO ( end ) --------------*/

.importante {
font-weight: bold;
color: #FF5050;
}
.rapporto {
border: 1px dotted #AAAAAA;
background: #EEEEEE;
padding: 10px;
margin: 10px;
}
.errore {
border: 1px dotted #FFAAAA;
background: #FFDDDD;
padding: 10px;
margin: 10px;
}

/*------------- CSS LISTE ( start ) --------------*/
.voci {
clear: both;
height: 14px !important;
height: 20px;
padding: 3px;
font-weight: bold;
}
.riga {
clear: both;
border-top: 1px dotted #AAAAAA;
padding: 6px 0 0px 0 !important;
padding: 6px 0 5px 0;
margin: 0;
}
.riga img { border: 1px solid #AAAAAA; }
.rimg { padding: 3px; }
.rimg1 { width: 110px; }
.rshort { width: 20px; }
.rshort1 { width: 30px; }
.rshort2 { width: 40px; }
.ravg { width: 50px; }
.ravg1 { width: 60px; }
.ravg2 { width: 70px; }
.rbig { width: 100px; }
.rbig1 { width: 150px; }
.rbig2 { width: 200px; }
.rimg, .rimg1, .rshort, .rshort1, .rshort2, .ravg, .ravg1, .ravg2, .rbig, .rbig1, .rbig2 { float: left; }
/*------------- CSS LISTE ( end ) --------------*/

/*------------- CSS CAMPI MODULI ( start ) --------------*/
select, input { font-size: 10px; }
.campo {
text-align: right;
float: left;
width: 35%;
padding: 0;
clear: left;
}
.valore {
padding: 3px 0;
margin-top: 3px;
}
.valore, .campo { margin: 5px 3px;}
/*------------- CSS CAMPI MODULI ( end ) --------------*/

/*------------- CSS ACCESSO ( inizio ) ----------------*/
.username {
background: url('../images/index/bg_username.png') center center no-repeat #FFFFFF; 
padding-left: 3px;
height: 16px;
border: 0px none;
margin: 1px 0;
width: 120px;
}
.email {
background: url('../images/index/bg_email.png') center center no-repeat #FFFFFF; 
padding-left: 3px;
height: 16px;
border: 0px none;
margin: 1px 0;
width: 120px;
}
.password {
background: url('../images/index/bg_password.png') center center no-repeat #FFFFFF;
padding-left: 3px;
height: 16px;
width: 120px;
border: 0px none;
margin: 1px 0;
}
/*--------------- CSS ACCESSO ( fine ) -----------------*/