﻿    html, body {
      margin: 0px;
      padding: 0px;
      border: 0px;}

    body {
      background-color: #e0c88e;
      color: #000;
      background-image: url(img/bg.gif);
      font-family: Georgia, "Times New Roman", Times, serif;}

    #carrier {
      position: relative;
      width: 1000px;
      margin-left: auto;
      margin-right: auto;
      background-image: url(img/logoDP6040.svg);
      background-repeat: no-repeat;
      background-position: 10px 5px;}

/*-----общие---------*/

    #tel, #mail  { position: absolute;}

.tah, #ah1, p.r, h1, h2, h3, h4, .foot, #tel, #mail, #vert2, #text td,  #ng,  .r div, .l div, div .r span, .l span, #ng h2, .prnum, .h4, .ogl span
   {  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; }


    .lm1, .lm2, #noga,.r p, .lniz {
       font-family:birch Cirina C,comic Sans MS, epsilon C0;}

    #hor1 a, #levo a, h1 a, #ah1 a {
     text-decoration: none;}

    #hor1 a, .lm1 , .lm2, #levo a  {color: #630; }

    #epi, .epi, #epi a, .foot, .foot a, p.niz  { color: #852;}
    p.r, p.l,    { background-color: #e1c88c }

    h1   {margin: 38px 0px 14px 0px; font-size: 170% ;}
    h2, span .h2    {margin: 32px 0px 14px 0px; font-size: 140% ;}
    h3, span .h3    {margin: 28px 0px 8px 0px; font-size: 120% ;}
    h4, span .h4    {margin: 16px 0px 0px 0px; font-size: 100% ; text-indent: 0px;}

 span .h2, span .h3, span .h4, #ah1  {
   display: block;
   font-weight: bold;
  }

  #header {
       position: relative;
       background: url(img/top.jpg) no-repeat 218px ;}

   #header h1,  #ah1{
     font-size: 180%;
     color: red;
     margin: 0px 0px 0px 300px;
     height: 164px;
     text-align: left;
      }

   #header h1 a, #header #ah1 a {
     color: red; }

   #epi, .epi{
      font-size: 12px;
      font-style: italic;
      text-align: right;
      padding-right: 35px;
      margin: 0px;
      width: 900px; }

   #epi{ z-index: 2;
        position: absolute;
        width: auto;
        top: 190px;
        right: 0px;}
   #epi a  {  text-decoration: none;    }

   .epi{
     z-index: 2;
       position: relative;
       bottom: 8px;
       float: right;
       clear: right;}

/* --------верхнее меню и контакты */

    #hor1{ z-index: 1;
      font-size: 17px;
      position: relative;
      height: 33px;
      background: url(img/hor_center.jpg) ;
      float: right;  }

      #hp1, #hp2, #hp3, #hp4, #hp5, #hp6, #hp7  {
        text-align: center;
        float: left;
        height: 33px;
        margin: 0px;

      /*  border: #FF0066 dotted 1px;*/}

#hp1 { width: 140px;  text-indent: 35px; background: url(img/hor_left.jpg) no-repeat left;}
#hp2 { width: 172px;}
#hp3 { width: 138px; }
#hp4 { width: 86px; }
#hp5 { width: 144px; }
#hp6 { width: 122px; }
#hp7 { width: 142px; text-indent: -27px; background: url(img/hor_right.jpg ) no-repeat right; }

#hor1 strong, #hor1 a {
   position: relative;
   bottom: 2px;}


      #tel, #mail {font-size: 14px;  font-weight: bold;}
      #tel {right: 20px; top: 2px; text-align: right;  }


      #mail  { right: 20px; top: 37px; }


