@import url(../css/reset.css);
html { height:100%; background:#7fa9e1 url(../images/bg.png) repeat-x 0 280px }
body { position:relative; background:none; font:12px/1.5 Arial, Helvetica, sans-serif;  min-height:100%; height:auto !important; height:100%; color:#374052; min-width:980px }

#header { position:absolute; z-index:2; width:910px; left:0; top:27px }

#logo { margin:0; padding:0; width:192px; height:112px; font-size:22px; color:#2e745a; line-height:1.2; overflow:hidden; position:relative; left:8px }
#logo span { color:#024788 }
#logo .link { width:100%; height:100%; position:absolute; top:0; left:0; background:url(../images/cc_03.png) }

#top-icons { position:absolute; right:0; padding:0; margin:0 }
#top-icons li { list-style:none; float:left; padding-left:40px }

#nav { top:38px; left:250px; padding:0; margin:0; font-size:14px; position:absolute }
#nav li { height:41px ; float:left; padding-left:17px; list-style:none; position:relative; margin:0 -6px }
#nav li span { height:41px ; float:left; padding-right:17px; display:block; line-height:38px; color:#000 }
#nav li a { color:#316ac7; text-decoration:underline }
#nav li a:hover { text-decoration:none }
#nav li.active { background:url(../images/nav-active.png) no-repeat 0 0; z-index:5; color:#01366d; }
#nav li.active span { background:url(../images/nav-active.png) no-repeat 100% 0 }
#nav li.active a { color:#01366d; text-decoration:none; cursor:default }

#header-phone { top:45px; right:0; position:absolute; text-align:right; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; color:#8c959d; font-size:18px; line-height:1.1 }
#header-phone address { color:#024788; font-size:28px; font-style:normal }
#header-phone add { color:#024788; font-size:14px; font-style:normal; font-family: Arial }

#page { position:relative; z-index:15; width:910px; margin:0 auto }
#main { padding-top:256px; padding-bottom:93px }
#content { float:left; width:100% }
#side { float:right; width:261px; position:relative; right:12px; margin-left:-261px; top:3px; margin-bottom:24px  }

.block-text { width:590px; padding:1px 31px 36px 32px; position:relative; left:-11px; background:url(../images/main-block-top-bg.png) no-repeat 0 -204px; min-height:778px; height:auto !important; height:778px; text-align:justify; }
.main-text { position:relative; z-index:5 }
.main-page-top { background:url(../images/main-page-content.jpg) no-repeat 0 0; position:relative; width:658px; height:488px; left:-33px; margin-right:-300px; margin-bottom:-14px; margin-top:15px; }
.main-page-image { background:url(../images/main-page-img.jpg) no-repeat 294px 0; height:445px }
.main-page-top .text { width:222px; padding-left:32px }
.main-page-top h3 { margin:0 }

.list ul li
{
  background-image:url('../images/check.png');
  background-repeat: no-repeat;
  padding-left: 10px;
}

.block { background:url(../images/block-bg.png) no-repeat 0 100%; width:289px; margin-right:-50px; position:relative; margin-top:24px; margin-bottom:-8px; left:-2px }
.block .block-top { background:url(../images/block-top.png) no-repeat 0 0; height:24px; width:100%; position:absolute; top:-24px; left:1px; }
.block-inner { width:241px; margin:0 auto; padding-bottom:25px }
.block h2, .block h3, .block strong, .block b { font-size:16px; text-align:center; margin:10px 0 0; font-weight:normal; display:block; line-height:1.2 }
.block a { color:#316ac7; text-decoration:none }
.block a:hover { color:#316ac7; text-decoration:underline } 

h1 { font-size:16px; color:#374052; margin:0 0 .7em }
h2 { font-size:14px; margin:1em 0 .7em }
h3 { font-size:12px; text-decoration:underline; font-weight:normal }
p { margin:1em 0 }

a { color:#316ac7; text-decoration:underline }
a:hover { color:#316ac7; text-decoration:none }

b { text-decoration:underline; font-weight:normal }

img { vertical-align:middle }

.clear { clear:both; height:1px; overflow:hidden; margin:-1px -100px -1px; position:relative }

#footer { color:#fff; position:absolute; height:60px; bottom:0; left:0; width:100%; color:#fff;  z-index:20 }
#footer .inner { width:890px; margin:0 auto }
#footer .copy { float:left; margin:0 }
#footer .contacts { float:right; margin:0 }
#footer a { color:#fff; text-decoration:underline }
#footer a:hover { text-decoration:none }

#bg { width:100%; height:100%; position:absolute; overflow:hidden; left:0; top:0; z-index:2 }
#bg-header { width:100%; height:342px; position:absolute; left:0; top:0; background:url(../images/header-bg.png) no-repeat 50% 101px #fff; z-index:6}
#bg-page-container-top { background:url(../images/page-bg1.jpg) no-repeat 50% 100%; width:100%; height:1045px; position:relative; display:block; margin-bottom:-1000px }

#bg2 { width:100%; height:100%; position:absolute; overflow:hidden; left:0; bottom:0; background:url(../images/page-bg2.png) repeat-y 50% 0 }
#bg3 { background:url(../images/page-bg-bottom.png) no-repeat 50% 0; height:157px; position:absolute; left:0; bottom:0; width:100%; z-index:3; border-bottom:57px solid #7fa9e1  }
#bg4 { width:100%; height:100%; position:absolute; overflow:hidden; left:0; bottom:0; z-index:4 }
#bg-text-block {background:url(../images/main-block-bg.png) no-repeat 0 100%; width:910px; margin:0 auto; height:100%; position:relative; left:-11px; bottom:0; margin-top:-93px }

.form_1 { background-color: #FFFFFF; height: 16px; width: 400px; margin-top: 5px; margin-bottom: 5px; border: 1px solid #51555f; font-size: 11px; line-height: 12px; color: #51555f; }
.form_2 { background-color: #FFFFFF; height: 154px; width: 400px; margin-top: 5px; margin-bottom: 5px; border: 1px solid #51555f; font-size: 11px; line-height: 12px; color: #51555f; overflow:auto; }
.form_3 { background-color: #FFFFFF; height: 16px; width: 60px; margin-top: 5px; margin-bottom: 5px; border: 1px solid #51555f; font-size: 11px; line-height: 12px; color: #51555f; }
.form_4 { background-color: #FFFFFF; height: 16px; width: 65px; border: 1px solid #51555f; font-size: 11px; line-height: 12px; color: #51555f; }