body {
  text-align: justify
}

/*-------------------- polygraph conversation */

p {
  text-indent: 1em;
  margin: 0 auto;
  text-align: justify;
}
p.example {
  text-indent: 0em;
  margin: 1em 5em;
  text-align: left;
}

ul{
  margin-top: 0;
  margin-bottom:0;
  text-align: justify
}

li{
  list-style-type:disc
}

ul.circle{
  margin-top: 0;
  margin-bottom:0;
  text-align: justify
}
ul.circle li{
  list-style-type:circle
}

dl {
  margin-left: 2em;
}

/*-------------------- link to home page */

div {
  text-align: center
}

/*-------------------- title of document */

h1 {
  text-align: center
}

/*-------------------- action, required from the user */

h2.act {
  text-align: center;
  color: red;
}

/*-------------------- code examples */

pre {
  color: maroon;
  background: eee;
  text-align: left;
}
pre.back {
  color: maroon;
  background: white;
  text-align: left;
}

pre.html {
  color: black;
  background: f0f0f0;
  text-align: left;
}

pre.resume {
  color: black;
  background: white;
  text-align: left;
}
/*-------------------- verstka */

table.conv {
  margin: -2em 4em 2em
}
table.conv th {
  font-style: normal;
  font-weight: normal;
  text-align: center;
}

table.verstak {
  margin: 1em 5em;  /* left margin exist */
}
table.verstak td {
  text-align: left;
}
table.verstak th {
  text-align: center;
}

table.verstak2 {
  margin: 1em 5em;  /* left margin exist */
}
table.verstak2 td {
  text-align: center;
}

table.verstak3 td {
  text-align: justify;
  vertical-align: top;
}

table.verstak4 {
  margin: 1em 5em;  /* left margin exist */
}
table.verstak4 td {
  text-align: left;
  vertical-align: top;
}

table.tmp {
  margin: 1em 0;  /* left margin are absent */
}
table.tmp td {
  vertical-align: top;
  text-align: left;
}
table.tmp th {
  text-align: center;
}

table.tmp2 {
  margin: 1em 0;  /* left margin are absent */
}
table.tmp2 td {
  vertical-align: top;
  text-align: left;
}
table.tmp2 th {
  vertical-align: top;
  text-align: left;
}

table.resume {
  margin: 0;
  border: 1 solid silver;
}
table.resume td{
  vertical-align: top;
  border: 1 solid silver
}
table.resume th{
  vertical-align: middle;
  text-align: center;
  border: 1 solid silver
}

table.resume2 {
  margin: 0;
  border: 1 solid silver;
}
table.resume2 td{
  vertical-align: middle;
  text-align: center;
  border: 1 solid silver
}
table.resume2 th{
  vertical-align: top;
  border: 1 solid silver
}

table.pic {
  margin: 1em 5em;
}
table.pic td{
  margin: 0;
  padding: 0;
  text-align: left;
}

/*-------------------- new and old html terms of 3 computer level
                           ( tags, attributes, styles ), 
                           posible meaning of new and old html terms,
                       xml terms
---------------------- */

dfn {  /* new html key-word */
  font-style: normal;
  color: red;
}
var {  /* meaning of new html key-word */
  font-style: normal;
  color: olive
}

code { /* old html key-word */
}
samp {  /* meaning of old html key-word */
}

/*--- tags, attributes, styles of graphic html terms*/

.t {    /* new tag */
  text-transform: uppercase;
  font: bold;
}
.a {    /* new attribute */
  font: bold;
}
.s {    /* new characteristic */
  font: bold;
  font-style: italic;
}

.ss {    /* new style */
  font-style: italic;
}

/*--- xml terms */

q {  /* communication xml key-word */
  color: green;
}
cite {  /* meaning of communication xml key-word */
  font-style: normal;
  color: teal;
}

/*--- commands */

.cmd {
  font-style: normal;
  font-weight: bold;
  color: navy;
}

.cmd2 {
  font-style: normal;
  font-weight: bold;
  color: 6495ed;
}

.usercmd {
  font-style: italic;
  font-weight: bold;
  color: navy;
}

/*-------------------- terms for human */

kbd {
  font: italic;
}

kbd.i {  /* important */
  font: italic;
  /*  color: D2B48C  */
}

/*-------------------- image */

img {
  margin: 1em 5em
}
img.intable {
  margin: 0;
}
img.intext {
  margin: 0;
  border: none;
  vertical-align: middle;
}