/*---------левое меню----------------------------------*/
     #levo {
      width: 172px;
      float: left;
      margin: 15px 10px 0px 0px;}

     #levbord {
       padding: 1px 0px 0px 7px;
       background-image: url(img/stick.jpg);
       background-repeat: repeat-y;
       background-position: 67px;}

     .lm1, .lm2 {
        width: 158px;
        height: 44px;
        background-image: url(img/bord.png);
        background-repeat:no-repeat;
        font-size: 120%;
        text-align: center;
        margin: 0px 30px 0px 0px;
        text-indent: -17px;  }


     .lm1 { line-height: 200% }

     .lm2 { line-height: 75%;}
     .lm2 strong { position: relative; bottom: 2px;}
     .lm2 span { position: relative; top: 5px;}

      #noga  {
      margin: 0px;
      height: 30px;
      background: url(img/foot.jpg) no-repeat;
      text-align: left;
      line-height: 90%; }

    .lniz {
    margin: 10px 0px 10px 0px;
    padding: 0px;
    line-height: 90%;
    font-size: 15px;  }

/*----------------------------------------------------------*/

    #text {
      margin: 20px 0px 0px 174px;
      padding: 20px 0px 0px 15px;
      /*border: dotted 1px; */}

   /*-----колонки на главной-------border: dotted 1px;*/
           #textl {
       width: 54%;
       float: left;
       padding: 30px 0px 0px 0px; }

          #textr{
      height: auto;
      width: 42%;
      float: right;
      padding: 40px 5px 0px 0px;
      text-align: right; }

    #textl ul{
   margin: 0px;
   padding: 0px;
   text-align: justify;
   list-style-type: none;}

    #text td a img, img.r, img.l, div.r img, div.l img, div.r p, div.l p, p.l, p.r, .frame, #textl p.baget {border: ridge 4px #da4 }

    hr{border-bottom: ridge 2px #da4}

   #text1, .text1, #text2  {
      margin-top: 0px;
      padding: 30px 10px 20px 10px;
      font-size: larger;}
   .story{
   font-weight: 400;
   font-style: italic;
   line-height: 1;}
   #vniz  {
     position: relative;
     top: 20px;  }


    #text p, #text1 p, .text1 p, #text2 p, #text h {
      text-align: justify;

      text-indent: 2em;
      margin: 0px 5px 0px 0px;
      width: auto; }

     .news  {margin-bottom: 0px;}

      h4 > p {margin-top: 0px;}
      h4 { margin-bottom: 0px;
      text-indent: 2em;}

    .foot { padding-bottom: 24px;  }


    .foot, .snoski {
       padding-top: 30px;
       clear: both;
       font-size: 70%;}

    .podpis { text-align: right; font-style: italic;  margin: 0px 30px 0px 0px}

    .foot a, foot strong  { padding: 1px 5px 1px 5px }

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

    .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; }


.ml0  {  margin-left: 0px;}
.mr0  {  margin-right: 0px;}
/*----------карта-------------------- */
    #map {
      position: relative;
      margin-top: 40px;
      }

    #map h1, #map h2, #map h4, #map p {position: absolute; width: 470px; margin: 0px; }

    #map p strong  {
    color: #CC0066;
    font-size: 12px;
    width: 3px;
    }
     #map p {
     font-size: 12px;
     padding: 0px;
     margin: 0px;}

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


/* ---программы---------------------- */
#programmy h3{ margin-bottom: 2px; }
.prog { padding-left: 0px; margin-left: 0px;

list-style-type: none;
list-style-position: inside; }
.prog li { margin: 10px 10px 10px 0px; }
.prog span {  font-weight: bold; padding-left: 240px;  }

 ul .prog  {width: 750 px;}

.prog h4   { margin-top: 5px;}

 .prnum {position: absolute; font: italic  17px Tahoma ; right: 1px; top: 195px; /* border: solid  1px #663333;*/
 width: 600px;

  }
    .prnum span {
       width: 25px;
       display: block;
       float: left;
       text-align: center;}
    .prnum span .dve {
       width: 30px; }
    #prnum1  {
       width: 260px; }

   .price {
     border-width: thin;
     border-style: dotted;

   width: 700px;
   margin-left: auto;
   margin-right: auto;}

   .price ul { margin-top: 0px; }

   .price h3  { margin: 0px 0px 0px 30px}








