@charset "utf-8";
* {margin: 0px; padding: 0px;}
*:focus {outline: none;}

html {font-size: 100.01%; height: 100%;}
body {height: 100%; font: 62.5% "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; line-height: 1.2em; background: #b7e1f9;}
.orange {background: #f7e4c6;}
.green {background: #d7e0b1;}

ul, ol {margin: .5em 0 .5em 2em;}
p {margin-bottom: 1em;}
table {border-collapse: collapse;}
table p {margin: 0;}
a {color: #02213f; text-decoration: underline;}
a:hover {text-decoration: none;}
a img {border: none;}

.clear {clear: both; margin: 0; font-size: 1px; line-height: 1px;}

h1 {font: normal 2.18em "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; line-height: 1.12em; margin: 0 0 0 0; color: #02203e;}
#index h1 {font: normal 1.5em "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; line-height: 1.12em; margin: 0 0 1.3em 0; color: #14486f;}
h2 {font: normal 1.39em "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; line-height: 1.12em; margin: 1em 0 .4em 0; color: #14486f;}
h3 {font: normal 1.23em "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; line-height: 1.12em; margin: 1em 0 .4em 0; color: #14486f;}
h4 {font: normal 1.23em "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; line-height: 1.12em; margin: 1em 0 .4em 0; color: #14486f;}
h5 {font: normal 1.23em "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; line-height: 1.12em; margin: 1em 0 .4em 0; color: #14486f;}
h6 {font: normal 1.23em "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; line-height: 1.12em; margin: 1em 0 .4em 0; color: #14486f;}

blockquote {color: #023955; font-size: 1.08em; line-height: 1.57; margin: 1em 0; padding: 7px 16px 11px 16px; background: #dceff9;}
#index blockquote {margin: 1em -10px; padding: 24px 48px 17px;}
.orange blockquote {background: #f5d19f;}
.green blockquote {background: #c3d48a;}
blockquote p {margin: 0;}
pre, code {font: 1.2em/1.8em "Courier New", Courier, monospace; border: 1px dashed #aaa; padding: 1em; background: #eee;}
code {padding: .2em .5em;}


/* --- container
----------------------- */

#container {min-height: 100%; /*min-width: 1000px; max-width: 1256px;*/ border-left: 1px solid #fff; border-right: 1px solid #fff; width: 998px; margin: 0 auto -118px; background: url("/images/style/bg-container.gif") left top no-repeat; position: relative; z-index: 10; font-size: 1.3em; line-height: 1.54em;}

.header_bg {position: absolute; left: 0; top: 0; height: 263px; width: 100%;}
.header_bg div {width: 1000px; margin: 0 auto; overflow: hidden;}


/* --- header
----------------------- */

#header {height: 263px;}

#logo {width: 163px; height: 164px; position: absolute; top: 17px; left: 16px;}
#logo img {width: 163px; height: 164px;}

.slogan {margin: 0 0 0 19%; padding: 32px 0 0; width: 20%; height: 185px;}

.contacts {position: absolute; right: 7px; top: 21px; width: 30%; font-size: 0.85em; line-height: 1.67em; color: #063f71;}
.contacts table {font-size: 1.64em; line-height: 1.37em;}
.contacts a {color: #063f71;}

.mini {margin: 0; list-style: none; height: 27px;}
.mini li {float: left; margin: 0 27px 0 0;}

.search_bg {position: absolute; width: 157px; height: 18px; background: url("/images/style/search.png") left top no-repeat; z-index: 20;}
.search {position: relative; width: 157px; height: 18px; z-index: 30;}
.search input {width: 103px; height: 17px; background: none; border: 0; font: 11px "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; line-height: normal; color: #000; vertical-align: top; padding: 1px 5px;}
.search .submit {width: 39px; height: 18px; margin: 0 0 0 1px; color: #fff; padding: 0; font: 10px "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; line-height: 15px;}

#header .search_bg {right: 19px; top: 188px;}
#header .search {position: absolute; right: 19px; top: 188px;}

.menu {margin: 0 18px 0 17px;}
.menu table {width: 100%; height: 46px;}
.menu td {text-align: center; background: url("/images/style/m_3.gif") left top repeat-x; padding-top: 17px; vertical-align: top;}
.menu a {display: block; text-decoration: none;}
.menu a:hover {background: url("/images/style/line.gif") left 15px repeat-x;}
.menu .m_first {width: 9px; background: url("/images/style/m_1.png") left top no-repeat;}
.menu .m_last {width: 9px; background: url("/images/style/m_2.png") left top no-repeat;}
.menu .m_item {width: 1px;}
.menu .m_line {background: url("/images/style/m_4.gif") right top no-repeat;}
.menu .m_llast {background: url("/images/style/m_3.gif") left top repeat-x;}
.menu .active {background: url("/images/style/m_3_a.gif") left top repeat-x;}
.menu .active div {position: relative; text-align: left;}
.menu .active div div {position: absolute; left: -2px; top: -17px; width: 2px; height: 63px; background: url("/images/style/m_3.gif") left top repeat-x;}


/* --- content
----------------------- */

#content {padding: 13px 18px 180px 17px;}

.table {color: #333; margin: 0 0 1em 0; font-size: 0.92em; line-height: 1.5em;}
.table caption {font-weight: bold; padding: 0 0 14px; text-align: left;}
.table th, .table thead td {font-weight: bold; border: 1px solid #1e4d74; border-left: 1px solid #78a4c2; border-right: 1px solid #78a4c2; padding: 5px 18px 5px;}
.table td {border: 1px solid #1e4d74; border-left: 1px solid #78a4c2; border-right: 1px solid #78a4c2; padding: 5px 18px 5px;}

#content ul {margin-left: 0; list-style: none;}
#content ul li {padding: 0 0 10px 17px; margin: 0; background: url("/images/style/dot.gif") left 0.7em no-repeat;}



#blocks {width: 100%; color: #fff; font-size: 0.85em; line-height: 1.45em; margin: 0 0 6px;}
#blocks h2 {font-size: 1.64em; line-height: 1.2em; margin: 0 0 0.45em;}
#blocks a {color: #fff;}
#blocks td {vertical-align: top; height: 213px;}
#blocks td div {background: url("/images/style/block.png") left top no-repeat; height: 96px; position: relative; padding: 102px 15px 15px;}
#blocks td div .text {background: none; padding: 0; height: 96px; overflow: hidden;}
#blocks td .corner {width: 4px; background: url("/images/style/block1.png") left top no-repeat; position: absolute; top: 0; right: 0; height: 213px; padding: 0;}
#blocks .block_1 {width: 33%;}
#blocks .block_2 {width: 33%;}
#blocks .block_3 {width: 33%;}
#blocks .space {font-size: 1px; line-height: 1px;}

.content {}
.show {width: 68%; float: right;}
#index .content {width: 60%; float: right; padding: 22px 20px 0 0;}
.content_left {width: 28%; padding: 1px 0 0 0; display: none;}
.show2 {display: block;}
#index .content_left {width: 31%; padding: 1px 0 0 0; display: block;}

#index #content .content_left {font-size: 0.85em; line-height: 1.64em; padding: 1px 0 0 15px;}
#index #content .content_left h2 {font: normal 1.64em "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; line-height: 1.12em; margin: 1em 0 1em 0; color: #14486f;}
#index #content .content_left ul {margin-left: 0; list-style: none;}
#index #content .content_left ul li {background: url("/images/style/circle.gif") left top no-repeat; padding: 1px 0 0 7px;}

#content .l_menu {margin: 0;}
#content .l_menu li {margin: 0 0 3px; padding: 0; background: none; padding: 0 5px 1px;}
#content .l_menu li a {color: #042436;}
#content .l_menu li.active, #content .l_menu li.active .a_bg1 a {color: #fff; padding: 0;}
#content .l_menu li.active {}
#content .l_menu li.active .a_bg1 {background: #0c4d71 url("/images/style/corner.gif") right top no-repeat;}
#content .l_menu li.active .a_bg2 {background: url("/images/style/corner.gif") right bottom no-repeat; padding: 0 5px 1px 5px; position: relative; left: 0; top: 0;}
#content .l_menu li.active .c1 {width: 1px; height: 1px; font-size: 1px; line-height: 1px; overflow: hidden; position: absolute; top: 0; left: 0; background: #6297b5;}
#content .l_menu li.active .c2 {width: 1px; height: 1px; font-size: 1px; line-height: 1px; overflow: hidden; position: absolute; bottom: 0; left: 0; background: #6297b5;}

#content .l_menu .sub_menu {color: #07486d; font-size: 0.92em; line-height: 1.17em; margin: 5px 0 9px;}
#content .l_menu .sub_menu li a {color: #07486d;}
#content .l_menu .active .sub_menu li {color: #07486d;}
#content .l_menu .sub_menu li {background: url("/images/style/arrow.gif") left 0.4em no-repeat; margin: 0 0 0 5px; padding: 2px 0 8px 10px;}

#content .navibar {font-size: 0.85em; line-height: 1.36em; color: #105a85;}
#content .navibar a {color: #105a85;}
#content .navibar li {background: url("/images/style/navi.gif") right 0.5em no-repeat; padding: 0 14px 0 7px; margin: 0; float: left;}
#content .navibar .navi_last {background: none; padding-right: 0;}

.h1 {background: #7cccfa url("/images/style/corner_2.gif") right top no-repeat; font-size: 0.85em; line-height: 1.64em; margin: 12px 0 23px;}
.h1 .h1_bg {background: url("/images/style/corner_4.gif") right bottom no-repeat; position: relative; padding: 14px 10px 15px 18px;}
.h1 .h1_bg .text {padding: 10px 0 14px;}
.h1 .corner_1 {background: url("/images/style/corner_1.gif") left top no-repeat; width: 5px; height: 5px; position: absolute; top: 0; left: 0; font-size: 1px; line-height: 1px;}
.h1 .corner_2 {background: url("/images/style/corner_3.gif") left top no-repeat; width: 5px; height: 5px; position: absolute; bottom: 0; left: 0; font-size: 1px; line-height: 1px;}

.orange .h1 {background: #f4bf7b url("/images/style/corner_2_o.gif") right top no-repeat;}
.orange .h1 .h1_bg {background: url("/images/style/corner_4_o.gif") right bottom no-repeat;}
.orange .h1 .corner_1 {background: url("/images/style/corner_1_o.gif") left top no-repeat;}
.orange .h1 .corner_2 {background: url("/images/style/corner_3_o.gif") left top no-repeat;}

.green .h1 {background: #b7cf7b url("/images/style/corner_2_g.gif") right top no-repeat;}
.green .h1 .h1_bg {background: url("/images/style/corner_4_g.gif") right bottom no-repeat;}
.green .h1 .corner_1 {background: url("/images/style/corner_1_g.gif") left top no-repeat;}
.green .h1 .corner_2 {background: url("/images/style/corner_3_g.gif") left top no-repeat;}

#content .webform {width: 229px; margin-top: 3em; padding-bottom: 3px;}
#content .webform li {background: none; padding: 0; margin: 0 0 7px;}
.webform h2 {margin: 0 0 8px 0;}
.webform h2 a {text-decoration: none; border-bottom: 1px dashed #02213F; padding: 0 16px 0 0; background: url("/images/style/arrow_3.gif") right .4em no-repeat;}
.webform h2 a:hover {border: 0; padding: 0 16px 1px 0;}
.webform h2 a.active {background: url("/images/style/arrow_2.gif") right .5em no-repeat;}
.webform .input input {border: 1px solid #a3c8dd; color: #333; font: 11px/normal "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; width: 211px; padding: 2px 8px 1px; height: 16px;}
.webform textarea {border: 1px solid #a3c8dd; color: #333; font: 11px/normal "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; padding: 2px 8px 1px; width: 211px;}
.webform .submit {text-align: right;}
.webform img {border: 1px solid #a3c8dd; vertical-align: middle;}
#content .webform .captcha {margin-top: -5px;}
.webform .captcha input {float: right; width: 85px; height: 12px; padding: 10px 8px 13px; border: 1px solid #a3c8dd;}
.webform .submit input {background: url("/images/style/submit.gif") left top no-repeat; width: 77px; height: 18px; border: 0; color: #fff;  font: 11px/normal "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;}


/* --- footer
----------------------- */

#footer {height: 180px;/* min-width: 965px; max-width: 1221px;*/ width: 965px; margin: 0 auto; position: relative; z-index: 20; padding: 0 18px 0 17px; font-size: 1.1em; line-height: 1.27em;}

.f_menu {width: 100%; background: #07385e; font-size: 12px; line-height: 14px; height: 33px; margin: 0 0 12px; color: #fff;}
.f_menu .m_item {width: 1%; white-space: nowrap;}
.f_menu a {color: #fff; text-decoration: none;}
.f_menu a:hover {text-decoration: underline;}
.f_menu .m_first {background: url("/images/style/f_m_1.gif") left top no-repeat;}
.f_menu .m_last {background: url("/images/style/f_m_2.gif") right top no-repeat;}
.f_menu .m_line {background: url("/images/style/f_m_3.gif") right center no-repeat;}

#links {width: 40%; float: right;}
.wp {float: right; width: 113px; padding: 28px 13px 0 13px; margin: 4px 0 0 0; background: url("/images/style/wp.png") left top no-repeat; text-align: center;}
.bdbd {width: 100px; padding: 0 0 0 53px; background: url("/images/style/bdbd.gif") left 4px no-repeat;}

.f_text {width: 27%; margin: 0 4% 0 0; float: left; height: 60px; overflow: hidden;}

.counters img {margin: 0 5px 0 0;}