/* XXXXXXXXXXXX LAYOUT XXXXXXXXXXXXXX */
#ssx, #sdx { float: left; width: 49.9%;}
#ssx, #sdx, #lsx, #ldx { height: 93px;}
body, .ptit, h5, #cm #h7, .ultith, #imm, #cont p, #cm p.imptitp, #impr p, #pres, #pres p, #contf, #contf p, #contfulsx, #contfuldx, #menu3, #mul3, #ssx, #sdx, #lsx, #ldx, .icost, #ft1, #ft2, #cm div.ofrt p, span.err { margin: 0;}
body, h2, h4, h1, #imm, #imgslg, #cm p, #cont p, #cm p.imptitp, #impr p, #pres p, #contf p, #contfulsx, #menu3, #ssx, #sdx, #lsx, #ldx, .icost, #ft1, #ft2, #mm, span.err { padding: 0;}
.alt { display: none;}
.b100, #foot { width: 100%;}
.bl, .ultith, .ultit, #cm p.imptitp, #contfuldx li a.hp_t2 span, .b100, h5, h1, #cm #h7, #contf, #contfulsx li a, #contfuldx li a, #mul3 li a, #foot, #icopdf, #icost, .ptit, .slgtit, #firma, span.err { display:block;}
.tb { display:table;}
.rw { display:table-row;}
.cl { display:table-cell;}
.utxt, .utxt li { margin-top:8px;}
h2 { margin: 5px 0 0;}
h4 { margin: 0 0 20px;}
h6 { margin:0 0 8px;}
h3 { width:300px; margin:5px 0; padding-bottom:5px;}
h3.und4 { width:450px; margin-bottom:10px; border-bottom:1px solid;}
h5 { padding: 35px 0 0; border-bottom:1px solid;}
h1 { margin: 20px 0;}
#cm #h7 { padding:10px 0; border-top:1px solid;}
#pres p, #dicopdf, #dicost, #scad { position: absolute;}
#iele { margin:2px 0 20px 38px;}
.alert { margin:10px 0; padding:10px 0; border-top:1px solid; border-bottom:1px solid;}

/* SEZIONE PRINCIPALE */
	/* INTESTAZIONE */
#imgslg { width:492px; height:302px; margin:10px auto 0;}
.ultith { width:288px; height:22px; padding:3px 0 0;}
#imm { border-top: 1px solid; border-bottom: 1px solid; height: 63px;}
#mf, #mfh, #mfi, #mfr, #mfo { width: 500px; height: 63px; margin: 0 auto; border: 0;}
	/* 3° LIVELLO - STRUTTURA SEZIONE PRINCIPALE */
#main { width: 500px; margin: 0 auto;}
#main1 { width: 490px; margin: 0 3px 3px 3px; border: 1px solid; voice-family: "\"}\""; voice-family:inherit; width: 492px;}
html>#main1 { width: 492px;}

	/* 3° LIVELLO - CONTENUTI SEZIONE PRINCIPALE */
#cm { margin: 40px 20px 20px;}
#cm.hp { margin-top:10px;}
#cm p { margin:0 0 17px;}
#cm p.imptxtp { padding-left:20px;}
#slog, #impr, #cont { margin-bottom:10px;}
#slog { float:right; width:190px; height:300px; margin-left:10px;}
#impr { width:249px; padding:0 0 10px 0;}
#cont { width:289px; margin-left:130px; padding:0 0 10px 10px; border-left: 1px dotted; voice-family: "\"}\""; voice-family:inherit; width:300px;}
html>#cont { width:300px;}
#cont p.ask { margin-top:13px; margin-left:20px; padding:3px 3px 3px 0; border-bottom:1px solid;}
#pres { width: 492px; height: 492px;}
#pres p { width:156px;}
#pan1 { top:0; left:3px;}
#pan2 { top:0; left:331px;}
#pan3 { top:165px; left:168px;}
#pan4 { top:326px; left:3px;}
#pan5 { top:326px; left:331px;}
.slg { float:right; width:170px; margin:10px; border-bottom:1px solid;}
.slgtit { padding:0 0 8px;}
#slgcli { padding:212px 0 10px;}
#slgris { padding:136px 0 10px;}
#cm p.cit { padding-left:20px; padding-right:20px;}
#cm form p#ii { float:right; width:158px; padding:10px; border:1px dotted; voice-family: "\"}\""; voice-family:inherit; width:180px;}
html>#cm form p#ii { width:180px;}
#login { height:270px;}
.ofrt { padding:10px 0 10px 200px; border-bottom:1px solid;}
div.ofrt p { padding:10px;}
div.ofrt ul { margin:5px 0 5px 20px;}
#cm div.ofrt ul li { padding:2px 0;}
	/* CONTENUTI PIEDE */
