html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{ margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;	}
img {vertical-align: middle; display: block; max-width: 100%; height: auto; }
body {line-height: 1; color: #000; background: #fff;}
ol, ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
strong {font-weight: bold;}
em {font-style: italic;}
button {cursor: pointer;}
/* =clearfix*/

body         {background : #ddd; font-family : "Arial", Serif; font-size : 0.28cm;}
div.page     {background : white; width : 20.6cm; height : 29.1cm; display : block; margin : 0 auto; margin-bottom: 0.2cm; margin-top: 0.2cm; 
              padding: 0.2cm;  page-break-before: always;} 
.page { position: relative; height: 100%; width: 100%;}
.page .footer {position: absolute; bottom: 0.2cm; right: 0.2cm; left: 0.2cm; }

/* sekcja pustastronaduplex jest dodawana przez program dynamicznie w razie potrzeby */
@media screen {
  div.pustastronaduplex {display : none;}
}
  
@media print { 
  body       {background: white !important;} 
  div.page   {background: white !important; width : 21cm; height : 29.7cm; margin : 0 !important; padding : 0 !important;} 
  .page .footer {bottom: 0; right: 0; left: 0;}
  div.pustastronaduplex {background: none !important; width : 21cm; height : 29.7cm; margin : 0 !important; padding : 0 !important; page-break-before: always;}
  }

/* kolory */
table td, table th, .border, .kwotyzapl, table.spnab td.nagl_spnab, table.spnab td.dane, table.noborder td.podpis, table.dane td.nagl_spnab
{ border: 1px solid #e0e0e0; }
.typdok, .kwotyzapl, table th, table.spnab td.nagl_spnab, table.sum tfoot tr td, table.nagl td.n_numer, table.dane td.nagl_spnab
{ background: #e0e0e0;}
.typdok, .nr, .datawyst, .datasprzed, .miejsce, .slownie, .uwagi, table th, table.spnab td.nagl_spnab, table.noborder td.podpis, table.dane td.nagl_spnab
{ color: #101010; }

.border { padding: 1px;}
.header {padding: 0 0 2mm;}
.typdok { font-size: 0.6cm; font-weight: bold; text-align: center; vertical-align: middle;}
.typdok numer {font-size: 0.4cm;}

.datawyst, .datasprzed, .miejsce {text-align: center;}
.datawyst   {margin-bottom: 0.5mm; }
.datasprzed {margin-bottom: 0.5mm; }
.datawyst dane, .datasprzed dane, .miejsce dane { display: block; font-size: 8pt; font-weight: bold; text-align: center;}
.datawyst opis, .datasprzed opis, .miejsce opis { font-size: 6pt; }

.platnosc { margin: 0.1cm 0 0; }
.slownie, .uwagi { margin-top: 0.2cm; padding: 0.2cm;}

.margin-bottom {margin-bottom: 0.2cm; }
.margin-top    {margin-top: 0.2cm; }
.align-right   { text-align: right;  }
.cntr          { text-align: center; }
.bold          { font-weight: bold;  }

/* wszystkie tabelki */
table { border-collapse: collapse; width: 100%; }
table th { padding: 1mm 1mm; font-weight: bold;	vertical-align: middle; }
table td { padding: 1mm 1mm; }
table td.lp     { width: 0.8cm;}
table td.waga   { width: 1cm;}
table td.upust  { width: 1.2cm;}
table td.stawka { width: 1.5cm;}
table td.jm     { width: 1cm;}
table th.kwota, table td.kwota, table tf.kwota { width: 1.8cm; white-space: nowrap; }
table td.kwota, table td.waga {text-align: right; }
table td.lp, table td.stawka, table td.upust, table td.jm, table th, .align-center { text-align: center; }
td.numstr {text-align: right; }
td.kwotyzapl {width: 33%; text-align: center;}
tr, td, th, tbody, thead, tfoot {page-break-inside: avoid !important; page-break-after: auto; }

/* tabelka w nagłówku */
table.nagl {width:100%; border: 0; }
table.nagl tr, table.nagl td, table.nagl th {border: 0; }
table.nagl td {align: center; vertical-align: middle; padding: 0mm 0.5mm;}
table.nagl td.n_logo  {width: 25%;}
table.nagl td.n_numer {width: 55%;}
table.nagl td.n_daty  {width: 20%;}

/* tabelki sprzedawcy, nabywcy i odbiorcy */
table.dane { border-collapse: collapse; width: 49.5%; display: inline-block; vertical-align: top; font-size: 0.3cm; border: 0; margin-top: 1mm;}
table.dane td.nagl_spnab {font-weight: Bold; width: 49.5%; text-align: center; }
table.spnab {width:100%; border-collapse: collapse; font-size: 0.3cm; border: 0; margin-top: 1mm; }
table.spnab td.nagl_spnab {font-weight: bold; width: 49.5%; text-align: center; }
table.spnab td.noborder  {border: 0; }
.spnab_opis {width: 17; border: 0; }
.spnab_dane {width: 83%; font-weight: bold; border: 0; }

table dt.podpbr  {width: 10%;}
table dt.podpisy {width: 35%;}

/* tabelka bez ramek */
table.noborder {width:100%; border: 0; }
table.noborder tr, table.noborder td, table.noborder th { border:0;}
table.noborder td.podpis {width: 40%; text-align: center; vertical-align: bottom; height: 2.5cm;}
table.noborder td.podpis img {margin: 0 auto;}

.odetnij {width: 100%; text-align: center; border-bottom: 2px dashed #000; line-height: 0.1em; margin: 1cm 0 1cm;}
.odetnij span {background: #fff; padding: 0 10px;}
.odstep-lewo-01 {margin-left: 0.1cm}
.tekst-do-prawej {text-align: right}
.tekst-do-lewej {text-align: left}