<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
<HTML>
<HEAD>
<TITLE>E-KATALOG RELAXATEX</TITLE>   

<META name="distribution" content="local">
<META name="resource-type" content="document">                           
<META name="description" content="Deky na cvičení, hraní a válení pro plovoucí podlahy">                        
<META name="keywords" content="deky, válecí deky, hraní, cvičení, podložky, podlozky, valeci deky, hrani, cviceni, deky na cviceni ">        
<META name="copyright" content="copyrygth 2004 Leksa Radek"> 
<META name="author" content="Leksa Radek">                                 
<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=windows-1250">
<META HTTP-EQUIV="Window-target" content="self">                          
<style type="text/css">
html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.container {
    display: flex;
    width: 100vw;
    height: 100vh;
}

.left {
    width: 25%;
    height: 100%;
}

.right {
    width: 75%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

iframe {
    border: 0;
}

/* levý iframe */
.left iframe {
    width: 111.11%;
    height: 111.11%;
    transform: scale(0.9);
    transform-origin: top left;
}

/* pravý iframe */
.right iframe {
    width: 133.33%;/* zmenšuje obsah na 75%, iframe se zmenšuje fyzicky, tak mu musíme zvětšit rozměr widht 133,33 a height 133,33, např. 0.65 a 153% */
    height: 133.33%;
    transform: scale(0.75);/* zmenšuje obsah na 75%, iframe se zmenšuje fyzicky, tak mu musíme zvětšit rozměr widht 133,33 a height 133,33,  např. 0.65 a 153% */

    transform-origin: top left;
}

}

table.fullscreen {
    width: 100%;
    height: 100vh;
    border-collapse: collapse;
    background-color: #FD9DEC;
}

table.fullscreen td {
    padding: 0;
}


a {line-height: 20pt}
a {font-size: 20pt}
a {font-weight: bold}
a {color: #000000}
p {color: #CA0023}
p {font-size: 10pt}
p {text-align: center}
p {vertical-align: middle}
p {line-height: 20pt}
body {font-family: times new roman, times, serif, Arial CE, Verdana, sans-serif}
body {background-color: #99FF00}
body {border-color: #000000} 
body {text-color: #CA0023}
body {margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px}
body {padding-top: 1px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px}
body {line-height: 25pt}
body {link-color: #0000A0}
body {vlink-color: #118E14}
  ......
</style>
</HEAD>
<body>
<div class="container">

    <div class="left">
        <iframe src="vrch2.html"name="vrch2"
                scrolling="auto">
                Alternativa: tento prohlížeč nepodporuje iframe
            </iframe>></iframe>
    </div>

    <div class="right">
        <iframe src="kataloghtml/katalog.html"name="galerie"
                scrolling="auto">
                Alternativa: tento prohlížeč nepodporuje iframe
></iframe>
    </div>

</div>

</body>
</html>