#contf { width: 452px;  padding:10px 0 0;border-top:1px dotted;}
#contfulsx, #contf p { width:277px; padding-right:10px; border-right:1px dotted; voice-family: "\"}\""; voice-family:inherit; width:288px;}
html>#contfulsx, html>#contf p { width:288px;}
#eleimp li { margin:0 0 10px;}
#contfulsx li a { width:158px; margin:0 0 5px 0; padding: 3px 3px 3px 60px; border:1px solid; border-top:0; voice-family: "\"}\""; voice-family:inherit; width:223px;}
html>#contfulsx li a { width:223px;}
#contfulsx.imp li a { width:279px; border-left:0; border-right:0; padding-left:3px; voice-family: "\"}\""; voice-family:inherit; width:282px;}
html>#contfulsx.imp li a { width:282px;}
#contfuldx { float:right; width:110px; padding:0 10px; voice-family: "\"}\""; voice-family:inherit; width:130px;}
html>#contfuldx { width:130px;}
#contfuldx li { margin:0 0 10px; padding: 5px 0 10px; border-bottom:1px solid;}
#contfuldx li a.hp_t1 { height:50px; padding-left:55px;}
#contfuldx li a.hp_t2 { padding-top:33px;}
.icost { border: 0;}
#dicopdf, #dicost { top:20px;}
#dicopdf { left:420px;}
#dicost { left:450px;}
#icopdf { width: 16px; height: 16px;}
#icost { width: 15px; height: 14px;}
#cm label.testo { margin:10px 0 0 20px;}
#scad { left:20px; width:400px; height:400px;}

/* MENU PRINCIPALE */
#menu { margin: 5px auto 10px;}
#menu span span a { border-bottom: 1px solid; padding: 3px 10px;}
#sec #menu { margin: 0 auto;}
#sec #menu span span a { border:0; padding: 1px 5px;}

/* MENU SECONDARIO */
#menu2 { margin:35px auto 5px;}
#menu2 span span a { border-top:1px solid; padding: 3px 10px;}
#sec #menu2 { margin:3px auto 0;}
#sec #menu2 span span a { border:0; padding: 1px 5px 0;}

.cl1, .cl0 { border-right: 1px solid;}

/* MENU DI SEZIONE 3 */
#menu3 { float:left; width:130px;}
#mul3 { padding: 0 5px;}
#mul3 li a { padding: 3px 0 5px; margin: 0; border-bottom:1px solid;}
#mul3 li a#m3lt { border-bottom: none;}
#mm { margin-top:10px; margin-left:15px;}
#mm li { margin-top:8px; margin-bottom:0; padding-right:2px;}
#menu3.mar {margin:0 5px 5px 0;}

/* PIEDE */
#foot { margin: 3px auto; border-top:1px solid; border-bottom:1px solid;}
#foot1 { width: 415px; margin: 0 auto; padding:10px 20px; border: 0; voice-family: "\"}\""; voice-family:inherit; width: 455px;}
html>#foot1 { width: 455px;}
#ft2 { float:right;}

/* XXXXXXXXX FONT XXXXXXXXX */
/* FAMILY  */
.ptit, .utxt, h6, #cm p, #cont p, #pres p, #mul3 li a, #mm, #contfuldx li a, #eleimp, h1 span, #iele, label, .alert, div.ofrt ul, span.err, #cont ul { font-family: Verdana, Arial, Helvetica, sans-serif;}
h4, .tit, #menu span span a, #menu2 span span a, .slgtit, #cm div.ofrt p { font-family: Geneva, Arial, Helvetica, sans-serif;}
#foot1, #contf p, #contfulsx li, h1, #cm #h7 { font-family:Arial, Helvetica, Geneva, sans-serif;}
h2 { font-family: "Times New Roman", Times, Georgia, serif;}
h3, h5, #cont p.ask, #cm p.imptitp, #cm p.msg, .slg { font-family: Georgia, "Times New Roman", Times, serif;}

