/*
 * @file: index.css
 * @author: Webway IT Labs, 2008 (www.webway.ru)
 *
 */

@import url("v11/reset.css");
@import url("v11/base.css");
@import url("v11/typo.css");


html{
  font-size:101%;
}

body{
  background:#D2E8F2 url(/_pic/bg-main.jpg) repeat-x 0 0;
  color:#595A5C;
  font:normal 62.5% Tahoma, sans-serif;
}

.h-slogan{
  background-image:url(/_pic/h-slogan.png);
  width:321px;height:20px;
}

.ico-home,
.ico-mail,
.ico-sitemap,
.ico-login{
  background-image:url(/_pic/ico-serv.png);
  width:11px;height:9px;
}
.ico-home{ background-position:0 0; }
.ico-mail{ background-position:-12px 0; }
.ico-sitemap{ background-position:-23px 0; }
.ico-login{ background-position:-35px 0;width:8px; }

.ico-prev,
.ico-next{
  width:9px;height:9px;
}
  .ico-prev i,
  .ico-next i{
    background-image:url(/_pic/ico-pager-arr.png);
  }
  .ico-next i{ background-position:-10px 0; }

.ico-point{
	background-image:url(/_pic/city.png);
	width:12px;height:12px;
}

.h-close{
  background-image:url(/_pic/ico-close.png);
  width:72px;
  height:20px;
}

.h-partners{
  background-image:url(/_pic/h-partners.png);
  width:63px;
  height:12px;
}

/* =Light box */
a.locked{
  cursor:default;
}

#h-tech,
#h-docs,
#h-feedback{
  background-image:url(/_pic/h-icard-menu.png);
  height:20px;
}
#h-tech{
  background-position:0 0;
  width:180px;
}
  a#h-tech:hover{ background-position:0 -21px; }
  a#h-tech.locked{ background-position:0 -42px !important; }

#h-docs{
  background-position:0 -63px;
  width:105px;
}
  a#h-docs:hover{ background-position:0 -84px; }
  a#h-docs.locked{ background-position:0 -105px !important; }

#h-feedback{
  background-position:0 -126px;
  width:111px;
}
  a#h-feedback:hover{ background-position:0 -147px; }
  a#h-feedback.locked{ background-position:0 -168px !important; }

/* =service menu */
.s-menu{}
  .s-menu li{
    float:left;
	font-size:10px;
    padding:0 18px;
  }
  /*.s-menu li.f-child{ padding-left:0; }*/
  .s-menu li.l-child{ padding-right:0; }
  .s-menu a{
    text-decoration:none;
  }

/* =main menu */
.m-menu{
}
  .m-menu li{
    clear:both;
    float:left;
    padding-right:5px;
    margin-bottom:11px;
    position:relative;
  }

  .m-menu .grapher{
    height:22px;
  }
  .m-menu a.grapher:hover,
  .m-menu .hover .grapher,
  .m-menu .active .grapher{
    background-position:100% 0;
  }

  .m-menu a{
    color:#5B5B5B;
    text-decoration:none;
  }
  .m-menu .active,
  .m-menu .active *{
    color:#fff;
    white-space:nowrap;
  }

  .m-menu .sub-menu{
    display:none;
	top:0px;
	left:100%;
    margin-left:-3px;
    z-index:5;
  }
    .m-menu .sub-menu li{
      background-color:#3f3f3f;
      display:block;
      float:none;
      margin:0;
      padding:0 9px 2px;
      position:static;
    }
    .m-menu .sub-menu li.f-child{
      padding-top:2px;
    }
    .m-menu .sub-menu li.f-last{
      padding-bottom:2px;
    }
    .m-menu .sub-menu li.active{
      background:#fff;
    }
      .m-menu .sub-menu li.active *{
        color:#3f3f3f;
        white-space:nowrap;
      }

    .m-menu .sub-menu .grapher{
      height:16px;
    }
    .m-menu .sub-menu .grapher,
    .m-menu .sub-menu a.grapher{
      background-position:0 0;
    }

