@charset "utf-8";
/*-----------------------------------------------
CSS Framework Lisena "noie6"
Author:   hmelii
Web:      http://www.hmelii.ru
Email:    anufry@inbox.ru
Version:  4.02 25.09.11
Num:      434
----------------------------------------------- */


/*---------------------- basic styles ---------------------------------*/
@import url("base.css");
/*---------------------- end basic styles ------------------------------*/


/*---------------------- global --------------------------------------*/
html {
    overflow-y: scroll;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    background: #fff;
    color: #280505;
    font-size: .6875em
        /*11px*/
    ;
    line-height: 1.4;
}

input,
button,
select,
label,
textarea,
body {
    font-family: Tahoma, Geneva, sans-serif;
}

body,
html {
    height: 100%;
}

a {
    color: #4ec6ff;
}

a:visited {}

a:hover,
.n-u a {
    text-decoration: none;
}

a:focus {}

a:active {}

a.dash,
.dash a {
    text-decoration: none;
    border-bottom: 1px dashed;
}

a.dash:hover,
.dash a:hover {
    border: 0;
}

:focus {
    outline: none;
}

.h1 {}

.h2 {}

.h3 {
    padding-bottom: 7px;
    border-bottom: 1px solid #d6d3d3;
    margin-bottom: 15px;
}

.h4 {}

.h5 {}

.h6 {}

/*colors*/
ul.t-bar a,
ul.f-bar a {
    color: #fff;
}

.h3,
ul.cat2 a {
    color: #0d9bef;
}

.feedback {
    color: #1a82c7;
}

.gr-bl .hh a {
    color: #1a4c63;
}

.b2bdesign a {
    color: #0c3b7b;
}

.red {
    color: #ff6603;
}

ul.crumbs,
ul.crumbs a,
.back {
    color: #7995a3;
}

.rarr {
    color: #25a1e4;
}

.gray,
ul.pages a {
    color: #7995a3;
}

ul.pages {
    color: #ff7d2a;
}

ul.cat3 a {
    color: #109df0;
}

.gray2 {
    color: #737373;
}

/*end colors*/

/*fonts*/
ul.t-bar,
.h3,
.mail,
.feedback {
    font-family: Georgia, "Times New Roman", Times, serif;
}

.phone {
    font-family: Arial, Helvetica, sans-serif;
}

.f-10,
.b2bdesign {
    font-size: .909em
        /*10px*/
    ;
}

.f-11,
ul.ib-ju>li,
ul.ib-li>li,
.ib-ju .ib {
    font-size: 1em
        /*11px*/
    ;
}

.f-12,
.logo,
ul.cat2,
ul.f-bar {
    font-size: 1.0909em
        /*12px*/
    ;
}

.f-13 {
    font-size: 1.1818em
        /*13px*/
    ;
}

.f-14 {
    font-size: 1.2727em
        /*14px*/
    ;
}

.f-15 {
    font-size: 1.3636em
        /*15px*/
    ;
}

.f-16,
.phone,
.mail,
.feedback,
.gr-bl .hh,
ul.t-bar {
    font-size: 1.4545em
        /*16px*/
    ;
}

.f-17 {
    font-size: 1.5454em
        /*17px*/
    ;
}

.f-18 {
    font-size: 1.6363em
        /*18px*/
    ;
}

.f-20 {
    font-size: 1.8181em
        /*20px*/
    ;
}

.h3 {
    font-size: 2em
        /*22px*/
}

/*end fonts*/

/*forms elements*/
input[type=text],
input[type=password],
textarea {
    padding: 3px 5px;
    border-color: #abadb3;
}

button {
    padding: 2px 5px;
    margin: 0;
    line-height: 1;
}

*+html button {
    padding: 0 5px 2px;
}

select {
    line-height: 1;
}

/*webkit*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    body:first-of-type button {
        padding: 2px 5px 4px;
    }
}

/*end forms elements*/

/*lists*/
/*end lists*/

/*over blocks*/
.o,
.content {
    overflow: hidden;
    display: block;
}

.clx:before,
.clx:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
    clear: both;
}

/*ie7*/
*+html .clx {
    display: inline-block;
}

/*end over blocks*/

/*backgrounds*/
/*end backgrounds*/

/*other*/
hr {
    border: 0;
    margin: 0 0 20px;
    height: 0;
    display: block;
    width: 100%;
    vertical-align: top;
    overflow: hidden;
    border-top: 1px solid #d6d3d3;
}

/*end other*/
/*---------------------- end global ----------------------------------*/


/*---------------------- wrapper ------------------------------------*/
.wrapper {
    position: relative;
    width: 996px;
    margin: auto;
    min-height: 100%;
}

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


/*---------------------- header -------------------------------------*/
.header {
    position: relative;
    padding: 10px 0 0;
}

.pic {
    position: relative;
    overflow: hidden;
}

.pic img {
    vertical-align: top;
}

