h1, h2, h3, h4 {color: maroon; }
h1 { font-size: 1.4em; margin-top: 0em; }
h2 { font-size: 1.1em; margin-top: 1.1em; }
h3 { font-size: 1em;   margin-top: 1em; }

dl {margin: 1em 0em 0em 0em; padding: 0em; }
dt {font-weight: bold; color: maroon; padding: 1em 0 .5em 0; }
dd {padding: .1em; margin-left: 1em; }

table {width: 100%; }
caption {font-weight: bold; text-align: left; color: maroon; }


p  {text-indent: 2em; text-align: justify; /* padding: .1em 0 0 0; margin: .4em 0 .2em 0; */}
b  {font-weight: bold; color: maroon; }
em {font-weight: bold; } /* profil*/
address {text-align: left; }
pre {font-family: inherit; text-align: center; }
pre b {font-size: 1.1em; line-height: 1.5em; }
i {}
u {}

.table {border-collapse: collapse; table-layout: fixed; empty-cells: hide;  padding: 0em; margin: 0em; }
.na_stred {text-align: center; }

#rela00, #info00 {visibility: hidden; }

/* h1-4, p, b -------- uvod --------------*/
#md57pict {position: absolute; top: 1em; right: 0em; width: 39em; height: 24em; border: .1em solid black; border-radius: .4em; } 
#em61pict {position: absolute; top: 15em; left: 1em; width: 45em; height: 19em; border: .1em solid black; border-radius: .4em; }
#logo {margin: 0; width: 15em; height: 10.5em; position: absolute; top: .5em; left: 0; padding: .5em 1.5em 2.5em 1.5em;  border: .2em solid maroon; background-color: #eb6; border-radius: 1em; }
#logo h3 {padding: 0; margin: 0; color: #987; letter-spacing: .2em; }
#logo b {color: #050097; }
#logo span {display: block; color: #050097; position: relative; left: 1.1em; top: 3.6em; }
#logo h1 {margin: 0; padding: 0; transform: skew( -10deg, -10deg); text-shadow: .1em .2em .3em #808080 }
#logo #md {padding-bottom: 1em; color: maroon; }
#logo h4 {font-size: 0.8em; margin: 0; padding: .2em; text-align: right; transform: skew( -10deg, -10deg); }
h6#pocet_inst  {padding: 0; margin: 1em 0 0 0; font-size:0.8em; font-weight: normal; color: maroon; text-align: right; } 
#podekovani  {font-size: 0.8em; color: maroon;  text-indent: 1em; width: 18em; position: absolute; top: 15em; right: 1em; padding: 1em; border: .2em solid maroon; background-color: #eb6; border-radius: 1em; } 
#nabidka  {color: maroon;  text-indent: 0em; text-align: center; width: 23em; position: absolute; top: 25em; right: 0em; padding: 1em; border: .2em solid maroon; background-color: #eb6; border-radius: 1em; } 

#novinky  {font-size: 1em; color: maron;  text-indent: 0em; text-align: center; width: 30em; position: absolute; top: 13em; left: 8em; padding: 1em; border: .5em solid red; background-color: white; border-radius: 1em; } 

/*------------------popis ------------*/
#md_hlavni {padding: .5em; margin: 0; }
#hlavni_panel {position: absolute; top: 1em; left: 8em; display: none; padding: .2em; background-color: white; border:1px solid black; width: 800px; height: 500px; }

/*------------ ceny --------------------*/ 

