@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 14px tahoma, Verdana, Arial, Helvetica, sans-serif; color: #d1d0d0; background: #13316e url(../img/bg.jpg) 50% 0; min-width: 1000px; position: relative; height: 100%; }
img { border: none; }
a { cursor: pointer; text-decoration: underline; color: #fff; }
a:hover { text-decoration: none; }
p { margin-bottom: 1em;}
p small { font-size: 0.8em; }
h1, h2, h3, h4, h5, h6 { font: bold 18px tahoma, Verdana, Arial, Helvetica, sans-serif; color: #d1d0d0; margin-bottom: 1em;; }
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-left: 30px; margin-bottom: 1em; }
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; min-width: 1000px; background: url(../img/bg_t.jpg) 50% 0 repeat-x; }

.header {width: 991px; margin: 0 auto; padding: 5px 4px 0 3px; border: solid 1px #0b297a; border-top: 0; position: relative; background: #08309D; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#08309D), to(#01195c)); background: -webkit-linear-gradient(#08309D, #01195c); background: -moz-linear-gradient(#08309D, #01195c); background: -ms-linear-gradient(#08309D, #01195c); background: -o-linear-gradient(#08309D, #01195c); background: linear-gradient(#08309D, #01195c); -pie-background: linear-gradient(#08309D, #01195c); overflow: hidden;}
    .logo {float: left; width: 255px; margin-bottom: 9px;}
        .logo a {display: block; height: 102px; background: url("../img/sprite.png") no-repeat;}

    .m1 {position: absolute; right: 4px; top: 0; background: #fff; padding: 11px 24px; font-size: 0; line-height: 0;}
        .m1 a {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; width: 11px; height: 10px; margin-left: 12px; background: url("../img/sprite.png");}
            .m1 a:first-child {margin: 0;}
            .m1 a.m1-1 {background-position: -256px -44px;}
            .m1 a.m1-2 {background-position: -282px -45px; height: 9px;}
            .m1 a.m1-3 {background-position: -305px -46px; height: 7px;}

    .m2 {float: right; max-width: 600px; padding-top: 60px; font-weight: bold; text-transform: uppercase; font-size: 12px; line-height: 18px; margin-bottom: 27px;}
        .m2 ul {padding: 0; margin: 0; }
            .m2 ul li {float: left; padding: 0 0 0 28px; display: block; list-style: none;}
            .m2 ul li:first-child {padding: 0;}
            .m2 ul li a {display: inline-block; *display: inline; zoom:1; padding: 0 3px 2px 16px; background: url("../img/sprite.png") -393px 6px no-repeat; text-decoration: none;}
            .m2 ul li.cur a {color: #ffea35; background-position: -393px -16px; border-bottom: solid 4px #ffea35;}

    .ask {overflow: hidden; text-align: center; padding-top: 44px; zoom: 1;}
        .ask a {display: inline-block; *display: inline; zoom: 1; background: url("../img/sprite.png") -255px 0; width: 90px; height: 35px; padding: 9px 0 0 30px; font: bold 12px/14px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #474747; text-decoration: none; text-align: left; overflow: hidden;}



    .big-slider {overflow: hidden; position: relative; float: none; clear: both; zoom: 1;}
        .slider-img {border: solid 3px #f2f2f2; border-width: 3px 0; position: relative; overflow: hidden; width: 100%; font-size: 0; line-height: 0; margin-bottom: 14px; zoom: 1;}
            .slide-controls { position: absolute; left: 0; bottom: 11px; width: 100%; text-align: center;}
            .slide-controls ul {padding: 0; margin: 0; display: table; width: 100%;}
                .slide-controls li {display: inline-block; *display: inline; zoom: 1; padding: 0 1px 0 2px; vertical-align: middle;}
                .slide-controls li a {display:block; width: 10px; height: 10px; background: #fff; border:  solid 1px #0b297a;}
                .slide-controls li.cur a {background: #184995; border-color: #fff; width: 8px; height: 8px;}


        .slider-list {position: relative; margin: 14px 0 16px; zoom: 1;}
            .slider-list-wrap {position: relative; overflow: hidden; width: 834px; margin: 0 auto; zoom: 1;}
                .slider-list-wrap ul {display: block; padding: 0; margin: 0; border-collapse: collapse; border: none; width: 110%;}
                    .slider-list-wrap li {display: block; list-style: none; float: left; width: 114px; padding: 0 6px 0 0;}
                    .slider-list-wrap li img {width: 112px; height: 84px; border: solid 1px #fff; float: left;}

            .arr-1, .arr-2 {position: absolute; width: 26px; height: 27px; top: 33px; background: url("../img/sprite.png") no-repeat; padding: 0; margin: 0; border: none; cursor: pointer; }
                .arr-1.l {background-position: -316px -44px; left: 38px;}
                .arr-1.r {background-position: -342px -44px; right: 38px;}

                .arr-2 {top: 40px; width: 8px; height: 10px;}
                .arr-2.l {background-position: -256px -56px; left: 2px;}
                .arr-2.r {background-position: -264px -56px; right: 2px;}



        .slider2 {width: 407px; float: left; margin-right: 20px; margin-bottom: 30px;}
        .slider2 .slider-img {border: solid 1px #fff; width: auto; margin-bottom: 6px;}
        .slider2 .slider-img img {width: 405px;}
        .slider2 .slider-list {margin: 6px 0 16px;}
        .slider2 .slider-list-wrap {width: 354px;}
        .slider2 .arr-2.l {left: 12px;}
        .slider2 .arr-2.r {right: 12px;}



.page {width: 1000px; position: relative; margin: 0 auto; padding-bottom: 85px; border-top: solid 5px #fff;}
    .col1-wrap {width: 322px;}
    .col2-wrap {width: 662px; position: relative; left: 338px;}
    .col1 {width: 662px; position: relative; float: right;}
    .col2 {width: 322px; position: relative; float: left; left: -338px; margin-right: -338px; margin-bottom: -20px; padding-top: 14px;}
    .front {background: #255892;  }
    .front .col1 {font-size: 12px; line-height: 14px; color: #d1d0d0; padding: 16px 16px 0; width: 630px;}
    .front .col1 h1 {font-size: 18px; text-transform: uppercase;}
    .front .col1 h2 {font-size: 14px; text-transform: uppercase;}


    .m3 {margin-bottom: 16px;}
        .m3 ul {padding: 0; margin: 0;}
        .m3 li {list-style: none; display: block; padding: 9px 10px 9px 7px; background: url(../img/sprite.png) 0 -102px repeat-x; font-weight: bold; font-size: 12px; line-height: 16px; text-transform: uppercase;}
            .m3 li:first-child {background: none;}
            .m3 li a {text-decoration: none; display: inline-block; *display: inline; zoom: 1; padding: 0 0 0 23px; background: url(../img/sprite.png) -388px -41px no-repeat;}





    .yur-sop {padding: 9px 0; text-align: center; color: #0a205d; font-size: 17px; font-weight: bold; margin-bottom: 10px; border: solid 1px #001252; position: relative; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #FFF070; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF070), to(#FFEA36)); background: -webkit-linear-gradient(#FFF070, #FFEA36); background: -moz-linear-gradient(#FFF070, #FFEA36); background: -ms-linear-gradient(#FFF070, #FFEA36); background: -o-linear-gradient(#FFF070, #FFEA36); background: linear-gradient(#FFF070, #FFEA36); -pie-background: linear-gradient(#FFF070, #FFEA36);}

    .sidebar-carousel {border: solid 1px #255892; text-align: center; margin-bottom: 20px; padding: 11px 10px 17px; position: relative; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #0046B2; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0046B2), to(#003587)); background: -webkit-linear-gradient(#0046B2, #003587); background: -moz-linear-gradient(#0046B2, #003587); background: -ms-linear-gradient(#0046B2, #003587); background: -o-linear-gradient(#0046B2, #003587); background: linear-gradient(#0046B2, #003587); -pie-background: linear-gradient(#0046B2, #003587);}
        .sidebar-carousel h3 {color: #ffffff; font-size: 18px; text-transform: uppercase; font-weight: normal; margin-bottom: 11px;}
        .carousel {position: relative; }
        .carousel-wrap {width: 264px; margin: 0 auto; overflow: hidden; position: relative;}
            .carousel ul {width: 110%; padding: 0; margin: 0;}
            .carousel li {list-style: none; display: block; float: left; padding: 0 6px 0 0; width: 129px;}
            .carousel li img {width: 127px; height: 95px; border: solid 1px #fff;}



.filter {border-bottom: solid 5px #fff; border-width: 5px 0; padding: 5px 10px; margin-bottom: 20px; font-size: 12px; color: #fff; position: relative; background: #0F3076; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0F3076), to(#01195c)); background: -webkit-linear-gradient(#0F3076, #01195c); background: -moz-linear-gradient(#0F3076, #01195c); background: -ms-linear-gradient(#0F3076, #01195c); background: -o-linear-gradient(#0F3076, #01195c); background: linear-gradient(#0F3076, #01195c); -pie-background: linear-gradient(#0F3076, #01195c); overflow: hidden;}
    .filter h3 {text-transform: uppercase; color: #fff; font-size: 12px; margin-bottom: 5px;}
    .filter table {border-collapse: collapse; border: none; width: 100%;}
    .filter input[type="text"] {width: 48px; height: 16px; padding: 3px 4px; font-size: 12px; line-height: 16px; color: #141414; background: #fff; border: solid 1px #255892; margin: 0 0 0 5px;}
    .filter select {height: 22px; font-size: 12px; line-height: 22px; margin-right: 6px;}
    .sel1 {width: 97px;}
    .sel2 {width: 86px;}
    .filter input[type="radio"] {margin: 0 4px 0 0; padding: 0; width: 12px;}
    .filter label {margin-right: 10px; }
    .filter input[type="submit"] {width: 85px; text-indent: -9999px; overflow: hidden; height: 24px; padding: 0; margin: 0; font-size: 0; float: right; border: none; background: url('../img/sprite.png') -256px -73px no-repeat;}

    .t1 {margin-bottom: 18px;}
    .t2 tr td:first-child * {vertical-align: middle;}


.breadcrumb {text-align: right; margin-bottom: 4px; font-size: 12px;}
    .breadcrumb a {text-decoration: none; color: #d1d0d0;}
    .breadcrumb a:hover {text-decoration: underline;}

.list-item {width: 100%; position: relative; overflow: hidden; margin-bottom: 11px;}
    .list-item ul {padding: 0; margin: 0; width: 110%; font-size: 0; line-height: 0;}
    .list-item li {list-style: none; vertical-align: top; display: inline-block; *display: inline; zoom: 1; font-size: 12px; line-height: 15px; text-align: center; width: 211px; padding: 5px 0; margin: 0 14px 9px 0 ; background: #4481c7;}
        .list-item li a {color: #d1d0d0; text-decoration: none;}
        .list-item li a:hover {text-decoration: underline;}
        .item-img {margin-bottom: 5px; overflow: hidden; zoom: 1; font-size: 0; line-height: 0;}
        .item-img img {width: 200px; height: 150px;}

        .item-text {margin-bottom: 5px; width: 100%; overflow: hidden;}
        .item-price {font-size: 14px; font-weight: bold; color: #ffeb3d; margin-bottom: 7px;}


.h101 {font-size: 14px; text-transform: uppercase;}

.page-nav {margin: 15px 0; text-align: center;}
    .page-nav ul {padding: 0; margin: 0;}
    .page-nav li {display: inline; list-style: none; padding: 0 3px;}
    .page-nav li a {text-decoration: none;}
    .page-nav li a:hover, .page-nav li.cur a {text-decoration: underline;}

.item-charact {overflow: hidden; zoom: 1;}
    .item-charact-list {overflow: hidden; zoom: 1; font-weight: bold;}
    .item-charact-list table,.t6 {width: 100%; border-collapse: collapse; border: none; text-align: right;}
    .item-charact-list table tr td {padding-bottom: 6px;}
    .item-charact-list table tr td:first-child {text-align: left; padding-right: 10px;}
    
    .item-charact-list .t3 {text-align: left; color: #ffeb3d; margin-bottom: 35px;}
    .item-charact-list .t3 td {vertical-align: top;}
    
    .item-charact-list .t4 {margin-bottom: 70px;}

    .item-charact-list .t5 {margin-bottom: 30px; color: #ffeb3d; font-size: 18px;}
    .item-charact-list .t5 tr td:first-child {font-weight: normal; color: #d1d0d0;}



.item-descr {margin-bottom: 50px; text-align: justify;}


.contacts {margin-bottom: 20px;}
    .t6 {text-align: left; font-weight: bold; line-height: 21px;}
    .t6 td {vertical-align: top; padding-bottom: 9px;}
    .t6 td:first-child {width: 212px; font-size: 12px; text-transform: uppercase; color: #ffeb3d;}








#footer { position: relative; height: 52px; margin: -52px auto 0; width: 1000px; overflow: hidden; font-size: 12px; color: #fff;}
    .foot1 {float: left; padding-right: 20px;}
    .foot2 {overflow: hidden; text-align: right;}


















    
© TrueDev.org