@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;}