body{
    	background-color: #f3f5fc; /* Цвет фона базовый */
	max-width: 1440px; /* Наибольшая ширина страницы */
	min-width: 930px; /* Наименьшая ширина страницы */
} 


header { /* блок шапки */
	display: block; /* Для старых браузеров */
	height: 160px; /* Высота шапки */
	width: 100%;
	background: #F2F7FD url(pics/bg.gif) 0 100% repeat-x;
  	border: 1px solid #C0D7FB;
	border-radius: 8px; /* радиус закругления уголков */
}

.header-m { /* фон шапки для Москвы */
	display: block; /* Для старых браузеров */
	height: 160px; /* Высота шапки */
	background: url(pics/header-bg-kr.png) 50% 50% no-repeat, url(pics/bg-l.gif) 0% 100% no-repeat, 
	url(pics/bg-r.gif) 100% 0% no-repeat;
}

.header-spb { /* фон шапки для Санкт-Петербурга */
	display: block; /* Для старых браузеров */
	height: 160px; /* Высота шапки */
	background: url(pics/header-bg-kr.png) 50% 50% no-repeat, url(pics/bg-l.gif) 0% 100% no-repeat, 
	url(pics/bg-r.gif) 100% 0% no-repeat;
}

.header-nn { /* фон шапки для Нижнего Новгорода */
	display: block; /* Для старых браузеров */
	height: 160px; /* Высота шапки */
	background: url(pics/header-bg-kr.png) 50% 50% no-repeat, url(pics/bg-l.gif) 0% 100% no-repeat, 
	url(pics/bg-r.gif) 100% 0% no-repeat;
}

.header-nsk { /* фон шапки для Новосибирска */
	display: block; /* Для старых браузеров */
	height: 160px; /* Высота шапки */
	background: url(pics/header-bg-kr.png) 50% 50% no-repeat, url(pics/bg-l.gif) 0% 100% no-repeat, 
	url(pics/bg-r.gif) 100% 0% no-repeat;
}

.header-sm { /* фон шапки для Самары */
	display: block; /* Для старых браузеров */
	height: 160px; /* Высота шапки */
	background: url(pics/header-bg-kr.png) 50% 50% no-repeat, url(pics/bg-l.gif) 0% 100% no-repeat, 
	url(pics/bg-r.gif) 100% 0% no-repeat;
}

.header-ekb { /* фон шапки для Екатеринбурга */
	display: block; /* Для старых браузеров */
	height: 160px; /* Высота шапки */
	background: url(pics/header-bg-kr.png) 50% 50% no-repeat, url(pics/bg-l.gif) 0% 100% no-repeat, 
	url(pics/bg-r.gif) 100% 0% no-repeat;
}

.header-kz { /* фон шапки для Казани */
	display: block; /* Для старых браузеров */
	height: 160px; /* Высота шапки */
	background: url(pics/header-bg-kr.png) 50% 50% no-repeat, url(pics/bg-l.gif) 0% 100% no-repeat, 
	url(pics/bg-r.gif) 100% 0% no-repeat;
}

.header-om { /* фон шапки для Омска */
	display: block; /* Для старых браузеров */
	height: 160px; /* Высота шапки */
	background: url(pics/header-bg-kr.png) 50% 50% no-repeat, url(pics/bg-l.gif) 0% 100% no-repeat, 
	url(pics/bg-r.gif) 100% 0% no-repeat;
}

.header-kr { /* фон шапки для Красноярска */
	display: block; /* Для старых браузеров */
	height: 160px; /* Высота шапки */
	background: url(pics/header-bg-kr.png) 50% 50% no-repeat, url(pics/bg-l.gif) 0% 100% no-repeat, 
	url(pics/bg-r.gif) 100% 0% no-repeat;
}

.header-all { /* фон шапки для раздела Другие города */
	display: block; /* Для старых браузеров */
	height: 160px; /* Высота шапки */
	background: url(pics/header-bg-kr.png) 50% 50% no-repeat, url(pics/bg-l.gif) 0% 100% no-repeat, 
	url(pics/bg-r.gif) 100% 0% no-repeat;
}


