body {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        background-color: #fff;
        font: 12pt "Tahoma";
    }
    * {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
		margin:0;
		padding:0;
    }
    .page {
        width: 210mm;
        min-height: 297mm;
        padding: 0mm;
        margin: 0mm auto;
        /*border: 1px #D3D3D3 solid;*/
        border-radius: 5px;
        background: white;
        /* box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); */
		overflow: hidden;
		position:relative;
    }
    .subpage {
        /* padding: 1cm; */
        /* border: 5px red solid; */
        height: 297mm;
        /* outline: 2cm #FFEAEA solid; */
		position:relative;	
		overflow: hidden;	
    }
	
	.w100 { width:90%; }
	
	h2 { font-size:50px; margin:50px 0; }
	
	.categoria { width:100%; color: #FFFFFF; font-size: 20px;text-align: left;padding: 10px; margin: 0 0 6px; border-radius: 5px; position:relative; }
	.categoria img { position:absolute; right:10px; top:0px; width:auto; height:44px; }
    .produkt { float:left; width:50%; height: 200px; position:relative; padding: 0 0px 0 0; }
	.produkt img { height: 90%; width: auto; }
	.popis { position: absolute;  top: 15px;  left: 25px;  text-align: left; font-size: 11px; max-width:50%; }
	.popis span { font-weight:bold; }
	
	.toprow { position:relative; width:100%; height:45px; margin-bottom:35px; }
	.top { position:absolute; right:0; top:10px; color:#FFFFFF; font-size:20px; font-weight:bold; padding:10px 20px 10px 20px; min-width:40%; }
	.toprow img { position:absolute; left:25px; top:10px; }
	
	.footer { position:absolute; bottom:0; width:100%; color:#000; text-align:center; background:#c4c8cf; padding: 10px; font-weight: bold; font-size: 14px; } /* 03a9f1 */
	.footer a {  color:#03a9f1; text-decoration:none; }
	
	.zelena_bcg { background:rgb(122,177,37);}
	.modra_bcg { background:rgb(0,177,235); }
	.cervena_bcg { background:rgb(230,47,40); }
	.ruzova_bcg { background:rgb(230,119,169); }
	.oranzova_bcg { background:rgb(224,131,48) }
	
	.w48zelena_bcg { background:url('../MEDIA/48_SORTIMENT-IKONY-A.png') 10px center no-repeat rgb(122,177,37); background-size:auto 90%; }
	.w48modra_bcg { background:url('../MEDIA/48_SORTIMENT-IKONY-D.png') 10px center no-repeat rgb(0,177,235); background-size:auto 90%; }
	.w48cervena_bcg { background:url('../MEDIA/48_SORTIMENT-IKONY-B.png') 10px center no-repeat rgb(230,47,40); background-size:auto 90%; }
	.w48ruzova_bcg { background:url('../MEDIA/48_SORTIMENT-IKONY-C.png') 10px center no-repeat rgb(230,119,169); background-size:auto 90%; }
	.w48oranzova_bcg { background:url('../MEDIA/48_SORTIMENT-IKONY-E.png') 10px center no-repeat rgb(224,131,48); background-size:auto 90%; }
	
	.zelena { color:rgb(122,177,37);}
	.modra { color:rgb(0,177,235); }
	.cervena { color:rgb(230,47,40); }
	.ruzova { color:rgb(230,119,169); }
	.oranzova { color:rgb(224,131,48) }	
	
	.tmodra { color:#3a4cd9; }
	
	.code { margin: 5px 0; padding: 5px 10px; color: #FFFFFF; width: 30%; font-weight: bold; text-align: center; }
	
 	
    @page {
        size: A4;
        margin: 0;
    }
    @media print {
        html, body {
            width: 210mm;
            height: 297mm;        
        }
        .page {
            margin: 0;
            border: initial;
            border-radius: initial;
            width: initial;
            min-height: initial;
            box-shadow: initial;
            background: initial;
            page-break-after: always;
        }
    }