Hi all,

I'm fighting with Outlook conditionals in the header css and after trying many options (also targeting to each version) this is the only one working fixing 2000, 2002, 2003, 2011, 2016 BUT NOT 2007, 2010, 2011, 2013, 2016...

How can I fix this please? Thanks!


<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>WiZink ::: Tarjetas</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="format-detection" content="telephone=no">
  <style type="text/css">
      body {width: 100%; background-color: #ffffff; margin:0; padding:0; -webkit-font-smoothing: antialiased;}
    html {width: 100%;margin:0; padding:0;}

    table {border-collapse:separate;}
    a, a:link, a:visited {color: #000000} 
    h2,h2 a,h2 a:visited,h3,h3 a,h3 a:visited,h4,h5,h6,.t_cht {color:#000 !important}
    .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td {line-height: 100%}

    .ExternalClass {width: 100%;}
    /* iPad Text Smoother */
        div, p, a, li, td { -webkit-text-size-adjust:none; }

        a[x-apple-data-detectors]{
          color:inherit !important;
          text-decoration:none !important;
          font-size:inherit !important;
          font-family:inherit !important;
          font-weight: inherit !important;
          line-height:inherit !important;
        }
      @media only screen and (min-width: 700px){ 
        table[class=tabla-madre] {
          width: 700px !important;
      }
      #rrss{
          display:block;
          float:left;
          }   
    }
    @media only screen and (max-width: 700px){    
      table[class=tabla-madre] {
          width: 100%;
      }  
      }
      @media only screen and (max-width: 450px){ 
    table[class=clic] {
        width: 100%;
        text-align: center !important;            
      } 
      #siguenos{
          text-align:center !important;
          }
      #rrss{
          float: none !important;
          margin-left:auto;
          margin-right:auto;
          }
      td[class=abajo] {
        background-color:#152A69 !important;
        color:#ffffff !important;           
      }    
      td[class=disclaimer] {
           font-size: 8px !important;           
      }
      td[class=lateral] {
           width:0px !important;
        background-color:transparent !important;           
      }    
      td[class=abajo] {
           height:0px !important;
        background-color:transparent !important;           
      } 
      }
      @media only screen and (max-width: 375px){ 
      table[class=col] {
          width: 100% !important;
          float: none;  
      } 
      td[class=blank] {
          height:25px;
      }      
      }     
  </style>
<!--[if !mso 9]><!-->
<style>
table[class=tabla-madre] {
          width: 700px !important;
      }
</style>
<!--<![endif]-->

</head>

<body>


<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="tabla-madre" style="max-width: 700px;">
  <tbody>
    <tr>
      <td>
        <table width="27%" align="left" cellspacing="0" cellpadding="0" border="0" class="clic" style="padding:5px 0px 5px 0px;">
          <tr>
              <td style="font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000;">
      Comunicación informativa</td>
          </tr>
        </table>

        <table width="70%" align="right" cellspacing="0" cellpadding="0" border="0" class="clic" style="text-align: right; padding:5px 0px 5px 0px;">
          <tr>
              <td style="font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000;">
      Si no puedes ver este email, <a href="index.htm" target="_blank" style="color:#00C6C5;">haz clic aquí</a>.
                </td>
          </tr>
        </table>

      </td>
    </tr>
    <tr>
      <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tbody>
          <tr>
            <td width="26" rowspan="6" bgcolor="#00C6C5" class="lateral"></td>
            <td bgcolor="#00C6C5"><img src="http://www.patriciaperibanez.com/online/wizink/cards/due-date/images/cabecera.gif" width="100%" alt="WiZink Tu banco senZillo"/></td>
            <td width="26" rowspan="6" bgcolor="#00C6C5" class="lateral"></td>
          </tr>
          <tr>
            <td><img src="http://www.patriciaperibanez.com/online/wizink/cards/due-date/images/titular.jpg" width="100%" alt="Este año sin excusas, ¡vamos de rebajas!" style="display:block;"></td>
            </tr>
          <tr>
            <td style="font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; padding:25px;">              
              Hola,<br><br>

A partir de ahora, el cargo del recibo de tu tarjeta será siempre <font color="#00C6C5"><strong>el último día laborable del mes.</strong></font><br><br>