.h-menu{
  clear:both;
  margin-left:-6px;
  /*padding:9px 0 40px;*/
  padding:9px 0 0;
  margin-bottom:40px;
}
  .h-menu li{
    font-size:1.2em;
    margin-right:25px;
  }
    .h-menu a,
    .h-menu span{
      padding:3px 6px;
    }
    .h-menu a{
      color:#5B5B5B;
      text-decoration:none;
    }
    .h-menu a:hover,
    .h-menu a:active,
    .h-menu .active a,
    .h-menu span{
      background-color:#3f3f3f;
      color:#fff;
    }

.content{
  padding:24px 30px 0 0;
}

.article{
  clear:both;
  padding:1.4em 0;
  -zoom:1;
}
  .article *{
    color:#595A5C;
  }
  .article .art-image,
  .article .good-image{
    float:left;
    margin-right:-100%;
    position:relative;
    z-index:1;
  }
    .article .art-image img,
    .article .good-image img{
      display:block;
    }
    .article .art-image img{
      border-top:15px solid #3f3f3f;
	}

  .article .art-body{
    padding-left:105px;
  }
    .article .name{
      padding:0 0 1em;
      overflow:hidden;
      width:100%;
    }
      .article .name *{
        line-height:100%;
      }
      .article .name .art-date{
        border-right:1px solid #595A5C;
        display:inline;
        float:left;
        font-weight:bold;
        margin-right:1ex;
        padding-right:1ex;
      }
      .article .name .art-title{
        display:table;
		line-height:1.1em;
        //display:inline;
        //zoom:1;
      }
#index .article{
  padding:.5em 0;
}
  #index .article .name{
    padding-bottom:.2em;
  }
  #index .article .art-body{
    padding-left:0px;
  }
  #index .article .good-body{
  	padding-left:145px;
  }

.archive{
  padding:15px 0;
}

.date{
  font-weight:bold;
}

div.illustration{
  padding:1em 0;
}
  .illustration img{
    display:block;
    border-top:15px solid #3f3f3f;
  }

/* =pager */
.pager{
  clear:both;
  padding:50px 0 20px;
}
  .pager li{
    display:inline;
    float:left;
    padding:0 .4ex;
  }
  .pager li.f-child{
    padding:0 3ex 0 0;
  }
  .pager li.l-child{
    padding:0 0 0 3ex;
  }

  .pager a,
  .pager span{
    font-size:.9em;
    display:block;
    line-height:100%;
    padding:2px 4px;
  }
  .pager a{
    color:#595A5C;
    text-decoration:none;
  }
  .pager a:hover,
  .pager a:active,
  .pager span{
    background-color:#3f3f3f;
    color:#fff;
  }
  .pager .graph{ padding:0;margin-top:2px; }

.lightbox .pager{
  padding:0;
  margin:0;
}
  .lightbox .pager .graph,
  .lightbox .pager span{
    cursor:pointer;
  }
  .lightbox .pager span{
    background-color:transparent;
    color:#595A5C;
  }
  .lightbox .pager .locked,
  .lightbox .pager .active{
    cursor:default !important;
  }
  .lightbox .pager .active{
    background-color:#3f3f3f;
    color:#fff;
  }

/* =FAQ Items */
.faq-item{
  padding:1.4em 0;
  width:420px;
}
  .faq-item .faq-question{
    padding:0 0 1em;
    overflow:hidden;
    width:100%;
  }
    .faq-item .faq-question *{
      line-height:100%;
    }
    .faq-item .faq-question .author{
      border-right:1px solid #595A5C;
      display:inline;
      float:left;
      font-weight:bold;
      margin-right:1ex;
      padding-right:1ex;
    }
    .faq-item .faq-question .q{
      display:table;
      //display:inline;
      //zoom:1;
    }


/* =file-list */
h2.f-header{
  margin:2.8em 0;
  padding:0;
}

