html,body
{
  height:100%;
  margin:0px;
  padding: 0px; 
  min-height: 100%
  background: #9C387E; /* общий фон */
  color: #000000;
  background-image: url(../images/back.jpg);
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: top left;
}

table /* batat */
{
   width: 1026px;
   height: 100%;
   margin: auto; /* Выравниваем таблицу по центру окна  */
   border-spacing: 0px;
   border: 6px solid #CC3300; /* толщина и вид рамки вокруг таблицы */
   border-radius: 10px;
   background: #ECE08C;
   font-style: normal;
   font-weight: normal;
   font-size: 14pt;
   font-family: "Times New Roman", Times, serif;
; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px
}
td{
   vertical-align: top;
   padding: 2px 10px; /* отступ от внутренней границы ячейки - сверху и сбоку*/
  }


.alignright
{
  float: right;
}

.alignright img, img.alignright
{
  margin: 1em;
  margin-right: 0;
}

.alignleft img, img.alignleft
{
  margin: 1em;
  margin-left: 0;
}

.pict
{
  width: 310px; /* ширина рамки */
  border: 2px solid #FF9900; /* толщина и цвет рамки рисунка */
  border-radius: 10px; /* закругление угла */
  background-color: #EAD55B; /* фон */
  padding-top: 4px; /* поле над рисунком */
  margin: 1px; /* наружный отступ от рамки*/
  text-align: center;
}

.pict img
{
  margin: 0;
  padding: 0;
  border: 0 none;
}

.pict-text  /* текст под рисунком */
{
  font-size: 16px; /* подпись к рисунку */
  line-height: 17px; /* расстояние между строками */
  padding: 0 4px 5px;
  margin: 0;
  font-style: italic;
}


.opros /* рамка опроса */
{
  width: 310px; /* ширина рамки */
  border: 2px solid #FF9900; /* толщина и цвет рамки рисунка */
  border-radius: 10px; /* закругление угла */
  background-color: #EAD55B; /* фон */
  padding-top: 4px; /* поле над рисунком */
  margin: 1px; /* наружный отступ от рамки*/
  text-align: left;
}



img[tabindex="0"] { /* увеличение фото */
  cursor: zoom-in;
}
img[tabindex="0"]:focus {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  box-shadow: 0 0 20px #000, 0 0 0 1000px rgba(210,210,210,.4);
}
img[tabindex="0"]:focus,
img[tabindex="0"]:focus ~ * {
  pointer-events: none;
  cursor: zoom-out;
}



.spoiler details + details { /* свойства спойлера */
  margin-top: 1em;
}
.spoiler summary {
  font-weight: 700;  /* жирный шрифт метки */
  cursor: pointer;  /* курсор на метке имеет вид руки */
}
.spoiler ul {
  list-style: none;
  margin: 1em;
  padding: 0;
}
.spoiler summary:hover {
  color:#0000FF;  /* изменение цвета метки при наведении */
}