@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 12px Arial, Helvetica, sans-serif; color: #272727; background: #f1f2f6; display:table; height: 100%; margin: 0 auto; width: 100%;}
img {border: none;}
a {cursor: pointer; text-decoration: underline;}
a:hover {text-decoration: none;}
p {padding-bottom: 15px;}
p small {font-size: 1em;}
h1, h2, h3, h4, h5, h6 {font: normal 18px Tahoma, Geneva, sans-serif; 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 {height: 0; overflow: hidden; clear: both; font-size: 0; line-height: 0; }
.fl {float: left;}
.fr {float: right;}
.rel {position: relative;}
#header {display:table-header-group; background: url(../images/header.png) center top repeat-x; }
#header .cell {height: 1%;}
#content {display:table-row;}
#footer {display:table-row; height:1px;}
.cell {display: table-cell;}
#content .cell { background: url(../images/page-BG.jpg) 0 0 repeat-x; }
.page { background: #ffffff url(../images/page-T.jpg) 0 0 repeat-x; min-height: 390px; width: 840px; margin: 2px auto 0; border: solid 1px #86a5c2; border-top: none; position: relative; }
.page-L, .page-R { position: absolute; width: 56px; height: 384px; background: url(../images/page-L.jpg) 0 0 no-repeat; left: -57px; top: 0; }
.page-R { left: auto; right: -57px; background: url(../images/page-R.jpg) 0 0 no-repeat; }
.header {position: relative; width: 842px; margin: 0 auto; height: 177px; }
.logo { width: 456px; position: absolute; left: 0; top: 33px; }
.logo a { display: block; width: 100%; height: 94px; background: url(../images/logo.png) 0 0 no-repeat; }
.filtech { width: 198px; height: 42px; position: absolute; top: 0; right: 82px; background: url(../images/filtech.png) 0 0 no-repeat; }
.filtech a { display: block; width: 100%; height: 82px; text-indent: -9999px; overflow: hidden; }
.tel { position: absolute; left: 571px; top: 75px; font-size: 26px; color: #ffffff; font-style: italic; font-weight: bold; text-shadow: 1px 1px 0 #3e8bab; }
.m-1 { position: absolute; left: 0; bottom: 0; width: 100%; overflow: hidden; background: #7fb8e6 url(../images/m-1-BG.png) 0 0 repeat-x; height: 38px; }
.m-1-L { background: url(../images/m-1-L.png) 0 0 no-repeat; }
.m-1-R { background: url(../images/m-1-R.png) 100% 0 no-repeat; }
.m-1 table { width: 100%; border-collapse: collapse; border: none; }
.m-1 td { height: 38px; width: 16%; text-align: center; background: url(../images/m-1-li.png) 0 0 no-repeat; white-space: nowrap; }
.m-1 td.first { background: none; }
.m-1 td a { display: block; height: 38px; font-size: 14px; color: #daefff; line-height: 38px; text-decoration: none; text-shadow: 1px 1px 0 #4b82b6; background: url(../images/m-1-a.png) center 32px no-repeat; padding: 0 7px 0 9px; }
#footer .cell { background: url(../images/footer.jpg) center bottom repeat-x; padding: 30px 0; }
.footer { position: relative; width: 842px; margin: 0 auto; }
.for-bloks { margin-bottom: 60px; min-height: 165px; }
.for-bloks table { width: 100%; border-collapse: collapse; border: none; }
.for-bloks td { vertical-align: top; width: 25%; background: url(../images/bg-1.png) 0 0 repeat-y; padding: 0 10px 5px; }
.for-bloks td.td-1 { background: none; }
.for-bloks td.td-2 { padding-right: 5px; }
.for-bloks td.td-4 { color: #77add9; font-size: 11px; line-height: 15px; }
.for-bloks td.td-4 p { padding-bottom: 2px; text-indent: 6px; }
.more { text-align: right; padding-top: 12px; }
.more a { color: #28b0f0; text-decoration: none; }
.more a:hover { text-decoration: underline; }
.h201 { color: #272727; padding-bottom: 8px; }
.ul-1 ul, .ul-2 ul { padding: 0; }
.ul-1 li, .ul-2 li { list-style: none; padding: 0 0 6px 20px; background: url(../images/bl-1.png) 0 0 no-repeat; font-size: 11px; }
.ul-2 li { background: url(../images/bl-2.png) 0 2px no-repeat; padding-left: 15px; /*line-height: 15px;*/ }
.ul-1 li a, .ul-2 li a { color: #77add9; text-decoration: none; }
.ul-1 li a:hover, .ul-2 li a:hover { text-decoration: underline; }
.footer-tel { background: url(../images/bl-3.png) 0 0 no-repeat; padding: 17px 0 0 58px; min-height: 27px; border-bottom: solid 1px #e2e6f5; margin-bottom: 8px; font-size: 11px; color: #272727; }
.footer-mail { background: url(../images/bl-4.png) 0 0 no-repeat; padding: 5px 0 0 58px; min-height: 25px; border-bottom: solid 1px #e2e6f5; margin-bottom: 8px; font-size: 11px; color: #272727; }
.footer-mail a { color: #272727; text-decoration: none; }
.footer-mail a:hover { text-decoration: underline; }
.footer-home { background: url(../images/bl-5.png) 0 0 no-repeat; padding: 2px 0 0 58px; min-height: 34px; font-size: 11px; color: #272727; }
.copy { color: #7dcefb; font-size: 11px; }
.front-img { text-align: center; float: none; clear: both; }
.front-block-1 { float: left; width: 188px; padding: 0 45px; margin-left: 9px; margin-right: -9px; position: relative; font-size: 11px; color: #8cbfe9; line-height: 15px; margin-bottom: 15px; }
.bord-1 { width: 1px; height: 169px; position: absolute; right: 0; top: 21px; background: url(../images/bg-1.png) 0 0 repeat-y; }
.front-block-1 img { width: 186px; height: 116px; margin-bottom: 5px; }
.front-block-1 h2 { font-size: 16px; color: #058ccb; padding-bottom: 5px; }
.front-block-1 p { padding-bottom: 7px; }
.more2 { text-align: right; overflow: hidden; }
.more2 a { display: inline-block; *display: inline; zoom:1; width: 85px; height: 18px; background: url(../images/podr.png) 0 0 no-repeat; text-indent: -9999px; overflow: hidden; }