<!doctype html>
<html>
  <head>
    <meta charset='utf-8' />
    <style type="text/css">
      @media print { 
        .pdf-body {
            border: 2px solid #FF0000;
            width: 80mm;
            height: auto;
        }
      }
      body {
        width: 80mm;
        height: auto;
        font-family: 'OpenSansRegular';
        font-size: 11px;
      }
      .text-center {
        text-align: center;
      }

      .text-right {
        text-align: right;
      }
      .products {
        margin-top: 10px;
        /*border-collapse: collapse;*/
        /*border-spacing: 0;*/
      }
      .products > table {
        width: 100%;
        border-bottom: 1px solid black;        
      }
      .totals {
        margin-top: 0px;
      }
      .totals > table{
        width: 55%; 
        float: right;
      }
      .resume {
        margin-top: 20px;
      }

      .totals-reserved {
        border-top:black 1px dotted;
      }
      .totals-reserved > table{
        width: 55%; 
        float: right;
      }      
    </style>    
  </head>
  <body>
    <%= yield %>
  </body>
</html>   