/***********************************************/
/*               Разметка страниц              */
/***********************************************/

#bg-holder
{
  width:1188px;
  margin:0 auto;
	padding:0 6px;	
}

.page-wrapper
{
  /* обертка для страницы  */
  width: 1188px;
  margin:0;
  padding:0;
}

.header
{
  width: 1188px;
  height:27px;
  background-image:url(i/header.jpg);
  background-position:center top;
  background-repeat:no-repeat;  
  position:relative;
  padding-top:160px;
}

.header H1.logo
{
  position:absolute;
  top:10px;
  left:5px;
  width:190px;
  height:60px;
  text-indent:-9999px;
}

.header H1 A
{  
  width:190px;
  height:60px;
  text-indent:-9999px;  
  display:block;
}

.nav
{
  height:25px; 
  background-image:url(i/bg-menu.png);
  background-repeat:repeat-x;  
  position:relative;  
  margin:1px 0;
}

.nav UL.menu-nav
{
  position:absolute;
  top:0;
  left:1px;
  display: block;
  margin:0;
  padding:0;
}

.nav UL.menu-nav LI
{
  list-style-type:none;
  float:left;
  height:25px;
  position:relative;
}

.nav UL.menu-nav LI.separator
{
  width:2px;
  height:25px;
  background-image:url(i/menu-separator.png);
  padding:0;
  margin:0 1px;
}

.nav UL.menu-nav LI SPAN
{
  display:block;
  width:4px;
  height:25px;
  background-image:url(i/menu-borders.png);
  float:left;
  cursor:pointer;
}

.nav UL.menu-nav LI SPAN.l,
.nav UL.menu-nav LI SPAN.r
{
  background-position: 0 0;
}

.nav UL.menu-nav LI SPAN.l-hover { background-position: 0 -25px; }
.nav UL.menu-nav LI.active SPAN.l, .nav UL.menu-nav LI SPAN.l-active { background-position: 0 -50px;}
.nav UL.menu-nav LI SPAN.r-hover { background-position: -4px -25px; }
.nav UL.menu-nav LI.active SPAN.r, .nav UL.menu-nav LI SPAN.r-active { background-position: -4px -50px }


.nav UL.menu-nav LI A
{
  color: #cbe4f1;
  float:left;
  display: block;
  height:25px;
  line-height:25px;
  text-align:center;
  text-decoration: none;
  outline:0;
}

.nav UL.menu-nav LI A.hover
{
  background-image:url(i/menu-middle-hover.png);
  background-repeat:repeat-x;
  color:#20f889;
}

.nav UL.menu-nav LI.active A,
.nav UL.menu-nav LI A.active
{
  background-image:url(i/menu-middle-active.png);
  background-repeat:repeat-x;
  color:#d3fb70;
}

.nav UL.menu-nav LI.tours A { width: 80px }
.nav UL.menu-nav LI.airtickets A { width: 124px }
.nav UL.menu-nav LI.visa A { width: 80px }
.nav UL.menu-nav LI.autorent A { width: 128px }
.nav UL.menu-nav LI.agency A { width: 144px }
.nav UL.menu-nav LI.about A { width: 82px }
.nav UL.menu-nav LI.contacts A { width: 108px }
.nav UL.menu-nav LI.news A { width: 92px }
.nav UL.menu-nav LI.special_offers A { width: 154px }
.nav UL.menu-nav UL.submenu
{
  display:none;
  position:absolute;
  top:25px;
  left:0;
  margin:0;
  padding:0;  
}

.nav UL.menu-nav UL.submenu LI
{
  list-style-type:none;
  height:20px;
  width:222px;
  margin:0;
  padding:0;
  float:none;
}

.nav UL.menu-nav UL.submenu LI A ,
.nav UL.menu-nav UL.submenu LI A:hover
{
  border:1px solid #328dbd;
  width:210px;
  height:18px;
  display:block;
  text-align:left;
  background-image:url(i/bg-submenu.png);
  background-repeat:repeat-x;
  background-position:0 0;
  line-height:18px;
  color:#2c4990;
  float:none;
  padding-left:10px;
}
.nav UL.menu-nav UL.submenu LI A.hot_airtickets {color:#FF0000} 
.nav UL.menu-nav UL.submenu LI A:hover
{
  color:#20f889;
  background-position:0 -18px;
}
.nav UL.menu-nav UL.submenu LI A.hot_airtickets:hover {color:#FF0000} 
/*.nav UL.menu-nav UL.submenu LI A.test:hover
{
  color:#20f889;
  background-position:0 -18px;
}*/
.content-wrapper 
{
  background-color:#e6eff4;
}

.aside,
.content, .content_avia
{
  float:left;
  margin:0;
/*  min-height:800px; */
}

.content
{
  width:768px;
  padding:1px 10px 10px 10px;   
}

.content_avia
{
  width:968px;
  padding:1px 10px 10px 10px;  
}

.aside
{
  width:198px;
  padding:1px 1px 19px 1px;    
  /*background-color:#dbe7e9; */
}

.footer
{
  background-image: url(i/bg-footer.png);
  background-repeat:repeat-x;
  background-position:center top;
  height: 50px;
  position:relative;
  text-align:center;
  line-height:50px;
  color:#99ccff;
}

.footer A.rss
{
  background-image:url(i/rssicon.png);
  width:17px;
  height:32px;
  display:block;
  text-indent:-9999px;
  position:absolute;
  top:9px;
  left:10px;
}

/* 
  Хак для коректной реализации float. 
  см. http://www.webtoolkit.info/css-clearfix.html 
*/

.clearfix:after 
{
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix 
{
  display: inline-block;
}

html[xmlns] .clearfix 
{
  display: block;
}

* html .clearfix 
{
  height: 1%;
}

.pay-sys {
  float: right;
}
.pay-sys ul li {
  display: inline-block;
}
.pay-sys li .mastercard {
  background: url(i/horizontalLogos.png) no-repeat -227px 0;
  width: 80px;
}
.pay-sys li .paykeeper {
  background: url(i/horizontalLogos.png) no-repeat 0px 0;
  width: 124px;
}
.pay-sys li span {
  height: 39px;
  display: inline-block;
}
.pay-sys li .visa {
  background: url(i/horizontalLogos.png) no-repeat -130px 0;
  width: 104px;
}
.pay-sys li .mir {
  background: url(i/horizontalLogos.png) no-repeat -310px 0;
  width: 104px;
}
.pay-sys li .sb {
  background: url(i/logo_sb.jpg) no-repeat 0px 0;
  width: 137px;
}