body { margin:0px auto; width:800px; text-align:center; background:url(../images/bg_html.gif) repeat-x; }
div { float:left; text-align:left; font: 12px "Lucida Grande", Lucida, Verdana, sans-serif; color:#555; line-height:17px; }
a { text-decoration:none; color:#003366; outline:none; }
a:hover { color: #748B9A; }
img { border: 0; }
p { margin:0px; }
h1 { color:#404040; font-size:17px; margin: 0 0 15px 0; line-height:25px; }
h2 { color:#404040; font-size:14px; margin: 0 0 15px 0;}
ul, li { margin:0px; padding:0px; list-style:none; }
table { width:100%; }
.b { font-weight:bold; }
.pdf { background: url(../images/acrobat.gif) left no-repeat; padding-left:20px; color:#DA382D; }
.tasto { width:126px; height:27px; background:url(../images/tasto.gif) no-repeat; text-align:center; overflow:hidden; }
.tasto a { font-weight:bold; color:#FFF; line-height:25px; }
.tasto a:hover { color: #555; }

.w800 { width:800px; }
.w620 { width:620px; }
.w300 { width:300px; }
.w160 { width:160px; }
.w580 { width:580px; }
.w260 { width:260px; }
.w100 { width:100px; }

.mb60 { margin-bottom:80px; }
.mt40 { margin-top:40px; }
.mb40 { margin-bottom:40px; }
.mr20 { margin-right:20px; }
.mb20 { margin-bottom:20px; }
.mb10 { margin-bottom:10px; }
.mr5 { margin-right:5px; }
.p20 { padding:20px; }
.p10 { padding:10px; }
.bggray {background: #EFEFEF;  }
.menu h2 { color:#999; }
.menu li { border-bottom:1px dotted #999; }
.menu li a { color:#333333; display:block; padding: 6px 3px; }
.menu li a:hover { color:#333333; background: #EFEFEF; }
.menu .select { color:#003366; background: #EFEFEF; }
dd { margin:0px; padding: 0px; line-height:18px; }
.fr { float:right }
.right { text-align:right; }

.list li { list-style:circle; margin:5px 5px 5px 30px;}
.freccia li { background:url(../images/list.gif) no-repeat 0px 3px; padding-left:20px; margin-bottom:15px; }
.moduli li { margin-bottom:5px; width:100px; float:left; }


.basic  { width:620px; background-color: #eee; }
.basic div { float:none; padding:10px; }


.basic b { background:url(../images/loghetto.gif) no-repeat 5px 5px; float:none;
	cursor:pointer;
display:block;
	padding:5px 5px 5px 25px;
background-color: #FFF; color:#003366; font-weight:bold;
border-bottom:1px solid #eee;
}

.basic b:hover {
background:url(../images/loghetto2.gif) no-repeat 5px 5px;  background-color: #AFB4BF;
color:#FFF}
.basic b.selected {
background:url(../images/loghetto2.gif) no-repeat 5px 5px;  background-color: #AFB4BF; color:#FFF
}


.basic em { font-weight:normal; font-style:normal; }
.basic a { font-weight:bold; }
.caratteristiche a { color:#555; display:block;
padding:0;
background-color:transparent; background-image:none; border:0; line-height:20px; }
.caratteristiche a:hover {color: #003366; background-color:transparent; background-image:none; }


.fl { float: left; display: inline; }

.box1 { width:580px; background-color:#EFEFEF; }
.box2 { width:260px; background-color:#EFEFEF; height: 111px; padding:20px;}
.box1 h1 { color:#003366; margin:0 0 10px 0; font-size:22px; }
.box1 h2 { color:#003366; margin:0 0 10px 0; font-size:20px; line-height:normal; font-weight:normal; }
.box2 h2 { color:#003366; padding:0 0 5px 0; font-size:16px; line-height:normal; font-weight:bold; margin:0px; }
a .box1 { color: #555; line-height:normal; display:block; }
a:hover .box1 { color: #003366; background: #DEDEDE; }
a.box2 { color: #555; line-height:normal; display:block; }
a:hover .box2 { color: #003366; background: #DEDEDE; }


#footer { color:#36425D; margin:40px 0 30px 0; text-align:center; padding-top:20px; }
#footer a, #footer div { font-size:11px;}
#footer li { font-size:11px;  float:left; padding:0 10px 0 10px; border-right:1px solid #CCC;  }