.ceny00 th {text-align: left; border: 1px solid #CCBB88; padding: .4em; empty-cells: hide; }
.ceny00 th b {font-size: 1.2em; }
.ceny00 td {border: .1em solid maroon; padding: .4em; empty-cells: hide; border-radius: .5em; }

.ceny00 .sl0 {text-align: left; }
.ceny00 .sl2 {width: 5em; text-align: right; font-weight: bold; color: maroon; }
.ceny00 .sl4 {width: 30em; text-align: justify; border: none; padding: 0em 1em 0em 2em; font-size: .8em; line-height: 1.2em; }

.licence {margin-top: 1em; }
.licence .sl1 {background-color: #eb6; }
/* ------------------ servis ---------------------------*/
.serv00. p {padding-left: 4em; text-indent: -2em; }
/*---------------- instalace --------------------------------*/
/*.inst00 dt {font-size: 1.2em; margin-top: 1.2em; color: blue; padding: 1em 0 .5em 0; } */
#_odkaz {width: 30em; height: 20em; border: 1px solid brown; overflow: hidden; }
#upozorneni {width: 33em; position: absolute; top: 8em; right: 0; background-color: #eb6; padding: 0.4em 1.4em; border: .2em solid maroon; border-radius: 1em; margin-top: 1em; }
#upozorneni p {text-indent: 3em; text-align: left; padding: .1em 0 0 0; margin: .4em 0 .2em 0; }
#sipka {width: 0; height: 0; margin-top: .3em; padding: 0; float: right;
border-style: solid; border-width: 1em 0em 1em 1.5em; border-color: transparent transparent transparent red; }
#pred_inst p {width: 15em; text-align: left; text-indent: 0; margin-left: 1em; border-bottom: .2em solid red; }
#postup_inst dd {margin-bottom: 1em; }
#obr_inst {position: absolute; top: 6em; left: 16em; display: none; padding: .2em; background-color: white; border:1px solid black; width: 513px; height: 399px; }
xbutton {margin: 0 0 3em 8em; padding: .5em; font-size: inherit; }
#zastupci {margin: 1em; }
#po_inst td {width: 30%; text-indent: 2em; }
#prohlizece td {border: 1px solid brown; }
#nahled_licfrm {position: absolute; top: 6em; right: 0em; padding: .5em; margin: 0; }
#obr_licfrm {position: absolute; top: 1em; right: 10em; display: none; padding: .2em; background-color: white; border:1px solid black; width: 610px; height: 460px; }

/*---------------- aktualizace --------------------------------*/
.aktu00 table {empty-cells: hide; }
.aktu00 td {padding: 0.5em;  border: .2em solid maroon; border-radius: 1em; }
.akt_levy {width: 16em; text-align: center; background-color: #eb6; }
.akt_pravy pre {text-align: left; }
/*---------------- reinstalace --------------------------------*/
 .rein00 { }
#prenos_programu {width: 20em; }
#obr_prenos {width: 30em; height: 22em; position: absolute; top: 5em; right: 0em; border: 1px solid #fda; }
#po_prenosu {width: 30em; position: absolute; top: 27em; right: 0; }
/* ---------- profil -------------------------*/
#kontakt  {position: absolute; top: 2.2em; left: 0em; }
#ico      {position: absolute; top: 2.2em; left: 20em; }
#fotka    {position: absolute; top: 1em; right: 2em; width: 8em; height: 9em; }
#profil   {position: absolute; top: 12em; left: 0em; }





/*----------- dokumentace -------------------
.dokumentace .vlevo {text-align: right;}
.dokumentace td {vertical-align: top; padding: 6px; border: 1px solid #CCBB88; }
.dokumentace th {vertical-align: middle; padding: 6px; text-align: center; }
                     */
/*
.sipka {width: 0; height: 0; border-style: solid; border-width: 1em 1em 1em 0em; border-color: transparent black transparent transparent; }
*/
/*
.uvod_levy {width: 21em;  background-image: url(./obr/podklad8.jpg); background-repeat: no-repeat; } 
.uvod_levy h2 {font-size: 1.3em; letter-spacing: 0.4em; line-height: 1.2em; font-weight: bold; text-align: left; } transform: skew( 8deg, 8deg); }
.uvod_levy h1 {font-size: 2em; color: #bb8844; margin-top: 1em; }/*transform: skew( 8deg, 8deg); }

.uvod_pravy {position: absolute; top: 1em; right: 0em; width: 30em; height: 37.8em; font-family: Arial; background-color: #ffe4c4; }
.uvod_text {padding: .5em 0em 0em 0em; }
.uvod_text p {font-size: 1.em;   text-align: justify; text-indent: -1em; }
.uvod_sklon {font-size: 0.82em; text-align: justify; text-indent: 1em;  padding: 0.2em 0em 0em 1em; line-height: 1.1em; font-style: oblique; }
.uvod_pravy b {color: #bb8844; }

#aktual {width: 80%; margin-top: 16em; }
#aktual td {border: 1px solid brown; } */