body { background-color: #e0c88e; background-image: url(img/bg-map.jpg); background-attachment: fixed; margin: 0px; padding: 0px;}

  #vse {    background: url(img/bg.jpg) top no-repeat;
            margin: 0px auto 40px auto;
            max-width: 1152px;
            min-width: 480px;
            position: relative;}
#vse, .b3 { border: ridge 3px #da4;}


  #a0  { text-align: center;}
  #a-logo, #a-name { display: inline-block; vertical-align: text-top; }

  #a-logo { width: 30%;  padding: 0px; text-align: center; min-width: 180px;}

  #a-name { height: 180px; width: 68%; float: /*left;*/ margin-right: 120px; min-width: 400px; text-align: left; }
  #a-name h1, #ah1  { margin: 0px 54px 0px 0px; color: white;
                     font: bold italic 36px Verdana; display: block;}
  #ah1 a  { color: white; text-decoration: none; }




  #a-name img    { width: 100%;  ; display: block;}


/* ▲ ▲ ▲ ▲ ▲ ▲ ▲ НОВОЕ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲ ▲  */


   #a-name #tel-mail { font-size: 26px;
                         position: relative;
                           bottom: 10px;
                           left: 0px;
                            color:  #000; text-shadow: -3px 2px 6px #FFFFFF; }


  p #tel-mail{  margin-bottom: 10px; }

  #tel, #mail  { color: #00078F; text-decoration: none;}

  #menu{  padding: 0px 16px 0px 80px;
       text-align: right;
        font-size: 32px;
           height: 48px;
 background-image: url(img/hor-3.jpg);
background-repeat: repeat-x;
      font-family: Times, serif;}

 #menu  span   {display: inline-block;
                 margin: 0px 18px 0px 18px;
                  color: #630;  }

  #menu a  {text-decoration: none; }

  #menu a:hover {background-color: rgba(255,255,255,0.2);}


  h1, h2, h3, h4 {font-family: Tahoma, Arial, sans-serif; }
  h1 {font-size: 48px;}
  h2 { margin: 30px 0px 0px 0px;}
  h2, .fs40 {font-size: 40px;}
  h3, {font-size: 32px;}
  h4,  #hvost {font-size: 24px;}
  h4, { margin-bottom: 0px;}
  ul, ol  { list-style-position: inside;}
  ul.mb20 li   { margin-bottom: 20px; }
.ssyl a  { font-weight: bold; font-family: Tahoma, Arial, sans-serif;  }

#hvost {background-image: url(img/bg.gif);
      position: relative;  color: #333;}
#hvost h4, #hvost p {font-size: 24px; margin: 0px; text-indent: 2em;}

#hvost h1, #hvost h2, #hvost h3, #hvost h4, #hvost p,  #hvost ul, #hvost ol, .pad40, #shema, #price, #hvost table{ padding: 0% 3% 0% 3%;}
   div.nash { padding-right: 40px; }

  #hvost a  {color: #414D7D;}
  #hvost #menu a {color: #630;}
  #hvost a:visited { color: #630;}
  #hvost a:hover, .hov { color: #A60A22}

hr { margin: 20px  60px 20px 60px; border-bottom: ridge 2px #da4;  border-top: none;  border-right: none; }


  /*↓↓↓↓↓ ВСПЛЫВАЕМ ul ↓↓↓↓↓*/

  .dropdown {
    position: relative;
    display: inline-block;}

  .dropdown-content {
    border: ridge 2px #da4;
    display: none;
    background-image: url(img/bg5.png);
   /* min-width: 160px;*/
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;}

  #hvost .dropdown-content a {
    color: #630;
    padding: 12px 16px;
    text-decoration: none;
    display: block; }

  .dropdown-content a:hover {background-color: rgba(255,255,255,0.2);}

  .dropdown:hover .dropdown-content {display: block;}

/* Дизайн и позиционирование кнопки левого всплывающего меню */
#lev    {   position: absolute; left: 24px; top: 12px; }
#lev-menu {font-size: 40px; border: ridge 2px #da4; border-radius: 0px; background-image: url(img/bg5.png); box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2)}

.r12  { right: -6px;}  /* позиционирование блока правого всплывающего меню  */

