@charset "utf-8";
/* CSS Document */

html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, dd, dt, dl, table, tr, td, th, p, span, strong, small, a, img, form { margin: 0px; padding: 0px; }
html { height: 100%; font-size: 62.5%; }
body { font: normal 13px/18px Arial, Helvetica, sans-serif; color: #333; background: #fff; min-width: 940px; position: relative; height: 100%; }
img { border: none; }
a { cursor: pointer; text-decoration: underline; color: #0058a9; }
a:hover { text-decoration: none; }
p { padding-bottom: 10px; }
p small { font-size: 0.8em; }
h1, h2, h3, h4, h5, h6 { font: normal 18px Arial, Helvetica, sans-serif; color: #000000; padding-bottom: 15px; text-transform: uppercase;}
h1 { font-size: 24px; }
h3 { font-size: 14px; }
h4 { font-size: 13px; }
h5 { font-size: 12px; }
h6 { font-size: 11px; }
input[type='submit'], input[type='button'] { cursor: pointer; }
ul, ol { padding: 0 0 10px 30px; }
ul li { list-style: disc outside; }
.set { height: 0; overflow: hidden; clear: both; font-size: 0; line-height: 0; }
.fl { float: left; }
.fr { float: right; }
.rel { position: relative; }

#wrap { height: auto !important; height: 100%; min-height: 100%; position: relative;}
#footer { position: relative; height: 184px;  margin: -184px auto 0; width: 100%; background: #fafafa;}

.header, .page { width: 940px; margin: 0 auto; position: relative;}
.header { height: 133px;}
    .logo { position: absolute; left: 1px; top: 41px; }
        .logo a { display: block; width: 80px; height: 53px; background: url("../images/logo.png") no-repeat;}
        
    .title { position: absolute; left: 104px; top: 53px; font-size: 12px; line-height: normal; text-transform: uppercase;}
    .tel { position: absolute; left: 482px; top: 57px; font-size: 20px; font-weight: bold;}
    .pdf { position: absolute; right: 0; top: 54px; }
        .pdf a { display: block; float: right; height: 28px; font-size: 12px; line-height: 28px; white-space: nowrap; color: #f40000; padding-left: 34px; background: url(../images/pdf.png) no-repeat;}
        
.m1 { background: #0058a9; font-size: 15px; font-weight: bold; line-height: 30px; text-align: center;}
    .m1 ul { padding: 0;}
    .m1 li { display: inline-block; *display: inline; zoom:1; height: 30px; padding: 5px 18px; list-style: none;}
    .m1 li.active { background: #003d76;}
    .m1 li a { color: #fff; text-decoration: none;}
    .m1 li a:hover { text-decoration: underline;}


.page { padding: 40px 0 210px;}

/*slider*/
.slider {width:940px; height: 353px; position:relative; background: url(../images/slider_bg.png) no-repeat; margin-bottom: 30px; }

.sliderContent {width:940px; /* specify width and height values */ height: 353px; float:left; position:relative; overflow:hidden; z-index: 10; }

.sliderContent .item {width:940px; /* specify width and height values */ height: 270px; position:absolute; background: url(../images/slider_bg.png) no-repeat; padding: 47px 0 36px;}

.sliderContent .item table { width: 100%; border-collapse: collapse; border: none; text-align: left;}
.sliderContent .item .slide-img { width: 263px; padding: 0 0 0 68px; }
    .shad-1 { width: 256px; padding-bottom: 4px; background: url(../images/shad-1.png) center bottom no-repeat; text-align: center; display: inline-block; *display: inline; zoom:1; vertical-align: bottom;}
    .shad-1 * { vertical-align: bottom;}

.sliderContent .item  .slide-text {padding: 0 70px 0 0;}

.slide-item-cat { font-size: 20px; padding-bottom: 7px;}
.slide-item-title { font-size: 30px; padding-bottom: 10px; text-transform: none; font-weight: bold;}
    .slide-item-title a { color: #333; text-decoration: none;}
    .slide-item-title a:hover { text-decoration: underline;}
.slide-item-autor { font-size: 14px;}
.prev, .next { position: absolute; width: 20px; height: 34px; top: 150px; text-indent: -9999px; overflow: hidden; left: 20px; background: url(../images/arr.png) 0 -34px no-repeat; z-index: 20; }
.next { left: auto; right: 20px; background-position: -20px -34px;}
.next:hover { background-position: -20px 0;}
.prev:hover { background-position: 0 0;}

.sliderBullets { position: absolute; left: 0; top: 325px; width: 100%; text-align: center; z-index: 20;}
    .sliderBullets a { display: inline-block; *display: inline; zoom:1; position: relative; text-indent: -9999px; overflow: hidden; width: 7px; height: 7px; background: #e3e3e3; margin: 0 7px 0 6px;}
    .sliderBullets a.active { background: #000;}

 /*slider*/


.h201 {}
.h202 { margin-bottom: 45px; border-bottom: solid 1px #e5e5e5; font-size: 18px;}

.m2 {position: relative; overflow: hidden; margin-bottom: 30px;}
    .m2 ul { width: 25%; float: left; padding: 0;}
    .m2 ul li { list-style: none; padding: 0 8px 15px 12px; font-size: 12px; line-height: normal; background: url("../images/bl-2.png") 1px 6px no-repeat;}


.tabs-wrap { position: relative; overflow: hidden; zoom:1;}
    .tabs { background: #f6f6f6; text-align: center; height: 28px; width: 100%; padding: 0; display: table; font-size: 0; line-height: 0; margin-bottom: 44px;}
        .tabs li { display: inline-block; *display: inline; zoom:1; position: relative; padding: 0 21px; height: 28px; font-size: 14px; line-height: 28px;}
        .tabs li a { color: #f40000; border-bottom: dotted 1px #f40000; text-decoration: none !important;}
        .tabs li a:hover { border: none;}
        .tabs li.active { background: #0058a9; font-weight: bold;}
        .tabs li.active a { color: #fff; border-color: #0058a9;}
        .tabs li i { display: none;}
        .tabs li.active i { display: block; width: 9px; height: 5px; background: url(../images/bl-1.png) no-repeat; position: absolute; left: 50%; bottom: -5px; margin: 0 0 0 -5px;}

.tab { position: relative; overflow: hidden; zoom:1;}
    .tab ul { padding: 0; display: table; font-size: 0; line-height: 0;}
    .tab ul li { display: inline-block; *display: inline; zoom:1; width: 162px; padding: 0 13px 45px; font-size: 12px; line-height: 18px; text-align: center; vertical-align: top;}
    .tab ul li .item-img { height: 143px; width: 140px; padding-bottom: 1px; display: inline-block; *display: inline; zoom:1; vertical-align: bottom; background: url(../images/shad-2.png) center bottom no-repeat; margin-bottom: 17px;}
    .tab ul li .item-img * {display: inline-block; *display: inline; zoom:1; vertical-align: bottom;}
    .tab ul li .item-img i { width: 1px; height: 143px;}
    
    .item-title { padding-bottom: 7px;}
    
    .item-autor { font-size: 11px; color: #818181;}
    
    
.text { padding-bottom: 20px; color: #444444;}

.partn { padding-bottom: 20px;}
    .partn ul { padding: 0; display: table; font-size: 0; line-height: 0;}
    .partn li { display: inline-block; *display: inline; zoom:1; width: 168px; padding: 10px; vertical-align: middle; text-align: center; list-style: none;}


.m3 { background: #fafafa url(../images/m3.png) center repeat-y;}
    .m3 li { font-size: 11px; line-height: 38px; font-weight: normal; padding: 5px 34px; height: 38px;}
    .m3 li a { color: #b2b2b2; text-decoration: underline;}
    .m3 li a:hover { text-decoration: none;}


.footer { width: 940px; margin: 0 auto; padding: 50px 0 0;}
    .copy { width: 49%; float: left; font-size: 12px; color: #818181; padding-top: 7px;}
    .s4et4iki { width: 49%; float: right; text-align: right;}

    
.cont { width: 700px; float: right;}
.nav { float: left; width: 220px;}
    
.catalog { position: relative; overflow: hidden; zoom:1;}
    .catalog ul { padding: 0; display: table; font-size: 0; line-height: 0;}
    .catalog ul li { display: inline-block; *display: inline; zoom:1; width: 193px; padding: 0 20px 45px; font-size: 14px; line-height: 18px; text-align: center; vertical-align: top;}
    .catalog ul li .item-img { height: 207px; width: 198px; padding-bottom: 2px; display: inline-block; *display: inline; zoom:1; vertical-align: bottom; background: url(../images/shad-3.png) center bottom no-repeat; margin-bottom: 17px;}
    .catalog ul li .item-img * {display: inline-block; *display: inline; zoom:1; vertical-align: bottom;}
    .catalog ul li .item-img i { width: 1px; height: 207px;}

    .item-title { padding-bottom: 7px;}

    .item-autor { font-size: 11px; color: #818181;}

.page-navi { border-top: solid 1px #e5e5e5; padding: 38px 0; position: relative;}
    .page-navi ul { padding: 0; font-size: 0; line-height: 0; display: table; text-align: center; width: 100%; }
        .page-navi ul li { padding: 0 3px; display: inline-block; *display: inline; zoom:1; height: 27px; min-width: 21px; text-align: center; font-size: 12px; line-height: 27px;}
        .page-navi ul li.first, .page-navi ul li.last { position: absolute; left: 0; top: 38px; font-size: 18px;}
        .page-navi ul li.last { left: auto; right: 0;}
        .page-navi ul li.active { font-weight: bold; background: #ededed; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; behavior: url(PIE.htc);}
        .page-navi ul li a { text-decoration: none;}
        .page-navi ul li a:hover { text-decoration: underline;}

.m4{ padding-bottom: 20px; margin-top: -45px;}
    .m4 ul { padding: 0;}
    .m4 li { padding: 12px 18px 11px; border-bottom: solid 1px #f2f2f2; list-style: none; font-size: 12px;}
    .m4 li a { text-decoration: none;}
    .m4 li a:hover { text-decoration: underline;}
    .m4 li.active { background: url(../images/bl-3.png) 3px 16px no-repeat;}
    .m4 li.active a { color: #333333; font-weight: bold; text-decoration: none !important;}



.text2 { margin-top: -30px;}

.h101 { padding-bottom: 7px; font-size: 18px;}
    
.item-autor { font-size: 14px; color: #818181; padding-bottom: 17px;}

.item { padding-bottom: 20px;}

.descr { width: 430px; float: left;}
.img { float: right; margin-right: 4px; width: 256px; text-align: center; background: url(../images/shad-4.png) center bottom no-repeat; padding-bottom: 4px;}
    .img img { display: block; margin: 0 auto;}

    .dop {opacity: .34; filter:alpha(opacity=34); line-height: 20px;}