.f-list{
  /*padding:1.4em 0;*/
  -zoom:1;
}
  .f-list li{
    clear:both;
    display:block;
    width:430px;
    overflow:hidden;
    padding:1px 0;
    //position:relative;
    //zoom:1;
  }
    .f-list li img{
      display:inline;
      float:left;
      margin-right:-100%;
    }
    .f-list .f-entity{
      color:#595A5C;
      display:block;
      font-size:1em;
      line-height:100%;
      margin:0 0 0 48px;
      //display:inline;
      //zoom:1;
    }
      .f-list .f-entity .f-name,
      .f-list .f-entity .f-size{
        display:inline;
        margin-top:3px;
      }
      .f-list .f-entity .f-name{
        float:left;
        margin-right:6em;
        margin-bottom:.2em;
		_width:27em;
		_white-space:pre-wrap;
      }
      .f-list .f-entity .f-size{
        float:right;
        margin-left:-100%;
        width:5.5em;
        //margin-left:-5em;
        //position:absolute;
        //right:0px;
      }


/* =Vocabulary */
.char-list{}
  .char-list li{
    padding:0 1em 0 0;
    text-transform:uppercase;
  }

.vocabulary{
  padding:1.1em 0;
  width:430px;
}
  .vocabulary h2{
    text-transform:uppercase;
  }
  .vocabulary p{
    padding:0 20px 0 0;
  }

h1.cat-section-name{
  display:inline;
  font-size:145%;
  font-weight:normal;
  float:left;
}
form.cat-section-choose{
  border-left:1px solid #595A5C;
  display:inline;
  float:left;
  clear:right;
  margin:0.8em 0 1.2em 20px;
  padding-left:20px;
}
  form.cat-section-choose select{
    width:155px;
  }

.cat-line{
  padding:0 0 5px;
  margin-left:-30px;
  white-space:nowrap;
	display:table;
	*zoom:1;
}
  .cat-line a{
    text-decoration:none;
  }
  .cat-line a:hover{
  	text-decoration:underline;
  }
  .cat-line .good{
    color:#5B5B5B;
	    /*display:-moz-inline-box;
	    display:inline-block;*/
    *display:inline;
    *zoom:1;
    	float:left;
    /*margin:0 30px 0 0;*/
    margin:0 0 20px 30px;
    *margin-right:-10px;
    text-align:center;
    vertical-align:top;
    white-space:normal;
  }
    .cat-line .good img{
    	display:block;
    }
    .cat-line .good .good-name{
      display:block;
      font-weight:bold;
      line-height:100%;
      	*line-height:110%;
      margin:0 auto;
    }

.cat-section{
  clear:both;
  margin:0;
  padding:20px 0 0;
  text-align:center;
  white-space:normal;
}
  .cat-section .good{
  	display:inline;
  	float:left;
  	margin:0 30px 0 0;
    text-align:left;
	/*zoom:1;*/
  }
    .cat-section .good .good-illustration{
    	display:inline;
    	margin:0 11px 0 0;
	}
    .cat-section .good .good-description{
    	text-align:left;
    }
	  .cat-section .good .good-name{
	  	display:block;
	    font-size:1.1em;
	    font-weight:bold;
		padding:0 0 1em;
	  }
  .cat-section a{
  	text-decoration:none !important;
  }
	  .cat-section a:hover .good-name{
	  	text-decoration:underline;
	  }

h1 .p-name{
  display:block;
  font-size:.8em;
}


.good-illustration{
  float:left;
}
.good-description{
  display:table;
  *display:inline;
  *zoom:1;
}

.functional{}
  .functional a{
    color:#595A5C;
    text-decoration:none !important;
  }

/* =map */
.map{
	float:left;
	position:relative;
}
	.map .ico-point{
		position:absolute;
		top:-999em;left:-9999em;
	}

#city-title{
	background-color:#3F3F3F;
	color:#fff;
	padding:3px 5px;
	position:absolute;
	top:-999em;left:-999em;
}

