html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    FONT-FAMILY:VERDANA;FONT-SIZE:10;
    background-color: #e5c9b1;
}

.parent {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    overflow: auto;
    white-space: nowrap;
    text-align: center;

    &:before {
        height: 100%;
        display: inline-block;
        vertical-align: middle;
        content: '';
    }
}
.head {
    width: 960px;
    height: 155;
    background-image: url(head.jpg); height: 155px; width: 960px;
}
.bot {
    clear: left;
    width: 1000;
    height: 60;
    background-color: #7a644a;

}









.menu {

    width: 960px;
    height: 31px;
    background-image: url(menu.png); height: 31px; width: 960px;




}




*{
 padding: 0;
 margin: 0;
}
ul {
	padding-top: 6;
 text-align: justify;
 overflow: hidden;
 height: 20px;
  font-family: 'Times New Roman', Times, serif;
    font-size: 14px;
}
li {
 display: inline;
}
li a {
 display: inline-block;
}
a:hover {
 color: #ff0000;
}
ul:after {
 content: "1";
 margin-left: 100%;
 display: inline-block;
}









.layer1 {
    background-image: url(cont.jpg); height: 280px; width: 500px;
    float: left; /* Обтекание по правому краю */
    width: 500px; /* Ширина слоя */

   }
   .layer5 {

    background-image: url(ship.jpg); height: 330px; width: 500px;
    float: left; /* Обтекание по правому краю */
    width: 500px; /* Ширина слоя */
   }
      .layer6 {
    background-image: url(one.jpg); height: 400px; width: 397px;
    float: left; /* Обтекание по правому краю */
    width: 400px; /* Ширина слоя */
   }
   .layer2 {   	 margin-left: 10px;
 font-size: 15px;

    width: 440px; /* Ширина слоя */
    float: left; /* Обтекание по правому краю */
   }
    .layer88 {

 font-size: 15px;
    padding: 7px; /* Поля вокруг текста */
    width: 440px; /* Ширина слоя */
    float: left; /* Обтекание по правому краю */
   }





      .layer22 {
 font-size: 15px;
    padding: 10px; /* Поля вокруг текста */
    width: 540px; /* Ширина слоя */
    float: left; /* Обтекание по правому краю */
   }
   .clear {

   padding: 10px;
   font-size: 15px;
    clear: left; /* Отмена обтекания */
   }

.layer3 {
    background-image: url(trucks.jpg); height: 260px; width: 500px;
    float: left; /* Обтекание по правому краю */
    width: 500px; /* Ширина слоя */
   }
   .layer4 {

       margin-left: 10px;
 font-size: 15px;
    padding: 2px; /* Поля вокруг текста */
    width: 440px; /* Ширина слоя */
    float: left; /* Обтекание по правому краю */
   }
   .clear {
    clear: left; /* Отмена обтекания */
   }

  h1 {
     font-family: 'Times New Roman', Times, serif;
    font-size: 14px;
    border-top: 1px solid black; /* Параметры линии под текстом */
    font-weight: normal; /* Убираем жирное начертание */
    padding-top: 5px; /* Расстояние от текста до линии */
   }
     h2 {
     font-family: 'Times New Roman', Times, serif;
    font-size: 14px;
    font-weight: normal; /* Убираем жирное начертание */
    padding-top: 5px; /* Расстояние от текста до линии */
   }

.block {

    display: inline-block;
    white-space: normal;
    vertical-align: middle;
    text-align: left;
    /*background: #60a839;*/
    width: 960px;
    box-sizing: border-box;

}
.post {
    font-size: 15px;
    display: inline-block;
    white-space: normal;
    vertical-align: middle;
    text-align: left;
    /*background: #60a839;*/
    width: 980px;
    box-sizing: border-box;

    padding: 10px;
}

.panorama {
        height: 500px;
        overflow-x: scroll;
        overflow-y: hidden;
        img {
                height: 100%;
        }
}

 font {
    text-decoration: underline;
   }
   a {
    color: #000000; /* Цвет обычной ссылки */
    text-decoration: none; /* Убираем подчеркивание у ссылок */
   }
   a:visited {
    color: #000000; /* Цвет посещённой ссылки */
   }
   a:hover {
    color: #000000; /* Цвет ссылки при наведении на нее курсора мыши */
    text-decoration: underline; /* Добавляем подчеркивание */
   }

   a.content {
    color: #000000; /* Цвет ссылок */
  text-decoration: underline; /* Добавляем подчеркивание */
   }
   a.content:visited {

   }
   a.content:hover {
    text-decoration: none; /* Убираем подчеркивание у ссылок */
   }