﻿body {
  padding: 0px;
  margin: 0px;
  background-color: #F7ECC0;
  background-image: url(../i/bg.png);
  background-position: center -150px;
  background-repeat: repeat-y;
  font-family: Arial;
  font-size: 14px;
  color: #392D20;
  position: relative;
}
a {outline: none;}
a img {border: 0px;}
p, form, ul, li {padding: 0px;margin: 0px;list-style: none; }
td {vertical-align: top;}

a {color: #0173A8;}
a:hover { text-decoration: none;}



.top {
  width: 660px;
  height: 142px;
  margin: 0px auto;
  text-align: center;
  padding-top: 38px;
  border-bottom: 1px solid #FFF5D4;
}

.menu {
  width: 800px;
  margin: 0px auto;
  border-top: 1px solid #D2C9A3;
  height: 42px;
}
.menu a {
  display: block;
  color: #785F44;
  height: 42px;
  line-height: 42px;
  padding-left: 36px;
  margin-right: 22px;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url(../i/menu.jpg);
}
.menu a:hover, .menu a#active, .menu li:hover a {
  color: #392D20;
  text-decoration: none;
  background-image: url(../i/menu_hover.jpg);
}
.menu li {
  position: relative;
  height: auto;
  z-index: 90;
}
.menu li .submenu {
  position: absolute;
  top: 40px;
  left: 0px;
  width: 200px;
  display: none;
  font-size: 11px;
  z-index: 100;
  background-color: transparent;
  background-image: url(../i/blank.gif);
}
.menu li:hover .submenu {
  display: block;
}
.menu li .submenu a, .menu li:hover .submenu a {
  height: auto;
  color: #785F44;
  background-color: #F7ECC0;
  line-height: normal;
  padding: 1px 3px;
  background-image: url(../i/submenu.jpg);
  background-repeat: repeat-y;
  background-position: 0px 0px;
  margin: 1px 0px;
  border: 1px solid #785F44;
}
.menu li .submenu a:hover, .menu li .submenu a#active, .menu li:hover .submenu a#active {
  background-image: none;
  color: #392D20;
}

h2 {
  font-size: 16px;
  font-weight: 0px;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 10px;
  color: #684F3D;
}
h2 span {
  font-size: 14px;
  font-weight: bold;
}


.content {
  border: 1px solid #EFE4BA;
  background-color: #FFFFFF;
  width: 770px;
  margin: 0px auto;
/*  height: 500px; */
  padding: 20px 15px;
  margin-bottom: 10px;
}
#scroll {
/*  height: 470px; */
  z-index: 1;
  clear: both;
/*  width: 597px;*/
  padding: 0px 0px 0px 0px;
  overflow: auto;
}

#scroll .veda {
  padding-bottom: 10px;
  padding-top: 5px;
  border-bottom: 1px solid #EFE4BA;
}


.veda .name {
  margin-bottom: 3px;
}
.veda .name a {
  color: #0173A8;
  font-weight: bold;
}
.veda .name a:hover {
  text-decoration: none;
}
.veda .date {
  color: #000000;
  font-size: 12px;
  margin-bottom: 5px;
}


.gallery td {
  text-align: center;
  vertical-align: middle;
  width: 33.33%;
  padding-bottom: 30px;
}
.gallery img {
 background-color:#fff;
 padding:2px;
 border:1px solid #ccc;
 cursor:pointer;
}


.barpage {
  text-align: right;
  padding-right: 20px;
}
.barpage a {
  color: #4D301B;
  text-decoration: none;
  padding: 0px 2px 1px 2px;
}
.barpage a:hover, .barpage a#active {
  background-color: #4D301B;
  color: #FFFFFF;
}
.barpage a#active {
  font-weight: bold;
}

.test {
  clear: both;
}
.test td {
  vertical-align: middle;
  padding: 2px;
  font-size: 12px;
  padding-left: 5px;
}
.test td.vopros {
  padding: 10px;
  font-size: 14px;
}
.test td.vopros.pp {
  padding-left: 30px;
}
.test td.results{
  padding-left: 25px;
}


a.button {
  display: block;
  background-color: #DDD0A5;
  font-size: 12px;
  line-height: 22px;
  height: 22px;
  float: left;
  text-align: center;
  border: 1px solid #392D20;
  text-decoration: none;
  color: #785F44;
  padding: 1px;
  margin-bottom: 5px;
  margin-right: 10px;
}
a.button span {
  display: block;
  height: 22px;
  background-color: #F7ECC0;
  padding: 0px 10px;
}
a:hover.button {
  color: #392D20;
  background-color: #FFFFFF;
}
.ok input {
  background-color: #F7ECC0;
  font-size: 12px;
  line-height: 22px;
  height: 22px;
  text-align: center;
  border: 1px solid #392D20;
  color: #785F44;
  padding: 0px 15px;
}
.ok input:hover {
  color: #392D20;
}


.foot td {
/*  height: 180px; */
  font-size: 12px;
}
.foot td .anketa {
  background-color: #CC581F;
  padding: 5px;
  opacity: 0.70;
  filter: alpha(opacity=70);
  margin: 0px 0px 5px 0px;  
}
.foot td .anketa a {
  color: #FFFFFF;
  text-decoration: none;
  display: block;
}
.foot td.veda {
  width: 267px;
  padding-top: 20px;
  padding-left: 5px;
  padding-right: 5px;
}


.footer {
  background-color: #4D3729;
  color: #BCB492;
  font-size: 11px;
  line-height: 22px;
  border-top: 2px solid #4D3729;
  margin-top: 5px;
}
.footer img {
  margin-bottom: -5px;
}
.footer a {
  color: #BCB492;
}
.footer a:hover {
  text-decoration: none;
}

.parner {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 25px;
}
.parner img {
  padding: 4px;
  border: 1px solid #785F44;
  margin-bottom: 8px;
}
.parner a {
  color: #0173A8;
  text-decoration: none;
}
.parner a:hover {
  text-decoration: underline;
}
.alfabet {
  text-align: center;
  font-size: 16px;
  padding-bottom: 12px;
}
.alfabet a {
  text-decoration: none;
  color: #9F805B;
  font-weight: bold;
}
.alfabet a:hover, .alfabet a.active {
  color: #392D20;
  text-decoration: underline;
}
.slovo {
  text-align: justify;
  margin-bottom: 15px;
}
.slovo .ind {
  font-weight: bold;
  padding-bottom: 7px;
  padding-left: 10px;
}
.foot td .AB {
  background-color: #666666;
  padding: 5px;
  opacity: 0.70;
  filter: alpha(opacity=70);
  margin: 0px 0px 5px 0px;
  text-align: center;
}
.foot td .AB a {
  color: #FFFFFF;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
  font-family: Arial Black;
}


