body, html { width: 100%; height: 100%; }
body { margin: 0px; background-color: #002878; background-image: url(i/bg.png); background-repeat: repeat-x; font-family: Arial; font-size: 14px; color: #ffffff; }
#content { min-width: 1000px; width: 100%; max-width: 1500px; min-height: 900px; background-image: url(i/bg.jpg); background-repeat: no-repeat; background-position: top center; margin: 0 auto; }
#content .block-for-head { width: 100%; height: 170px; float: left; }
#content .block-for-head .head { margin: 0px 10% 0px 5%; overflow: hidden; }
#content .block-for-head .head .logo { float: left; width: 245px; height: 75px; margin-top: 50px; background-image: url(i/logo.png); background-repeat: no-repeat; }
#content .block-for-head .head .phones { float: right; width: 275px; height: 82px; margin-top: 35px; background-image: url(i/phones.png); background-repeat: no-repeat; }
#content .block-for-menu { width: 100%; height: 60px; float: left; }
#content .block-for-menu .menu { margin: 0px 3%; overflow: hidden; }
#content .block-for-menu .menu .left { float: left; width: 35px; height: 60px; background-image: url(i/mainmenu_left_bg.png); background-repeat: no-repeat; }
#content .block-for-menu .menu .right { float: right; width: 35px; height: 60px; background-image: url(i/mainmenu_right_bg.png); background-repeat: no-repeat; }
#content .block-for-menu .menu .center { margin-left: 35px; margin-right: 35px; height: 60px; background-image: url(i/mainmenu_bg.png); background-repeat: repeat-x; }
#content .block-for-menu .menu .center .block-for-menu-items { margin: 0px 30px; height: 60px; }
#content .block-for-menu .menu .center .menu-item { float: left; height: 38px; text-transform: uppercase; text-align: center; color: #82ddff; text-decoration: none; padding-top: 22px; background-image: url(i/mainmenu_hover.png); background-repeat: repeat-x; background-position: 0px -57px; letter-spacing: 1px; }
#content .block-for-menu .menu .center .menu-item:hover { color: #ffffff; background-position: 0px 0px; }
#content .block-for-menu .menu .center .menu-item-active { float: left; height: 38px; text-transform: uppercase; text-align: center; color: #ffffff; text-decoration: none; padding-top: 22px; background-image: url(i/mainmenu_hover.png); background-repeat: repeat-x; background-position: 0px 0px; letter-spacing: 1px; }
#content .block-for-menu .menu .center .menu-slider { float: left; width: 1%; height: 60px; background-image: url(i/icon_mainmenu_slider.png); background-repeat: no-repeat; background-position: center center; }
#content .block-main { float: left; width: 100%; margin-top: 40px; }
#content .block-main .main { margin: 0px 5%; overflow: hidden; }
#content .block-main .main .block-left-menu { float: left; width: 35%; }
#content .block-main .main .block-left-menu .left-menu { margin-right: 30px; margin-left: 14px; overflow: hidden; }
#content .block-main .main .block-left-menu .left-menu .title { float: left; width: 142px; height: 23px; background-image: url(i/title_services.png); background-repeat: no-repeat; margin-left: 33px; margin-bottom: 15px; }
#content .block-main .main .block-left-menu .left-menu .for-menu-item { float: left; width: 100%; }
#content .block-main .main .block-left-menu .left-menu .for-menu-item a.menu-item { float: left; height: 24px; padding-left: 33px; color: #82ddff; background-image: url(i/icon_light_sm.png); background-repeat: no-repeat; background-position: top left; padding-top: 15px; }
#content .block-main .main .block-left-menu .left-menu .for-menu-item a.menu-item:hover { background-position: bottom left; color: #ffffff; text-shadow: 0px 0px 12px #ffffff; }
#content .block-main .main .block-left-menu .left-menu .for-menu-item span.menu-item-active { float: left; height: 24px; padding-left: 33px; background-image: url(i/icon_light_sm.png); background-repeat: no-repeat; background-position: bottom left; color: #ffffff; text-shadow: 0px 0px 12px #ffffff; padding-top: 15px; }
#content .block-main .main .block-left-menu .left-menu .for-menu-item a.menu-item-link { float: left; height: 24px; padding-left: 33px; color: #ffffff; background-image: url(i/icon_light_sm.png); background-repeat: no-repeat; background-position: bottom left; padding-top: 15px; text-shadow: 0px 0px 12px #ffffff; }
#content .block-main .main .block-left-menu .left-menu .for-menu-item .block-for-sub-menu { float: left; width: 100%; margin-top: 5px; }
#content .block-main .main .block-left-menu .left-menu .for-menu-item .block-for-sub-menu .sub-menu { margin-left: 33px; overflow: hidden; }
#content .block-main .main .block-left-menu .left-menu .for-menu-item .block-for-sub-menu .sub-menu .sub-menu-item { float: left; width: 100%; margin-bottom: 15px; }
#content .block-main .main .block-left-menu .left-menu .for-menu-item .block-for-sub-menu .sub-menu .sub-menu-item a { margin-left: 18px; display: block; color: #82ddff; background: none; }
#content .block-main .main .block-left-menu .left-menu .for-menu-item .block-for-sub-menu .sub-menu .sub-menu-item a:hover { background: none; color: #ffffff; }
#content .block-main .main .block-left-menu .left-menu .for-menu-item .block-for-sub-menu .sub-menu .sub-menu-item .mdash { float: left; width: 18px; color: #ffffff; }
#content .block-main .main .block-for-block-text { float: left; width: 65%; background-image: url(i/textblock_bottom_right_bg.png); background-repeat: no-repeat; background-position: right bottom; }
#content .block-main .main .block-for-block-text .block-text { overflow: hidden; border: 1px solid #89a5d4; background-image: url(i/textblock_top_left_bg.png); background-repeat: no-repeat; background-position: left top; }
#content .block-main .main .block-for-block-text .block-text .for-text { margin: 50px; overflow: hidden; }
#content .block-main .main .block-for-block-text .block-text .for-text h1 { font-size: 36px; font-weight: normal; margin: 0px; }
#content .block-main .main .block-for-block-text .block-text .for-text span.hr { float: left; width: 100%; height: 1px; background-color: #00baff; margin: 20px 0px; }
#content .block-main .main .block-for-block-text .block-text .for-text h2 { font-size: 18px; font-weight: normal; margin: 0px; margin-bottom: 10px; }
#content .block-main .main .block-for-block-text .block-text .for-text p { margin: 0px; line-height: 20px; }
#content .block-main .main .block-for-block-text .block-text .for-text a { color: #82ddff; }
#content .block-main .main .block-for-block-text .block-text .for-text a:hover { color: #ffffff; }
#content .block-main .main .block-for-block-text .block-text .for-text table { width: 100%; text-align: left; text-indent: 8px; }
#content .block-main .main .block-for-block-text .block-text .for-text table td { height: 30px; }
#content .block-main .main .block-for-block-special { min-width: 200px; max-width: 350px; margin-right: 50px; overflow: hidden; margin-top: 50px; background-image: url(i/specialblock_bottom_right_bg.png); background-repeat: no-repeat; background-position: right bottom; }
#content .block-main .main .block-for-block-special .block-special { border: 1px solid #f0ff00; overflow: hidden; background-image: url(i/specialblock_top_left_bg.png); background-repeat: no-repeat; background-position: left top; }
#content .block-main .main .block-for-block-special .block-special .for-text { margin: 30px; overflow: hidden; }
#content .block-main .main .block-for-block-special .block-special .for-text .title { float: left; width: 152px; height: 44px; background-image: url(i/specialblock_title.png); background-repeat: no-repeat; margin-bottom: 35px; }
#content .block-main .main .block-for-block-special .block-special .for-text .block-message { float: left; width: 100%; margin-bottom: 20px; line-height: 20px; }
#content .block-main .main .block-for-block-special .block-special .for-text .block-message span { color: #5089e8; }
#content .block-main .main .block-for-block-special .block-special .for-text .block-message a { color: #f0ff00; }
#content .block-main .main .block-for-block-special .block-special .for-text .block-message a:hover { color: #ffffff; }

#content .block-for-footer { float: left; width: 100%; height: 200px; }
#footer { width: 100%; height: 200px; float: left; background-image: url(i/bg_foot.png); background-repeat: repeat-x; background-position: left bottom; margin-top: -200px; }
#footer .center-footer { min-width: 1000px; width: 100%; max-width: 1500px; margin: 0 auto; }
#footer .block-in-footer {  margin: 0px 5%; overflow: hidden; }
#footer .block-for-copyright { margin-left: 35%; float: left; }
#footer .block-for-copyright .copyright { float: left; height: 107px; padding-left: 155px; background-image: url(i/icon_light.png); background-repeat: no-repeat; padding-top: 90px; margin-left: -119px; }
#footer .block-for-copyright .copyright .copy { float: left; width: 15px; margin-top: 4px; }
#footer .block-for-copyright .copyright .info { margin-left: 15px; width: 190px; overflow: hidden; line-height: 24px; }
#footer .counter { float: right; margin-right: 50px; margin-top: 90px; }