footer { /* блок подвала */
	display: block; /* Для старых браузеров */
	height: 80px; /* Высота подвала - 80 для озоновской рекламы и 80 для самого подвала, если надо вставить рекламу в подвал - увеличить до 160 */
}

.footer-bg { /* фон подвала */
	background: url(pics/footer-bg.png) 0% 100% repeat-x;
	height: 80px; /* Высота подвала */
}

article { /* основная статья */
	display: block; /* Для старых браузеров */
}

aside {
	display: block; /* Для старых браузеров */
}

a:hover {color: #0000cc;} /* При наведении курсора */

img { /* любая картинка */
    	border: 0; /* Нет рамки */
}

img.free { /* свободный размер изображения */
    	border: 0; /* Нет рамки */
	border-radius: 8px; /* радиус закругления уголков фото */
   }

img.foto { /* стандартная фотография для предпросмотра */
 	width: 310px; /* ширина фото */
	height: 220px; /* высота фото */
    	border: 0; /* Нет рамки */
	border-radius: 8px; /* радиус закругления уголков фото */
   } 

img.citymenu-button { /* кнопки навигации по городам */
	height: 25px;
    	margin: 0;
	float: left;
    	border: 0; /* Нет рамки */
}

img.citymenu-button-l { /* левый край навигации по городам */
	height: 25px;
    	margin: 0;
	float: left;
    	border: 0; /* Нет рамки */
	border-radius: 7px 0 0 7px; /* радиус закругления уголков */
}

img.citymenu-button-r { /* правый край навигации по городам */
	height: 25px;
    	margin: 0;
	float: left;
    	border: 0; /* Нет рамки */
	border-radius: 0 7px 7px 0; /* радиус закругления уголков */
}

img.con { /* для схем в разделе строительство */
	height: 54px;
    	border: 0; /* Нет рамки */
	vertical-align: top;
}

img.counter { /* счётчики */
	height: 31px;
	width: 88px;
    	border: 0; /* Нет рамки */
}

img.logo { /* логотип */
    	border: 0; /* Нет рамки */
}

ul#ulmenu a { 
	color: #444444;
	text-decoration: none; 
}

ul#ulmenu a:hover { 
	color: #0000cc;
	text-decoration: underline; 
}

ul#ulmenu { 
	width: 150px;
	padding: 0 10px 0 10px;
	background: #F2F7FD url(pics/bg.gif) 0 100% repeat-x;
  	border: 1px solid #C0D7FB;
	border-radius: 8px; /* радиус закругления уголков */
  	font-weight: bold;
 	overflow: hidden; /* небходимо для того, чтобы
	спрятать верхний бордюр у первого пункта и
	нижний бордюр у последнего пункта */

}

ul#ulnews { /* новости метростроя */
	width: 200px;
	padding: 0 10px 0 10px;
	background: #F2F7FD url(pics/bg.gif) 0 100% repeat-x;
  	border: 1px solid #C0D7FB;
 	overflow: hidden; /* спрятать верхний бордюр у первого пункта и
	нижний бордюр у последнего пункта */
	border-radius: 8px; /* радиус закругления уголков */

}

ul#ulsitenews { /* новости сайта */
	width: 150px;
	padding: 0 10px 0 10px;
	background: #F2F7FD url(pics/bg.gif) 0 100% repeat-x;
  	border: 1px solid #C0D7FB;
 	overflow: hidden; /* спрятать верхний бордюр у первого пункта и
	нижний бордюр у последнего пункта */
	border-radius: 8px; /* радиус закругления уголков */

}

li.linews:first-line {
	color: #ff0000;
}

li {
	text-align: left;
}

ul#ulsitenews a { 
	color: #444444;
	text-decoration: none; 
}

ul#ulsitenews a:hover { 
	color: #0000cc;
	text-decoration: underline; 
}


div#divmenu { 
	margin: 35px 0 20px 0;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 9pt; 
}