.pic .tl,
.pic .tr {
    background: url(../images/pic3.png) no-repeat -22px -22px;
    width: 22px;
    height: 22px;
    top: 0;
    left: 0;
    position: absolute;
}

.pic .tr {
    left: auto;
    right: 0;
    background-position: 0 -22px;
}

ul.t-bar {
    padding: 0 5px;
    background: url(../images/pic4.png) repeat-x;
    position: relative;
    z-index: 100
}

ul.t-bar li {
    line-height: 39px;
    vertical-align: middle;
    white-space: nowrap;
}

ul.t-bar li.line {
    background: #086ea5;
    height: 39px;
    width: 1px;
}

ul.t-bar li.line:first-child {
    display: none;
}

ul.t-bar li.bl,
ul.t-bar li.br {
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../images/pic3.png) no-repeat -22px 0;
    width: 22px;
    height: 22px;
    z-index: 2;
}

ul.t-bar li.br {
    background-position: 0 0;
    left: auto;
    right: 0;
}

ul.t-bar a {
    text-decoration: none;
    float: left;
    padding: 0 4px;
}

ul.t-bar ul.sub {
    background-color: #c7eafd;
    background-color: rgba(195, 233, 254, .93);
    -moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, .26);
    -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, .26);
    box-shadow: 1px 2px 2px rgba(0, 0, 0, .26);
    display: none;
    width: 175px;
    padding: 5px 0;
    position: absolute;
    top: 100%;
    left: -10px;
}

ul.t-bar ul.sub li {
    font-size: 13px;
    line-height: 1;
}

ul.t-bar li:hover ul.sub {
    display: block;
}

ul.t-bar ul.sub a {
    display: block;
    float: none;
    padding: 8px 15px;
    color: #1a4c63;
    text-decoration: underline;
}

ul.t-bar ul.sub a:hover {
    text-decoration: none;
}

.logo {
    position: absolute;
    /*background: url(../images/pic6.png) no-repeat;*/
    background: url(../images/logo_new.png) no-repeat;
    width: 380px;
    height: 69px;
    margin: 0 0 0 -190px;
    top: 20px;
    /*left: 36px;*/
    right: 210px;
    font-family: 'times new roman', times;
    font-size: 13px;
  font-weight: bold;
    color: #000;
    text-transform: uppercase;
    text-align: center;
    z-index: 1;
}
.logo .big_text{
    margin: 0 0 10px;
    font-size: 20px;
    line-height: 1;
}
.logo .midle_text{
    font-size: 18px;
}
.logo,
.logo a {
    display: block;
    height: 69px;
    width: 380px;
     color: #000;
     text-decoration: none;
}

.logo a {
    width: 330px;
    padding: 0 0 0 50px;
}
.mail {
    z-index: 1;
    position: absolute;
    top: 135px;
    left: 125px
}

.phone {
    position: absolute;
    /*top: 90px;*/
    top: 20px;
    z-index: 1;
    left: 35px;
    font-family: 'times new roman', times;
   font-size: 22px;
    font-weight: bold;
}
.phone a{
    font-size: 22px;
    color: #280505 !important;
}
.feedback {
    font-style: italic;
    background: url(../images/pic7.gif) no-repeat;
    padding-left: 42px;
    position: absolute;
    top: 35px;
    right: 35px;
    z-index: 1;
    line-height: 38px;
}
.phone .title{
    float: left;
    margin: 0 5px 0 0;
}
.phone .email{
    overflow: hidden;;
}
/*---------------------- end header ----------------------------------*/



/*---------------------- side ---------------------------------------*/
.lside {
    width: 330px;
    padding: 40px 0 10px;
    position: relative;
    float: left;
}

.gr-bl {
    z-index: 1;
    position: relative;
    background: #e6e8ec;
    padding: 20px;
}

.gr-bl .bg {
    z-index: -1;
    background: url(../images/pic16.png) no-repeat;
    width: 388px;
    height: 365px;
    position: absolute;
    left: -57px;
    top: -40px;
}

.gr-bl .tl,
.gr-bl .br,
.gr-bl .bl,
.gr-bl .tr {
    position: absolute;
    background: url(../images/pic8.gif) no-repeat -24px -24px;
    width: 24px;
    height: 24px;
    top: 0;
    left: 0;
}

.gr-bl .br,
.gr-bl .tr {
    left: auto;
    right: 0;
    background-position: 0 -24px;
}

.gr-bl .bl,
.gr-bl .br {
    top: auto;
    bottom: 0;
    background-position: 0 0;
}

.gr-bl .bl {
    background-position: -24px 0;
}

.gr-bl .hh {
    font-weight: bold;
    margin-bottom: 12px;
}

ul.cat2 {
    margin-bottom: 10px;
    border-bottom: 1px solid #d6d3d3;
}

ul.cat2 li {
    margin-bottom: 10px;
    background: url(../images/pic9.gif) no-repeat 0 .3em;
    padding-left: 18px;
}

