@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; width:380px; height:69px; top:20px; left:36px; z-index:1; }
.logo, .logo a { display:block; height:69px; width:380px; }
.mail { z-index:1; position:absolute; top:135px; left:125px }
.phone { position:absolute; top:90px; z-index:1; left:35px; }
.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; }
/*---------------------- 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 ------------------------------------*/