﻿html, body {margin:0; padding:0; height:100%;}
.container_bg{background:url('../img/content_bg.png') repeat-y left top; width:1000px; margin:0 auto; min-height:100%;}
.container {position: relative;	width:976px; min-height:100%; margin:0 auto; margin-top:-12px; background:#fff;}
* html .container {height: 100%;}
*html body {width:expression( documentElement.clientWidth < 999 ? (documentElement.clientWidth == 0 ? (body.clientWidth < 999 ? "999" : "auto") : "999px") : "auto" );}
img {border:none;}
* {margin:0px; padding:0px;}
body { font:12px/100% Arial; color:#3f3f3f; background:url('../img/body_bg.png') repeat;}
.centered { width:960px; margin:0px auto;}
a { color:#2165a6;}
a:hover { color:#ff7200;}

.header {position:relative; height:37px; background:#0c466a;}
.header .centered { position:relative;}
.header .link { width:300px; float:left; padding-top:12px;}
.header .link a { display:block; float:left; height:13px; text-decoration:none; padding-left:22px; color:#a0d0fd; font-size:11px; line-height:13px; cursor:pointer;}
.header .link a.auth { background:url('../img/ico_auth.gif') no-repeat left top; margin-right:22px;}
.header .link a.reg { background:url('../img/ico_reg.gif') no-repeat left top; padding-left:14px;}
.header .link a:hover { color:#fff; background-position:left bottom;}
.header .link a span { border-bottom:1px dashed #a0d0fd;}
.header .link a:hover span { border-bottom:1px dashed #fff;}
.header .feedback { width:160px; height:49px; position:absolute; right:0; top:0; background:url('../img/feedback.png') no-repeat left top; font-size:14px; color:#854908; text-decoration:none;  line-height:35px; text-align:center; text-shadow:0px 1px 0px #ffe59c; z-index:10;}
.header .feedback span {border-bottom:1px dashed #854908;}
.header .feedback span:hover { border:none;}
.header .search { width:218px; height:20px; float:right; background:url('../img/search.gif') no-repeat left top; margin:6px 182px 0 0; padding:3px 0 0 6px;}
.header .search input[type="text"] { float:left; width:156px; border:none; height:16px; line-height:16px; color:#2165a6;}
.header .search input:focus { outline:none;}
.header .search input[type="submit"] { float:left; width:60px; border:none; height:16px; color:#2165a6; text-shadow:0 1px 0px #fff; background:none; border:none; cursor:pointer; font:13px/16px Arial;}





.header2 {position:relative; height:432px; border-bottom:3px solid #0c466a; background-color:#4a9ce8;}
.header2 .menu { height:59px; float:right; width:740px; margin-top:61px; position:relative; z-index:10;}
.header2 .menu .lc { width:114px; float:left; height:59px; background:url('../img/menu.png') no-repeat left top; position:relative; z-index:-1;}
.header2 .menu .rc { width:114px; float:right; height:59px; background:url('../img/menu.png') no-repeat left -59px; position:relative; z-index:-1;}
.header2 .menu .cc { height:59px; margin:0px 114px; background:url('../img/menu.png') repeat-x left -117px; position:relative; z-index:-1;}

.header2 .menu > ul { float:left; width:100%; height:59px; position:absolute; left:0; top:0; z-index:10; list-style:none;}
.header2 .menu > ul > li { float:left; width:100px; height:59px; background:url('../img/line.gif') no-repeat right 2px; text-align:center;}


.header2 .menu > ul > li.menu1 {width:100px; }
.header2 .menu > ul > li.menu2 {width:120px;}
.header2 .menu > ul > li.menu3 {width:95px;}
.header2 .menu > ul > li.menu4 {width:125px;}
.header2 .menu > ul > li.menu5 {width:110px;}
.header2 .menu > ul > li.menu6 {width:80px;}
.header2 .menu > ul > li.menu7 { background:none; width:110px;}
.header2 .menu > ul > li{position:relative;}
.header2 .menu > ul > li > a { color:#2165a6; font-size:13px; text-decoration:none; width:100%;  display:block; line-height:120%; height:59px; z-index:3; cursor:pointer;}

.header2 .menu > ul > li.menu4 a .text, .header2 .menu > ul > li.menu6 a .text {height:45px; padding-top:14px;}
.header2 .menu > ul > li > a .text {  padding-top:21px; height:38px; margin-right:6px;}
.header2 .menu > ul > li > a .corner { width:6px; float:right; height:59px;}
.header2 .menu > ul > li > a:hover, .header2 .menu > ul > li.active > a { color:#613404;}



.header2 .menu > ul > li > a:hover .text, .header2 .menu > ul > li.active > a .text { background:url('../img/hover_menu.png') no-repeat left top;}
.header2 .menu > ul > li > a:hover .corner, .header2 .menu > ul > li.active > a .corner { background:url('../img/hover_menu.png') no-repeat right top;}

.header2 .menu > ul > li .submenu { float:left; width:230px; min-height:70px; padding-top:10px; background:url('../img/submenu2.png') no-repeat left top; margin-top:-5px; z-index:2; position:absolute; display:none;}
.header2 .menu > ul > li .submenu:after { float:left; width:230px; content:""; height:22px; position:absolute; bottom:-22px; left:0; background:url('../img/submenu2.png') no-repeat left bottom;}
.header2 .menu > ul > li .submenu ul { float:left; text-align:left; width:100%; margin-left:30px; list-style:square; color:#653400; font-size:13px;}
.header2 .menu > ul > li .submenu ul a { color:#653400; line-height:120%; cursor:pointer;}
.header2 .menu > ul > li .submenu ul li { float:left; width:100%; padding-top:10px;}
.header2 .menu > ul > li .submenu ul a:hover { text-decoration:none;}
.header2 .menu > ul > li:hover .submenu { display:block;}
.ver2{right:-1px;}
.header2 .logo { width:210px; float:left; font-size:21px; color:#2165a6; text-shadow:0 1px 0 #fff; line-height:130%; padding-top:60px;  position:relative; z-index:10; text-align:center;}
.header2 .logo a{text-decoration:none;}
.header2 .logo a:hover{text-decoration:underline; color:#2165a6; text-shadow:0 1px 0 #fff;}



.header2 .slider { width:100%; height:432px; position:absolute; top:0; left:0; z-index:1;}
.header2 .slider .next { width:29px; height:52px; border:none; background:url('../img/str.png') no-repeat right top; cursor:pointer; position:absolute; left:50%; top:246px; margin-left:450px; z-index:99;}
.header2 .slider .prev { width:29px; height:52px; border:none; background:url('../img/str.png') no-repeat left top; cursor:pointer; left:50%; top:246px; position:absolute; margin-left:-480px; z-index:99;}
.header2 .slider .next:active, .header2 .slider .prev:active { outline:none;}

.scrollable {position:relative; overflow:hidden; height:432px; width:100%;}
.scrollable .items {width:20000em;position:absolute;clear:both;}
.scrollable .items div.block {float:left; /* */ width:1600px; height:242px; padding-top:190px;}
.scrollable .items div.block h3 { float:left; width:100%; color:#227bb2; font-size:46px; line-height:120%; text-transform:uppercase; font-weight:100;}
.scrollable .items div.block p { float:left; width:80%; font-size:14px; color:#508abf; text-shadow:0 1px 0 #fff; line-height:130%; padding-top:10px;}
.scrollable .items div.block > div {width:430px; padding-right:100px; padding-left:430px; margin:0px auto;}



a.button { width:165px; height:40px; background:url('../img/button.png') no-repeat left top; display:block; cursor:pointer; text-align:center; text-decoration:none; text-transform:uppercase; font-size:12px; color:#864908; font-weight:bold; line-height:40px; float:left; text-shadow:0 1px 0 #ffeeb1; margin-top:20px;}
a.button.button_big { width:235px; height:70px; font-size:18px; font-weight:100; line-height:67px; background:url('../img/button2.gif') no-repeat left top; text-transform:none;}
a.button:hover { background-position:left bottom;}


h4 { float:left; width:100%; color:#303030; font-size:24px; font-weight:100; line-height:110%; text-transform:uppercase;}
h4.pd20{padding-left:20px; width: 930px;}
.positive { float:left; width:950px; padding-top:43px; padding-bottom:40px; background:#fff; padding-left:25px;}
.positive .column { width:230px; float:left; padding:20px 0 0 0;}
.positive .column h5 { float:left;  padding:0px 0 0 37px; background:url('../img/plus.gif') no-repeat left top; color:#0075be; font-size:14px; line-height:31px; text-decoration:underline;}
.positive .column p {  padding:0px 0 0 37px; float:left; line-height:120%; color:#3f3f3f;}


.services { float:left; width:100%; padding-top:13px; background:#f6f6f6; position:relative;}
.services .centered {overflow:hidden;}
.services h4 { padding-bottom:20px;}
.services .line { border-bottom:1px dashed #c0c0c0; float:left; width:100%;}
.services .line .item { width:319px; float:left; height:285px; padding-top:10px;border-right:1px dashed #c0c0c0;}
.services .line .item a { display:block; float:left; text-decoration:none; cursor:pointer; text-align:center; width:280px; margin-left:20px;}
.services .line .item a p { float:left; width:100%; padding-top:8px; color:#227bb2; text-decoration:underline; font-size:16px; line-height:120%;}
.services .line .item a div { float:left; width:100%; font-size:17px; color:#3f3f3f; font-weight:bold; padding-top:8px;}
.services .line .item a:hover p, .services .line .item a:hover div { color:#ff7200;}
.services .line .item.item3 { border:none;}


.right {float:right; position:relative; width:330px; border-left:1px dashed #c0c0c0;}
.txt { width:603px; float:left; margin-right:-1px; padding-left: 25px;}

.end_content {position:relative; height:145px; clear:both;}

.footer_bg{background:url('../img/content_bg.png') repeat-y left top; width:1000px; margin:0 auto;}
.footer {margin:0 auto; width:976px; position:relative; margin-top:-145px; padding-top:25px; height:120px; background:#0c466a; color:#fff;}
.footer a { color:#88c7ee; font-size:13px;}
.footer a:hover { color:#ffd943;}
.footer ul { float:left; list-style:none;}
.footer ul li { padding-bottom:15px; float:left; width:100%;}
.footer .menu1 { width:120px; margin-left: 25px;}
.footer .menu2 { width:218px;}
.footer .menu3 { width:172px;}
.footer .menu4 { width:170px;}
.footer .dev { float:right; width:230px; font-size:12px;}
.footer .dev p { float:left; width:100%; padding-bottom:10px;}
.footer .dev img { float:left; margin-top:5px;}



.banner_block { float:left; width:100%; padding-top:37px; padding-bottom:40px; background:#fff;} 
.banner_block img { float:left; margin-left:27px;}
.banner_block .first img { margin-left:18px;}

.information_block { float:left; width:100%; border-bottom:1px dashed #c0c0c0; padding:10px 0; background:#fff;}
.work { width:594px; padding-left: 25px; float:left; padding-top:33px; padding-right:20px; border-right:1px dashed #c0c0c0;}
.work h4 { padding-bottom:18px;}
.work a.button.button_big { float:right; margin:0;}
.work .text { padding-right:265px; line-height:120%;}

.consultation { width:290px; float:right; padding-top:20px;}
.consultation h5 { float:left; width:100%; color:#525252; padding-bottom:10px; font-size:18px; line-height:120%; padding-top:17px;}
.consultation .img { float:left; width:83px; }
.consultation .img img { float:left;}
.consultation .info { padding-left:98px;}
.consultation .info p { float:left; width:100%; padding:8px 0; font-size:16px;}
.consultation .info div { float:left; width:100%; font-size:14px; padding-bottom:13px;}
.consultation .info p span, .consultation .info p a { font-size:13px; margin-right:7px; vertical-align:middle;}
.consultation .info p img { vertical-align:middle; margin-right:4px;}
.consultation a:hover {color:#ff7200;}

.right .consultation { float:left; padding-left:20px; border-bottom:1px dashed #c0c0c0; padding-bottom:26px; border-top:1px dashed #c0c0c0; width:310px;}
.right .banner_block img { margin:22px 0 0 20px;}
.right .banner_block { padding-top:6px; padding-bottom:20px}


.txt .work { padding:0; border:none; padding-top:35px; width:589px; padding-right:15px; border-top:1px dashed #c0c0c0; padding-bottom:35px;}
.txt .text_block { float:left; width:589px; padding-right:15px; padding-top:35px; padding-bottom:45px; line-height:120%; color:#525252;}
.txt .text_block h4 { padding-bottom:10px;}
.txt .text_block p { padding-top:10px; line-height:140%;}

.txt .text_block ul { padding-top:10px; line-height:140%; margin-left:20px; line-height:140%;}
.txt .text_block ul li { padding-top:5px;}

.right .service_block { float:left; width:100%; background:#f6f6f6;}
.right .service_block h4 { padding:20px 0px 20px 20px; width:310px; border-bottom:1px dashed #c0c0c0;}
.right .service_block ul { float:left; list-style:none; width:310px; padding:15px 0 75px 20px;}
.right .service_block ul li { float:left; width:100%; padding-top:30px;}
.right .service_block ul li img { float:left; margin-top:-4px;}
.right .service_block ul li div { padding-left:48px; padding-right:10px;}
.right .service_block ul li div a { color:#227bb2; font-size:14px; line-height:120%;}
.right .service_block ul li div a:hover { color:#ff7200;}

table.tariffs{width:100%;}
table.tariffs th{padding:10px; border-bottom:1px dashed #c0c0c0; border-right:1px dashed #c0c0c0;}
table.tariffs td{padding:5px; border-right:1px dashed #c0c0c0; vertical-align:top;}
table.tariffs th.bordnone, table.tariffs td.bordnone{border-right:0px dashed #c0c0c0;}

.otz_new div {float: left; width: 180px; height: 243px; margin: 0px 10px 10px 0px; font-weight: bold; text-align: center; border: 1px solid rgb(153, 153, 153); padding: 5px; overflow: hidden;}
.otz_new div img{display: block; margin-top: 5px; width: 180px; height: 228px;}
ul.faq{list-style:none;}
ul.faq li{padding:10px 0;}
ul.faq li label span{color:#2165a6; border-bottom:1px dashed #2165a6;}
ul.faq li label span:hover{color:#2165a6; border-bottom:0px dashed #2165a6;}
.faq_answer{padding-top:7px;}
.cl{clear:both;}
.ind{margin-top:0px;}