p.citymenu {  /* навигация по городам */
	width: 908px; /* до Челябинска была 836 */
    	margin: -30px auto 0 auto; /* Выравнивание по центру */
	vertical-align: middle;
	text-align: center;
	height: 25px; /* высота */
}

p#author { /* имя автора статьи */
	text-align: right;
}

p#date { /* дата статьи */
	text-align: left;
}

p#origin { /* первоисточник статьи */
	text-align: left;
}

p.b { /* жирный шрифт */
	font-weight: bold;
	font-style: normal; 
}

p.b-c { /* жирный шрифт центрировано*/
	font-weight: bold;
	font-style: normal;
	text-align: center; 
}

p.i { /* курсивный шрифт */
	font-weight: normal; 
	font-style: italic; 
}

p.ib { /* жирный курсивный шрифт */
	font-weight: bold;
	font-style: italic; 
}

div.album { /* для ссылки на фотоальбом */
	margin: 10px auto; /* Отступ и центрирование блока */
	font-size: 13pt;
	text-align: center; /* Выравнивание */
	font-weight: bold; 
}

div.annonce { /* для новостных записей вверху главной страницы */
	margin: 35px 20px 20px 20px; /* Отступы */
	background: #F2F7FD url(pics/bg.gif) 0 100% repeat-x;
  	border: 1px solid #C0D7FB;
 	border-radius: 8px; /* радиус закругления уголков */
	padding: 4px;
	text-align: center; /* Выравнивание */ 
	font-family: "Times New Roman", Times, serif;
	font-size: 13pt;
	font-weight: bold; 
	color: #ff0000;
}

div.back { /* назад к статье о станции из фотоальбома */
	width: 140px; /* Ширина блока */
	margin: 10px auto; /* Отступ и центрирование блока */
    	text-align: center; /* Выравнивание текста по центру */
}

div.con { /* для страниц строительство */
	white-space: nowrap;
	overflow: auto;
 	margin-left: 0px;
	margin-right: 0px;
    	background-color: #f3f5fc;
	padding: 0 20px;
	font-family: "Times New Roman", Times, serif; 
	font-size: 12pt; 
	font-style: normal; 
	font-weight: normal; 
	font-variant: normal; 
	color: #000000;
	text-align: justify;
} 

div.counter-bar { /* счётчики */
	position: relative; /* позиционирование */
	float: left;
	width: 480px; /* Ширина блока */
	margin: 20px auto 10px 15px; /* Отступ и центрирование блока */
} 

div.copyright { /* копирайт для новых страниц */
	width: 230px; /* Ширина блока, проверить на мобильной версии*/
	margin: 0px 10px 10px auto; /* Отступ и центрирование блока */
	padding-top: 15px; /* Поле сверху */ 
	font-family: "Times New Roman", Times, serif;
	font-size: 11pt;
	text-align: justify; /* Выравнивание */ 
	color: #333333; /* цвет текста */
	text-decoration: none;
}

div.linemap { /* для вертикальных схем линий с текстовыми ссылками */
	float: right; /* расположение справа */
	margin: 0 0 0 20px; /* Отступы */
	background: #F2F7FD;
  	border: 1px solid #C0D7FB;
 	border-radius: 8px; /* радиус закругления уголков */
	padding: 20px;
	white-space: nowrap;
	text-align: left; /* Выравнивание */ 
	font-family: "Times New Roman", Times, serif;
	font-size: 13pt;
	font-weight: bold; 
	line-height: 2.5;
}

div.linemap-l { /* для вертикальных схем линий с текстовыми ссылками с левым расположением */
	float: left; /* расположение слева */
	margin: 0 20px 0 0; /* Отступы */
	background: #F2F7FD;
  	border: 1px solid #C0D7FB;
 	border-radius: 8px; /* радиус закругления уголков */
	padding: 20px;
	white-space: nowrap;
	text-align: left; /* Выравнивание */ 
	font-family: "Times New Roman", Times, serif;
	font-size: 13pt;
	font-weight: bold; 
	line-height: 2.5;
}

