/* каскадная таблица стилей для сайта Robiband
   v 1.01 от 18.07.2006


если в описании класса есть кавычки "" - они должны быть сохранены, это метод для скрытия описания
класса от броузеров Mozilla, Firefox и Opera    */


BODY	{ /* тело документа */

	COLOR: black; FONT-FAMILY: Tahoma, Helvetica, sans-serif; BACKGROUND-COLOR: white; BACKGROUND-REPEAT: repeat-x; BACKGROUND-POSITION: bottom left;
}
TD		{ /* базовый размер шрифта для всего сайта */
	FONT-SIZE: 75%
}
.main	{ /* таблица для шапки */

	BACKGROUND-REPEAT: repeat-x
}
A	{ /* ссылка */
	COLOR: #003399; TEXT-DECORATION: underline
}
A.menu, A.menuc	{ /* ссылка меню */
	TEXT-DECORATION: none; FONT-SIZE: 115%
}


A.art	{ /* ссылка меню */
	TEXT-DECORATION: none; FONT-SIZE: 95%; font-weight: bold;
}




art 	{ /* ссылка меню */
	TEXT-DECORATION: none; FONT-SIZE: 95%; font-weight: bold;
}


/*A:visited, A.menu:visited	{ /* ссылка посещённая, в т.ч. для меню */	
/*COLOR: #3366CC*/
}
A.gray, A.gray:visited, .grey	{ /* ссылка тёмно-серая */
	COLOR: #666666
}
A.menuc, A.menuc:visited	{ /* ссылка меню текущая */
	COLOR: #FF9999
}
UL.menu { /* маркированный список-меню */
	COLOR: #009933; LIST-STYLE: url(bullet.gif) square; MARGIN-LEFT: 0; PADDING-LEFT: 15px; PADDING-LEFT: "0px"

}
UL.menu LI { /* элемент маркированного списка-меню */
	MARGIN-LEFT: 0; MARGIN-LEFT: "15px"; PADDING-LEFT: 0px
}
LI.menuc { /* текущая опция меню */
	COLOR: #FF9999; LIST-STYLE: url(bullet_c.gif) square
}
OL.menup { /* нумерованный список-меню для продуктов */
	MARGIN: 0; PADDING-LEFT: 20px; PADDING-LEFT: "0px"
}
OL.menup LI { /* элемент маркированного списка-меню */
	MARGIN-LEFT: 0; MARGIN-LEFT: "23px"; PADDING-LEFT: 0px
}
/* Ниже следуют классы для работы с 3-мя слоями продуктов Робибанд. */
.layer1, .layer1_0	{ /* цвет для внешнего слоя */
	COLOR: #009AFC
}
.layer2, .layer2_0	{ /* цвет для среднего слоя */
	COLOR: #C9CE02
}
.layer3, .layer3_0	{ /* цвет для внутреннего слоя */
	COLOR: #FF9999
}
/* Вышеописанные классы можно применять и в заголовках, например, <H1 class=layer1> */
.layer1, .layer2, .layer3, .layer1_0, .layer2_0, .layer3_0	{ /* размер шрифта */
	FONT-SIZE: 110%; LINE-HEIGHT: 105%
}
TD.layer1, LI.layer1, DIV.layer1	{ /* граница сверху для внешнего слоя */
	BORDER-TOP: 5px solid #009AFC
}
TD.layer2, LI.layer2, DIV.layer2	{ /* граница сверху для среднего слоя */
	BORDER-TOP: 5px solid #C9CE02
}
TD.layer3, LI.layer3, DIV.layer3	{ /* граница сверху для внутреннего слоя */
	BORDER-TOP: 5px solid #FF9999
}
TD.layer1, TD.layer2, TD.layer3, TD.layer1_0, TD.layer2_0, TD.layer3_0	{ /* отступы для ячеек со слоями материалов */
	PADDING: 0 0.5em 1em 0
}
LI.layer1, LI.layer2, LI.layer3	{ /* отступы для ячеек со слоями материалов */
	PADDING-BOTTOM: 0.5em
}
A.layer1, A.layer2, A.layer3	{ /* ссылки не подчёркиваются */
	TEXT-DECORATION: none
}
TD.layer1_0, TD.layer2_0, TD.layer3_0	{ /* в ячейках граница прозрачная сверху */
	BORDER-TOP: 5px solid white
}
A:active, A:hover, A.gray:active, A.gray:hover, A.menuc:active, A.menuc:hover, A.layer1:active, A.layer1:hover, A.layer2:active, A.layer2:hover, A.layer3:active, A.layer3:hover	{ /* ссылка активная и наведённая */
	COLOR: #009933; TEXT-DECORATION: underline
}
H1	{ /* главный заголовок страницы */
	FONT-SIZE: 150%; MARGIN-TOP: 0
}
H2	{ /* заголовок для рубрик в левой и правой областях */
	FONT-SIZE: 130%; MARGIN: 2em 0 0.5em
}
H5	{ /* подзаголовок крупнее (например, вопрос в опросе) */
	FONT-SIZE: 120%; MARGIN: 0.7em 0 0.2em
}
H6	{ /* подзаголовок помельче (например, в новостях) */
	FONT-SIZE: 115%; FONT-WEIGHT: normal; MARGIN: 0
}
.heading	{ /* черта снизу для рубрик */
	BORDER-BOTTOM: 2px solid #009933
}
ADDRESS	{ /* адресный блок */
	FONT-WEIGHT: bold; FONT-STYLE: normal; FONT-SIZE: 110%
}
.dealers	{ /* счётчик дилеров */
	MARGIN: 0.3em 0 3em 0
}
.map	{ /* фон таблицы с адресным блоком */
	BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 50px 5%
}
FORM, .nomargin	{ /* нет отступа для форм и других элементов */
	MARGIN: 0
}
.nomargintop	{ /* нет отступа сверху (для заголовков) */
	MARGIN-TOP: 0
}
INPUT.field	{ /* поле формы поиска и подписки */
	WIDTH: 10em; WIDTH: "80%"; COLOR: #666666; FONT-SIZE: 90%
}
INPUT.button	{ /* кнопка формы поиска и подписки */
	MARGIN: 2px 10px
}
.green	{ /* фирменный зелёный цвет */
	COLOR: #009933
}
.greylight	{ /* светло-серый цвет */
	COLOR: #CCCCCC
}
.footsteps	{ /* блок для "хлебных" крошек */
	PADDING-BOTTOM: 1em; FONT-SIZE: 90%
}
.pl16	{ /* отступ слева 16 пикселов */
	PADDING-LEFT: 16px
}
.pl16b1	{ /* отступ слева 16 пикселов, снизу 1 строка */
	PADDING: 0 0 1em 16px
}
.pb2	{ /* отступ снизу 2 строки */
	PADDING-BOTTOM: 2em
}
.pl10b2	{ /* отступ слева 10 пикселов, снизу 2 строки */
	PADDING: 0 0 2em 10px
}
.content	{ /* отступы для основной контентной области - слева 90 пикселов, справа и снизу по 2 строки */
	PADDING: 0 2em 2em 90px
}
IMG.counter	{ /* счётчики в подвале */
	MARGIN: 5px
}
.imgclass {border-bottom: solid 1px #009933;  border-top: solid 1px #009933; border-left: solid 1px #009933; ; border-right: solid 1px #009933;}