/* ↑↑↑↑↑ ВСПЛЫВАЕМ ↑↑↑↑↑ */


    .ten, #hvost img, #hvost video  { box-shadow: 6px 12px 8px 0px rgba(0,0,0,0.4); }
 #hvost img.bsn, .bsn { box-shadow: none; }



   .white { color: #fff;}
     .red { color: red;}
    .yell { color: yellow}
    .c630 { color: #630 ;}
   .brown { color: brown ;}
     .sin { color: #414D7D;}

.cl  { clear: left; }
.cr  { clear: right; }
.dib { display: inline-block; }

           .tah {font-family: Tahoma, Arial, sans-serif; }
           .ver {font-family: Verdana ;}
           .ge  {font-family: Georgia, Times, serif; }
 .times, #hvost {font-family: Times; }

    .fl { float: left;}
    .fr { float: right;}

            .fsl { font-size: larger;}
            .fss { font-size: smaller;}
           .fs32 { font-size: 32px;}
           .fs24 { font-size: 24px;}
   .fs18, #shema { font-size: 18px; }
             .fsi{ font-style: italic;}
            .fwb { font-weight: bold;}

   .ih15 { line-height: 1.5}

   .lsn { list-style: none}
.lspi   { list-style-position: inside;}

  img.fr { margin: 0px 0px 10px 20px}
  img.fl { margin: 0px 20px 10px 40px}
    .mb0 { margin-bottom: 0px;}
    .mt0 { margin-top: 0px;}
    .mt40  { margin-top: 40px;}
    .mb1em { margin-bottom: 1em;}
    .mb40 { margin-bottom: 40px;}

   .pa { position: absolute;}
   .pr { position: relative;}

  .vle1  {right: 1px;}
  .vle2  {right: 2px;}
  .vpra1 {left: 1px;}
  .vpra2 {left: 2px;}
  .vpra3 {left: 3px;}
   .vniz1  {top: 1px;}
   .vniz2  {top: 2px;}
   .vniz3  {top: 3px;}
   .vverh5  {bottom: 5px;}
     .tac { text-align: center;}
     .taj { text-align: justify;}
     .tar { text-align: right;}
    .ti15 { text-indent: 1.5em; }
     .ti2 { text-indent: 2em; }
     .ti0 { text-indent: 0em; }
     .tsn { text-shadow: none;}

.max240 { max-width: 240px; }
.max400 { max-width: 400px; }
.max450 { max-width: 450px; }
.max480 { max-width: 480px; }
.max500 { max-width: 500px; }
.max520 { max-width: 520px; }
.max530 { max-width: 530px; }
.max540 { max-width: 540px; }
.max550 { max-width: 550px; }
.max600 { max-width: 600px; }
.max640 { max-width: 640px; }
.max700 { max-width: 700px; }
.max750 { max-width: 750px; }
.max800 { max-width: 800px; }
.max960 { max-width: 960px; }
.max1050 { max-width: 1050px; }

  .wsn { white-space: nowrap;}
.w20 { width: 20%;}
.w25 { width: 25%;}
.w30 { width: 30%;}
.w35 { width: 35%;}
.w40 { width: 40%;}
.w45 { width: 45%;}
.w50 { width: 50%;}
.w55 { width: 55%;}
.w60 { width: 60%;}


     .knopki a {
       text-decoration: none;
       color: #630;
       border: solid 2px #da4;
       border-radius: 5px;
       background-image: url(img/bg5.png);
       padding: 1px 7px 5px 8px;
       white-space: nowrap;}


  /* ▼▼▼ лево и право ▼▼▼ */

    .l, #third11 .l, p.l { margin: 6px 11px 4px 0px;
    float: left;}
    .r, p.r { margin: 6px 0px 4px 16px; text-indent: 0px;
    float: right;}
    .lr {border: ridge 5px #da4;
    margin-left: auto;
    margin-right: auto;}

     .r p, .l p, p.r, p.l {
     padding: 8px;
     font-size: 15px;  color: #630;}

    .l div, .r div, .l span, .r span, ul .l span, ul .r span {
      text-align: center;
      font-size: 14px;
      margin: 0px}

      .l span, .r span, ul .l span, ul .r span {  display: block;}


     p.r, p.l, table   {
   text-indent: 0px;
   line-height: 120%; }

   .rr {
   margin: 10px 0px 10px 6px;
   border-width: 0px;
   float: right; }


  /* ▼▼▼ МЕССЕНДЖЕРЫ СПРАВА ▼▼▼ */
  #mess  { height: 195px; width: 60px; top: 0px; right: 4px; position: absolute;}

  #wh, #va, #te {
    box-shadow: -8px 6px 20px 5px rgba(0,0,0,0.3);
    border: dotted 0px;
    border-radius: 8px;
    display: inline-block;
    width: 44px;
    height: 44px;
    margin: 6px; }

  #mess img { width: 44px; height: 44px; margin: 0px; }
  /*  ▲▲▲ МЕССЕНДЖЕРЫ СПРАВА  ▲▲▲ */

    div .nash { margin: 0px; 0px; 90px; 0px; }

        .nash h3 {
          padding-top: 18px;
          background-repeat: no-repeat;
          background-position: top 0px left 2px;
          font-size: 28px;}

  .nash h3 { margin-bottom: 0px;  min-width: 400px;}
  .nash img  {box-shadow: 4px 8px 10px 0px rgba(0,0,0,0.3); }
  /*.nash img.fl  { margin-left: 40px;} */

  #shema { }

  /* ▼▼▼ ВСТАВЛЯЕМ И ЦЕНТРУМ ФОТОГРАФИИ ▼▼▼ */
.fotki,  .fotka  {text-align: center; vertical-align: top;  font-family: Tahoma, Arial, sans-serif; margin: 24px 0px 20px 0px; }
.fotka  { display: inline-block; margin: 0px 20px 20px 20px; /*text-shadow: 1px 6px 5px #aa7;*/}
/*.fotka.mb0  { margin: 0px 20px 20px 20px; } */

.fotka img {display: block;  margin: 0px 0px  10px 0px;}

.fotka span{ display: block;  }
    div.max1092
 { min-width: 1092px;}

  #stoim { margin: 0% 0% 0% 10%; border-collapse: collapse;}

 #stoim th, #stoim td {border: 1px solid black; padding: 5px 10px 5px 10px}

/* ---таблица 1px---------*/
 table.px1 {width: auto;
 border-collapse: collapse; margin-left: 40px; }
 .px1 td {
 border: solid 1px;
 padding: 3px 8px 3px 8px; }
 .px1 caption {font-weight: bold; margin-bottom: 0.5em}