div.logo { /* логотип */
	position: absolute; /* позиционирование */
    	top: 45px; /* Положение от верхнего края */
    	left: 45px; /* Положение от левого края */
	width: 125px; /* Ширина блока */
	height: 80px; /* Высота блока */
	margin: auto; /* Отступ и центрирование блока */ 
}

div.news { /* новости метростроя */
	width: 220px; /* Ширина блока */
	margin: 0 auto 20px auto; /* Отступ и центрирование блока */ 
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 8pt;
	text-align: left; /* Выравнивание */ 
	color: #444444; /* цвет текста */
	text-decoration: none;
}

div.open { /* для красной шапки в статьях об открытых станциях */
	margin: 15px auto 20px auto; /* Отступы */
    	background-color: #f3f5fc;
	font-family: Arial, sans-serif; 
	font-size: 12pt; 
	font-style: normal; 
	font-weight: bold; /* жирный шрифт */
	color: #FF0000; /* цвет текста */
	text-decoration: none; 
	text-align: center; /* Выравнивание текста по центру */
}

div.poisk { /* форма поиска */
	width: 220px; /* Ширина блока */
	margin: 0 auto; /* Отступ и центрирование блока */ 
	font-family: Verdana, Tahoma, Arial, sans-serif;
	color: #000000; /* цвет текста */
	text-decoration: none;
}

div.sitename { /* надпись метрострой */
	width: 390px; /* Ширина блока */
	height: 70px; /* Высота блока */
	margin: 0 auto; /* Отступ и центрирование блока */ 
}

div.sitenews { /* новости сайта */
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 7pt;
	text-align: left; /* Выравнивание */ 
	color: #444444; /* цвет текста */
	text-decoration: none;
}

div.socseti { /* кнопки соцсетей */
	position: relative; /* позиционирование */
	width: 230px; /* Ширина блока - должна быть равна ширине блока в copyright*/
	margin: 0px 10px 0px auto; /* Отступ и центрирование блока */
	padding-top: 2px; /* Поле сверху */
} 

span#osaite { /* Ссылка о сайте */
	position: relative; /* позиционирование */
	left: 30px;
	bottom: 9px;
	font-family: "Times New Roman", Times, serif;
	font-size: 11pt; 
} 

span#osaite a { 
	color: #333333;
	text-decoration: none; 
}

span#osaite a:hover { 
	color: #0000cc;
	text-decoration: underline; 
}

div.tiedatteko { /* знаете ли вы что */
	width: 200px; /* Ширина блока */
	padding: 10px;
	background: #F2F7FD url(pics/bg.gif) 0 100% repeat-x;
  	border: 1px solid #C0D7FB; /* рамка блока */
	border-radius: 8px; /* радиус закругления уголков */
	margin: 0 auto 50px auto; /* Отступ и центрирование блока */
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 8pt;
	text-align: left; /* Выравнивание */ 
	color: #444444; /* цвет текста */
	text-decoration: none;
}

figure.centerfoto { /* отцентрированное фото */
    	background: #f3f5fc; /* Цвет фона */
	padding: 12px 6px; /* Поля вокруг */
    	display: block; /* Блочный элемент */
    	width: 332px; /* Ширина */
    	margin: 0 auto; /* Выравнивание фото по центру */
    	text-align: center; /* Выравнивание текста по центру */
}

figure.freefoto { /* фото свободного размера по центру */
    	background: #f3f5fc; /* Цвет фона */
	padding: 12px 6px; /* Поля вокруг */
    	display: block; /* Блочный элемент */
    	margin: 0 auto; /* Выравнивание фото по центру */
    	text-align: center; /* Выравнивание текста по центру */
}

figure.leftfoto { /* фото в начале статьи слева */
    	background: #f3f5fc; /* Цвет фона */
	padding: 5px 6px 6px 0px; /* Поля вокруг */
    	display: block; /* Блочный элемент */
    	width: 332px; /* Ширина */
    	margin: 0 6px 0 6px; /* Отступы */
    	text-align: center; /* Выравнивание по центру */
	float: left; /* Обтекание по правому краю */
}

