<!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">

{block "email-vars"}
   {$emailVars=['colorPrimary'=>'#2aa67c','colorHeader'=>'#1d1e24','background'=>'#f2f4f8']}
{/block}

<head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
   <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

   <title>{$dbcfg.index_title}</title>

   <style type="text/css" media="all">
      body {
         color: #3e3e3e;
         font-size: 14px;
         font-family: Arial, Helvetica, sans-serif;
      }

      a {
         color: {$emailVars.colorPrimary};
      }

      .logo {
         font-size: 22px;
         text-decoration: none;
         text-transform: uppercase;
      }

      #content p {
         color: #3e3e3e;
         font-size: 14px;
         font-family: Arial, Helvetica, sans-serif;
         line-height: 22px;
         margin: 10px 0;
      }

      #content p a {
         color: {$emailVars.colorPrimary};
         text-decoration: underline;
      }

      #content .bye {
         color: #5d5d5d;
      }

      .btn {
         border-color: {$emailVars.colorPrimary} !important;
      }

      .btn a {
         color: {$emailVars.colorPrimary} !important;
      }

      @media screen and (max-width: 700px) {
         table[class="wrapper"] {
            width: 100% !important;
         }
      }

      /* outlook */
      p.MsoNormal {
         margin: 0;
      }

      {block "email-css-append"}{/block}
   </style>
</head>

<body bgcolor="{$emailVars.background|default:'#f2f4f8'}" style="background: {$emailVars.background|default:'#f2f4f8'};">

{block "email-top"}
   <table border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="{$emailVars.background|default:'#f2f4f8'}" style="background: {$emailVars.background|default:'#f2f4f8'};">
      <tr>
         <td></td>
         <td style="padding-top: 50px;" width="680">

            <table border="0" cellpadding="0" cellspacing="0" width="100%" style="padding-top:10px; background: {$emailVars.colorHeader};"
                   bgcolor="{$emailVars.colorHeader}" class="wrapper">
               <tr>
                     <td style="border-bottom: 1px solid {$emailVars.background|default:'#f2f4f8'}; padding: 30px 50px 20px;text-align: left;" align="left">
                     <a href="{$cfg.Addr.full}" title="{$dbcfg.shop_firm_name}">
                        {block "email-logo"}
                           <img src="{static_url url="/templates/images/logo.png" absolute=1}" alt="{$dbcfg.shop_firm_name}"
                                style="border:0;display: block;margin-bottom: 20px;" class="img-responsive logo"/>
                        {/block}
                     </a>
                  </td>
               </tr>
            </table>

         </td>
         <td></td>
      </tr>
   </table>
{/block}


<table border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="{$emailVars.background|default:'#f2f4f8'}" style="background: {$emailVars.background|default:'#f2f4f8'};">
   <tr>
      <td></td>
      <td width="680" style="padding-bottom: 50px;">
         <table border="0" cellpadding="0" cellspacing="0" width="100%" style="padding-top:10px;background: #ffffff" bgcolor="#ffffff" class="wrapper">

            <tr>
               <td align="left" style="text-align: left; border-bottom: 1px solid {$emailVars.background|default:'#f2f4f8'}; padding: 30px 50px;" id="content">
                  {block email_hello}
                     {if $body.header}
                        {$body.header nofilter}
                     {else}
                        <p>{t}Dobrý den{/t},</p>
                     {/if}
                  {/block}

                  {block email_content}

                  {/block}

                  {block email_bye}
                     {if $body.footer}
                        {$body.footer nofilter}
                     {else}
                        <p class="bye">
                           {t}S pozdravem{/t} <a href="{$cfg.Addr.full}">{$dbcfg.shop_firm_name}</a>
                        </p>
                     {/if}
                  {/block}
               </td>
            </tr>
         </table>
      </td>
      <td></td>
   </tr>
</table>

</body>
</html>
