body {
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  font-family: Tahoma;
  background: #fff; }

#body {
  width: 735px;
  margin: auto; }

a {
  color: #007ada;
  text-decoration: underline; }
  a:hover {
    text-decoration: none; }
  a img {
    border: 0px none;
    outline: 0px none; }

form {
  margin: 0px;
  padding: 0px; }

.clear {
  clear: both;
  height: 1px;
  font-size: 1px;
  overflow: hidden; }

#head {
  margin-top: 68px;
  margin-top: 38px;
  margin-top: 19px;
  padding-top: 1px; }
  #head .logo {
    background: url("../img/logo.jpg") no-repeat left top;
    width: 527px;
    height: 90px;
    margin-bottom: 15px; }
    #head .logo a {
      width: 527px;
      height: 90px;
      display: block; }
  #head .a18p {
    background: url("../img/18.png") no-repeat left top;
    width: 76px;
    height: 66px;
    float: right;
    margin-top: 15px; }
  #head #menu {
    font-family: Arial;
    height: 32px;
    float: Left;
    background: #f4ca36;
    border-radius: 2px; }
    #head #menu ul, #head #menu li {
      margin: 0px;
      padding: 0px;
      list-style: none;
      display: block; }
    #head #menu ul {
      height: 32px; }
      #head #menu ul li {
        float: left;
        height: 32px; }
        #head #menu ul li a {
          color: #fff;
          text-shadow: 1px 1px 0px  #cba82d;
          font-size: 14px;
          padding: 8px 14px;
          padding-top: 7px;
          padding-bottom: 9px;
          display: block; }
          #head #menu ul li a:hover {
            background: url("../img/white_arr.gif") no-repeat center bottom;
            text-decoration: underline; }
  #head .sform {
    float: right; }
    #head .sform .stext {
      height: 32px;
      width: 305px;
      border: 1px solid #dde3e8;
      display: block;
      margin: 0px;
      outline: 0px none;
      float: left;
      color: #838383;
      font-size: 11px;
      height: 14px;
      padding: 8px 5px; }
    #head .sform .sbut {
      background: url("../img/searchbut.gif") no-repeat right top;
      width: 24px;
      height: 32px;
      cursor: pointer;
      float: left;
      margin: 0px;
      outline: 0px none;
      border: 0px none; }

.addc {
  display: block;
  font-size: 18px;
  color: #000;
  border: 1px solid #f4ca36;
  padding: 5px;
  text-align: center;
  border-radius: 2px;
  text-decoration: none; }

#sortblock {
  font-size: 12px; }
  #sortblock a {
    color: #007ada; }
  #sortblock .ncount {
    font-size: 10px;
    color: #fff;
    background: #ffa200;
    border-radius: 2px;
    padding: 0px 4px; }

.shortstory {
  font-family: Tahoma;
  margin-top: 15px;
  margin-bottom: 5px; }
  .shortstory .nomer {
    color: #007ada;
    float: left;
    font-size: 14px;
    font-weight: bold; }
    .shortstory .nomer a {
      color: #007ada; }
  .shortstory .date {
    float: right;
    color: #838383;
    font-size: 12px; }
  .shortstory .klass {
    float: right; }
  .shortstory .voskl {
    width: 18px;
    height: 16px;
    float: right;
    margin: 0px 10px; }
    .shortstory .voskl a {
      background: url("../img/vznak.png") no-repeat -4px -3px;
      display: block;
      width: 18px;
      height: 16px;
      opacity: 0.5;
      filter: alpha(opacity=50); }
      .shortstory .voskl a:hover {
        opacity: 1;
        filter: alpha(opacity=100); }
  .shortstory .text {
    margin-top: 3px;
    position: relative;
    padding: 27px 11px;
    padding-top: 35px;
    border: 1px dotted #555;
    font-size: 14px; }
    .shortstory .text .share {
      position: absolute;
      right: 5px;
      top: 3px; }
      .shortstory .text .share a {
        opacity: 0.2;
        filter: alpha(opacity=20); }
        .shortstory .text .share a:hover {
          opacity: 1;
          filter: alpha(opacity=100); }
  .shortstory.row .text {
    background: #f1f1f1; }

#fmenu {
  margin-top: 20px;
  font-family: Arial;
  height: 32px;
  background: #8c96a7;
  border-radius: 1px; }
  #fmenu ul, #fmenu li {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: block; }
  #fmenu ul {
    height: 32px; }
    #fmenu ul li {
      float: left;
      height: 32px; }
      #fmenu ul li a {
        color: #fff;
        text-shadow: 1px 1px 0px  #626975;
        font-size: 14px;
        padding: 8px 14px;
        padding-top: 7px;
        padding-bottom: 9px;
        display: block;
       /*&:hover{
        background: url("../img/white_arr.gif") no-repeat center bottom;
        text-decoration: underline;
      }*/ }