ul.cat2 ul.s {
    padding-top: 7px;
}

ul.cat2 ul.s li {
    background: url(../images/pic10.gif) no-repeat 0 .3em;
}

/*---------------------- end side ------------------------------------*/


/*---------------------- content -------------------------------------*/
.content {
    padding: 45px 0 50px 32px;
    word-wrap: break-word;
    position: relative;
}

ul.cat {
    text-align: center;
}

table.w148x106,
table.w148x106 td {
    table-layout: fixed;
    width: 148px;
    height: 106px;
    border: 1px solid #d6d3d3;
    vertical-align: middle;
    text-align: center;
}

table.w148x106 img {
    vertical-align: top;
    max-height: 100%;
    max-width: 100%;
}

ul.cat {
    font-size: 0;
}

ul.cat li {
    vertical-align: top;
    width: 150px;
    text-align: left;
    margin: 0 30px 28px;
    font-size: 12px;
}

ul.cat table.w148x106 {
    margin-bottom: 6px;
}

ul.crumbs {
    font-weight: bold;
    text-align: right;
    margin-bottom: 18px;
}

ul.crumbs li {
    background: url(../images/pic19.gif) no-repeat 0 50%;
    padding-left: 12px;
    margin-left: 5px;
}

ul.crumbs li:first-child {
    background: none;
    padding-left: 0;
    margin-left: 0;
}

table.w123x92,
table.w123x92 td {
    width: 123px;
    height: 92px;
    table-layout: fixed;
    border: 1px solid #7a7a7a;
    vertical-align: middle;
    text-align: center;
}

table.w123x92 img {
    vertical-align: top;
    max-height: 100%;
    max-width: 100%;
}

.rarr {
    font-weight: bold;
    background: url(../images/pic21.gif) no-repeat 100% 50%;
    padding-right: 21px;
}

.bl-button {
    vertical-align: middle;
    background: url(../images/pic22.png) no-repeat;
    width: 118px;
    height: 28px;
    display: inline-block;
}

ul.pages {
    text-align: right;
}

ul.pages li {
    margin: 0 0 0 2px;
}

ul.pages li.prev {
    background: url(../images/pic23.gif) no-repeat 0 50%;
    padding-left: 9px;
}

ul.pages li.next {
    background: url(../images/pic24.gif) no-repeat 100% 50%;
    padding-right: 9px;
}

.barr {
    background: url(../images/pic26.gif) no-repeat 0 50%;
    padding-left: 10px;
    font-weight: bold;
    display: inline-block;
}



ul.cat3 li {
    margin-bottom: 6px;
    background: url(../images/pic27.gif) no-repeat 2px .3em;
    padding-left: 13px;
}

ul.cat3 ul.s {
    display: none;
    padding-top: 6px;
}

ul.cat3 li.act ul.s {
    display: block;
}

ul.cat3 li.act {
    background-image: url(../images/pic26.gif);
}

ul.cat3 ul.s li {
    background: url(../images/pic28.gif) no-repeat 0 .3em;
    padding-left: 7px;
}

.img {
    border: 1px solid #7b7b7b;
}

.back {
    background: url(../images/pic31.gif) no-repeat 0 50%;
    display: inline-block;
    padding-left: 8px;
}

ul.video_list {
    margin: -28px 0 30px -10px;
}

ul.video_list li.item {
    width: 202px;
    margin: 28px 0 0 10px;
    font-size: 12px;
}

ul.video_list .link {
    display: block;
    color: #0d9bef;
    text-decoration: none;
}

ul.video_list .fig {
    border: 1px solid #838383;
    border-radius: 2px;
    display: table-cell;
    width: 200px;
    height: 150px;
    text-align: center;
    vertical-align: middle;
}

ul.video_list .text {
    display: block;
    padding-top: 7px;
    text-decoration: underline;
}

ul.video_list .link:hover .text {
    text-decoration: none;
}

ul.video_list .img {
    border: 0;
    max-width: 200px;
    max-height: 150px;
    vertical-align: top;
}

.play {
    background: url("../images/pic32.png") no-repeat 50% 50%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/*---------------------- end content ----------------------------------*/


/*---------------------- footer ---------------------------------------*/

.undfoot {
    clear: both;
    height: 74px;
}

.footer {
    position: absolute;
    top: 100%;
    margin-top: -74px;
    height: 74px;
    width: 100%;
    left: 0;
}

ul.f-bar {
    position: relative;
    background: url(../images/pic11.png) repeat-x;
    padding: 0 30px;
}

ul.f-bar li {
    line-height: 49px;
    height: 49px;
}

ul.f-bar li.tr,
ul.f-bar li.bl {
    background: url(../images/pic14.gif) no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    right: 0;
}

ul.f-bar li.tr {
    top: auto;
    right: auto;
    left: 0;
    bottom: 0;
    background-image: url(../images/pic13.gif);
}

/*---------------------- end footer ------------------------------------*/