/*УСТАНОВКА НАЧАЛЬНЫХ ЗНАЧЕНИЙ CSS*/

html, body, div, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, 
em, font, img, 
ol, ul, li,
table, caption, tbody, tfoot, thead, 
tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}

ol, ul {
list-style: none;
}
/* tables still need 
'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

body {
 font-family: Verdana, Arial, sans-serif; /* Рубленый шрифт на странице */
 color: #292B2D; /*Цвет шрифта*/
 background: url('ser36.gif');
}

/*СТИЛИ ССЫЛОК*/
A:link {
 TEXT-DECORATION: none;
 color: #292B2D;
}
A:visited {
 color: #292B2D;
 TEXT-DECORATION: none;
}
A:active {
 color: #292B2D;
 TEXT-DECORATION: none;
}
A:hover {
 color: #2f5fb1;
 TEXT-DECORATION: none;
}

/*ОФОРМЛЕНИЕ ТАБЛИЦ*/

table {
width: 99%;
}

tr, td, th {
vertical-align: middle;
border: 1px solid black;
padding: 5px;
}

tr, td {
text-align: center;
}

.tab_bg {
background-color: #f2f2f2;
}


/*ЗАГОЛОВКИ*/
h1 { /*Название раздела*/
	font-size: 12px;
	color: #2f5fb1;
	font-weight: bold;
    padding: 5px;
    border-bottom: dashed 1px #ed7f13;
    margin-bottom: 5px;
	margin-top: 5px;

}

h2 { /*Название статьи*/
  background-color: #f2f2f2;
  font-weight: bold;
  margin-top: 10px;
  padding: 5px;
  font-size: 12px;
  text-align: center;
  color: #2f5fb1;
}

h3 { /*Название статьи*/
  background-color: #f2f2f2;
  font-weight: bold;
  margin-top: 10px;
  padding: 5px;
  font-size: 11px;
  text-align: center;
  color: #2f5fb1;
}

h4 { /*Название статьи*/
  font-weight: bold;
  font-size: 11px;
  text-align: center;
  padding: 5px;
}

P {
 font-size: 11px; /* Размер шрифта */
 text-align: justify; /* Выравнивание по ширине */
 padding: 10px; /* Поля вокруг текста */
 margin: 0; /* Обнуляем отступы */
 font-weight: normal;
}

/*ГОРИЗОНТАЛЬНАЯ ЛИНИЯ*/

HR { /* Для IE */
	text-align: right; 
	width: 100%; 
	height: 1px; 
	color: #ed7f13; 
	border: none; 
} 

HTML>BODY HR { /* Для Оперы и броузеров на базе Gecko */
	margin-right: 0; 
	width: 100%; 
	height: 1px; 
	background-color: #ed7f13; 
	border: 0px solid #ed7f13; 
} 

/*_______________________________*/

.tab { /* Блок с рамкой */
 border: solid 1px #2f5fb1; /* Параметры рамки */
 font-size: 11px;/* Размер текста */
 margin-bottom: 10px;
 padding: 0 5px 5px;
 background-color: #ffffff;
 overflow: hidden;
}

/* контейнер со скругленными углами 
----------------------------------------------- */
.r1, .r2, .r3, .r4 {
	display: block;
	height: 1px;
	overflow: hidden;
}

.r4 { margin: 0 4px; }
.r3 { margin: 0 3px; }
.r2 { margin: 0 2px; }
.r1 { margin: 0 1px; }


.inner-box, b { 
background-color: #f2f2f2;  
font-size: 11px;
}

#rounded-box .inner-box { /* уменьшаем отступы по мере роста радиуса закругления */
padding: 0.1em 1em 0.5em;
} 

-->

/* HEADER (Заголовок)
----------------------------------------------- */
#header {
 border-top: 10px solid #2f5fb1; /* Линия сверху */
 height: 100px; /* Высота */
 padding-top: 5px;
 background: url('title-logo1.jpg') no-repeat; /* Фон */  
 background-color: #ffffff; 
}

/* TOP_MENU (Верхнее меню)
----------------------------------------------- */

#top_menu { /* Верхняя часть с навигационным меню */
 background:  #f2f2f2  url('title.gif') no-repeat; /* Фон */  
 padding: 3px 35px 3px 0px; /* Поля вокруг текста */
 font-size: 11px; /* Размер шрифта */
 height: 80px; /* Высота */
 border-top: solid 1px #AAAAAA; /* Параметры рамки */
 border-bottom: solid 1px #AAAAAA; /* Параметры рамки */
 text-align: right;
}

#container {
    float: left; /* Делаем контейнер плавающим, чтобы добиться нужного поведения */
    width: 100%; /* Указываем контейнеру занимать все доступное пространство */
    margin: 0px -250px 0px 0px; /* Устанавливаем отрицательное правое поле, чтобы подтянуть правую колонку */
}

/* MENU (Меню)
----------------------------------------------- */

#menu {
    float:left; /* Прижимаем блок налево */
    padding: 10px;
    width:230px; /* Обращаем внимание, что фактическая ширина блока = 250 пикселям */
    margin: 0; 
}

#menu li li {
	padding-left: 1.5em;
	list-style: disc inside;
	color:#ed7f13;
}

/* CONTENT (Основное содержимое страницы)
----------------------------------------------- */

#content {
    margin:0 10px 0 250px; 
    padding: 10px  0px;
}
 
 #content img {
 margin: 10px;
 float: none;
 }

#content ol { /* Нумерованный список в тексте */
list-style: decimal inside;
}

#content ul { /* Ненумерованный список в тексте*/
list-style: disc inside;
}

#content li {
 padding-left: 2em;
 color: #ed7f13; /* Цвет маркера */
}

#content span {
 color: #292B2D; /* Цвет текста */
}

#layer { /* Меню в тексте */
 width: 200px;
 float: right;
 margin: 10px;
}

#layer li {
	padding-left: 0.3em;
	list-style: inside;
	color: #ed7f13;
}

/* FOOTER (Нижний блок)
----------------------------------------------- */

#footer { /* Нижняя часть с навигационным меню */
 padding: 5px 35px 5px 0px; /* Поля вокруг текста */
 font-size: 11px; /* Размер шрифта */
 height: 100px; /* Высота */
 border-top: solid 10px #f2f2f2; /* Параметры рамки */
 text-align: right;
 clear:both; /*Сбрасываем обтекание*/
 background-color: #ffffff;  
}

.copyr { 
 padding: 5px 35px 5px 0px; /* Поля вокруг текста */
 font-size: 11px; /* Размер шрифта */
}