figcaption { /* подпись под фото */
    	display: block; /* Блочный элемент */
    	color: #000000; /* Цвет текста */
	font-size: 10pt;
	font-family: "Times New Roman", Times, serif;
}

hr { /* линия разделитель */
	width: 80%; /* Ширина линии*/
	margin: 0 auto;
}


li.limenu { 
	list-style: none;
  	background: url(pics/arrow.gif) 4px 8px no-repeat;
	padding: 5px 0 8px 26px;
 	border-top: 1px solid #C0D7FB; /* синяя линия */
  	border-bottom: 1px solid #FFF; /* белая линия */
  	margin: -1px 0 -2px; /* "нахлестываем" на предыдущий и следующий пункт */
	height: 1%; /* для устранения бага в IE6 и IE7 */
}


li.linews { 
	list-style: none;
	padding: 5px 0 8px 0;
 	border-top: 1px solid #C0D7FB; /* синяя линия */
  	border-bottom: 1px solid #FFF; /* белая линия */
  	margin: -1px 0 -2px; /* "нахлестываем" на предыдущий и следующий пункт */
	height: 1%; /* для устранения бага в IE6 и IE7 */
}


nav {
	display: block; /* Для старых браузеров */
}


section {
	display: block; /* Для старых браузеров */
}

.main {  /* основной тип для статей - синий */
 	margin-left: 0px;
	margin-right: 0px;
    	background-color: #f3f5fc;
	padding: 0 20px;
	font-family: "Times New Roman", Times, serif; 
	font-size: 12pt; 
	font-style: normal; 
	font-weight: normal; 
	font-variant: normal; 
	color: #3300cc;
	text-align: justify; 
}

.main-b {  /* основной тип для статей - чёрный равномерный*/
 	margin-left: 0px;
	margin-right: 0px;
    	background-color: #f3f5fc;
	padding: 0 20px;
	font-family: "Times New Roman", Times, serif; 
	font-size: 12pt; 
	font-style: normal; 
	font-weight: normal; 
	font-variant: normal; 
	color: #000000;
	text-align: justify; 
}

.main-lb {  /* основной тип для статей - чёрный левый*/
 	margin-left: 0px;
	margin-right: 0px;
    	background-color: #f3f5fc;
	padding: 0 20px;
	font-family: "Times New Roman", Times, serif; 
	font-size: 12pt; 
	font-weight: normal; 
	font-variant: normal; 
	color: #000000;
	text-align: left; 
}

.text {
	font-family: "Times New Roman", Times, serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;

}

.blue {  /* для синих записей, например, о закрытии станций */
	font-family: "Times New Roman", Times, serif; 
	font-size: 12pt; 
	font-style: normal; 
	font-weight: normal; 
	font-variant: normal; 
	color: #0000ff;
	text-decoration: none;
}

.red {  /* для красных записей, например, об открытии станций */
	font-family: "Times New Roman", Times, serif; 
	font-size: 12pt; 
	font-style: normal; 
	font-weight: normal; 
	font-variant: normal; 
	color: #ff0000;
	text-decoration: none;
}


.sign {  /* копирайт на старых страницах */
	font-family: "Times New Roman", Times, serif; 
	font-size: 11pt; 
	font-style: normal; 
	font-weight: normal; 
	font-variant: normal; 
	color: #333333; 
	text-decoration: none
}

.arialred { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12pt; 
	font-style: normal; 
	font-weight: normal; 
	font-variant: normal; 
	color: #ff0000; 
	text-decoration: none; 
}

.col1 { 
	float: left; 
	width: 170px; 
    	background-color: #f3f5fc; /* Цвет фона базовый */
}
.col2 { 
	margin: 0 230px 0 170px; /* Отступ справа и слева */
    	background-color: #f3f5fc; /* Цвет фона базовый */
}
.col3 { 
	float: right;
	width: 230px; 
    	background-color: #f3f5fc; /* Цвет фона базовый */
}


