/* общие для всей страницы:
	цвет текста по-умолчанию,
	цвет фона по-умолчанию,
	шрифт по-умолчанию
*/
BODY {
	color: #231F20;
	background-color: #FFFFFF;
 	font-family: Arial;
	margin: 0px;
	padding: 0px;
}
/* картинки без рамок */
IMG { border: 0px; }
TABLE {
	border: 0px;
	border-collapse: collapse;
}
TD {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
font-size: 11px;

}
/* заголовки разных уровней */
H1 { font-size: 100%; }
H2 { font-size: 100%; }
H3 { font-size: 100%; }
H4 { font-size: 100%; }
/* все параграфы: черный цвет текста, уменьшенный, жирный, распределенный */
P {
	color: #231F20;
	font-size: 100%;
	font-weight: normal;
	text-align: justify;
}
/* элемент списка, зануляются отступы, 
	margin - чтобы не разъезжался в IE
	padding - чтобы не разъезжался в FF */
UL { margin: 0px; padding: 0px; }
LI { font-size: 100%; font-weight: normal; text-align: justify; margin-left: 2em; }
DL { font-size: 100%; font-weight: bold; }
/* все ссылки, которые рисуются обычным цветом */
A { color: #000000; font-weight: bold; text-decoration: none;}


/* общие классы */
DIV.title { margin: 0 30px 0 25px; }
DIV.title H1 { font-size: 100%; }
DIV.subtitle { margin: 0 30px 0 30px; }
DIV.subtitle H2 { font-size: 90%; }
DIV.about { margin: 0 30px 0 30px; }
DIV.about P { font-size: 80%; }
DIV.text { font-size: 10px; }


/* содержимое html-контейнера */
.content A { color: #000000; }
.content LI { margin-left: 2em; }


.active {
	color: #F6BE26;
	font-weight: bold;
}
.blue { color: #43ACDF; font-weight: bold; }
.blue A { color: #43ACDF; }
.blue-light { color: #43ACDF }
.dark-blue { color: #008FD4; font-weight: bold; }



/* каркас для страницы */
TABLE.mainframe {
	width: 100%;
/*	height: 100%;*/
}
TABLE.mainframe TD.left {
	border-right: 1px solid #6EBFE7;
	vertical-align: top;
	padding-bottom: 20px;
	width: 33%;
	height: 100%;
}
TABLE.mainframe TD.right {
	vertical-align: top;
	padding-bottom: 20px;
	width: 66%;
	height: 100%;
}
/*
TABLE.mainframe IMG.shadow {
	background-image: url(/images/shadows/grey.png);
	background-position: 0% 0%;
	position: absolute;
	width: 21;
	height: 461;
	z-index: 10;
}
TABLE.mainframe IMG.shadow {
//	background-image: none;
//	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/shadows/grey.png",sizingMethod="scale");
}
*/



/* каркас для содержимого */
TABLE.contentframe {
	width: 100%;
	height: 85%;
}
TABLE.contentframe TD {
/*	border: 1px solid orange;*/
/*	height: 100%;*/
}
TABLE.contentframe TD.left {
	border: 0px;
	background-image: url(/images/shadows/content.gif);
	background-position: 100% 100%;
	vertical-align: top;
	width: 70%;
}
TABLE.contentframe TD.right {
	vertical-align: bottom;
	width: 30%;
}


/* заголовок на фоне синего градиента + логотип для страницы */
DIV.headerframe {
	padding-bottom: 85px;
	position: relative;
}
DIV.headerframe IMG.gradient {
	margin-left: 10px;
	position: absolute;
	top: 19px;
	left: 0px;
}
DIV.headerframe DIV.title {
	color: #F6BE26;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 0px 25px 0px 0px;
	padding: 0px;
	position: absolute;
	top: 27px;
	left: 0px;
}
DIV.headerframe IMG.logo {
	position: absolute;
	top: 0px;
	right: 0px;
}


/* навигационные блоки */
/* горизонтальная навигация */
TABLE.menu-horizontal {
	font-size: 70%;
	width: 70%;
}
TABLE.menu-horizontal TD {
	padding: 1em 2em 1em 2em;
	text-align: center;
	white-space: nowrap;
}
/* кнопки: регионы и обучение */
TABLE.button {
	margin: 0px 5px 0px 5px;
}
TABLE.button TD {
	font-size: 70%;
}
/* количество наименований в корзинке (справа на каждой старнице) */
TABLE.basket-count {
	font-size: 100%;
	font-style: italic;
	font-weight: bold;
	width: 100%;
	height: 32px;
}
TABLE.basket-count TD { padding: 2px; }


.basket-list TH { padding: 0.5em; }
.basket-list TD { padding: 0.5em; }



/* блоки */
/* главная страница */
/* оранжевая рамка */
.frame-orange {
	background-color: #F6C22E;
	font-weight: bold;
	font-family: Arial;
}
.frame-orange .white {
	background-color: #FFFFFF;
	font-weight: bold;
}



/* о компании */
DIV.sts-about {
	padding: 1em;
}
DIV.sts-about P {
	text-align: justify;
}
DIV.sts-about UL { padding: 0px; }
DIV.sts-about LI {
	font-size: 70%;
	font-weight: normal;
	padding-bottom: 1em;
	margin-left: 2em;
}



/* обучение */
DIV.sts-study {
	font-weight: bold;
	padding: 1em;
}
DIV.sts-study P {
	text-align: justify;
}
DIV.sts-study LI {
	padding-bottom: 1em;
}
DIV.sts-study TABLE {
	clear: both;
	width: 100%;
}



/* регионы */
DIV.sts-regions {

}
DIV.sts-regions TABLE.header {
	background-color: #E6D586;
	border: 1px solid #F2EAC2;
	width: 100%;
	height: 130px;
}
DIV.sts-regions TABLE.header TD.table {
	background-image: url(/images/pages/regions/table.gif);
	background-position: 0% 100%;
	background-repeat: no-repeat;
}



/* логотип стс + название каталога */
TABLE.sts-logo TD.blue { background-color: #008FD4; }



/* оглавление каталога товаров */
TABLE.catalog {
	font-size: 70%;
	margin: 25px auto 30px auto;
/*	margin-bottom: 30px;*/
	width: auto;
}
TABLE.catalog TD LI { font-size: 100%; margin: 0px; }
TABLE.catalog TD UL.catalog-tree {
	list-style-image: url(/images/markers/circle.gif);
	padding: 1em 0 0 20px;
}
TABLE.catalog TD UL.product-list {
	list-style-image: url(/images/markers/circle_orange.gif);
	padding: 1em 0 0 20px;
}



/* оглавление библиотеки */
TABLE.library {
	background-color: #D1EBF7;
	font-size: 70%;
	font-weight: bold;
	margin-top: 1em;
}
UL.document-tree {
	list-style-image: url(/images/markers/arrow.gif);
	padding: 1em 0 0 20px;
}
/* специальный каскадный список в оглавлении библиотеки */
TABLE.library LI { font-size: 100%; margin: 0px; }



/* баннер на блоке с библиотекой */
TABLE.library-header {
	background-image: url(/images/pages/library/gradient.gif);
	background-position: 50% 100%;
	background-repeat: repeat-x;
	width: 100%;
	height: 96px;
}
TABLE.library-header TD {
	vertical-align: bottom;
}


/* блок последних новости (фактически только одна) */
/* дата показывается так */
.date {
	color: #008FD4;
	font-size: 70%;
	font-weight: bold;
}
/* голубое поле, на котором находится последняя новость */
DIV.news-last {
	background-color: #F6F9FB;
	margin: 0em 1em 0em 1em;
	padding: 1em;
	text-align: left;
}
/* календарь новостей */
TABLE.news-calendar-years TD {
	font-size: 70%;
	font-weight: bold;
}
TABLE.news-calendar-years DIV {
	border: 1px solid #D1EBF7;
	padding: 0.25em;
}
TABLE.news-calendar-years DIV.active {
	border-bottom: 0px;
	color: #F6BE26;
	padding-top: 0.75em;
}
TABLE.news-calendar-months TD {
	background-color: #D1EBF7;
	font-size: 70%;
	font-weight: bold;
	padding: 0.25em;
}



/* список партнёров */
TABLE.partner-list {
	border-collapse: separate;
}
TABLE.partner-list TD {
	border: 1px dashed #008FD4;
	text-align: center;
	vertical-align: top;
	padding: 1em;
	width: 33%;
}


/* контакты */
TABLE.contacts { margin: auto; width: 90%; }
TABLE.contacts TD { padding: 0.5em; }
TABLE.contacts IMG { border-top: 1px solid #F6BE26; }


/* дерево товаров */
TABLE.product-tree {
	border-collapse: separate;
}
TABLE.product-tree TD {
	font-size: 70%;
	font-weight: bold;
}
UL.catalog-tree {
/*	border: 1px solid orange;*/
	list-style-image: url(/images/markers/circle.gif);
	padding: 1em 0 0 20px;
}
UL.product-list {
/*	border: 1px solid orange;*/
	list-style-image: url(/images/markers/circle_orange.gif);
	padding: 1em 0 0 20px;
}



/* карта сайта */
.site-map {
	font-size: 70%;
}
.site-map DIV {
	padding-left: 5em;
	padding-top: 1em;
}
.site-map LI { font-size: 100%; margin: 0px; }
UL.map-tree {
	list-style: none;
	padding: 1em 0 0 20px;
}



/* поиск по сайту */
.search {

}
.search TABLE.input {
	border: 2px solid #80C7EA;
	margin: 1em;
}
.search IMG {
	margin: 4px;
}
.search INPUT.search {
	background-color: #FFFFFF;
	border: 0;
	width: 100%;
	height: 18px;;
}
.search UL {
	list-style: none;
}
.search LI {
	padding: 1em 0 0 20px;
}


/* самый низ сайта */
DIV.footer {
	border-top: 4px solid #0054A6;
	padding-top: 1em;
	padding-bottom: 1em;
	width: 100%;
}
DIV.footer TABLE {
	font-size: 70%;
	font-weight: bold;
	width: 100%;
}

DIV.footer FORM {
	padding: 0;
	margin: 0;
}
DIV.footer INPUT {
	color: #7D7D7D;
	border: 1px solid #008FD4;
	font-size: 100%;
	padding-left: 5px;
	width: 150px;
}

a.test {
color: red;
}

a.footer:hover
{
color: #0054a6;
}