html,body, #workArea{
width:100%;
height: auto;
min-height: 100%;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
margin:0;
padding:0;
/*background-color:#CCCCCC;*/
}
td{font-family:Arial, Helvetica, sans-serif; font-size:12px;}
/* CONTENITORE PRINCIPALE */
div#workArea{position:relative;width:990px;background-color:#FFFFFF; text-align:left; margin:0 auto;}

/* CONTENUTO IN WORKAREA, CONTIENE DIV TOPPAGE (testata) E DIV BODYPAGE (contenuti) */
div#contenitore{float:left;}

/* TESTATE */
/* contenitore principale */
div#topPage{
width:100%;
height:110px;
float:left;
clear:right;
z-index:5000;
}
/* banda immagine */
div#topLeft{
top:0;
left:0;
width:790px;
height:100%;
float:left;
text-align:left;
background-color:#ffffFF;
}
/* box con link al tuv journal */
div#topRight{
position:relative;
float:right;
width:200px;
text-align:left;
background-color:#FFFFFF;
}
/* box cerca incluso (ricrca.asp) */
form#frmCerca{float:right; padding:0; height:auto; margin:0px 0 0 0; text-align:right; white-space:nowrap;}
input#chiave{font-size:10px;float:left;height:15px; margin:0 0px 0 0px; padding:0 2px; width:105px; line-height:18px;border:1px solid #1020a0;}
input#cerca{float:right; border:0; color:#1020a0; height:18px; line-height:11px; padding:0px 2px; font-size:10px; background-color:#c4d8e6; margin-top:0; cursor:pointer; width:80px;}
/* FINE TESTATA */

/* CONTENITORE DELL'AREA SINISTRA, CENTRALE, DESTRA */
div#bodyPage{
width:100%;
position:relative;
margin-right:-1px;
margin-top:0px;
clear:left;
float:left;
padding-bottom:5px;
}

/* FOOTER */
div#footer{margin-left:0px;width:100%;height:auto;text-align:center; border-top:1px solid #1020a0;line-height:12px; background-color:#efefef; font-size:10px; z-index:1200; vertical-align:middle;}
#footer_over_link {text-align:center;}
#footer_over_link a{color:#1020a0; text-decoration:none;}
#footer_over_link a:hover{color:#1020a0; text-decoration:underline;}
/* spazio verticale vuoto tra contenuto e footer */
div#spazioSotto{clear:left;height:15px;width:100%;float:none;bottom:0px;}

/* DIV  SINISTRA CONTENITORE MENU SERVIZI */
div#left{
float:left;
top:450px;
left:0;
width:210px;
height:100%;
float:left;
text-align:left;
background-color:#ffffFF;
}
/* titolo menu servizi e consumatore */
div.locator{ font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color: #003399 ;position:relative;float:left; clear:left; width:192px;z-index:800; margin-left:5px; margin-bottom:2px; margin-top:25px;}

/* DIV  DESTRA CONTENITORE BOX BLU */
div#right{
position:relative;
float:right;
width:200px;
text-align:left;
background-color:#FFFFFF;
margin-top:0px;
}
/* box gadgest e guida ai marchi */

