@charset "utf-8";

/* Container
-----------------------------------------------------------------------------*/
.container {max-width: 1300px; min-width: 870px; margin: 0 auto; position: relative; min-height: 100%;}

/* Header
-----------------------------------------------------------------------------*/
.header {height: 154px; position: relative; padding: 6px 2% 0 2%;}
.header ul {font-size: 11px; width: 100%; text-align: center; position: absolute; top: 87px; left: 0;}
.header ul li {display: inline; margin-left: 4%;}

.pen {position: absolute; width: 264px; height: 160px; background: url(/img/pen.gif) no-repeat; top: 0; right: 2%;}
.white_left, .white_right {height: 153px; width: 2%; background: #fff; position:absolute; top: 6px;}
.white_left {left: 0;}
.white_right {right: 0;}
.yandex {position: absolute; bottom: 8px; left: 16%; width: 36%; margin-left: 18%;}

.zagolovok {position: absolute; bottom: 0; left: 23%; height: 30px; width: 55%;}
.title-left {background: url(/img/cb-bg-title-left.gif) no-repeat -5px 0; height: 30px; overflow: hidden; float: left;}
.title-left h1 {margin: 0; padding: 8px 0 0 27px; text-transform: uppercase; font-weight:100; font-size: 14px;}
.title-right {float: left; height: 30px; width: 20%; background: url(/img/cb-bg-title-right.gif) no-repeat left top;}

/* Sidebar1
-----------------------------------------------------------------------------*/
.sidebar1 {float: left; width: 19%; padding: 10px 1% 290px 2%;}
.menu-spring {position: relative; background: #f3f3f3 url(/img/menu-spring.jpg) repeat-y right top; border-left: 5px solid #f3f3f3; border-top: 5px solid #f3f3f3; border-bottom: 5px solid #f3f3f3; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; behavior: url(/js/PIE.htc); margin-right: -5px; padding-right: 30px;}
.spring-top {position: absolute; top: -5px; right: 0; width: 27px; height: 106px; background: url(/img/menu-spring-top.png) no-repeat right top;}
.spring-bottom {position: absolute; bottom: -5px; right: 0; width: 27px; height: 106px; background: url(/img/menu-spring-bottom.png) no-repeat right bottom;}
.sidebar1 ul {font-size: 14px; list-style: none; margin: 15px 12px 15px 0;}
.sidebar1 li {margin-bottom: 4px;}
.sidebar1 li a {padding: 0 0 6px 13px; text-decoration: none; display: block;}
.sidebar1 ul ul li a {padding: 0 0 4px 8px; background: url(/img/listdot.gif) no-repeat center left;}
.sidebar1 ul ul li a:hover {text-decoration: underline; padding-bottom: 4px; background: url(/img/listdot-active.gif) no-repeat center left;}
.sidebar1 ul ul li a.active {font-weight:200; background: url(/img/listdot-active.gif) no-repeat center left; color: #a00;}
.sidebar1 ul li a.selected { background: url(/img/menu-active.gif) no-repeat right center; height: 24px; color: #fff; padding: 7px 0 0 13px;}
.sidebar1 ul ul {font-size: 12px; padding: 7px 0 7px 20px; background: #e5e5e5; margin: 0 13px 0 0;}
.sidebar1 ul ul ul {font-size: 11px; padding: 6px 0 6px 12px;}

/* Content
-----------------------------------------------------------------------------*/
.content {padding: 10px 1% 290px 1%; float: left;}
.spring-main {background: url(/img/spring-back.jpg) no-repeat center top;}
.page1 {position: relative; padding-top: 0;}
.page1 ul {padding: 10px 0 0 60px; list-style: none;}
.page1 li a {font: 20px "Times New Roman", sans-serif; color: #a00;}
.page1 ul ul {margin: 10px 0 10px 5px; list-style: disc; padding: 0 0 0 30px;}
.page1 li li a {font: 14px Arial, Helvetica, sans-serif; color: #333;}
.page1-top {height: 24px; width: 100%; background: url(/img/spring-top.jpg) no-repeat center top;}
.page1-top-left {background: url(/img/spring-top-left.gif) no-repeat;    position: absolute;    height: 77px; width: 111px;    left: 0; top: 4px;}
.page1-top-right {position: absolute; height: 77px; width: 111px; right: 0; top: 4px; background: url(/img/spring-top-right.gif) no-repeat;}
.news {padding: 0 2%;}
.news p {color: #a00;}
.news div {float: left; border: 1px solid #f1f1f1; margin-right: 0.5%; width: 23%; padding: 4px; font-size: 11px;}
.news div img {margin-right: 5px; float: left; width: 70px; height: 70px;}
.page2 {margin-top: -10px; padding: 10px; border: 5px solid #f2f2f2; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -khtml-border-top-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; -khtml-border-bottom-left-radius: 10px; behavior: url(/js/PIE.htc);}
.content noindex a {color: #808080;}

/* Sidebar2
-----------------------------------------------------------------------------*/
.sidebar2 {float: left; padding: 10px 2% 290px 1%;}
.inf-top {height: 46px; background: url(/img/informer-top-bg.jpg) repeat-x center right; width: 100%;}
.note {background: #f1f1f1 url(/img/informer-center.jpg) repeat-y right top; padding:0 15px; font-size: 13px;}
.note form {font-size: 11px;}
.sidebar2 form input[type="text"], .sidebar2 form input[type="password"], .sidebar2 form select {width: 90%;}
.sidebar2 form select {padding: 3px;}
.note form p {vertical-align: bottom;}
.note form h3 {color: #a00; font-size: 13px;}
.inf-bottom {height: 30px; background: url(/img/informer-bottom-bg.jpg) repeat-x center right; width: 100%;}

/* Block
-----------------------------------------------------------------------------*/
.block {border: 5px solid #f2f2f2; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; behavior: url(/js/PIE.htc);}
.block h3 { background: #f2f2f2; border-top-right-radius: 10px; border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-top-left-radius:10px; -khtml-border-top-right-radius: 10px; -khtml-border-top-left-radius: 10px; behavior: url(/js/PIE.htc); width: 100%; padding: 8px 0; text-align: center; font-size: 17px; color: #a00;}
.block form, .block p {padding: 5px 10px;}
.block .anons {margin: 4px; border: 1px solid #ddd; padding: 4px; font-size: 11px; height: 60px;}
.block .anons a, .content-anons div a {text-decoration: none; color: #a00;}
.block .anons a:hover, .content-anons div a:hover {text-decoration: underline;}
.block .anons img {float: left; margin-right: 8px; width: 60px; height: 60px;}

/* Footer
-----------------------------------------------------------------------------*/
.footer {height: 280px; position: absolute; left: 0; bottom: 0; width: 100%; background: url(/img/footer-bg.jpg) no-repeat center top;}
.niz {padding: 230px 2% 5px 2%; font-size: 90%;}

/* Форма комментариев
-----------------------------------------------------------------------------*/
form.comments {width: 100%; overflow: hidden; padding-top: 2px;}
form.comments div {float: left; width: 100%; margin-bottom: 5px;}
form.comments label {float: left; width: 30%; text-align: right; position: relative; top: 2px; margin-right: 5px;}
form.comments input[type=text], form.comments select {width: 67%;}
form.comments input[type=submit] {margin-left: 31%; width: 40%;}
form.comments div img {margin-left: 31%;}
form.comments textarea {width: 67%; height: 100px;}

/* Разное
-----------------------------------------------------------------------------*/
.yandex2 {margin-bottom: 10px; height: 34px; overflow: hidden;}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}
img.double-border, img.double-border-left, img.double-border-right, #gallery img {border: 1px solid #f1f1f1; padding: 3px; background: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; behavior: url(/js/PIE.htc);}
img.double-border-left {margin: 0 10px 10px 0; float: left;}
img.double-border-right {margin: 0 0 10px 10px; float: right;}
.button {display: inline-block;    width: 70%; height: 27px; font-size: 16px; text-align: center;    color: #fff; background: url(/img/redbg.gif) left center repeat-x; border: none;}

.pager {text-align:center; width: 100%;}
.pager ul {display:inline-block; //display:inline; zoom:1; list-style: none; font-size: 12px; margin: 0; padding: 0;}
.pager li {float: left; display:inline; margin-right:4px; width: 23px; height: 22px; overflow: hidden; text-align: center; color: #fff; font-weight: bold; background:url(/img/nvigatsiya-def.gif) no-repeat; cursor: default; line-height: 22px;}
.pager li a {color: #fff; text-decoration: none; display: block; width: 23px; height: 22px; background:url(/img/nvigatsiya-href.gif) no-repeat;}

.lenta dl {width: 100%; margin: 20px auto 80px auto; text-align: left;}
.lenta dt {margin-bottom: 5px; color: #999;}
.lenta dd {margin-bottom: 10px; border-bottom: 1px solid #ccc; padding-bottom: 5px; overflow: hidden;}
.lenta p {margin-bottom: 5px;}
.lenta .img-shadow {width: 80px; height: 80px; overflow: hidden; float: left; margin-right: 10px; background:url(/img/newsimg-shadow.gif) no-repeat left bottom; padding: 0 0 12px 12px;}
.lenta .img-shadow img {width: 80px; height: 80px;}
.lenta h2 {font-size: 16px; margin-bottom: 3px;}
.lenta h2 a {text-decoration: none;}
.lenta .desc {overflow: hidden; zoom: 1;}
.lenta .desc div {width: 90%; text-align: right;}

.content-anons div {float: left; width: 30%; margin: 0 0.5% 5px 0; border: 1px solid #ddd; padding: 3px 1%; height: 70px; overflow: hidden;}
.content-anons .img-shadow {width: 60px; height: 60px; overflow: hidden; float: left; margin: 3px 8px 0 0; background:url(/img/newsimg-shadow.gif) no-repeat left bottom; padding: 0 0 10px 10px; border: none;}
.content-anons div img {width: 60px; height: 60px;}
.content-anons div h3 {font-size: 11px; font-weight: 100;}

.comment {white-space: pre; white-space: pre-wrap; white-space: pre-line; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; white-space: -hp-pre-wrap; word-wrap: break-word; width: 97%; background-color: #f3f3f3; padding: 10px;}
.comment h5 {margin-bottom: 0; vertical-align: middle; display: table-cell;}
.comment h5 cite {font-weight: 100;}
.comment i {font-size: 11px; color: #565656; font-weight: 100;}
.comment p {padding-top: 10px;}
.comment small {font-size: 11px; margin-bottom: 10px;}
.quote-comment {background:url(/img/next.gif) no-repeat 10px 0; padding-left: 50px;}

.question {padding: 10px; background: #f2f2f2; border-bottom: 1px solid #f5f5f5; border-top: 1px solid #f5f5f5; margin: 5px 0 10px 0; font-style: italic;}

#sb-body {background-color:#FFF !important;}