root { 
  display: block;
}

/*///////////////////////////////////////////////////////////////////////////////////////
//////////////////  Areas  //////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////*/

* {
  margin: 0;
  padding: 0;
  border: 0;
}

html {
  height: 100%;
  background: #271700;
}

body {
  min-height:100%;
  height: 100%;
  background: transparent;
  font-family:'Calibri', 'Times New Roman', 'Arial', 'Tahoma';
}

/* Контейнер всего содержимого кроме подвала */
div.page {
  margin: auto;
  height: auto !important;
  min-height:100%;
  height: 100%;
}

/* блок гарантирующий, что область на коотрую накладывается div.footer в div.page останется пустой, */
/* наличие этого блока устанавливает высоту div.page 100% относительно клиентской области и контента в FF, Opera */
div.page div.footer_guarantor {
  clear: both;
  background: transparent;
  border: none;
  text-align: right;
}
div.Area-Footer {
  margin: auto;
  clear: both;
  background: transparent;
}
div.page div.Area-Header { background: transparent; }
div.page div.Area-Side {
  float: left;
}
div.page div.Area-Main {
  overflow: hidden;
  float: left;
  background: transparent;
}


/*///////////////////////////////////////////////////////////////////////////////////////
//////////////////  Handy classes  //////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////*/

.hidden {display: none;}
.collapse {border-collapse: collapse;}
.right {text-align: right;}
.left {text-align: left;}
.center {text-align: center;}
.bottom {vertical-align: bottom !important;}
.top {vertical-align: top;}
.inline {display: inline;}
.block {display: block;}

img {border: 0px;}


h1, h2, h3, h4, h5, h6 {color: #703000 !important; margin: 10px;}
h3 {font-size:12pt !important; font-weight:normal !important;text-align: left !important;}
h2 {font-size:14pt !important; font-weight:normal !important;text-align: left !important;}
h1 {font-size:16pt !important; font-weight:normal !important;text-align: left !important;}

a { color: #008823; text-decoration: underline; outline: none;}
a:hover { color: #bc5800;}

ul, ol {list-style-position: inside;}
ul { list-style-image: url( '/images/li.png' ); list-style-position: inside;}

.Area-Main p {margin-bottom: 12px;}

.Area-Main p:first-letter {
  font-size: 120%; /* Размер шрифта буквицы */
  float: left; /* Выравнивание по левому краю */
  color: #e76832; /* Цвет буквицы */
  padding-right: 1px; /* Отступ между буквицей и текстом */
  line-height: 22px; /* Положение символа */
  text-indent: 0px;
  font-family: 'Century Gothic', 'Calibri', 'Times New Roman', 'Arial', 'Tahoma';
}

.Area-Main h1:first-letter,
.Area-Main h2:first-letter {
  /* Красная строка, заглавная буква  */
  color: #e76832; /* Цвет буквицы */
  font-size: 120%; /* Размер шрифта буквицы */
  font-family: 'Century Gothic', 'Calibri', 'Times New Roman', 'Arial', 'Tahoma';
}

.hilightoff{}
.hilighton{ background: #fff8ef !important;}