/*  HP SIZE */
.utxt, h6, #mul3 li a, #mm, #cm p, #cont p, #contf p, #contfuldx li a, #eleimp, #iele, .slg, label.testo, #cont ul, #offs1 p span { font-size:10px;}
#pres p, #menu span span a, #menu2 span span a, #foot1, #contfulsx li a, span.err { font-size:11px;}
h4, #cm p.tt, .txtev, label, .alert, div.ofrt ul { font-size:12px;}
.ptit, .ultith, .ultit { font-size:13px;}
h5, #cont p.ask, #cm p.imptitp, #cm p.msg, .slgtit { font-size:14px;}
#cm div.ofrt p { font-size:16px;}
h3, #cm #h7 { font-size:20px;}
.tit { font-size:22px;}
h2, h1, #h7 span { font-size:24px;}

/*  WEIGHT */
.ptit, h2, #cont p.ask, .ultith, .ultit, #contfuldx li a.hp_t1, #contfuldx li a.hp_t2 span, #eleimp, #cm p.imptitp, #cm p.tt, h1, #cm #h7, #cm p.msg, #iele, .slg, .txtev, .alert, #cm div.ofrt p, span.err { font-weight:bold;}
.utxt, h4, h6, h3, h5, #cm p, #cont p, #pres p { font-weight:normal;}

/* TEXT-ALIGN */
body, h2, h4, #main1, #pres p, #menu span span a, #menu2 span span a, h1, #cm #h7, #cm p.msg, .slg, .alert, #cm div.ofrt p { text-align:center;}
h5, #cm, #contf p, #foot1 { text-align:left;}
#ft2 { text-align:right;}

/* TEXT-DECORATION */
h6 a, #menu span span a, #menu2 span span a, #mul3 li a, #contfuldx li a, #mul3 li a, #pres p a, #iele li a, #ft1 a, #ft2 a, #contfulsx li a, a#icopdf, a#icost {text-decoration:none; }
h6 a:hover, #mul3 li a:hover, #contfulsx li a:hover, #contfuldx li a:hover, #pres p a:hover, #iele li a:hover, #ft1 a:hover, #ft2 a:hover { text-decoration: underline;}

/* VARIE */
.utxt, #cm p, #cont p, #pres p { line-height:18px;}
.ptit, #cm p.msg, #cm div.ofrt p { line-height:25px;}
#mm { line-height:12px; list-style-type: square;}
#mul3, #contfuldx, #contfulsx { list-style: none;}
h4, #cont p.ask, #cm p.imptitp, h1 span, #h7 span, .slg, .txtev, .cit, span.err { font-style:italic;}
#cont p.ask, #contf p, #cm p.imptitp, #cm p.imptxtp, #cm #h7, #contfuldx li a.hp_t1, .cit, #cm form p#ii, #cm div.ofrt p { text-indent:0;}
.ultit { text-indent:10px;}
#cm p, #cont p, .ultith { text-indent:20px;}
#firma { font-style:normal; text-align:right;}