div.boxContestualiHome{position:relative; width:200px; background-color:#ffffff; color:#1020a0; margin:20px 0 0 0; padding-bottom:5px;}
.boxContestualiHome h3{width:190px; height:17px; line-height:17px; background-color:#1020a0; color:#FFFFFF; font-weight:bold;margin:0; padding:0 5px; font-size:11px;background-image:url('/images/7x7.gif'); background-position:top right; background-repeat:no-repeat;}
.boxContestualiHome ul{margin:0 0 0 0px; padding:5px 5px 0 18px;}
.boxContestualiHome ul{border:1px solid #cccccc; list-style:url('/images/redarrowMenu.gif');}
.boxContestualiHome li {margin-bottom:8px;background-image:url('/images/dashedline.gif'); background-position:left bottom;background-repeat:repeat-x;}
.boxContestualiHome a{text-decoration:none; color:#1020a0;}
.boxContestualiHome a:hover{color:#ff0000;}

/* DIV CONTENITORE AREA CENTRALE (contenuto pagine) */
div#main{
position:relative;
float:left;
width:570px;
text-align:left;
font-size:12px;
}
/* titolo pagina */
#main h5{float:left; clear:both;color:#1020a0; font-weight:bold; margin:10px 0; font-size:12px; width:100%}

/* contenitore menu e box per la home page */
.boxLateraliHome{position: relative;width:200px;}

/* mappa siti nazioni in home page */
.dropdown_map { font-family:Arial, Helvetica, sans-serif; font-size: 11px; }

/* box laterali con sfondo bianco */
.boxLateraliBianchi{float:left;height:15px; width:100%; color:#003399; font-weight:bold;font-size:12px;}
.boxLateraliBianchi p{vertical-align:bottom; margin-left:0;margin-top:0px; padding:0; }
.boxLateraliBianchiCorpo{float:left; clear:left; width:100%; background-color:#fff;padding-bottom:10px;}
.boxLateraliBianchiCorpo ul{ list-style:none; margin:0 0 0 0px; padding:0; }
.boxLateraliBianchiCorpo li{ background-image:url('/images/redarrowList14.gif'); background-repeat:no-repeat ;background-position:top left; padding:0 0px 0 20px; margin-top:3px 0;}
.boxLateraliBianchiCorpo a {color:#10; text-decoration:none;}
.boxLateraliBianchiCorpo a:hover {color:#000000; text-decoration:none;}

/* div di colonna per le news in home page */
div#news_hp{width:280px;height:auto;float:left;padding-top:0px; }
div#eventi_hp{width:280px;height:auto;float:right;padding-top:0px; vertical-align:top;}
hr { size="10" noshade="noshade" }
/* titolo x news ed eventi in home */
div.titolohome {vertical-align:bottom; margin-left:0;margin-top:0px; padding:0; font-size:12px;color:#1020a0;font-weight:bold; border-bottom: 1px solid #CCCCCC;}

/*DOPPIE COLONNE PAGINA MAPPA*/
.map_left{width:250px;height:auto;float:left;padding-top:0px; margin-left:15px; padding-left:10px;}
.map_right{width:250px;height:auto;float:right;padding-top:0px; margin-left:15px;padding-left:10px;}

/*AREA DEL MENU*/
div#topNavArea{width:568px;height:100%;}

/* linea tratteggiata, separa il topmenu dalle breadcrumbs */
div.lineaTratteggiata{width:100%; height:1px;background-image:url('/images/dashedline.gif'); background-repeat:repeat-x;  overflow:hidden;float:left;clear:left;}

/* MENU IN ALTO */
div#topMenu{position:relative;height:18px;width:100%;z-index:500;float:left;clear:left; font-size:11px;}
#topMenu ul{margin:0;padding:0;line-height:18px; color:#003399; margin-left:23px;}
#topMenu li{position:relative;text-align:center;background-color:#e6e6e6;font-weight:bold;float:left;list-style: none;line-height:18px;border-right:2px solid #ffffff;}
#topMenu li li{float:none; background-color:#e6e6e6; border-top:1px solid #FFFFFF; text-align:left;
font-weight:normal; padding:0; line-height:15px; width:100%;}
#topMenu ul li ul{ position:absolute; left:-23px; top:18px; z-index:600; display: none; visibility:hidden; width:100%;}
#topMenu li a{text-decoration:none;display:block;color:#003399;} 
#topMenu li ul li a{text-decoration:none;padding:0 5px 0 10% ;width:80%;}
#topMenu li:hover{background-color:#C4D8E6; }
#topMenu li.sfhover{background-color:#C4D8E6;}
#topMenu li li:hover{background-color:#cccccc; }
#topMenu li li.sfhover{background-color:#cccccc; }
#topMenu li:hover  ul {display: block; visibility:visible;z-index:600;}
#topMenu li.sfhover ul {display: block; visibility:visible;z-index:600;}

/* MENU PROFESSIONALE E PRIVATI */
div#menuProf, div#menuPriv{position:relative;float:left; clear:left; width:192px;z-index:800; margin-left:5px;}
#menuProf ul, #menuPriv ul{margin:0;padding:0;line-height:16px; color:#1020a0; }
#menuProf li, #menuPriv li{position:relative;text-align:left; padding-left:15px;padding-bottom:6px;font-weight:bold;list-style:none;line-height:15px;margin-top:0; background-image:url('/images/redarrowList.gif'); background-repeat:no-repeat; background-position:left top; border-bottom:2px solid #ffffff;}
#menuProf ul ul{margin-left:-15px; }
#menuProf li{background-color:#dfdfdf;}
#menuPriv li{background-color:#D2DDFF;}
#menuProf li li{background-image:none; border-bottom:0;border-top:1px solid #ffffff; padding:0 10px 0 15px; font-weight:normal; height:100%;}
#menuProf li li{background-color:#ebebeb;} 
#menuProf li a, #menuPriv li a{text-decoration:none; color:#1020a0; width:100%; display:block;/**/}
#menuProf li li a, #menuProf li li a{display:inline;}
#menuProf li:hover {background-color:#ccc;}
#menuProf li.liProfHover{ /*cursor:pointer;*/background-color:#ccc;}
#menuProf li li:hover  ul {display: block; visibility:visible;display:block;z-index:900;}
#menuProf li li.liProfHover ul {display: block; visibility:visible;display:block;z-index:900; left:207px;}
#menuProf ul ul ul{position:absolute;visibility:hidden; display:none; left:207px; top:0;z-index:900; width:200px; border-left:1px solid #ffffff; background-color:#FFFFFF;}
#menuProf li li li{padding:0; margin:0;background-image:none;border-top:0;border-bottom:1px solid #ffffff;}
#menuProf li li li a{width:97%; height:100%; display:block; text-decoration:none;padding-left:3%;background-color:#eaeaea; color:#1020a0;}
#menuProf li li li a:hover{background-color:#cccccc;}
#menuProf li.conFigli {background-image:url('/images/bluearrowList.gif'); background-position:right top; background-repeat:no-repeat;}
#menuProf li.liAperto{background-image:url('/images/redarrowlist_Down.gif');background-position:left top;background-repeat:no-repeat; background-color:#ccc;}
#menuPriv li:hover {background-color:#a8beff;}
#menuPriv li.liPrivHover{ /*cursor:pointer;*/background-color:#a8beff;}
div#breadcrumbs{ float:left; clear:left; margin:0px 0px; line-height:17px; color:#1020a0; width:auto; white-space:nowrap; font-size:11px;}

/* BREADCRUMBS */
#breadcrumbs a{color:#1020a0; text-decoration:none; font-weight:bold;}
#breadcrumbs a:hover{ text-decoration:underline;}

/* BOX LATERALI PAGINE INTERNE (box blu e guida marchi) */
div.boxContestuali{position:relative; width:200px; background-color:#d3ddff; color:#1020a0; margin:20px 0 0 0; padding-bottom:5px;}
.boxContestuali h3{width:190px; height:17px; line-height:18px; background-color:#1020a0; color:#FFFFFF; font-weight:bold;margin:0; padding:0 5px; font-size:11px;background-image:url('/images/7x7.gif'); background-position:top right; background-repeat:no-repeat;}
div.boxContestualiGuidaMarchi{position:relative; width:200px; background-color:#fff; background-image:url('/images/bgBoxContestualiUomo.gif'); background-repeat:repeat-y; color:#000; margin:20px 0 0 0; padding:0 0px 5px 0px; border-bottom:1px solid #000;}
div.boxContestualiGuidaMarchi h3{height:17px; line-height:17px; background-color:#1020a0; color:#FFFFFF; font-weight:bold;margin:0; padding:0 5px; font-size:11px;background-image:url('/images/bgH3BoxContestualiUomo.gif'); background-position:top right; background-repeat:no-repeat;}
.boxContestuali p, .boxContestualiGuidaMarchi p{margin:5px;}
.boxContestuali ul{margin:0 0 0 0px; padding:0 5px 0 18px; }
.boxContestuali ul{list-style:url('/images/redArrowListRight.gif');}
.boxContestualiGuidaMarchi img{margin:0 1px;}
.boxContestuali li{margin-bottom:2px;background-image:url('/images/dashedline.gif'); background-position:left bottom;background-repeat:repeat-x;}
.boxContestuali a, .boxContestualiGuidaMarchi a{text-decoration:none; color:#1020a0;}
.boxContestuali a:hover, .boxContestualiGuidaMarchi a:hover{color:#ff0000;}

/* TESTO PAGINA (dopo il titolo) */
div#contenutiPagina, div#contenutiPaginaPrivati{width:100%;float:left;}
/* titoli in immagine delle pagine privati */
div#contenutiPaginaPrivati .titoli{margin:20px 0 0 0; padding:0;}
div#contenutiPaginaPrivati ul{list-style:url('/images/q5new.gif');margin:5px 0 5px 9px; padding-left:7px;}
div#contenutiPaginaPrivati p{margin:5px 0; padding:0;}
div#contenutiPagina ol{margin:5px 25px;}
div#contenutiPagina {vertical-align:bottom; margin-left:0;margin-top:8px; padding:0; }

/* PAGINE INTERNE  - testo e immagine premessa e continuazione */
.testo_premessa img, .testo img {padding:0 5px 0 0;float:left;}
.testo_premessa ul{ margin-left:45%;display:inline-block; list-style:url('/images/q5new.gif'); list-style-position:outside; margin:2px 0 2px 0px; }
.testo_premessa{float:left; clear:right; width:100%; display:block;margin-bottom:15px;}
.testo{float:left; clear:left; width:100%;}
/* punti elenco col quadratino azzurro */
ul.punti{list-style:none; margin:0; padding:0;}
ul.punti li{ margin-bottom:10px;}
ul.punti ul, .premesse ul{list-style:url('/images/q5_2009.gif');margin-left:9px; padding-left:10px; margin-top:5px;}/**/
ul.punti ol{list-style: decimal;margin-left:5px; padding-left:3px; margin-top:0px;}/**/
ul.punti li li{margin-bottom:2px;}
ul.punti p {visibility:visible; display:block;padding:5px 0px 0px 0px;margin:0px; }

/* TUV JOURNAL */
/* punti elenco del sommario del tuv journal */
.titoloBlu {color:#1020a0;font-weight:bold;margin-bottom:6px;}
div#boxImgJournal {width:170px;float:right;padding:2px;border:1px solid #d6d6d6;}
div#boxImgJournal a {text-decoration:none;;font-size:11px; color:#000000; text-align:center;}

/* sezione jobs - colorazione righe tabella */
tr.jobChiuso {background-color:#ffffff;	}
tr.jobAperto {background-color:#dfdfdf;	}
/* sezione mappa del sito */
.linkSez {color: #1020a0; font-weight:bold; font-size:12px;}
.linkSez a {color: #1020a0; }
.linkSez a:hover {color: #1020a0; }
.linkSez a:visited {color: #1020a0; }
.linkPrimo{color: #000000; font-size:12px; line-height:16px;margin:8px 0px 0px 0px; padding-left:6px; background-image:url(/images/img_map2.gif); background-repeat:no-repeat; background-position: top left ; }
.linkPrimo a{COLOR:#000000;}
.linkPrimo a:hover{color: #000000;}
.linkPrimo a:visited{COLOR:#000000;}
.linkSecondo {color: #666666; font-style:normal; line-height:14px; font-size:11px; padding-left:14px; margin:0px 0px 0px 0px;background-image:url(/images/img_map.gif); background-repeat:no-repeat; background-position: top left ;  }
.linkSecondo a:hover {color: #1020a0;}
.linkSecondo a {color: #666666;}
.linkSecondo a:visited {color: #666666;}

/* NEWS ED EVENTI VISUALIZZAZIONE DATI */
/* data articolo */
p.newsData{font-size:11px; font-style:italic; margin:0px;}
/* link continua */
p.newsMore{float:left; clear:left; background-image:url('/images/redarrowlist.gif'); background-position:left center; background-repeat:no-repeat; padding-left:15px; margin:0;}
p.newsMore a{ text-decoration:none; font-weight:bold; color:#1020a0;}
p.newsMore a:hover{ text-decoration:none; font-weight:bold; color:#00f;}
/* sommario */
div.NewsSommario{margin:0 0 15px 0; float:left;clear:left;width:100%;}
div.NewsFotoSommario{float:left; margin:0 5px 5px 0; border:1px solid #eee; width:80px; height:80px; vertical-align:middle;}
div.NewsTestoSommario{float:left; width:450px;}
.NewsSommario h6{margin:0; font-size:12px; font-weight:bold;}
.NewsSommario p{margin:3px 0; }
/* 20091203 - modificata nomenclatura classi per inserimento news in home */
div.newsDiv{margin:0 0 15px 0; float:left;clear:left;width:100%; height:120px;}
/* titolo news */
div.newsTit {display:table-cell; height:30px; vertical-align:middle;}
div.newsTit a {text-decoration: none;margin:0; font-size:12px; font-weight:bold; color:#003399; padding-bottom:5px; }
div.newsTit a:hover { text-decoration: underline;}
/* testo */
div.newsDiv span{margin:3px 0;}
div.newsFoto{float:left; margin:5px 5px 0px 0; border:1px solid #eee; width:50px; height:50px;vertical-align:middle;}
img.newsFoto{width:50px;height:50px;border:1px solid #eee;}
span.newsData{font-size:11px; font-style:italic; margin:0px;}
span.newsMore{padding-left:5px; font-size:11px;}
span.newsMore a{text-decoration:underline; font-weight:bold; color:#000000; }
span.newsMore a:hover{text-decoration:none; font-weight:bold; color:#00f;}
/* 20091203 - fine modifica per news in prima pagina */

/* 20100629 - aggiunti articoli 'in evidenza' */
div.highLightDiv{ float:left;clear:left;width:100%; height:125px;border:2px solid #88bbff; color:#000000; font-weight:bold; background-color:#dbe4ff; margin-bottom:5px;}
/* titolo news */
div.highLightTit {display:table-cell; height:30px; vertical-align:middle; padding-left:10px; padding-bottom:5px;  margin-top:5px; margin-left:3px;background-image:url(/images/highlight_arrow.gif); background-repeat:no-repeat; background-position:top left;}
div.highLightTit a {text-decoration: underline; margin-top:3px; font-size:12px; font-weight:bold; color:#0033cc; padding-bottom:5px;}
div.highLightTit a:hover  { text-decoration: underline; color:#002cb0;}
div.highLightTit a:visited { text-decoration: underline; color:#002cb0;}
/* testo */
div.highLightDiv span{margin-right: 5px;}
div.highLightFoto{float:left; margin:2px 8px 0px 5px; width:70px; height:70px;vertical-align:middle;}
img.highLightFoto{width:70px;height:70px; border:1px solid #ffffff;}
span.highLightData{font-size:11px; font-style:italic; margin:0px; color:#000000;}
span.highLightMore{padding-left:0px; font-size:11px;}
span.highLightMore a{text-decoration:underline; font-weight:bold; color:#002cb0; }
span.highLightMore a:hover{text-decoration:underline; font-weight:bold; color:#f00;}
/* 20100629 - fine modifica per articoli in evidenza */

/* FORMS */
form table{text-align:left; background-color:#ebebeb;}
div#dummie{display:none;}
div.modulo{width:100%; background-color:#ebebeb; float:left; margin:0; padding:0;}
td.tratteggio{display:block; float:none; clear:both;height:11px; width:100%; background-image:url('/images/dashedline.gif'); background-repeat:repeat-x; background-position:0px 5px; }
.asterisco{color:#f00;}

/* AREA UOMO E TUV 2008 */
div.voce_laterale {
width:200px;
height:30px;
background-image:url('/images/dashedline.gif');
background-repeat:repeat-x;
background-position:left bottom;
}
div.voce_laterale a {
text-decoration:none;
color:#003399;
}
div.titolo_voce_laterale {
font-weight:bold;
color:#003399;
width:200px;
height:18px;
font-size:12px;
margin-top:9px;
}
div.wallpaperLeft{
float:left;width:275px;border:1px solid #cccccc;margin-bottom:10px;
}
div.wallpaperRight{
float:right;width:275px;border:1px solid #cccccc;margin-bottom:10px;
}

/* PRIVACY */
li.numero {margin-left: -15px; list-style-type: decimal;}
li.lettera {margin-left: -15px; list-style-type: lower-alpha;}