@charset "utf-8";
/* CSS Document */

body {margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; background: #fff url(http://www.khaknadzor.ru/imgs/gradient.jpg) bottom repeat-x;}
p, table, th, td, tr, h1, h2, h3, ul, ol, li, div, form, img {margin:0; padding:0;}

table, tr, td {vertical-align: top;}

body {background: url(imgs/bg.gif) left top;}
.top {background: url(imgs/bg2.png) top left repeat-x; margin-bottom: 19px;}
* html .top {-background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/imgs/bg2.png,sizingMethod=scale);}

.megatop {position: absolute; left: 0px; top: 13px; width: 100%;}
.megatop td {padding: 0px;}
.megatop form {margin-left: 200px;}
.megatop .inputText {width: 300px;}
.megatop a img {border: 0;}
.megatop .icons {float: right; margin-left: 20px;}
.megatop .icons td {padding-right: 20px;}

img.png{
    behavior:expression(!this.flag ? this.flag = (this.style.filter =
                 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + this.src + '", sizingMethod="image")', this.src='/imgs/blank.gif', true) : '' );
}
.top {margin-top: 50px; height: 210px;}
.overtop {position: absolute; left: 0px; top: 20px;}
.overtop .text {width: 100%; font-size: 22px; vertical-align: middle; margin-left: 233px; margin-right: 369px;}
.overtop .logo {width: 233px;}
.overtop .photos {width: 369px;}
.overtop a {text-decoration: none; color: #063;}
.overtop a:hover {color: #063;}

.border {border: 1px #ccc solid;}

a {color: #063;}
a:hover {color: #f00;}

h1 {font-size: 18px; color: #030;}

.middle, .bottom {margin-left: 7px; margin-right: 16px; color: #333;}
.middle .left {width: 230px;}
.middle .left .menu, .middle .left .calendar_box {width: 216px; margin-right: 12px;}
.middle .left .calendar_box {margin-top: 15px;}
.middle .left .calendar_box h1 {margin-left: 10px; margin-top: 10px;}
.middle .left .menu, .middle .left .calendar_box {background-color: #fff;}
.middle .left .menu .item {padding: 8px 10px 7px 11px;}
.middle .left .menu .item {border-top: 1px #ccc solid;}
.middle .left .menu .first {border-top: none;}
.middle .left .menu .subitems {border-top: 1px #ccc solid; background-color: #f3f9ff;}
.middle .left .menu .subitem {background: url(imgs/arrow2.gif) 10px 11px no-repeat; padding: 7px 10px 3px 26px;}
.middle .left .menu a {text-decoration: none; display: block; cursor: pointer; font-weight: bold;}
.middle .left .menu a:hover, .middle .left .menu a.active {background-color: #ffefba;}
.middle .left .menu a.active {color: #f00;}

.middle .content {width: 100%; background-color: #fff; padding: 8px 15px 10px 15px; line-height: 18px;}
.middle h2, .content h2 {font-size: 16px; margin-bottom: 18px; color: #063;}
.content h2 {margin-top: 18px;}
.content h2 a {text-decoration: none;}
.content h3 {font-size: 14px; margin-bottom: 18px; color: #c60;}
.content h4 {font-size: 13px; margin-bottom: 18px; color: #36c;}
.content p {margin-bottom: 18px;}
.content table {border-collapse: collapse;}
.content table td {padding: 7px; margin: 0; border: 1px solid #f93}
.content table td p {padding: 0; margin: 0;}
.content ul, .content ol {margin-bottom: 18px; margin-left: 18px;}
.content ul li {list-style: none; background: url(imgs/cube.gif) 0 6px no-repeat;}
.content li {margin-left: 4px; padding-left: 14px;}
.content li p, .content li div {margin: 0; padding: 0;}
.content .submenu {padding-bottom: 18px;}
.content .submenu li {padding-bottom: 2px; margin-left: 18px;}
.content .submenu a.active {color: #f00;}

.content table.contacts td {border: 0;}

.content .document {border-left: 3px solid #ccc; border-bottom: 1px solid #fff;  padding: 0 18px; margin-bottom: 18px;}
.content .document h2 a {text-decoration: underline;}
.content .document h2 {font-size: 14px; margin-bottom: 9px; padding:0;}
.content .document h4 {font-size: 12px; margin: 0;color: #c60;}



.content .section {margin-top: 7px; margin-right: 50px;}
.content .section table, .content .section table td {margin: 0; padding: 0; border:0;}
.content .section p {margin-bottom: 0px;}
.content .section .title td {vertical-align: middle;}
.content .section .title img {margin-right: 5px;}
.content .section .date {color: #ff7e00; font-weight: bold;}
.content .section .secpath {color: #666; font-size: 11px;}
.content .section .secpath a {color: #666;}
.content .section .secpath a:hover {color: #f00;}
.content .section .secpath img {margin: 0 3px;}
.content .section .link {margin-top: 8px; margin-bottom: 4px; font-weight: bold;}
.content .section .item {margin-top: 7px;}
.content .section .archive {text-align: right; font-weight: bold; margin-right: 50px;}

.path {font-size: 10px; margin-bottom: 15px;}
.path img {margin: 0 3px;}
.path a {color: #999;}
.path a:hover {color: #f00;}

.bottom {margin-top: 10px; margin-bottom: 8px; background-color: #fff;}
.bottom td {padding: 10px 10px 10px 15px;}
.bottom a {color: #666;}
.bottom .copy {width: 100%;}
.bottom .dev {vertical-align: middle;}

.content ul.sitemap {margin-bottom: 0;}
.content ul.sitemap li {list-style: none; background: none; margin-left: 0;}
.content ul.sitemap li li {background: url(imgs/node-elem.gif) 0 8px no-repeat;}
.content ul.sitemap ul {background: url(imgs/node-bg.gif) top left repeat-y;}
.content ul.sitemap .endTree {height: 1px; width: 10px; background: url(imgs/node-elem.gif) top left no-repeat; margin-left: 14px;}