/* XXXXXXXXXXXX TEMI XXXXXXXXXXXXX */
/* COLOR */
#menu2 span span a:hover, #mul3 li a, .ultith, #cm div.ofrt p { color: #FFF;}
h4, h6, h6 a, #mm, #menu span span a, #menu2 span span a, #cm form p#ii { color: #999;}
#iele li a, #iele li a:visited, #firma { color: #666;}
.utxt, #cm p, #cont p, #contfulsx li a, #contfulsx li a:visited, #contfuldx li a.hp_t2, #contfuldx li a.hp_t2:visited, div.ofrt p.tt { color:#000;}
.ptit, .ultit, .slg { color: #F90;}
h2, h3, h5, .ultit, #contfuldx li a, h1 span, #h7 span, #contfuldx li a.hp_t2 span, .txtev { color:#F60;}
h6 a:hover, #contfulsx li a:hover, #contfuldx li a.hp_t1:visited, #pres p a:hover, #cm p.msg, #iele li a:hover, #cm p a:hover, p#ft1 a:hover, p#ft2 a:hover, .alert, span.err { color:#C00;}
#cm div.ofrt p.pr { color: #690;}
#pres p a, #pres p a:visited, #cm p.cit { color: #06F;}
#cont p.ask, #contfuldx li a:hover, #cm p.imptitp { color: #00509F;}
.tit, #ft1 a, #ft2 a, #ft1 a:visited, #ft2 a:visited, #cm #h7, #mul3 li a:hover, #menu span span a:hover, h1 { color: #036;}

/* BACKGROUND */
h5, #main, #main1, #mm { background-color:#FFF;}
#menu span span a:hover, #mul3, div.ofrt p.t, #mul3 { background-color: #F90;}
/* div.ofrt p.pr { background-color: #690;} */
#menu2 span span a:hover { background-color: #036;}
#foot { background-color: #CCC;}
#mfh { background: url("images/headerhp.jpg") center no-repeat;}
#mfi { background: url("images/header3.jpg") center no-repeat;}
#mf { background: url("images/header4.jpg") center no-repeat;}
#mfr { background: url("images/header5.jpg") center no-repeat;}
#mfo { background: url("images/header6.jpg") center no-repeat;}
#pres { background: url("images/sf_cerch.gif") no-repeat;}
#imm, #foot1 { background: url("images/sf_trasp.gif") repeat; }
#imgslg { background: url("images/hp_i2.gif") center no-repeat;}
.ultith { background: url("images/hpbox.gif") no-repeat;}
#contfuldx li a.hp_t1 { background: url("images/hp_icopdf.gif") no-repeat;}
#hp_i1 { background: url("images/hp_icocam.gif") no-repeat;}
#hp_i2 { background: url("images/sf_cli.gif") no-repeat;}
#hp_i3 { background: url("images/ico_hpmani.gif") no-repeat;}
#box1 { background: url("images/hp_icoimm.gif") no-repeat 4px 4px;}
#box2 { background: url("images/hp_icopro.gif") no-repeat 4px 8px;}
#box3 { background: url("images/hp_icoamb.gif") no-repeat 4px 4px;}
#box4 { background: url("images/hp_icoapp.gif") no-repeat 4px 4px;}
#box5 { background: url("images/hp_icowap.gif") no-repeat 4px 4px;}
#ssx, #sdx { background: url("images/sf_ssx.gif") repeat-x right;}
#sdx { background: url("images/sf_sdx.gif") repeat-x left;}
#lsx { background:  url("images/logo_sx.gif") no-repeat right;}
#ldx { background:  url("images/logo_dx.gif") no-repeat left;}
#icopdf, #dicopdf { background: url("images/bott_pdf.png") no-repeat;}
a#icopdf:hover {background:  url("images/bott_pdf_h.gif") no-repeat;}
#icost, #dicost { background: url("images/bott_stampa.png") no-repeat;}
a#icost:hover {background:  url("images/bott_stampa_h.gif") no-repeat;}
#slog { background:  url("images/imp.jpg") no-repeat;}
#slgcli { background:  url("images/cane.jpg") no-repeat;}
#slgris { background:  url("images/mani.jpg") no-repeat;}
#scad { background: url("images/of_scad.png") no-repeat;}
#offia { background: url("images/off_ia.jpg") no-repeat 20px 10px;}
#offw { background: url("images/off_w.jpg") no-repeat 20px 10px;}
#offwh { background: url("images/off_wh.jpg") no-repeat 20px 10px;}
#offcp { background: url("images/off_cp.jpg") no-repeat 20px 10px;}
#offc { background: url("images/off_c.jpg") no-repeat 20px 10px;}
#offbv { background: url("images/off_bv.jpg") no-repeat 20px 10px;}
#offs1 { background: url("images/off_s1.jpg") no-repeat 20px 10px;}
#offs2 { background: url("images/off_s2.jpg") no-repeat 20px 10px;}
#offs3 { background: url("images/off_s3.jpg") no-repeat 20px 10px;}
#offs4 { background: url("images/off_s4.jpg") no-repeat 20px 10px;}



/* BORDER */
#mul3 li a { border-color:#FFF;}
#main1, #cont, #contf, #contf p, #contfulsx, #contfuldx li, #contfulsx li a, #cm #h7, h3.und4, #cont p.ask, div.ofrt { border-color: #CCC;}
#foot, #imm, #menu span span a, #menu2 span span a, #cm form p#ii, .alert { border-color:#999;}
h5, .slg { border-color: #F90;}
#main1 { border-top:1px solid white;}
#menu2 span span a.cl0 { border-right-color:#FFF;}

