﻿/* =============================================================================
   Определяем правила для отображения HTML5
   Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; /*Устанавливаем как блочный элемент / Correct `block` display*/
}
audio, canvas, video {
  display: inline-block;
}
/* ==========================================================================
   Определяем правила для всей страницы
   Base
   ========================================================================== */

html, body, div, article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, audio, canvas, video {
  margin: 0;/* Отступы вокруг элемента */
  padding: 0;/* Поля вокруг текста */
  border: 0;/* Рамка вокруг элемента */
}
div, article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, audio, canvas, video {
  font-size: 100%;/* Размер фонта */
  font: inherit;/* Размер фонта */
  vertical-align: baseline;/* Выравнивание текста */
}
img {
  border: none;/* Рамка вокруг элемента */
    padding-top: 20px;
}
.wrapper {
  min-height: 100%; /* Минимальная высота блока */
  height: auto !important; /* Высота блока */
  height: 100%; /* Высота блока */
  font: 100%/1.4 Arial, Helvetica, sans-serif; /* Размер шрифта, /межстрочный интервал, имя шрифта*/
  overflow: hidden; /* Обрезаем выступающие элементы */
  position: relative; /* Относительное позиционирование */
}
/* =============================================================================
   Определяем правила для отображения подвала
   ========================================================================== */
.footer-position {
  position: absolute; /* Абсолютное позиционирование */
  bottom: 0px;/* Положение */
}
/* ============================================================================= */
/* =============================================================================
   Определяем правила для отмены  обтекания элемента
   ========================================================================== */
.footer-clear {
  clear: both; /* Отменяет обтекание с правого и левого края */
  visibility: hidden;/* Видимость элемента */
}
/* =============================================================================
   Определяем правила для отображения колонок
   ========================================================================== */  
html, body, head, footer {
  height: 100%; /* Высота блока */
}
head, main, footer {
  width: 100%;  /* Ширина блока */
}
.clear {
  clear: both; /* Отменяет обтекание с правого и левого края */
}
P, dd {
  text-indent: 1.5em; /* Отступ первой строки */
  text-align: justify; /* Выравнивание по ширине */
font-weight: normal; /* Убрал жирным */
font-style:normal; /* Убрал курсив */
}
/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
  font-size: 2em;/* Размер шрифта */
  margin: 0.67em 0;/* Отступы вокруг элемента */
}
h2 {
  font-size: 1.5em;/* Размер шрифта */
  margin: 0.83em 0;/* Отступы вокруг элемента */
}
h3 {
  font-size: 1.17em;/* Размер шрифта */
  margin: 1em 0;/* Отступы вокруг элемента */
}
h4 {
  font-size: 1em;/* Размер шрифта */
  margin: 1.33em 0;/* Отступы вокруг элемента */
}
h5 {
  font-size: 0.83em;/* Размер шрифта */
  margin: 1.67em 0;/* Отступы вокруг элемента */
}
h6 {
  font-size: 0.67em;/* Размер шрифта */
  margin: 2.33em 0;/* Отступы вокруг элемента */
}
/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}
A {
   TEXT-DECORATION: none;
}

ol, ul {
  list-style: none;
}