/* --------------------------------------------   
      Layout styles                               
----------------------------------------------- */

/* @LAYOUT MAIN
------------------------------ */

#root, #foot {
   width: 960px;
   padding: 0;
   margin: 0 auto;
   text-align: left;
   position: relative;
}



/* @TOP
------------------------------ */
#top {padding-bottom: 40px; color: white;}



/* @LOGO
------------------------------ */
#logo {padding: 40px 58px 0 16px; float: left; }

#logo .important {
   display: block; 
   margin-top: 29px; 
   text-align: right; 
   color: #ffeb73;
   font-size: 16px;
   font-weight: bold;
   background: url('arrow_up.png') no-repeat 3px 4px; 
}

   /* top block */
   #top_block           {padding: 48px 0 0; float: left; width: 734px;}

      /* offer */
      #top_block .offer {
         letter-spacing: -1px;
         white-space: nowrap; 
         width: 300px; 
         position: relative; 
         font-size: 31px; 
         line-height: 1.1; 
         float: left;
      }
      #top_block .offer em   {font-style: normal; color: white;}

      
      /* phone */
      #top_block .phone {
         width: 218px; 
         font-size: 28px; 
         letter-spacing: -1px;
         white-space: nowrap;
         margin-top: -2px;
         padding-top: 6px;
         /* margin-right: -19px; */
         /*position: relative;*/
      }
      
      #top_block .phone em {
         font-style: normal; 
      }
      
      #top_block .phone dfn  {font-size: 18px; color: #a5e1f6; float: left; padding-top: 4px;}
      #top_block .phone span {color: #154392; float: left; }

         #top_block .phone span, 
         #top_block .phone span dfn {color: #154392;}
      
      
         /* shadows */
         #top_block .offer span,
         #top_block .phone span {
            position: absolute; 
            top: 2px; 
            left: 1px;
            color: #154392;
         }
         
         #top_block .offer em,
         #top_block .phone em {
            position: relative; 
            z-index: 1;
         }
         
         #top_block .phone {position: relative;}
         #top_block .phone div {position: absolute; left: 0; top:0;}
         #top_block .phone div.important {top: 2px; left: 1px;}
         
         #top_block .phone span {position: static;}
         #top_block .phone em {position: static;}
         
         #top_block .phone em dfn   {}
         #top_block .phone span dfn {}

      /* slogan */
      #top_block .slogan {font-size: 13px; line-height: 1.4; color: #ffffff; padding-top: 4px;}


   
/* @MENU
------------------------------ */
.menu {padding-right: 1px;}
.menu a {outline: 0;}

   .menu ul.sort * {float: left; height: 48px;}

.menu ul.sort                  {padding: 2px 18px 0; margin-bottom: -2px; position: relative;}
.menu ul.sort li               {padding-bottom: 0 !important;}
.menu ul.sort li a             {padding-left: 0 !important; text-decoration: underline;}
.menu ul.sort li a span        {padding-right: 19px;}
.menu ul.sort li a span em     {padding-left: 19px; font-style: normal;}
.menu ul.sort li a span em dfn {margin-top: 14px; cursor: pointer; height: auto; padding-left: 31px;}

.menu ul.sort li a:hover {text-decoration: none;}

   /* active */
   .menu ul.sort li.active               {background: transparent url('bg_menu_.png') repeat-x 0 0;}
   .menu ul.sort li.active a             {text-decoration: none;}
   .menu ul.sort li.active a span        {background: transparent url('bg_menu0.png') no-repeat 100% 0;}
   .menu ul.sort li.active a span em     {background: transparent url('bg_menu1.png') no-repeat 0 0; }
   .menu ul.sort li.active a span em dfn {height: auto; margin-top: 6px;}
   
   .menu ul.sort li.active * {cursor: default;}

   /* icons */
   .menu ul.sort li a.map      span em dfn {padding-top: 5px; height: 28px; margin-top: 8px;  background: transparent url('ico_map0.png') no-repeat 0 0;}
   .menu ul.sort li a.subway   span em dfn {padding-top: 1px; height: 28px; margin-top: 12px; background: transparent url('ico_subw.png') no-repeat 0 0;}
   .menu ul.sort li a.agencies span em dfn {padding-top: 7px; height: 28px; margin-top: 8px;  background: transparent url('ico_agen.png') no-repeat 0 0;}



/* plate */
#menu_agencies_list #msk {background: #FFF5B4 url('bg_plate.png') no-repeat 0 0; height: 97px;}

