TemplateCITIZENnl.html
TemplateCITIZENnl.html
—
HTML,
60 kB (61546 bytes)
Contenuto del file
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- abilita le media queries per windows phone 8 -->
<meta name="format-detection" content="telephone=no"> <!-- disabilita l'auto linking in iOS -->
<title>ENEA PER LA CITIZEN SCIENZE novembre 2016</title>
<style type="text/css">
/* ---------- CLIENT-SPECIFIC STYLES ---------- */
#outlook a{padding:0;} /* Force Outlook to provide a "view in browser" message */
.ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing */
body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} /* Prevent WebKit and Windows mobile changing default text sizes */
table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing between tables in Outlook 2007 and up */
img{-ms-interpolation-mode:bicubic;} /* Allow smoother rendering of resized image in Internet Explorer */
/* ---------- RESET STYLES ---------- */
body{margin:0; padding:0;}
img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;}
table{border-collapse:collapse !important;}
body, #bodyTable, #bodyCell{height:100% !important; margin:0; padding:0; width:100% !important;}
/* ---------- TEMPLATE STYLES ---------- */
#bodyCell{padding:20px;}
#templateContainer{width:600px;}
/* ========== Page Styles ========== */
body, #bodyTable{
background-color:#358DC7;
}
#bodyCell{
border-top:4px solid #BBBBBB;
}
#templateContainer{
border:1px solid #BBBBBB;
}
h1{
color:#202020 !important;
display:block;
font-family:Helvetica;
font-size:13px;
font-style:normal;
font-weight:bold;
line-height:100%;
letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:10px;
margin-left:0;
text-align:left;
}
h2 {
color:#202020 !important;
display:block;
font-family:Helvetica;
font-size:14px;
font-style:normal;
font-weight:bold;
line-height:100%;
letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:10px;
margin-left:0;
text-align:left;
}
h3 {
color:#383838 !important;
display:block;
font-family:Helvetica, Arial, sans-serif;
font-size:13px;
font-style:normal;
font-weight:bold;
line-height:100%;
letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:5px;
margin-left:0;
text-align:left;
}
h4{
color:#202020 !important;
display:block;
font-family:Helvetica;
font-size:13px;
font-style:italic;
font-weight:bold;
line-height:100%;
letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:5px;
margin-left:0;
text-align:left;
}
/* ========== Header Styles ========== */
.preheaderContent{width:260px;}
#templatePreheader{
background-color:#FFFFFF;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #CCCCCC;
}
.leftpreheaderContent {
color:#505050;
font-family:Helvetica;
font-size:10px;
padding-top:0;
padding-bottom:5px;
text-align:left;
}
.leftpreheaderContent a:link, .leftpreheaderContent a:visited, /* Yahoo! Mail Override */ .leftpreheaderContent a .yshortcuts /* Yahoo! Mail Override */{
color:#CCCCCC;
font-weight:normal;
text-decoration:underline;
}
.rightpreheaderContent{
color:#000000;
font-family:Helvetica;
font-size:10px;
text-align:right;
}
.rightpreheaderContent a:link, .rightpreheaderContent a:visited, /* Yahoo! Mail Override */ .rightpreheaderContent a .yshortcuts /* Yahoo! Mail Override */{
color:#606060;
font-weight:normal;
text-decoration:underline;
}
#templateHeader{
background-color:#FFFFFF;
}
#headerImage{
height:auto;
max-width:600px;
}
.HeaderRifContent{width:260px;}
#templateHeaderRif {
background-color:#FFFFFF;
}
.lefHeaderRifContent {
color:#505050;
font-family:Helvetica;
font-size:14px;
text-align:left;
}
.rightHeaderRifContent{
color:#000000;
font-family:Helvetica;
font-size:12px;
text-align:right;
}
.rightHeaderRifContent a:link, .rightHeaderRifContent a:visited, /* Yahoo! Mail Override */ .rightHeaderRifContent a .yshortcuts /* Yahoo! Mail Override */{
color:#000000;
font-weight:normal;
text-decoration:underline;
}
/* ========== Divider Styles ========== */
.templateDiv {
background-color:#FFFFFF;
}
.DivImage {
height:auto;
max-width:600px;
}
/* ========== ONE COLUMNS Styles ========== */
#templateCol01 {
background-color:#FFFFFF;
}
.Col01Content {
color:#000000;
font-family:Helvetica;
font-size:13px;
line-height:130%;
text-align:left;
}
.Col01Content a:link, .Col01Content a:visited, /* Yahoo! Mail Override */ .Col01Content a .yshortcuts /* Yahoo! Mail Override */{
color:#035CB1;
font-weight:normal;
text-decoration:underline;
}
.Col01Content img{
display:inline;
height:auto;
max-width:560px;
}
/* ========== TWO Column Styles ========== */
.template02ColumnContainer{width:260px;} .template02ColumnContainer2{width:160px;} .template02ColumnContainer3{width:300px;}
#template02Columns{
background-color:#FFFFFF;
}
.left02ColumnContent{
color:#000000;
font-family:Helvetica;
font-size:13px;
line-height:130%;
text-align:left;
}
.left02ColumnContent a:link, .left02ColumnContent a:visited, /* Yahoo! Mail Override */ .left02ColumnContent a .yshortcuts /* Yahoo! Mail Override */{
color:#035CB1;
font-weight:normal;
text-decoration:underline;
}
.right02ColumnContent{
color:#000000;
font-family:Helvetica;
font-size:13px;
line-height:130%;
text-align:left;
}
.right02ColumnContent a:link, .right02ColumnContent a:visited, /* Yahoo! Mail Override */ .right02ColumnContent a .yshortcuts /* Yahoo! Mail Override */{
color:#035CB1;
font-weight:normal;
text-decoration:underline;
}
.left02ColumnContent img, .right02ColumnContent img{
display:inline;
height:auto;
max-width:260px;
}
/* ========== Three Column Styles ========== */
.template03ColumnContainer{width:200px;}
#template03Columns{
background-color:#FFFFFF;
}
.left03ColumnContent{
color:#000000;
font-family:Helvetica;
font-size:13px;
line-height:130%;
text-align:left;
}
.left03ColumnContent a:link, .left03ColumnContent a:visited, /* Yahoo! Mail Override */ .left03ColumnContent a .yshortcuts /* Yahoo! Mail Override */{
color:#035CB1;
font-weight:normal;
text-decoration:underline;
}
.center03ColumnContent{
color:#000000;
font-family:Helvetica;
font-size:13px;
line-height:130%;
text-align:left;
}
.center03ColumnContent a:link, .center03ColumnContent a:visited, /* Yahoo! Mail Override */ .center03ColumnContent a .yshortcuts /* Yahoo! Mail Override */{
color:#035CB1;
font-weight:normal;
text-decoration:underline;
}
.right03ColumnContent{
color:#000000;
font-family:Helvetica;
font-size:13px;
line-height:130%;
text-align:left;
}
.right03ColumnContent a:link, .right03ColumnContent a:visited, /* Yahoo! Mail Override */ .right03ColumnContent a .yshortcuts /* Yahoo! Mail Override */{
color:#035CB1;
font-weight:normal;
text-decoration:underline;
}
.left03ColumnContent img, .right03ColumnContent img{
display:inline;
height:auto;
max-width:260px;
}
/* ========== TWO COLUMNS IMG LEFT TEXT RIGHT ========== */
#template2ColSXimg{
background-color:#FFFFFF;
}
.Col2imgSX{
color:#000000;
font-family:Helvetica;
font-size:13px;
line-height:130%;
text-align:left;
}
.Col2imgSX a:link, .Col2imgSX a:visited, /* Yahoo! Mail Override */
.Col2imgSX a .yshortcuts /* Yahoo! Mail Override */{
color:#606060;
font-weight:normal;
text-decoration:underline;
}
/* ======== VIDEO FOTO NEWS TWO Column Styless ======== */
.templateVF02ColumnContainer{width:260px;}
#templateVF02Columns{
background-color:#FFFFFF;
}
.leftVF02ColumnContent{
color:#000000;
font-family:Helvetica;
font-size:13px;
line-height:130%;
text-align:left;
}
.leftVF02ColumnContent a:link, .leftVF02ColumnContent a:visited, /* Yahoo! Mail Override */ .leftVF02ColumnContent a .yshortcuts /* Yahoo! Mail Override */{
color:#035CB1;
font-weight:normal;
text-decoration:underline;
}
.rightVF02ColumnContent{
color:#505050;
font-family:Helvetica;
font-size:13px;
line-height:130%;
text-align:left;
}
.rightVF02ColumnContent a:link, .rightVF02ColumnContent a:visited, /* Yahoo! Mail Override */ .rightVF02ColumnContent a .yshortcuts /* Yahoo! Mail Override */{
color:#035CB1;
font-weight:normal;
text-decoration:underline;
}
.leftVF02ColumnContent img, .rightVF02ColumnContent img {
display:inline;
height:auto;
max-width:260px;
}
/* ======== Three buttons ======== */
.templateImgbuttonsContainer {width:200px;}
#template3Imgbuttons {
background-color:#FFFFFF;
}
.templateImgbuttonsContainer img{
display:inline;
height:auto;
max-width:260px;
}
/* ========== Footer Styles ========== */
.footerContent{width:260px;}
#templateFooter{
background-color:#F4F4F4;
border-bottom:1px solid #CCCCCC;
}
.leftfooterContent {
color:#505050;
font-family:Helvetica;
font-size:10px;
padding-top:0;
padding-bottom:5px;
text-align:left;
}
.leftfooterContent a:link, .leftfooterContent a:visited, /* Yahoo! Mail Override */ .leftfooterContent a .yshortcuts /* Yahoo! Mail Override */{
color:#CCCCCC;
font-weight:normal;
text-decoration:underline;
}
.leftfooterContent img {
display:inline;
height:auto;
max-width:260px;
}
. rightfooterContent {
color:#000000;
font-family:Helvetica;
font-size:10px;
text-align:left;
}
.rightfooterContent a:link, .rightfooterContent a:visited, /* Yahoo! Mail Override */ .rightfooterContent a .yshortcuts /* Yahoo! Mail Override */{
color:#035CB1;
font-weight:normal;
text-decoration:underline;
}
/*======================================== MOBILE STYLES ======================================== */
@media only screen and (max-width: 480px){
/* ---------- CLIENT-SPECIFIC MOBILE STYLES ------------- */
body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:none !important;} /* Prevent Webkit platforms from changing default text sizes */
body{width:100% !important; min-width:100% !important;} /* Prevent iOS Mail from adding padding to the body */
/* ---------- MOBILE RESET STYLES ---------- */
#bodyCell{padding:10px !important;}
/* -------- MOBILE TEMPLATE STYLES ---------- */
/* ======== Page Styles ======== */
#templateContainer{
max-width:600px !important;
width:100% !important;
}
h1{
font-size:14px !important;
line-height:100% !important;
}
h2{
font-size:14px !important;
line-height:100% !important;
}
h3{
font-size:13px !important;
line-height:100% !important;
}
h4{
font-size:13px !important;
line-height:100% !important;
}
/* ======== Header Styles ======== */
.preheaderContent{display:block !important; width:100% !important;}
.leftpreheaderContent {
font-size:12px !important;
line-height:125% !important;
text-align:center !important;
}
.rightpreheaderContent{
font-size:12px !important;
line-height:125% !important;
text-align:center !important;
}
#headerImage{
height:auto !important;
max-width:600px !important;
width:100% !important;
}
.HeaderRifContent{display:block !important; width:100% !important;}
.lefHeaderRifContent{
font-size:12px !important;
text-align:center !important;
}
.rightHeaderRifContent{
font-size:12px !important;
text-align:center !important;
}
/* ======== DIVIDER Styles ======== */
.DivImage {
height:auto !important;
max-width:600px !important;
width:100% !important;
}
/* ======== BUTTON Styles ======== */
.emailButton{
max-width:600px !important;
width:100% !important;
}
.emailButton a {
display:block !important;
font-size:14px !important;
}
/* ======== ONE COLUMNS Styles ======== */
#Col01Image{
height:auto !important;
max-width:560px !important;
width:100% !important;
}
.Col01Content{
font-size:14px !important;
line-height:125% !important;
}
/* ======== TWO Column Styles ======== */
.template02ColumnContainer {display:block !important; width:90% !important; padding:20px!important;}
.template02ColumnContainer2 {display:block !important; width:90% !important; padding:20px!important;}
.template02ColumnContainer3 {display:block !important; width:90% !important; padding:20px!important;}
.column02Image {
height:auto !important;
max-width:480px !important;
width:100% !important;
}
.left02ColumnContent{
font-size:13px !important;
line-height:125% !important;
}
.right02ColumnContent{
font-size:13px !important;
line-height:125% !important;
}
/* ======== THREE Column Styles ======== */
.template03ColumnContainer{display:block !important; width:90% !important; padding:20px!important;}
.column03Image {
height:auto !important;
max-width:480px !important;
width:100% !important;
}
.left03ColumnContent{
font-size:13px !important;
line-height:125% !important;
}
.center03ColumnContent{
font-size:13px !important;
line-height:125% !important;
}
.right03ColumnContent{
font-size:13px !important;
line-height:125% !important;
}
/* ======== TWO columns IMG sx text dx Styles ======== */
#template2ColSXimg img {display:none !important;} /*Hide the template preheader to save space */
.ImgSXCol2{
height:auto !important;
max-width:480px !important;
width:100% !important;
}
/* ======== VIDEO FOTO NEWS TWO Column Styles ======== */
.templateVF02ColumnContainer {display:block !important; width:90% !important; padding:20px!important;}
.leftVF02ColumnContent{
font-size:13px !important;
line-height:125% !important;
}
.rightVF02ColumnContent{
font-size:13px !important;
line-height:125% !important;
}
.rightVF02ColumnContent{
font-size:13px !important;
line-height:125% !important;
}
/* ======== per i tre botton ======== */
.templateImgbuttonsContainer{display:block !important; width:100% !important;}
.column3Imgbutton {
height:auto !important;
max-width:480px !important;
width:50% !important;
}
/* ======== Footer Styles ======== */
.footerContent {display:block !important; width:100% !important;}
.leftfooterContent {
font-size:12px !important;
line-height:125% !important;
text-align:center !important;
}
. rightfooterContent {
font-size:12px !important;
line-height:125% !important;
text-align:center !important;
}
</style>
</head>
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0">
<center>
<table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable" bgcolor="#358DC7">
<tbody>
<tr>
<td align="center" valign="top" id="bodyCell">
<!-- BEGIN TEMPLATE // -->
<table border="0" cellpadding="0" cellspacing="0" id="templateContainer" width="600" bgcolor="#FFFFFF">
<tbody>
<!-- FB - BROWSER COLUMNS -->
<tr>
<td align="center" valign="top">
<!-- PREHEADER COLUMNS // -->
<table border="0" cellpadding="10" cellspacing="0" width="100%" id="templatePreheader">
<tbody>
<tr>
<td align="center" valign="top" class="preheaderContent" style="padding-top:10px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td valign="top" class="leftpreheaderContent">
<span><a href="https://www.facebook.com/telodicemonica" title="Seguici su facebook" target="_blank" style="color:#383838; text-decoration:underline">
<img src="http://www.citizenscience.enea.it/Newsletter/img/facebook.jpg" border="0" alt="Seguici su facebook" width="25" height="25" hspace="0" vspace="0" style="max-width:100%; color: #666666; font-family: Helvetica, arial, sans-serif; font-size: 13px; width: 25px; height: 25px;"></a></span>
<span><a href="https://twitter.com/telodicemonica" title="Seguici su twitter" target="_blank" style="color:#383838; text-decoration:underline">
<img src="http://www.citizenscience.enea.it/Newsletter/img/twitter.jpg" border="0" alt="Seguici su twitter" width="25" height="25" hspace="0" vspace="0" style="max-width:100%; color: #666666; font-family: Helvetica, arial, sans-serif; font-size: 13px; width: 25px; height: 25px;"></a></span>
<span><a href="https://www.youtube.com/user/ENEANEWS" title="Seguici su youtube" target="_blank" style="color:#383838; text-decoration:underline">
<img src="http://www.citizenscience.enea.it/Newsletter/img/youtube.jpg" border="0" alt="Seguici su youtube" width="25" height="25" hspace="0" vspace="0" style="max-width:100%; color: #666666; font-family: Helvetica, arial, sans-serif; font-size: 13px; width: 25px; height: 25px;"></a></span>
<span><a href="#" title="Supportaci su Eppela" target="_blank" style="color:#383838; text-decoration:underline">
<img src="http://www.citizenscience.enea.it/Newsletter/img/SupportacisuEppela.jpg" border="0" alt="Seguici su youtube" width="25" height="25" hspace="0" vspace="0" style="max-width:100%; color: #666666; font-family: Helvetica, arial, sans-serif; font-size: 13px; width: 25px; height: 25px;"></a></span>
</td>
</tr>
</tbody>
</table>
</td>
<td align="center" valign="top" class="preheaderContent" style="padding-top:20px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td valign="top" class="rightpreheaderContent FixedTextSmall" align="right" style="font-family:Helvetica, Arial, sans-serif;font-size:11px;line-height:20px;text-align:right;color:#333333;">
<div>Se non visualizzi correttamente <a href="#" target="_blank">apri nel browser</a></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- // END SOCIAL - BROWSER COLUMNS -->
<!-- HEADER COLUMN -->
<tr>
<td align="center" valign="top">
<!-- BEGIN HEADER // -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateHeader">
<tbody>
<tr>
<td valign="top" class="headerContent">
<img src="http://www.citizenscience.enea.it/Newsletter/img/bannercitizen.jpg" style="max-width:600px;" id="headerImage" />
</td>
</tr>
</tbody>
</table>
<!-- // END HEADER -->
</td>
</tr>
<!-- HEADER RIF COLUMNS -->
<tr>
<td align="center" valign="top">
<!-- HEADER RIF COLUMNS // -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateHeaderRif">
<tbody>
<tr>
<td align="center" valign="top" class="HeaderRifContent">
<table border="0" cellpadding="5" cellspacing="0" width="100%">
<tbody>
<tr>
<td valign="top" class="lefHeaderRifContent">
<div class="GeneralText" style="font-family:Helvetica, Arial, sans-serif;font-size:14px;font-weight:300;color:#000000;"><span style="font-family:Helvetica, Arial, sans-serif;font-size:13px;line-height:12px; color:#000000;">16 novembre 2016</span></div>
</td>
</tr>
</tbody>
</table>
</td>
<td align="center" valign="top" class="preheaderContent">
<table border="0" cellpadding="5" cellspacing="0" width="100%">
<tbody>
<tr>
<td valign="top" class="rightHeaderRifContent" align="right">
<div class="col-copy GeneralText externalLink" style="font-family:Helvetica, Arial, sans-serif;font-size:13px;line-height:12px; color:#000000;"> </div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- // END HEADER RIF COLUMNS -->
</td>
</tr>
<!-- DIV COLUMN -->
<tr>
<td align="center" valign="top">
<!-- BEGIN DIV // -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="templateDiv">
<tbody>
<tr>
<td valign="top" class="DivContent">
<img src="http://www.enea.it/it/eneainforma/immagini/divider.jpg" style="max-width:600px;" class="DivImage" />
</td>
</tr>
</tbody>
</table>
<!-- // END DIV -->
</td>
</tr>
<!-- ONE COLUMNS -->
<tr>
<td align="center" valign="top">
<!-- BEGIN ONE COLUMNS // -->
<table border="0" cellpadding="20" cellspacing="0" width="100%" id="templateCol01">
<tbody>
<tr>
<td align="center" class="Col01Content" style="padding-top:0; padding-bottom:0;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td>
<a href="#" target="_blank" style="color:#000000; font-family:Helvetica, Arial, sans-serif; font-size:12px; text-decoration:none;">
<img src="http://www.citizenscience.enea.it/Newsletter/img/MonicaSmogTracker.jpg" alt="ENEA Monica Smog Tracker" style="max-width:560px;" id="Col01Image" />
</a>
</td>
</tr>
<tr>
<td valign="top" class="Col01Content GeneralText" style="padding-top:5px;">
<h3 class="GeneralText" style="font-family:Helvetica, Arial, sans-serif;font-size:13px;font-weight:600;color:#383838;">TTITOLO NOTIZIA</h3>
<div class="GeneralText" style="font-family:Helvetica, Arial, sans-serif;font-size:13px;line-height:16px;text-align:left;color:#333333;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. <span class="externalLink"><a href="#" target="_blank">Nunc posuere nisi mauris</a></span>, eu gravida ex euismod et. Integer vulputate finibus tempor. Ut lacinia semper enim, vitae blandit arcu mattis tincidunt. Mauris consequat placerat est, quis cursus nulla consequat non <span class="externalLink"><a href="http://kb.mailchimp.com/article/how-do-i-work-with-repeatable-content-blocks" target="_blank" title="leggi la notizia completa"><em>leggi tutto</em></a></span></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- // END ONE COLUMNS -->
</td>
</tr>
<!-- DIV COLUMN -->
<tr>
<td align="center" valign="top">
<!-- BEGIN DIV // -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="templateDiv">
<tbody>
<tr>
<td valign="top" class="DivContent">
<img src="http://www.enea.it/it/eneainforma/immagini/divider.jpg" style="max-width:600px;" class="DivImage" />
</td>
</tr>
</tbody>
</table>
<!-- // END DIV -->
</td>
</tr>
<!-- TWO COLLUMNS -->
<tr>
<td align="center" valign="top">
<table border="0" cellpadding="20" cellspacing="0" width="100%" id="template02Columns">
<tbody>
<tr>
<td align="center" valign="top" class="template02ColumnContainer" style="padding-top:5px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="left02ColumnContent">
<a href="#" target="_blank" style="color:#000000; font-family:Helvetica, Arial, sans-serif; font-size:12px; text-decoration:none;">
<img src="http://old.enea.it/ENEAinforma/img/duecol_260px.png" alt="nome immagine" style="max-width:260px;" class="column02Image" />
</a>
</td>
</tr>
<tr>
<td valign="top" class="left02ColumnContent GeneralText" style="padding-top:5px;">
<h3 class="GeneralText" style="font-family:Helvetica, Arial, sans-serif;font-size:13px;font-weight:600;color:#383838;">Titolo notizia</h3>
<div class="GeneralText" style="font-family:Helvetica, Arial, sans-serif;font-size:13px;line-height:16px;text-align:left;color:#333333;"><span class="externalLink"><a href="#" target="_blank">Lorem ipsum</a></span> dolor sit amet, consectetur adipiscing elit. Nunc posuere nisi mauris, eu gravida ex euismod et. Integer vulputate finibus tempor <span class="externalLink"><a href="http://kb.mailchimp.com/article/how-do-i-work-with-repeatable-content-blocks" target="_blank" title="leggi la notizia completa"><em>leggi tutto</em></a></span></div>
</td>
</tr>
</tbody>
</table>
</td>
<td align="center" valign="top" class="template02ColumnContainer" style="padding-top:5px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="right02ColumnContent">
<a href="#" target="_blank" style="color:#000000; font-family:Helvetica, Arial, sans-serif; font-size:12px; text-decoration:none;">
<img src="http://old.enea.it/ENEAinforma/img/duecol_260px.png" alt="nome immagine" style="max-width:260px;" class="column02Image" />
</a>
</td>
</tr>
<tr>
<td valign="top" class="right02ColumnContent GeneralText" style="padding-top:5px;">
<h3 class="GeneralText" style="font-family:Helvetica, Arial, sans-serif;font-size:13px;font-weight:600;color:#383838;">Titolo notizia</h3>
<div class="GeneralText" style="font-family:Helvetica, Arial, sans-serif;font-size:13px;line-height:16px;text-align:left;color:#333333;"><span class="externalLink"><a href="#" target="_blank">Lorem ipsum</a></span> dolor sit amet, consectetur adipiscing elit. Nunc posuere nisi mauris, eu gravida ex euismod et. Integer vulputate finibus tempor <span class="externalLink"><a href="http://kb.mailchimp.com/article/how-do-i-work-with-repeatable-content-blocks" target="_blank" title="leggi la notizia completa"><em>leggi tutto</em></a></span></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- // END TWO COLUMNS -->
<!-- DIV COLUMN -->
<tr>
<td align="center" valign="top">
<!-- BEGIN DIV // -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="templateDiv">
<tbody>
<tr>
<td valign="top" class="DivContent">
<img src="http://www.enea.it/it/eneainforma/immagini/divider.jpg" style="max-width:600px;" class="DivImage" />
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- // END DIV -->
<!-- THREE COLUMNS -->
<tr>
<td align="center" valign="top">
<!-- BEGIN THREE COLUMNS // -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="template03Columns">
<tbody>
<tr>
<td align="center" valign="top" class="template03ColumnContainer">
<!-- 1 TAB -->
<table border="0" cellpadding="20" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="left03ColumnContent">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td align="center"><a href="#" target="_blank" style="color:#000000; font-family:Helvetica, Arial, sans-serif; font-size:12px; text-decoration:none;">
<img src="http://old.enea.it/ENEAinforma/img/trecol_160px.png" alt="nome immagine" style="max-width:160px;" class="column03Image" /></a>
</td>
</tr>
<tr>
<td class="GeneralText" style="padding-top:5px;">
<h3 class="GeneralText" style="font-family:Helvetica, Arial, sans-serif;font-size:13px;font-weight:600;color:#383838;">Titolo</h3>
<div class="GeneralText" style="font-family:Helvetica, Arial, sans-serif;font-size:13px;line-height:16px;text-align:left;color:#333333;"><span class="externalLink"><a href="http://kb.mailchimp.com/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">Lorem ipsum</a></span> dolor sit amet, consectetur adipiscing elit. Nunc posuere nisi mauris, eu gravida ex euismod et. Integer vulputate finibus tempor <span class="externalLink"><a href="http://kb.mailchimp.com/article/how-do-i-work-with-repeatable-content-blocks" target="_blank" title="leggi la notizia completa"><em>leggi tutto</em></a></span></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
<td align="center" valign="top" class="template03ColumnContainer">
<!-- 2 TAB -->
<table border="0" cellpadding="20" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="center03ColumnContent">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td align="center"><a href="#" target="_blank" style="color:#000000; font-family:Helvetica, Arial, sans-serif; font-size:12px; text-decoration:none;">
<img src="http://old.enea.it/ENEAinforma/img/trecol_160px.png" alt="nome immagine" style="max-width:160px;" class="column03Image" /></a></td>
</tr>
<tr>
<td class="GeneralText" style="padding-top:5px;">
<h3 class="GeneralText" style="font-family:Helvetica, Arial, sans-serif;font-size:13px;font-weight:600;color:#383838;">Titolo</h3>
<div class="GeneralText" style="font-family:Helvetica, Arial, sans-serif;font-size:13px;line-height:16px;text-align:left;color:#333333;"><span class="externalLink"><a href="http://kb.mailchimp.com/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">Lorem ipsum</a></span> dolor sit amet, consectetur adipiscing elit. Nunc posuere nisi mauris, eu gravida ex euismod et. Integer vulputate finibus tempor <span class="externalLink"><a href="http://kb.mailchimp.com/article/how-do-i-work-with-repeatable-content-blocks" target="_blank" title="leggi la notizia completa"><em>leggi tutto</em></a></span></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
<td align="center" valign="top" class="template03ColumnContainer">
<!-- 3 TAB -->
<table border="0" cellpadding="20" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="right03ColumnContent">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td align="center">
<a href="#" target="_blank" style="color:#000000; font-family:Helvetica, Arial, sans-serif; font-size:12px; text-decoration:none;">
<img src="http://old.enea.it/ENEAinforma/img/trecol_160px.png" alt="nome immagine" style="max-width:160px;" class="column03Image" /></a>
</td>
</tr>
<tr>
<td class="GeneralText" style="padding-top:5px;">
<h3 class="GeneralText" style="font-family:Helvetica, Arial, sans-serif;font-size:13px;font-weight:600;color:#383838;">Titolo</h3>
<div class="GeneralText" style="font-family:Helvetica, Arial, sans-serif;font-size:13px;line-height:16px;text-align:left;color:#333333;"><span class="externalLink"><a href="http://kb.mailchimp.com/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">Lorem ipsum</a></span> dolor sit amet, consectetur adipiscing elit. Nunc posuere nisi mauris, eu gravida ex euismod et. Integer vulputate finibus tempor <span class="externalLink"><a href="http://kb.mailchimp.com/article/how-do-i-work-with-repeatable-content-blocks" target="_blank" title="leggi la notizia completa"><em>leggi tutto</em></a></span></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- // END THREE COLUMNS -->
<!-- DIV COLUMN -->
<tr>
<td align="center" valign="top">
<!-- BEGIN DIV // -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="templateDiv">
<tbody>
<tr>
<td valign="top" class="DivContent">
<img src="http://www.enea.it/it/eneainforma/immagini/divider.jpg" style="max-width:600px;" class="DivImage" />
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- // END DIV -->
<!-- TWO COLLUMNS -->
<tr>
<td align="center" valign="top">
<table border="0" cellpadding="20" cellspacing="0" width="100%" id="template02Columns">
<tbody>
<tr>
<td align="center" valign="top" class="template02ColumnContainer2" style="padding-top:5px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="left02ColumnContent">
<a href="#" target="_blank" style="color:#000000; font-family:Helvetica, Arial, sans-serif; font-size:12px; text-decoration:none;">
<img src="http://old.enea.it/ENEAinforma/img/trecol_160px.png" alt="nome immagine" style="max-width:160px;" class="column02Image" />
</a>
</td>
</tr>
</tbody>
</table>
</td>
<td align="center" valign="top" class="template02ColumnContainer3" style="padding-top:5px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td valign="top" class="right02ColumnContent2 GeneralText" style="padding-top:5px;">
<h3 class="GeneralText" style="font-family:Helvetica, Arial, sans-serif;font-size:13px;font-weight:600;color:#383838;">ttttt</h3>
<div class="GeneralText" style="font-family:Helvetica, Arial, sans-serif;font-size:13px;line-height:16px;text-align:left;color:#333333;"><span class="externalLink"><a href="#" target="_blank">Lorem ipsum ipsum dlor sic amet eccetera ecceteraa</a></span> </div>
<div class="GeneralText" style="font-family:Helvetica, Arial, sans-serif;font-size:13px;line-height:16px;text-align:left;color:#333333;"><span class="externalLink"><a href="#" target="_blank">Lorem ipsum ipsum dlor sic amet eccetera ecceteraa</a></span> </div>
<div class="GeneralText" style="font-family:Helvetica, Arial, sans-serif;font-size:13px;line-height:16px;text-align:left;color:#333333;"><span class="externalLink"><a href="#" target="_blank">Lorem ipsum ipsum dlor sic amet eccetera ecceteraa</a></span> </div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- // END TWO COLUMNS -->
<!-- DIV COLUMN -->
<tr>
<td align="center" valign="top">
<!-- BEGIN DIV // -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="templateDiv">
<tbody>
<tr>
<td valign="top" class="DivContent">
<img src="http://www.enea.it/it/eneainforma/immagini/divider.jpg" style="max-width:600px;" class="DivImage" />
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- // END DIV -->
<!-- VIDEO e FOTO NEWS TWO COLLUMNS -->
<tr>
<td align="center" valign="top">
<!-- BEGIN VF TWO COLUMNS // -->
<table border="0" cellpadding="20" cellspacing="0" width="100%" id="templateVF02Columns">
<tbody>
<tr>
<td align="center" valign="top" class="templateVF02ColumnContainer" style="padding-top:5px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="leftVF02ColumnContent">
<a href="#" target="_blank" style="color:#000000; font-family:Helvetica, Arial, sans-serif; font-size:12px; text-decoration:none;">
<img src="http://old.enea.it/ENEAinforma/img/duecol_260px.png" alt="nome immagine" style="max-width:260px;" class="column02Image" /></a>
</td>
</tr>
<tr>
<td valign="top" class="leftVF02ColumnContent GeneralText" style="padding-top:0;">
<div class="GeneralText" style="font-family:Helvetica, Arial, sans-serif;font-size:13px;line-height:16px;text-align:left;color:#333333;"><span class="externalLink"><a href="http://kb.mailchimp.com/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">Lorem ipsum</a></span> dolor sit amet, consectetur adipiscing elit. Nunc posuere nisi mauris, eu gravida ex euismod et. Integer vulputate finibus tempor</div>
</td>
</tr>
</tbody>
</table>
</td>
<td align="center" valign="top" class="templateVF02ColumnContainer" style="padding-top:5px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="rightVF02ColumnContent GeneralText">
<a href="#" target="_blank" style="color:#000000; font-family:Helvetica, Arial, sans-serif; font-size:12px; text-decoration:none;">
<img src="http://old.enea.it/ENEAinforma/img/duecol_260px.png" alt="nome immagine" style="max-width:260px;" class="column02Image" /></a>
</td>
</tr>
<tr>
<td valign="top" class="rightVF02ColumnContent" style="padding-top:0;">
<div class="GeneralText" style="font-family:Helvetica, Arial, sans-serif;font-size:13px;line-height:16px;text-align:left;color:#333333;"><span class="externalLink"><a href="http://kb.mailchimp.com/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">Lorem ipsum</a></span> dolor sit amet, consectetur adipiscing elit. Nunc posuere nisi mauris, eu gravida ex euismod et. Integer vulputate finibus tempor</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- // ENDVF TWO COLUMNS -->
<!-- DIV COLUMN -->
<tr>
<td align="center" valign="top">
<!-- BEGIN DIV // -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="templateDiv">
<tbody>
<tr>
<td valign="top" class="DivContent">
<img src="http://www.enea.it/it/eneainforma/immagini/divider.jpg" style="max-width:600px;" class="DivImage" />
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- // END DIV -->
<!-- FOOTER LOGO ENEA CONTATTI -->
<tr>
<td align="center" valign="top">
<!-- PREHEADER COLUMNS // -->
<table border="0" cellpadding="10" cellspacing="0" width="100%" id="templateFooter">
<tbody>
<tr>
<td align="center" valign="top" class="footerContent" style="padding-top:10px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td valign="top" class="leftfooterContent">
<a href="http://www.citizenscience.enea.it" target="_blank" style="color:#000000; font-family:Helvetica, Arial, sans-serif; font-size:12px; text-decoration:none;">
<img src="http://www.citizenscience.enea.it/Newsletter/img/ENEA.png" alt="ENEA per la citizen science" style="max-width:260px;" class="column02Image" /></a>
</td>
</tr>
</tbody>
</table>
</td>
<td align="center" valign="top" class="footerContent" style="padding-top:20px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td valign="top" class="rightfooterContent FixedTextSmall" align="left" style="font-family:Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;text-align:left;color:#333333;">
<div class="GeneralText" style="font-family:Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;text-align:left;color:#333333;">Per contattarci: <span class="externalLink"><a href="mailto:citizenscience@enea.it" target="_blank">citizenscience@enea.it</a></span></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- // END FOOTER LOGO ENEA CONTATTI -->
</tbody>
</table>
<!-- // END TEMPLATE -->
</td>
</tr>
</tbody>
</table>
</center>
</body>
</html>