@import url("./font.css");

html, body{background: #fff; margin: 0; padding: 0; color: #000;}

#karty{width: 210mm; height: 297mm; /*background: url("/pic/bg_celek.png") no-repeat;*/ font-family: '779', Tahoma, Arial, sans-serif; text-align: left; page-break-after: always; position: relative; z-index: 2;}
.karta{margin: 0; padding: 0;}
.karta li{width: 70mm; height: 99mm; margin: 0; padding: 0; text-align: center; display: inline-block; list-style: none; position: relative;}
.nadpisR1, .nadpisR2{
  font-size: 1.9em; 
  font-weight: normal;
  text-transform: uppercase;
  position: absolute;
  width: 100%;
  margin-left: 0;
  z-index: 2;
}
.nadpisR1{top: 23.5mm;}
.nadpisR2{top: 31.5mm;}

.skupina{font-size: 1em; position: absolute; top: 39.5mm; width: 100%;}

.cenaTyp1{font-size: 8.2em; position: absolute; top: 41mm; width: 100%;}
.cenaTyp2{font-size: 8.2em; position: absolute; top: 40mm; width: 44mm; text-align: right;}
.cenaHaler{font-size: 5.5em; position: absolute; top: 42mm; width: 100%; text-align: right; padding-right: 11mm;}

.typ1{font-size: 1.2em; position: absolute; top: 51mm; left: 51mm;}
.typ2{font-size: 1.2em; position: absolute; top: 67mm; left: 46.7mm;}

.poznamkaR1, .poznamkaR2{font-size: 0.8em; position: absolute; width: 100%;}
.poznamkaR1{top: 78mm;}
.poznamkaR2{top: 82mm;}