.text-blue { 
	font-family: "Times New Roman", Times, serif; 
	font-size: 12pt; 
	font-style: normal; 
	font-weight: normal; 
	font-variant: normal; 
	color: #3300cc;
	text-align: justify; 
}

.layout { overflow: hidden; }

.layout-b { /* для больших схем без правой части сайта */
	overflow: visible;
}

.mainos { /* рекламный блок */
	margin: 0 10px; /* Отступ справа и слева */
	font-family: "Times New Roman", Times, serif; 
	font-size: 11pt; 
	font-style: normal; 
	font-weight: normal; 
	font-variant: normal; 
	text-align: center; 
	color: #000000; 
}

.verh { /* блок выше названия статьи */
	margin: 0px auto 0px auto;/* Выравнивание по центру */
	font-family: "Times New Roman", Times, serif; 
	font-size: 11pt; 
	font-style: normal; 
	font-weight: normal; 
	font-variant: normal; 
	text-align: center; 
	color: #000000; 
}

.niz { /* блок ниже статьи, под mainos */
	margin: 10px auto 10px auto;/* Выравнивание по центру */
	font-family: "Times New Roman", Times, serif; 
	font-size: 11pt; 
	font-style: normal; 
	font-weight: normal; 
	font-variant: normal; 
	text-align: center; 
	color: #000000; 
}

.ozon { /* рекламный блок Озон*/
	margin: 0 10px; /* Отступ справа и слева */
	font-family: "Times New Roman", Times, serif; 
	font-size: 11pt; 
	font-style: normal; 
	font-weight: normal; 
	font-variant: normal; 
	text-align: center; 
	color: #000000; 
}

.ozon-footer { /* рекламный блок Озона в подвале*/
	background-color: #f3f5fc; /* Цвет фона базовый */
    	margin: 20px auto 0px auto;/* Выравнивание по центру */
	height: 60px; /* высота блока */
 	width: 468px; /* ширина блока */
	text-align: center; 
}

.mainos-footer { /* рекламный блок в подвале, если там не Озон*/
	background-color: #f3f5fc; /* Цвет фона базовый */
    	margin: 20px auto 0px auto;/* Выравнивание по центру */
	height: 73px; /* высота блока */
 	width: 800px; /* ширина блока */
	text-align: center; 
}

.redsmall {  
	font-family: "Times New Roman", Times, serif; 
	font-size: 10pt; 
	font-style: normal; 
	font-weight: lighter; 
	color: #ff0000; 
	text-decoration: none
}

.upgrade {  /* дата последнего изменения страницы */
	font-family: "Courier New", Courier, mono; 
	font-size: 9pt; 
	text-align: right;
	font-style: normal; 
	font-weight: lighter; 
	color: #666666; 
	text-decoration: none; 
}

.arialblue { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12pt; 
	font-style: normal; 
	font-weight: normal; 
	font-variant: normal; 
	color: #0000ff; 
	text-decoration: none; 
}

.arialblack { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12pt; 
	font-style: normal; 
	font-weight: normal; 
	font-variant: normal; 
	color: #000000; 
	text-decoration: none; 
}

.text-blue-i { /* для старых страниц - курсив */
	font-family: "Times New Roman", Times, serif; 
	font-size: 12pt; 
	font-style: italic; 
	font-weight: normal; 
	font-variant: normal; 
	color: #3300CC; 
}

h1 { 
	font-family: "Times New Roman", Times, serif; 
	font-size: 12pt; 
	font-style: normal; 
	font-weight: bold; 
	font-variant: normal; 
	text-align: center; 
	padding-top: 15px; /* Поле сверху */
	text-decoration: none;
}

h5 { /* используется в разделах планы */
	font-family: "Times New Roman", Times, serif; 
	font-size: 9pt; 
	font-style: normal; 
	font-weight: bold; 
	font-variant: normal; 
	text-align: left; 
	padding-left: 60px; /* отступ слева */
	text-decoration: none;
}