Así podrás hacer tus cálculos para que tos pagos estén controlados.�<br>
<font color="#152A69">Genial, ¿verdad? <strong>¡Pues a seguir disfrutando de tu tarjeta!</strong></font></td>
          </tr>
          <tr>
            <td><table width="100%" border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td colspan="2" bgcolor="#E0DED8" style="padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:16px; text-align:center;"><strong><font color="#00C5C5">¿Aún no tienes nuestra app? </font>¡Bájatela ya!</strong></td>
              </tr>
              <tr>
                <td align="right" bgcolor="#E0DED8" style="padding:5px 5px 15px 5px;"><a href="https://itunes.apple.com/us/app/wizink/id1120078772?l=es&ls=1&mt=8"alt="App Store" target="_blank"><img src="http://www.patriciaperibanez.com/online/wizink/cards/due-date/images/apple.png" width="86" height="25" alt="Apple Store" style="display:block;"></a></td>
                <td align="left" valign="top" bgcolor="#E0DED8" style="padding:5px 5px 15px 5px;"><a href="https://play.google.com/store/apps/details?id=app.wizink.es&hl=es"alt="Google Play" target="_blank"><img src="http://www.patriciaperibanez.com/online/wizink/cards/due-date/images/google.png" width="86" height="26" alt="Google Play" style="display:block;"></a></td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td style="font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; padding:25px;">
               Comunicación elaborada por WiZink Bank, S.A., con domicilio en Calle Ulises 16-18, C.P. 28043, Madrid. Has recibido este e-mail por ser cliente de WiZink Bank, S.A. o bien porque has aceptado recibir comunicaciones electrónicas relacionadas con nuestros productos, ventajas o condiciones de servicio. Este mensaje se envía con la finalidad de ofrecerte información que consideramos de tu interés. No-responder@email.wizink.es es una dirección de email autorizada por WiZink Bank, S.A. para el envío de comunicaciones a sus clientes. Este email se ha enviado desde una dirección de correo automática. Por favor, no respondas al mismo. En caso de que dudes de la autenticidad de la procedencia de este email, llama al 91 175 08 69 o consulta el apartado de “Seguridad en Internet” en <a style="color: #282828;text-decoration: underline !important;" target="_blank" href="http://www.wizink.es/home">www.wizink.es</a>.<br><br>

              E-DDATE/01.17</td>
          </tr>
          <tr>
            <td style="padding:0px 25px 25px 25px;"><table width="147" border="0" cellpadding="0" cellspacing="0" id="rrss" style="display: block; float: left;" align="left">
              <tbody>
                <tr>
                  <td colspan="7" style="font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #152A69; text-align:left" id="siguenos"><strong>Síguenos en</strong></td>
                  </tr>
                <tr>
                  <td colspan="7" height="8"></td>
                  </tr>
                <tr>
                  <td width="27" height="28"><a href="https://www.facebook.com/Citibank.es/?fref=ts" target="_blank"><img src="http://www.patriciaperibanez.com/online/wizink/cards/due-date/images/facebook.gif" width="27" height="28" alt="Facebook" style="border:none;"/></a></td>
                  <td width="13">&nbsp;</td>
                  <td width="27" height="28"><a href="https://twitter.com/wizinkbank" target="_blank"><img src="http://www.patriciaperibanez.com/online/wizink/cards/due-date/images/twitter.gif" width="27" height="28" alt="Twitter" style="border:none;"/></a></td>
                  <td width="13">&nbsp;</td>
                  <td width="27" height="28"><a href="https://www.linkedin.com/company/10805872?trk=tyah&trkInfo=clickedVertical%3Acompany,clickedEntityId%3A10805872,idx%3A1-1-1,tarId%3A1466069024285,tas%3Awizink" target="_blank"><img src="http://www.patriciaperibanez.com/online/wizink/cards/due-date/images/linkedin.gif" width="27" height="28" alt="LinkedIn" style="border:none;"/></a></td>
                  <td width="13">&nbsp;</td>
                  <td width="27" height="28"><a href="https://www.youtube.com/channel/UCwoknDT2APUMTurtAlOysIw" target="_blank"><img src="http://www.patriciaperibanez.com/online/wizink/cards/due-date/images/youtube.gif" width="27" height="28" alt="You Tube" style="border:none;"/></a></td>
                  </tr>
                </tbody>
              </table>
              <table width="177" height="40" border="0" align="right" cellpadding="0" cellspacing="0" class="clic">
                <tbody>
                  <tr>
                    <td valign="bottom" style="padding-top: 10px;" height="40"><img src="http://www.patriciaperibanez.com/online/wizink/cards/due-date/images/endoso.gif" width="200" height="13" alt="Una iniciativa de Grupo Banco Popular" /></td>
                  </tr>
                </tbody>
              </table>         


              </td>
          </tr>
          </tbody>
      </table></td>
    </tr>
    <tr>
      <td height="26" bgcolor="#00C6C5" class="abajo"></td>
    </tr>
  </tbody>
</table>
</body>
</html>