.partners{}
	.partners li{
		padding:0 0 10px;
	}



/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
[ GLOBAL ]
*/
#outline,
#ft{
  font-size:1.1em;
  margin:0 auto;
  text-align:left;
  width:1000px;
}
#outline{
  background:transparent url(/_pic/bg-head.jpg) no-repeat 0 0;
  min-height:100%;
  position:relative;
  z-index:1;
}
body > #outline{
  overflow:hidden;
}


/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
[ HEADER / #hd ]
*/
#hd{
  height:121px;
}
  #hd .col-1{
    float:left;
    width:200px;
  }
  #hd .col-2{
    float:right;
    margin-right:50px;
    width:720px;
  }
    #hd .f .col-1{
      float:left;
      width:509px;
    }
    #hd .f .col-2{
      border-left:1px solid #515151;
      float:right;
      margin:0;
      width:198px;
    }
      #index #hd .f .col-2{
        border:none;
      }

  #hd #lanit{
    padding:40px 0 0 32px;
  }
  #hd .h-slogan{
    margin-top:103px;
  }
  #hd .s-menu{
    padding-left:10px;
    margin-top:107px;
  }

#index #hd{}
  #index #hd .s-menu{
    padding-left:0;
    margin-left:-34px;
    -position:relative;
    -z-index:1;
  }



/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
[ BODY / #bd ]
*/
#bd{
  padding:45px 0 0;
  position:relative;
  z-index:2;
}
  #bd .col-1{
    float:right;
    margin-right:50px;
    width:720px;
  }
    #bd .f .col-1{
      float:left;
	  margin-right:0;
      width:509px;
    }
    #bd .f .col-2{
      float:right;
      margin:0;
      width:190px;
    }
		#bd .f .col-2 .tube{
			padding:80px 0 0 0;
		}
  #bd .col-2{
    float:left;
    width:200px;
  }

  #bd .secondary{ }
    #bd .secondary .tube{
      padding:0 0 0 25px;
    }
      #bd .secondary .tube form{
        margin-left:7px;
        padding-top:47px;
      }

      #bd .secondary input{
        vertical-align:middle;
      }
      #bd .secondary input.text{
        font-size:.95em;
        margin-right:2px;
        height:14px;
        width:103px;
      }

#index #bd{ }
  #index #bd .col-1{
    margin-right:0;
    width:770px;
  }

  #index #bd .f .col-50{ }
    #index #bd .f .col-50 .tube{
      padding:15px 0 0 25px;
    }
    #index #bd .f .fleft .tube{
      padding-left:0;
      padding-right:25px;
    }

#pillow{
  clear:both;
  height:200px;
}


/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
[ FOOTER / #ft ]
*/
#ft{
  background:transparent url(/_pic/bg-foot.jpg) no-repeat 0 0;
  font-size:1em;
  height:320px;
  margin-top:-320px;
  position:relative;
}
  #ft .col-1,
  #ft .col-2{
    position:absolute;
    bottom:0px;
    z-index:10;
  }
  #ft .col-1{
    border-left:1px solid #000;
    float:right;
    margin-right:50px;
    right:0px;
    width:202px;
  }
  #ft .col-2{
    float:left;
    left:38px;bottom:21px;
    width:600px;
  }

  #ft p,
  #ft p *{
    color:#595A5C;
    margin:0;
    padding:0;
    line-height:100%;
  }
  #ft p{
    font-size:.95em;
  }

  #ft .contacts{
    color:#595A5C;
    font-size:.9em;
    overflow:hidden;
    padding:18px 0 20px 26px;
  }
    #ft .contacts dt,
    #ft .contacts dd{
      padding:.35em 0;
    }
    #ft .contacts dt{
      clear:both;
      float:left;
      width:3.7em;
    }
    #ft .contacts dd{
      padding-left:3.75em;
    }
/*Viaty:*/
#banner {margin: 27px 0 0 7px;}
#bd .secondary .tube form{*display: inline-block;}