@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 15px Arial, Helvetica, sans-serif; color: #183449; background: #c0dff4 url(../images/back.jpg) 0 0 repeat-x; min-width: 1000px; position: relative; height: 100%; }
img { border: none; }
a { cursor: pointer; text-decoration: underline; color: #183449; }
a:hover { text-decoration: none; }
p { margin-bottom: 18px; }
p small { font-size: 0.8em; }
h1, h2, h3, h4, h5, h6 { font: bold 18px tahoma, Verdana, Arial, Helvetica, sans-serif; color: #183449; padding-bottom: 15px; }
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; }
ul li { list-style: disc outside; }
.set,  .m1 ul:after, .head:after, .front_block:after, .foot:after, .footer:after { height: 0; overflow: hidden; clear: both; font-size: 0; line-height: 0; display: block; content: ''; }
.fl { float: left; }
.fr { float: right; }
.rel { position: relative; }

/*body:before {position: absolute; display: block; width: 100%; content: ''; height: 40px; left: 0; top: 179px; background: #92c1db; opacity: .7; filter: alpha(opacity=70);}*/
.header, .page, .footer {height: 50px; width: 833px; position: relative; margin: 0 auto; z-index: 30;}
    .lang {position: absolute; right: 0; bottom: 0; padding: 0; margin: 0; text-align: right; font-size: 12px; line-height: 18px; font-weight: bold;}
        .lang li {list-style: none; padding: 0 3px; margin: 0 0 0 5px; display: inline-block; height: 18px;}
        .lang li a {text-decoration: none;}
        .lang li a:hover {text-decoration: underline;}
        .lang li.active {background: #fff; box-shadow: 0 -3px 3px #e7e7e7; }
.page {height: auto; background: #fff; padding: 23px 25px 24px; width: 783px; box-shadow: 0 0 6px #e7e7e7; z-index: 20;}
    .head {height: 103px;}
        .logo {position: absolute; left: 20px; top: 5px;}
            .logo a {display: block;}
        .m1 {float: right; position: relative; font-size: 13px; font-weight: bold; line-height: 13px; margin-bottom: 30px;}
            .m1 ul {padding: 0; margin: 0; border-left: dotted 1px #256fad;}
            .m1 li {float: left; padding: 0 12px; list-style: none; height: 11px; border-right: dotted 1px #256fad; position: relative;}
            .m1 li.active:before {display: block; position: absolute; width: 100%; height: 5px; background: #256fad; left: 0; top: -23px; content: '';}
                .m1 li a {color: #256fad; text-decoration: none;}
                .m1 li a:hover {text-decoration: underline;}
        .tel {text-align: right; float: none; clear: both; line-height: 18px;}
            .tel a {text-decoration: none;}
            .tel a:hover {text-decoration: underline;}


        .front_block {position: relative; background: #eef9fd; margin-bottom: 20px;}
            .front_block_img {width: 491px; float: left;}
            .front_block_img img {float: left;}

            .front_block_text {float: right; width: 275px; padding: 10px 5px 0 0; color: #003579; line-height: 18px;}
            .front_block_text h2 {color: #003579; font-size: 24px; font-weight: normal;}
            .front_block_text p {margin-bottom: 0;}

            .more {display: inline-block; position: relative; height: 37px; font-size: 12px; font-weight: bold; line-height: 37px; color: #fff; padding: 0 3px; background: url(../images/b.png) 0 -37px repeat-x; margin: 3px 7px; text-shadow: 1px 1px 0 #666;}
                .more:before, .more:after {display: block; position: absolute; width: 7px; height: 37px; content: ''; left: -7px; top: 0; background: url(../images/b.png) no-repeat;}
                .more:after {left: auto; right: -7px; background-position: 0 -74px;}




        .text {margin-bottom: 30px; line-height: 18px;}

        .partn {position: relative; border-top: solid 1px #a9dbf6; padding: 12px 0 30px;}
        .partn h4 {font-size: 14px; padding-bottom: 7px;}
        .more2 {position: absolute; right: 0; top: 12px; font-size: 13px; color: #4ba4d0; text-decoration: none;}
            .more2:hover {text-decoration: underline;}



    .foot {background: #eef9fd; padding: 7px 5px 7px 16px; margin: 0 -9px; font-size: 14px;}
        .foot a {color: #000;}
        .foot address {display: block; float: left; font-style: normal; color: #000;}
        .addr_1 {width: 275px; padding-right: 10px;}
        .addr_2 {width: 220px; padding-right: 10px;}
        .addr_3 {width: 262px;}

.footer {padding: 7px 22px 0 17px; min-height: 40px; width: 794px; font-size: 13px; color: #000;}
    .footer a {color: #000;}
    .copy {float: left; width: 60%;}
    .mail {float: right; width: 40%; text-align: right;}


.inner_block {background:#eef9fd; width: 100%; border-collapse: collapse; border: none; margin-bottom: 23px;}
    .inner_block_img {width: 491px; display: inline-block; vertical-align: middle; font-size: 0; line-height: 0;}
    .inner_block_text {display: inline-block; vertical-align: middle; text-align: right; font-weight: bold; width: 250px; padding: 0 22px 0 20px;}
        .inner_block_text ul {padding: 0; margin: 0;}
            .inner_block_text li {list-style: none; display: block;}
            .inner_block_text a {color: #256fad;}    
© TrueDev.org