<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html hola_ext_inject="disabled" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<meta content="width=device-width" name="viewport" />
<style type="text/css">
/* Email Template Styles */
/* /\/\/\/\/\/\/\/\/ CLIENT-SPECIFIC STYLES /\/\/\/\/\/\/\/\/ */
.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 */
#outlook a{padding:0;} /* Force Outlook to provide a "view in browser" message */
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 */
body, table, td, p, a, li, span, blockquote{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} /* Prevent WebKit and Windows mobile changing default text sizes */
/* /\/\/\/\/\/\/\/\/ RESET STYLES /\/\/\/\/\/\/\/\/ */
body{
margin:0;
padding:0;
}
img{
border:0 none;
height:auto;
line-height:100%;
outline:none;
text-decoration:none;
}
a{
text-decoration: none;
outline: none;
}
a img{
border:0 none;
}
table, td {
border-collapse:collapse !important;
}
table {
background-color: transparent;
border-top: 0;
border-bottom: 0;
line-height:150%;
max-width: 600px !important;
}
tbody, td {
padding: 0;
margin: 0;
vertical-align: top;
}
tr, img, p, h2 {
margin: 0;
padding: 0;
}
/* END RESET STYLES */
/* HERE STARTS THE STYLES THAT ARE ALSO INLINE */
table#template {
margin:0 auto; padding:0; width:100% !important; max-width: 600px !important;}
table#template > tbody{
/* only affect the first tbody on first level so that it doesn't affect all the tbody descendants*/
color: #606060;
font-size: 15px;
}
table.container{
width: 600px !important;
}
table#template{
font-family: helvetica;
text-align:left;
}
/* END*/
/* Responsive */
@media only screen and (max-width: 480px){
td.container-column {
display: block !important;
width: 100% !important;
margin: auto !important;
}
}
@media only screen and (max-width: 600px){
img {
width: 100% !important;
}
table.component {
width: 100% !important;
}
table.container {
width: 100% !important;
}
}
@media only screen and (max-width: 600px){
.social-component img {
width: auto !important;
}
} </style>
</head>
<body>
<table align="center" class="template" id="template" style="border-spacing:0px; font-family:helvetica; text-align:center; width:600px">
<!-- EDITOR-CONTENT-BEGIN -->
<tbody link-color="#606060" style="color: rgb(96, 96, 96); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-left-color: rgb(0, 0, 0); border-top-left-radius: 0px 0px; border-top-right-radius: 0px 0px; border-bottom-right-radius: 0px 0px; border-bottom-left-radius: 0px 0px; display: block; font-family: Helvetica; background-color: rgb(255, 255, 255); " title-color="#000000">
<tr bgcolor="Transparent" class="ui-droppable">
<td style="padding: 0px">
<table border="0" cellpadding="0" cellspacing="0" class="container" id="3" style="width:600px">
<tbody>
<tr>
<td class="container-column ui-droppable" style="width:100%;max-width:600px;vertical-align:top">
<font color="black" size="1">Reserva tu Vuvuzela para la Eurocopa antes de que se agoten | <a href="http://mailings.bocingol.com/m/4/39/16963/">Ver mail en el navegador</a></font>
<table border="0" cellpadding="0" cellspacing="0" class="component image-component" i18n="" id="35" style="width:100%">
<tbody style="display: block; border: 0px none rgb(96, 96, 96); border-radius: 0px; background-color: rgba(0, 0, 0, 0);">
<tr bgcolor="Transparent" style="display: inherit; ">
<td style="line-height: 0; display: inherit; padding-top: 20px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; text-align: center; ">
<img alt="Bocingol Pack Especial Eurocopa" src="http://mailings.bocingol.com/img/bocingol_flyer_cap.jpg" style="height: 59px; width: 600px;" title="Boncingol Pack Especial Eurocopa" /> <img alt="Bocingol Pack Especial Eurocopa" src="http://mailings.bocingol.com/img/bocingol_flyer_cos.jpg" style="height: 397px; width: 600px;" title="Boncingol Pack Especial Eurocopa" /> <a href="http://mailings.bocingol.com/l/39/16963/aHR0cDovL3d3dy5ib2NpbmdvbC5jb20vZXMvcHJvZHVjdG86Q29zLzEvb2ZlcnRhcy9wYWNrLWV1cm9jb3BhLzE1/" target="_blank"><img alt="Bocingol Pack Especial Eurocopa" src="http://mailings.bocingol.com/img/bocingol_flyer_lnk.jpg" style="height: 55px; width: 600px;" title="Boncingol Pack Especial Eurocopa" /></a></td>
</tr>
</tbody>
</table>
<font color="grey" size="1"><a href="http://mailings.bocingol.com/baixa/16963/833fe0301e009cb1df904bd779c422e1">Darme de baja</a></font></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr bgcolor="Transparent" class="ui-droppable">
<td style="padding: 0px">
<table border="0" cellpadding="0" cellspacing="0" class="container" id="30" style="width:600px">
<tbody>
</tbody>
</table>
</td>
</tr>
</tbody>
<!-- EDITOR-CONTENT-END -->
</table>
</body>
</html>
<img src="http://mailings.bocingol.com/s/39/16963/none.gif" style="border: 0pt none;">