.menu .plate {background: #fff url('bg_platf.png') repeat-x 0 0; padding: 20px 30px 20px;}
.menu .plate h2 {color: #097EBA; font-size: 16px; padding-left: 8px; margin-bottom: 10px;}

   .menu .plate ul li * {float: left; height: 23px;}
   .menu .plate ul {
      float: left; 
      padding: 3px 10px 0 0; 
      margin-right: 6px;
      /*letter-spacing: -1px;*/
      background: transparent url('bg_menu2.png') repeat-y 100% 0; 
   }

   .menu .plate table td {padding: 0;}
   
   .menu .plate ul li     {white-space: nowrap;}
   .menu .plate ul.simple {background-image: none;}
   
   .menu .plate ul li span          {padding-right: 13px;}
   .menu .plate ul li span em       {padding-left: 8px; }
   .menu .plate ul li span em dfn   {}
   .menu .plate ul li span em dfn a {padding-left: 12px; padding-top: 3px; background: transparent url('arrow100.png') no-repeat 2px 7px; }

   .menu .plate ul li.active               {font-weight: bold; text-decoration: none;}
   .menu .plate ul li.active span          {background: transparent url('bg_menu3.png') no-repeat 100% 0;}
   .menu .plate ul li.active span em       {padding-left: 20px; background: transparent url('bg_menu3.png') no-repeat 0 0; }
   .menu .plate ul li.active span em dfn   {}
   .menu .plate ul li.active span em dfn a {background-image: none; padding-left: 0; text-decoration: none; cursor: default;}

   .menu .plate ul li.active * {height: 23px;}





/* @COLUMNS
------------------------------ */

   /* front page */
   .front {color: white;}
   .front #main {background: transparent url('bg_main_.png') no-repeat 100% 100%;}

   /* leftcol */
   #leftcol {width: 309px; float: left; }

   /* rightcol */
   #rightcol            {width: 635px; padding-left: 16px; float: left; }
   .front #rightcol     {}
   .front #rightcol .in {background: transparent url('bg_main0.png') no-repeat 0 0; padding: 13px 15px;}





/* @BLOCKS
------------------------------ */

   /* places block */
   .places_block h2 {color: #d54100; font-size: 19px; margin-bottom: 10px;}
   .places_block p {color: #383627;}

   ul.sort      {font-size: 16px;}
   ul.sort li   {padding-bottom: 5px; overflow: hidden;}
   ul.sort li a {color: #097eba; display: block; padding-left: 31px; float: left; }
   ul.sort li a.important {font-size: 21px;}
   
      /* icons */
      ul.sort li.map a      {height: 29px; padding-top: 4px; background: transparent url('ico_map0.png') no-repeat 0 0;}
      ul.sort li.subway a   {padding-top: 3px; height: 22px; background: transparent url('ico_subw.png') no-repeat 0 0;}
      ul.sort li.agencies a {padding-top: 7px; height: 23px; background: transparent url('ico_agen.png') no-repeat 0 0;}
   
   
   .places_block form {padding: 20px 0 0;}
   .places_block form .text {
      background-color: white;
      padding: 2px 2px;
      font: 12px Arial, Helvetica, sans-serif; 
      color: #969696;
      width: 207px; 
      overflow: hidden;
      margin: 0;
   }
   
   
   .places_block form .submit {
      padding: 0 4px 1px; 
      height: 24px;
      width: 50px;
   }
   
   .places_block form .submit {
      cursor: pointer;
      padding: 1px 2px;
   }
   
   .places_block form .row {}

   /* tip */
   .places_block .tip      {padding-top: 5px; color: #988b5e;}
   .places_block .tip span {border-bottom: 1px dashed #988b5e; cursor: pointer;}



/* about block */
.about_block_top {background: transparent url('bg_about.png') no-repeat 0 0; height: 14px; margin-top: 14px;}
.about_block_top.minor {margin-top: 0;}
.about_block {
   color: #666c76;
   background: transparent url('bg_abouu.png') no-repeat 0 100%;
   padding: 10px 20px 10px;
}

   .about_block p    {margin-bottom: 0;}
   .about_block h2   {font-size: 24px; color: #4772ad; margin-bottom: 0;}
   .about_block span {font-size: 16px; color: #4772ad; display: block; padding-bottom: 10px;}
   
   .about_block ul    {}
   .about_block ul li {
      float: left; 
      width: 120px; 
      padding: 0 0 10px 10px;
      background: transparent url('bg_list_.png') no-repeat 0 0;
   }
   
   .about_block ul li.simple {width: 100px; margin-left: 15px;}

   
   
   
/* tours block */
.front .tours_block    {padding: 25px 13px 0 29px; background: transparent url('bg_tours.png') no-repeat 0 0;}
.front .tours_block h2 {color: #154392; margin-bottom: 15px; font-size: 18px;}

.front .tours_block .l {width: 280px;}
.front .tours_block .r {width: 265px; float: left !important;}
.front .tours_block .r .tour_selector {margin-right: 0;}



* html .front .tours_block .r {margin-left: -15px;}

   .tour_selector {
      z-index: 1;
      float: left; 
      color: white;
      width: 263px;
      font-size: 15px;
      position: relative;
      margin-right: 17px;
      white-space: nowrap;
      margin-bottom: 15px;
      background-color: transparent;
   }
   
   .tour_selector a {outline: 0;}

   .tour_selector a.header {
      background: transparent url('bg_tour_.png') no-repeat 0 0;
      text-decoration: none; 
      overflow: hidden;
      width: 264px; 
      height: 31px; 
      color: white; 
      display: block;
      /* letter-spacing: -1px; */
   }
   .tour_list {display: none;}
   .tour_selector a.header:hover {background-image: url('bg_tour0.png');}
   
   /* opened */
   .tour_selector.opened a.header {background: transparent url('bg_tour1.png') no-repeat 0 0; font-weight: bold}
   .tour_selector.opened a.header:hover {background-image: url('bg_tour1.png');}
   
   .tour_selector a.header em   {float: left; padding-top: 6px; width: 196px; font-style: normal; overflow: hidden;}
   .tour_selector a.header span {
      float: left;
      width: 42px; 
      height: 31px;
      padding-left: 8px; 
      background-position: 0 0; 
      background-repeat: no-repeat;
   }
   
   .tour_selector a.header dfn {color: white !important}

   /* @FLAGS */
   .tour_selector a.header span.spain     {background-image: url('spain000.png');}
   .tour_selector a.header span.thailand  {background-image: url('thailand.png');}
   .tour_selector a.header span.egypt     {background-image: url('egypt000.png');}
   .tour_selector a.header span.sri_lanka {background-image: url('shri-lan.png');}
   .tour_selector a.header span.maldives  {background-image: url('maldives.png');}
   .tour_selector a.header span.cuba      {background-image: url('cuba0000.png');}
   .tour_selector a.header span.greece    {background-image: url('greece00.png');}
   .tour_selector a.header span.dominican {background-image: url('dominica.png');}
   .tour_selector a.header span.turkey    {background-image: url('turkey00.png');}
  

   /* tours list */
   .tour_selector ul      {
      background: #1D59AC url('bg_tour2.png') repeat-x 0 0; 
      font-size: 12px;
   }

   .tour_selector ul li   {
      height: 31px; 
      clear: both;
      background: transparent url('bg_separ.png') repeat-x 0 0;
      width: 262px;
   }
   
   .tour_selector ul li a, .tour_selector ul li dfn {
      color: white; 
      display: block; 
      padding: 9px 0 3px;
      padding-left: 10px;
      text-decoration: none;
      float: left; 
   }
   
   .tour_selector ul li em {
      font-style: normal; 
      color: #8CC7DF;
      padding: 9px 10px 0 0;
      float: right; 
   }
   
   .tour_selector ul li dfn, .tour_selector ul li dfn strong {cursor: default !important;}
   

      /* last */
      .tour_selector ul li.last {height: 25px;}
      .tour_selector .list_bottom {height: 7px; background: transparent url('bg_tour3.png') no-repeat 0 0;}
      .tour_selector .list_bottom.one {height: 7px; background: transparent url('bg_tour4.png') no-repeat 0 0;}
      .tour_selector .list_bottom.two {height: 7px; background: transparent url('bg_tour5.png') no-repeat 0 0;}

   

   #tours_foot {height: 10px; background: transparent url('bg_tourt.png') no-repeat 0 0;}

   
   
.agencies_list {padding: 15px 16px 10px;}


/* @MAP */
#map {
   width: 560px;
   height: 400px;
   display: block;
   border: 1px solid #333;
}
#menu_map_list {padding-top: 35px; padding-left: 36px;}


/* @CONTENT */
.content {padding: 15px 25px 10px;}


/* @SUBWAY MAP */
.subway_map {margin-top: 15px; zoom: 1}
.subway_map a {
    position: absolute; 
    font-size: 11px; 
    text-indent: -9000px;
    outline: 0;
    cursor: pointer !important;
}

#offices_list {min-height: 85px;}






.inner .tours_block {
   padding: 11px 0 10px 23px; 
   background: transparent url('bg_inner.png') no-repeat 0 100%;
}

.inner .tour_list {width: 264px;}
.inner .tour_selector {float: none}

.inner #rightcol     {background: url('bg_innes.png') no-repeat 16px 0; padding-top: 13px;}
.inner #rightcol .in {
   background: white url('dot00000.png') repeat-y right 0;
   zoom: 1
}

#rightcol_foot {
   background: transparent url('bg_innet.png') no-repeat 0 0; 
   height: 181px;
}


#subway_header {color: #097EBA;}


/* @FOOT
------------------------------ */
#root {margin-bottom: -190px;}
#dummy, #foot {height: 190px;}

#foot {color: #e0ecf2;}
#foot a {color: #a1dfff;}
#foot p {color: #8FA8CC; margin-top: 18px;}

   #foot .l, 
   #foot .r {padding-top: 50px;}