/* ---новый год--------------------- */
      #ng {
        width: 680px;
        position: absolute;
        top: 190px;
        left: 320px;
        font-style: italic;}

        #ng h2 {  margin: 10px 0px 15px 130px;}

        #ng p {  padding: 6px 15px 10px 0px;
        text-align: right;
        font-weight: bold;
        clear: both;}

        #ng img  {float: right; margin-right: 5px; border-style: none }



 #fotogalereya img   {  border: none  }

    .f  {
   width: 240px;
   text-align: center;
   float: left;
   margin: 5px  }

   #fotogalereya h2 {margin: 20px 0px 0px 200px; }



/* ближайший тур */

 #bltur {
   float: right;
 padding-right: 10px;
 font-family: Arial;
 text-align: right;}

  #bltur1 {

   font-style: italic;
   font-size: 120%;
   font-weight: bold;
   color: red; margin: 20px 0px 0px 0px  }

 #bltur2 {
   font-weight: bold;
   margin: 0px 0px 0px 0px }

 #bltur3 {
   padding: 0px;

   margin: 0px 0px 0px 0px;
   text-align: right;
   text-indent: 0px; }

 #bltur img {
   float: right;
   margin: 3px 0px 0px 10px }

/*фильм*/
 div #film {
 height: 132px;
 position: absolute;
 top: 205px;
 right: 0px; }

 #film1 {
 background-image: url(../film/film.gif);
 height: 132px;
 float: left;}

#film1 img {  margin: 36px 0px 0px 1px;}

 #film2 { width: 70px;
 height: 132px;
 position: absolute;
 right: -2px;
 background-image: url(/film/kasseta.gif);}

li {list-style-position: inside;}
ol h3  {display: inline;}

.bn {  border-style: none }


.ogl ul,  .ogl ol
 {margin-top: 0px;
 text-align: left;}
.ogl  {margin: 0px 0px 0px 15px;
text-align: center;
font-size: smaller;}

/* дополнения */
.fl, .fr {   border-style: none  }
.fl { float: left;       margin-right: 12px;}
.fr { float: right;      margin-left: 12px;}
      p.niz { font-size: 70%;}
      .ud1 {  position: relative;   right: 0.1em;}
      .ud2 {   position: relative;   right: 0.22em; }
.vlevo {   position: relative;   right: 0.22em; }
#al.right, #text1.tar  {text-align: right;}
.center  {text-align: center;}
.red { color: #e00;}
.tar  {  text-align: right;  }
.bsn {   border-style: none }
/*.ano  {  text-decoration: none;    color: Black;  } */
.tdn  {  text-decoration: none;    color: Black;  }
.gust {line-height: 120%; }
.cr   {     clear: right; }
.cl   {     clear: left; }
.cb  { clear: both;}
.fs12 {   font-size: 12px; }
.fs21 {   font-size: 21px; }
.fs32 {   font-size: 32px; }
.fsl {   font-size: larger; }
.fsi{ font-style: italic;}
.fwb{  font-weight: bold;}
.sm  {font-size: smaller;}
.ma   {
  margin-left: auto;
  margin-right: auto;   }
.m00020   {    margin: 0px 0px 0px 20px}
.wsn { white-space: nowrap; }
.ico  {list-style-image: url(../../img/ico.bmp); margin-top: 0px }
.db {   display: block;}
#ikonki { width: 144px;
          position: absolute; 
          top: 186px;                    left: 172px; 
          z-index: 1;}
#trek {
  padding: 10px 0px 0px 24px;
  width: 220px;
  font-size: 16px;
  }
#trek b
 {
   position: relative;
   right: 12px;  }


     foot










