﻿/********************************************
 *
 * ИЗМЕНЯЕМАЯ ЧАСТЬ:
 *
 ********************************************/

body
{
  /*
   * У body надо обязательно указывать background
   * */
  background: #ffffff;
  /*
   * Обязательно необходимо указать шрифт,
   * а после него, - большое семейство:
   * serif: с засечками
   * sans-serif: без засечек
   * */
  /*
   * Цвет текста
   * */
  color: #000000;
}

a
{
  /* Цвет ссылок */
  color: #133fe0;
  text-decoration: underline;
}

/*
 * Фоновая картинка задает границы слева и справа от
 * body_i1 при больших разрешениях.
 * Эта фоновая картинка должна быть в ширину не меньше,
 * чем max-width у body_i1.
 * */

.FullWidth
{
  width:100% !important;
}


/********************************************
 *
 * Если вы заметите, что из-за стилей
 * неизменяемой части возникают проблемы,
 * сообщите, пожалуйста, об этом.
 *
 * НЕИЗМЕНЯЕМАЯ ЧАСТЬ:
 *
 ********************************************/


/*
 * Жестоко, но действенно.
 * Мы не должны полагаться на значения браузера по умолчанию.
 *
 * */

*
{
  margin: 0;
  padding: 0;
  font: inherit;
  color: inherit;
  font-weight: inherit;
  vertical-align:top;
  text-align:left;
}

img
{
  border: 0;
  vertical-align: top;
}

/*
 * Часто употребимые классы
 *
 * */
.B
{
  clear: both;
  height: 0px;
  font-size: 0px;
  line-height: 0px;
}

.Nowrap
{
  white-space: nowrap;
}

/*
 * list-style обычно не используется.
 *
 * */
ul, ol, li
{
  list-style: none;
}

strong, b
{
  font-weight: bold;
}

em, i
{
  font-style: italic;
}

/*
 * Такие стили необходимы, когда table
 * используется как layout
 *
 * */
table
{
  border-spacing: 0;
  border: 0;
  border-collapse: collapse;
}

td, caption, th
{
  border: 0;
  vertical-align: top;
}


/* Убираем рамку возле ссылки при клике */
:focus
{
	outline: 0;
}

body
{
  border: 0;
}