#footer {
  height: 70px;
  margin-top: 15px;
  position: relative; }
  #footer .logo {
    position: absolute;
    right: 0px;
    top: 5px;
    background: url("../img/footerlogo.gif") no-repeat left top;
    width: 176px;
    height: 43px; }
    #footer .logo a {
      display: block;
      width: 176px;
      height: 43px; }
  #footer .counter {
    position: absolute;
    width: 40px;
    left: 0px;
    top: 15px; }
  #footer .copy {
    font-size: 11px;
    left: 110px;
    position: absolute;
    top: 15px;
    width: 150px; }
  #footer .rule {
    background: url("../img/hdot.gif") repeat-y left top;
    height: 35px;
    width: auto;
    padding-left: 23px;
    left: 268px;
    position: absolute;
    top: 15px;
    font-size: 11px;
    width: 255px; }

.d_up_down .up {
  background: url("../img/tup.gif") no-repeat left top;
  display: block;
  float: left;
  height: 16px;
  width: 16px;
  cursor: pointer; }
.d_up_down .down {
  background: url("../img/td.gif") no-repeat left top;
  display: block;
  float: left;
  height: 16px;
  width: 16px;
  cursor: pointer; }
.d_up_down .cifr {
  display: block;
  float: left;
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  height: 16px;
  padding: 0 5px;
  text-align: center; }

.navigation {
  text-align: center;
  margin-top: 30px;
  font-family: Arial;
  font-size: 14px;
  height: 25px;
  margin-bottom: 10px; }
  .navigation a {
    color: #8b8b8b;
    margin-right: 7px;
    text-decoration: none; }
    .navigation a:hover {
      text-decoration: underline; }
  .navigation span {
    background: #cacaca;
    border-radius: 14px 14px 14px 14px;
    color: #8b8b8b;
    margin-right: 7px;
    padding: 2px 6px; }
  .navigation b {
    font-weight: bold; }
    .navigation b a {
      color: #007ada;
      text-decoration: underline; }
      .navigation b a:hover {
        text-decoration: none; }
    .navigation b span {
      background: none repeat scroll 0 0 transparent;
      border-radius: 0 0 0 0;
      color: #585858;
      text-decoration: underline; }

#addform {
  /* background: #f1f4f4;
   padding:15px;  */ }
  #addform td {
    padding: 5px 0px; }
  #addform h3 {
    margin: 0px;
    padding: 0px; }
  #addform input.text {
    margin: 0px;
    padding: 5px;
    border: 1px solid #bdcedd;
    outline: 0px none;
    width: 233px;
    color: #9d9d9d;
    font-family: Tahoma;
    font-size: 14px; }
  #addform textarea {
    margin: 0px;
    padding: 1%;
    width: 98%;
    height: 160px;
    border: 1px solid #bdcedd;
    outline: 0px none;
    color: #9d9d9d;
    font-family: Tahoma;
    font-size: 14px; }
  #addform .save {
    text-decoration: underline;
    color: #fff;
    background: #f4ca36;
    font-size: 24px;
    border: 0px none;
    padding: 7px 30px;
    cursor: pointer;
    display: block;
    margin: auto;
    width: 190px;
    text-align: center; }
    #addform .save:hover {
      text-decoration: none; }

.klass_alert .bg {
  background: #000;
  width: 100%;
  z-index: 51;
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  height: 100%;
  opacity: 0.3; }

.klass_alert {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 50;
  display: none; }

.klass_alert .but {
  background: url(../img/klass.png) no-repeat left top;
  /*284*137*/
  width: 284px;
  height: 137px;
  position: relative;
  display: block;
  z-index: 52;
  margin: auto;
  margin-top: 20%; }