body {
        margin: 0;
        padding: 0;
        }
  div {
        position: relative;
        }
  div.background {
        background-image: url(img/waves.png);
        background-repeat: repeat;
        }
  div.foreground {
        background-color: WhiteSmoke;
        margin-left: 250px;
        }
  div.garret {
        margin-left: -250px;
        padding-left: 30px;
        padding-right: 30px;
        text-align: right;
        font-family: "Bookman Old Style";
        font-size: smaller;
        }
  div.cellar {
        margin-left: -250px;
        padding-left: 30px;
        padding-right: 30px;
        text-align: right;
        font-family: "Bookman Old Style";
        font-size: smaller;
        }
  div.left {
        float: left;
        margin-left: -250px;
        padding-left: 30px;
        padding-right: 30px;
        font-family: "Bookman Old Style";
        }
    div.left p {
        margin-bottom: 0px;
        }
    div.left ul {
        margin: 0px;
        padding-left: 0px;
        list-style-type: circle;
        list-style-position: inside;
        }
    div.left div.reclama1 {
        margin-top: 10px;
        /* font-family: "Comic Sans MS"; */
        font-family: "Bookman Old Style";
        color: green;
        line-height: 1.0;
        }
  div.right {
        float: right;
        padding-left: 30px;
        padding-right: 30px;
        }
  div.content {
        padding-left: 30px;
        padding-right: 30px;
        min-height: 400px;
        text-align: justify;
        font-family: "Bookman Old Style";
                }

    div.content img.left {
        margin-right: 30px;
        }
    div.content img.right {
        margin-left: 30px;
        }
    div.content p {
        margin-bottom: 0px;
        }
    div.content ul {
        margin: 0px;
        }
    div.content div.column {
        float: left;
        margin-right: 20px;
        }

  h1 {
        margin: 0px;
        /* font-family: "Comic Sans MS"; */
        font-family: "Bookman Old Style";
        font-size: 20pt;
        font-weight: normal;
        color: maroon;
        text-align: left;
        }
    h1 span {
        font-size: 14pt;
        }
  h2 {
        margin-bottom: 0px;
        font-family: "Bookman Old Style";
        font-size: 16pt;
        font-weight: normal;
        color: maroon;
        }
  h3 {
        margin-bottom: 0px;
        font-family: "Bookman Old Style";
        font-size: 14pt;
        font-weight: normal;
        font-style: italic;
        color: maroon;
        }
  del {
        color: silver;
        }
  span.plan {
        color: grey;
        }
  strong {
        /* font-family: "`Comic Sans MS"; */
        font-family: "Bookman Old Style";
        }
  dt span {
        font-size: smaller;
        }
  dd {
        margin-left: 0px;
        padding-bottom: 1em;
        font-style: italic;
        }

/* Next lines need for phone and email obfusction */

.null {
  display: none;
  }
  
.obfus_mylo::before {
  content: attr(data-u1) "\0040";
  }  
.obfus_mylo::after {
  content: attr(data-d1) "\002e" attr(data-d2) "\002e" attr(data-d3);
  }  

.obfus_tel::before {
  content:  "\002b" attr(data-n1) "\0028" attr(data-n2) "\0029";
  }
  
.obfus_tel::after {
  content: attr(data-n3) "-" attr(data-n4) "-" attr(data-n5);
  }

 
/* Next lines need for photo gallery */
/* https://htmlbook.ru/samlayout/blochnaya-verstka/strochno-blochnye-elementy */

div.photo {
    margin:  5px;
    padding: 5px;
    text-align: center;
    display: inline-block;   
   }

div.photo img {
    border: 1px solid #8b8e4b;
   }

div.photo p {
    margin: 0; 
   }

div.photo p.date {
    text-align: right;
    color: maroon;
    font-style: italic;
    font-size: small;
   }

/* Other styles */


hr {
    border:none;
    background:   grey;
    height:1px;
}

div.left hr {
    width: 190px;
}