/*
 Сброс
 Базовое оформление тегов
 Базовые классы
*/

@charset "UTF-8";

/*
 Общие настройки
*/
*
{
	margin: 0;
	padding: 0;
	border: 0;
}

/*
 Корневые элементы
*/
html
{
	overflow-y: scroll;            /* всегда показываем вертикальную полосу прокрутки */
}
body
{
 font-size: 12px;
 font-family: "Trebuchet MS", sans-serif;
}
body, body *
{
	color: #000;
	text-align: left;
}

:focus  /* убираем рамку вокруг ссылок */
{
 outline: none;
}

/*
 Блочные элементы
*/
div, fieldset, form, framset, frame, object, h1, h2, h3, h4, h5, h6, p, dl, ol, ul, dl, hr, pre, blockquote
{
 margin: 1.5em 0;       /* расстояние между блочными элементами 18px всего (с учётом "сворачивания") */
 line-height: 1.5em;  /* 12px*1.5=18px */
}

/* Режим: двойной отступ (используется для блоков с фонами)*/
.double_margin
{
 overflow: auto;
}

/* Элемент применяется не только в контексте формы, поэтому вынесла его в базовые стили */
fieldset
{
 padding: 0 1.5em;
 background: #fff;
 border: 1px solid #dcdcdc;
 border-radius: 3px;
}
h1, h2, h3, h4, h5, h6
{
 font-family: "Georgia", "Times New Roman", "Times", serif;
 font-weight: normal;
 color: #222;
}
/* Поддержка вертикального ритма: bs=12; ms=12*1.5=18; font-size=fs/bs; line-height=lh/fs; margin=ms/fs; */
h1 { font-size: 3.167em; line-height: 1.421em;  margin: 0.474em 0; }   /* 38px (54) */
h2 { font-size: 2.333em; line-height: 1.286em;  margin: 0.643em 0; }   /* 28px (36) */
h3 { font-size: 1.667em; line-height: 0.9em;    margin: 0.9em 0; }     /* 20px (18) */
h4 { font-size: 1.333em; line-height: 1.125em;  margin: 1.125em 0; }   /* 16px (18) */
h5 { font-size: 1em;     line-height: 1.5em;    margin: 1.5em 0; }     /* 12px (18) */
h6 { font-size: 1em;     line-height: 1.5em;    margin: 1.5em 0; }     /* 12px (18) */

blockquote
{
 padding-left: 1.5em;
 border-left: 2px solid  #dcdcdc;
 font-style: italic;
}

/*
 Списки должны быть визуально ближе к пред-тексту, поэтому поднимаем их немного
 Если список идёт без предтекста, нужно добавить перенос строки перед ним
*/
p + ul, p + ol, p + dl
{
 margin-top: -1em;
}
ul ul, ol ol, ul ol, ol ul
{
 margin: 0 0 0 1.5em;
}
ul li
{
 list-style-position:inside;
 list-style-type: dics;
}
ol li
{
 list-style-position: inside;
 list-style-type: decimal;
}
dl dt
{
 margin-top: 1em;
 font-weight: bold;
}
dl dd
{
 margin-left: 1.5em;
}

/* Для списков со ссылками нужно увеличить высоту строки */
ul.links li,
ol.links li,
dl.links dd
{
 line-height: 180%;
}
/* Если не нужны буллеты */
ul.nobul
{
 list-style-type: none;
}

hr
{
 border: 0;
 border-bottom: 1px #dcdcdc solid;
}
pre, pre *
{
 font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
}

/*
 Строковые элементы
*/
a, a *
{
	color: #4080c0;
	text-decoration: none;
}
a:focus, a:focus *,
a:hover, a:hover *, a:focus, a:active * { text-decoration: none; }

strong, b { font-weight: bold; letter-spacing: 0.08em; }
em, i { font-style: italic; }

big { font-size: 116.667%; }
small { font-size: 91.667%; }

code, code * {line-height: 1.5em; font-family: "Consolas", "Lucida Console", "Courier New", "Courier"; }

acronym
{
 text-decoration: none;
 border-bottom-width: 1px;
 border-bottom-style: dotted;
 cursor: help;
}
acronym:hover
{
 border-bottom-style: none;
}

/*
 Таблицы
*/
table
{
 width: auto;
 margin: 0;
	border-collapse: collapse;
	border-spacing: 0;
 border-top: 2px #888 solid;
 border-bottom: 2px #888 solid;
 font-size: inherit;
}
th
{
 background: #e2f2d1;
 border-bottom: 1px solid #fff;
 color: #333;
}
td { background: #fff; }
th, td { padding: 0.7em; }

/* Для таблиц не действует эффект "сворачивания margin" */
table + table     { margin-top: 1.5em }
.double_margin > table:first-child { margin-top: 1.5em }
.double_margin > table:last-child  { margin-bottom: 1.5em }

/* Float-элементы */
.float_container
{
 overflow: auto;
}
.float_container > .left
{
 float: left;
 margin: 0 1.5em 0 0;
}
.float_container > .right
{
 float: right;
 margin: 0 0 0 1.5em;
}
.float_container > .left > *:first-child,
.float_container > .right > *:first-child
{
 margin-top: 0;
}
.float_container > .left > *:last-child,
.float_container > .right > *:last-child
{
 margin-bottom: 0;
}

.double_margin.float_container > .left,
.double_margin.float_container > .right
{
 margin-top: 1.5em;
 margin-bottom: 1.5em;
}

/* Float-списки */
ul.float_container
{
 margin-top: 1.5em;
 margin-bottom: 0;
}
ul.float_container > li
{
 float: left;
 margin-right: 1.5em;
 margin-bottom: 1.5em;
 list-style: none;
}
ul.float_container + *,
ul.float_container + * > * /* не совсем правильно, так как не учитываем кол-вол возможных вложенностей*/
{
 margin-top: 0;
}

/*
 Базовые классы
*/

/* Если нужно сделать отступы для первого и последнего столбцов таблицы, задаём таблице класс side_indent */
.side_indent tr th:first-child { padding-left: 2em; }
.side_indent tr td:first-child { padding-left: 2em;  border-left:1px solid #EAEAEA; }
.side_indent tr th:last-child  { padding-right: 2em; }
.side_indent tr td:last-child  { padding-right: 2em; border-right:1px solid #EAEAEA; }

/* "Чистая" таблица, без оформления, для позиционирования */
table.clear
{
 width: 100%;
}
table.clear,
table.clear:first-child,
table.clear:last-child
{
 margin: 0;
}
table.clear, table.clear > tbody > tr > th, table.clear > tbody > tr > td
{
 margin-bottom:10px;
 padding: 0;
 background: transparent;
 border: none;
 vertical-align: top;
}

/* Убрать отступы */
.nomargin        { margin: 0px!important; }
.nomargin-top    { margin-top: 0px!important; }
.nomargin-left   { margin-left: 0px!important; }
.nomargin-bottom { margin-bottom: 0px!important; }
.nomargin-right  { margin-right: 0px!important; }

.hidden {display: none!important;}
.noborder, .noborder td {border: none!important;}

.clear { clear: both;}
.mono { font-family: "Consolas", "Lucida Console", "Courier New", "Courier"!important;}

.local
{
 text-decoration: none;
 border-bottom-width: 1px;
 border-bottom-style: dotted;
 cursor: pointer;
}
a:hover, a:hover * { border-bottom-width: 0; color: #f9afaf;}

/*
 Правила

 1. Тексты заворачивать в текстовые элементы

 2. По умолчанию заданы вертикальные отступы. Горизонтальные отступы лучше задавать указанием
    padding-left и padding-right родителя

 3. Таблица по умолчанию оформлена для применения её в качестве текстовой таблицы.
    Чтобы использовать таблицу для позиционирования, применяй класс cыlear

 Помни, что

 1. Блочные элементы тянутся на всю ширину родительского блока

 2. Margin родителя и первого потомка сворачиваются
    Если у родителя нет margin, а у потомка есть, то margin потомка выйдет за пределы родителя и создаст там отступ
    Если нужный двойны отступы (у родителя и у потомка), используй класс double_margin (применяется для блоков с фоном)
    !!! Если у родителя добавить рамку, то отступы не будут сворачиваться

 3. Вертикальный margin у таблиц не сворачиваются. Если для таблиц задать display: block, появляется куча других приколов
    Поэтому для таблиц заданы специальные правила
    table
    {
     margin: 0;
    }
    table + table { margin-top: 1.5em }

 4. Вертикальный margin у float-элементов также не сворачиваются
    Для float-элементов есть специальный контейнер float_container
    Поэтому все float-элементы оборачиваем в этот контейнер. Он следит за вертикальными отступами,
    и используя его не нужно делать clear="all"
    Использовать его можно в режим колонок (если набор float-элементы должен поместится в одну строку),
    это режим по-умолчанию.
    Или в качестве списков (например для галереи), когда набор float-элементов может потенциально занять
    несколько строк. В этом случае нужно применять класс float_container к тегу ul

 5. Списки должны быть визуально ближе к параграфам, поэтому я их немного подняла
    ###  уже не нужно - то может к этому вернусь: Если список идёт без предтекста, нужно добавить перенос строки перед ним

*/



/* IE6 - Хаки общего плана */

*html img {behavior: url(framework/images/png.htc);}

*html .float_container .left
{
 float: left;
 margin: 0;
}
*html .float_container .right
{
 float: right;
 margin: 0;
}
*html ul.float_container li
{
 float: left;
 margin-right: 1.5em;
 margin-bottom: 1.5em;
 list-style: none;
}
*html .double_margin
{
 padding: 1.5em 0;
}

*html table.clear, *html table.clear th, *html table.clear td
{
 padding: 0;
 background: transparent;
 border: none;
 vertical-align: top;
}
/*
 Для IE-6 не работают
 - правила для первых и последних элементов, поэтому правим оступы для конкретных случаев
 - overflow: hidden не помогает от прилипания. Используем clear для следующего элемента, если возможно
   или указываем высоту float_container
 - не работает min-height (min-width), нужно указывать height (width)


*/
/*
 Оформление форм
*/

@charset "UTF-8";

/*
 Основные стили для элементов форм
*/
input, select, textarea
{
 border: 1px solid #dcdcdc;
 width: 60%;
 font-size: inherit;
 font-family: inherit;
}
input
{
 height: 20px;
}
select
{
 height: 22px;
}
textarea
{
 height: 10em;
}

input:focus,  select:focus,  textarea:focus,
input:hover,  select:hover,  textarea:hover,
input:active, select:active, textarea:active
{
 border:1px solid #e5d663;
}

input[readonly],
select[readonly],
textarea[readonly],
input[readonly]:hover,
select[readonly]:hover,
textarea[readonly]:hover,
input[disabled],
select[disabled],
textarea[disabled],
input[disabled]:hover,
select[disabled]:hover,
textarea[disabled]:hover
{
	background: #eee;
	border: 1px solid #dcdcdc;
}

label.readonly {color: #aaa}
label.disabled {color: #ccc}

button
{
 font-size: inherit;
 font-family: inherit;
}
optgroup
{
 font-size: inherit;
 font-family: inherit;
 font-weight: normal;
}

/*
 Стили для чекбоксов и радио-баттонов
*/
input[type="checkbox"], input[type="radio"]
{
 float: left;
 width: 12px;
 height: 12px;
 margin: 0 0.5em 0 0;
 border: 1px solid #dcdcdc;
}
/*
 Из-за того, что радио-баттон круглый, визуально он не на одной линиии с текстом
 Поэтому опускаем его чуть ниже
*/
input[type="radio"]
{
 margin-top: 0.2em;
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner
{
 border: none;
}

/*
 Обрамляющие блоки для элементов форм
*/
.type-text,
.type-select,
.type-check,
.type-button
{
}

/*
 Оформление кнопок
*/
.type-button input,
.type-button button
{
	background: #454545 url(../images/button_gray.png) top left repeat-x;
	border: 1px solid #dcdcdc;
	border-radius: 3px;
	min-width: 80px;
	height: 3em;
	padding: 0.2em 0.7em 0.3em 0.7em;
	color: #000;
	cursor: pointer;
	text-align: center;
}
.type-button input[type=submit],
.type-button button[type=submit]
{
/*	color: #330;
	background: #5e5607 url(../images/button_yellow.png) top left repeat-x;*/
	background: #ab82ff;
height: 33px;
font-weight: normal;
color: #fff;
font: bold 12px Arial;
border-radius: 5px;
border: 2px;
padding-left: 15px;
padding-right: 15px;
}
.type-button input.red,
.type-button button.red
{
	color: #300;
	background: #661717 url(../images/button_red.png) top left repeat-x;
}
.type-button input.yellow,
.type-button button.yellow
{
	color: #300;
	background: #5e5607 url(../images/button_yellow.png) top left repeat-x;
}
.type-button input.gray,
.type-button button.gray
{
 color: #fff;
	background: #454545 url(../images/button_gray.png) top left repeat-x;
}

/*
 Чекбокс и радио-баттон так малы, что не занимают даже одну высоты строки
 И по умолчанию прижаты к верхнему краю строки, в отличии от других элементов формы
 Чтобы визуально .type-check не различался по отступам от других элементов,
 нужно прижать инпут в нижнему краю (так как у других типов)
 И текст посадить на эту же линию
*/
.type-check { height: 13px; }
.type-check label { font-weight: normal; }

/*
 Стили для мультичекбоксов
*/
.multi
{
}
/* ###jac - вообще то внутри .multi должны быть же .type-check, тогда код ниже не нужен будет */
.multi div
{
 height: 13px;
 margin: 1em 0;
}
.multi label
{
 font-weight: normal;
}

/*
 Full-форма: тянется на 100%
 Ширина элементов 99% + 2px (от рамок)
*/
.full label,
.full input[type="text"], .full input[type="password"],
.full textarea,
.full select
{
 width: 99%;
}

/*
 Сolumnar-форма: тянется на 100%, label и элемент формы в одной строке
*/
.columnar label
{
 float: left;
	width: 20%;
}
.columnar input[type="text"],
.columnar input[type="password"],
.columnar input[type="file"],
.columnar textarea,
.columnar select
{
	width: 79%;
}
.columnar input[type="checkbox"],
.columnar input[type="radio"]
{
 margin-left: 20%;
}
.columnar .multi input[type="checkbox"],
.columnar .multi input[type="radio"]
{
 margin-left: 0%;
}
.columnar .type-check label,
.columnar .multi div label
{
 width: auto;
}

/*
 Оформление ошибок и сообщений
*/
.errors,
.warnings,
.messages
{
 padding: 0.5em;
}
.errors   { border: 1px #aa0000 dashed;    background: #ffeeee; }
.warnings { border: 1px #bf7600 dashed; background: #fff4eb; }
.messages { border: 1px #00aa00 dashed; background: #eeffee; }

.errors .message,
.warnings .message,
.messages .message
{
 display: block;
 padding-left: 30px;
}
.errors   .message { background: url(../images/error.png) #fee no-repeat 4px 0px; }
.warnings .message { background: url(../images/warning.png) #fff4eb no-repeat 4px 0px; }
.messages .message { background: url(../images/tick.png) #efe no-repeat 4px 0px; }
.errors   .message, .errors   .message * { color: #800; }
.warnings .message, .warnings .message * { color: #884d00; }
.messages .message, .messages .message * { color: #080; }

.type-text   .message,
.type-select .message,
.type-check  .message,
.multi       .message
{
 margin-bottom: 1em;
}

/*
 Основные стили для описаний
*/
label
{
 font-weight: bold;
 display: block;
 cursor: pointer;
}
legend
{
 font-size: 1.125em;
 font-weight: normal;
}
legend *
{
 font-size: inherit;
 font-weight: inherit;
}
.multi legend
{
 font-size: 1em;
 font-weight: bold;
}
.comment
{
	font-size: 91.667%;
	color: gray;
}
.passwordToggle
{
	width: 35%;
 margin-left: 10px;
	font-size: 95%;
	text-align: left;
	cursor: pointer;
 text-decoration: none;
}
.passwordToggle:hover
{
 text-decoration: underline;
}
span.required
{
 color: red;
}

/*

 Проблемы

 1. Отказалась от идеи выравнять текст внутри элементов ввода.
    Во всех браузерах свои отступы от верхнего левого угла до начала текста
    и эти отступы разные для всех элементов.
    И не для всех элементов есть возможность ими управлять

*/

/* ПереФрытУе базоРIых стУР>еп */
/* ПереФрытУе базоРIых стУР>еп */
body
{
	background: #ece8d6 /*url(../images/body_bg.jpg)*/;
	font-size: 12px;
	font-family: Arial;
	text-align: center;
}
html, body
{
	width: 100%;
	height: 100%;
	min-width: 1000px;
}
body, body *
{
	color: #555;
}

h1, h2, h3, h4, h5, h6
{
 font-family: Arial;
}
/* ПоддержФа РIертУФаР>СЊРЅРѕРіРѕ СЂРЈС‚РjР°: bs=12; ms=12*1.5=18; font-size=fs/bs; line-height=lh/fs; margin=ms/fs; */
h1 { font-size: 3.167em; line-height: 1.421em;  margin: 0.474em 0; }   /* 38px (54) */
h2 { font-size: 2.333em; line-height: 1.286em;  margin: 0.643em 0; }   /* 28px (36) */
h3 { font-size: 1.667em; line-height: 0.9em;    margin: 0.9em 0; }     /* 20px (18) */
h4 { font-size: 1.5em;   line-height: 1em;      margin: 1.125em 0; }   /* 18px (18) */
h5 { font-size: 1.16em;  line-height: 1.28em;   margin: 1.28em 0; }    /* 14px (18) */
h6 { font-size: 1em;     line-height: 1.5em;    margin: 1.5em 0; }     /* 12px (18) */

.center
{
 text-align: center;
}
.right
{
 text-align: right;
}
a.orange { color: #E97252;font-weight: bold; }
a.gray { color: gray;font-weight: bold; }

.lightgray { color: #8d8d8d; }

/* РџСЂР°РIРЈР>Р° базоРIРѕРї разРjетФУ странУцы */
div.page_bg
{
	margin: 0px;
/*	background: url(../images/header_bg.jpg) no-repeat center top;*/
}
div.page_width
{
	margin: 0px;
/*	background: url(../images/body_bgt.jpg) repeat-x;*/
}
div.page_pos
{
 position: relative;
/*	background: #fff url(../images/header_bg.jpg) no-repeat center top;*/
}
div.page_pos, div.footer_width
{
	width: 1000px;
	text-align: left;
	margin: 0 auto;
}
div.clear_line
{
 margin: 0;
 overflow: hidden;
	clear: both;
	height: 1px;
}

/* гапФа */
div.top_nav
{
	position: absolute;
 top: 0;
 left: 0;
 width: 100%;
	overflow: hidden;
	height: 24px;
	margin: 0px 0px 16px 0px;
	padding: 7px 0px 0px 0px;
	font-size: 11px;
	line-height: 14px;
}
div.top_nav a
{
	color: #9A9A99;
	text-decoration: none;
}
div.top_nav a:hover
{
	text-decoration: underline;
}
div.top_nav a
{
	color: #eaf1f5;
}
div.top_nav a:hover
{
	color: #cbcfd1;
}
div.top_nav p
{
	margin: 0;
}
div.top_nav big
{
	font-size: inherit;
	font-weight: bold;
	text-transform: uppercase;
}
div.top_nav .r_pos
{
	float: right;
	font-weight: bold;
}
div.top_nav .r_pos a
{
	margin: 0px 15px 0px 6px;
}
div.top_nav .r_pos span img
{
	position: absolute;
	top: 0px;
	margin-left: -7px;
}
div.top_nav .plus18
{
 display: inline-block;
 margin-left: 10px;
 padding: 2px 4px;
 background: #E97252;
 color: #fff;
 font-weight: bold;
}
div.header
{
 position: absolute;
 top: 45px;
 left: 0;
 width: 982px;
	height: 170px;
	margin: 0;
	padding: 2px 9px 16px 0px;
	font-size: 11px;
}
div.header p.logo_pos
{
	float: left;
	width: 282px;
	margin: 0;
	padding: 12px 0px 0px 20px;
}

div.header div.slogan
{
	float: left;
	width: 500px;
	margin: 0;
	padding: 13px 0px 0px 10px;
	color: #a38ed7;
	font-size: 27px;
	font-style: italic;
}
div.header div.slogan small
{
	display: block;
	color: gray;
	padding-bottom: 5px;
 font-size: 11px;
	font-style: normal;
	line-height: 14px;
}
div.header	div.slogan small a
{
	text-decoration: underline;
}
div.header	div.slogan small a:hover
{
	text-decoration: none;
}
div.header div.anketa
{
	float: right;
	width: 100px;
	margin: 0;
	color: gray;
	text-align: center;
}
div.header	div.anketa a img
{
	margin-bottom: 2px;
	border: 3px solid #e0dccb;
}
div.header div.stat
{
 position: absolute;
 top: 100px;
 right: 120px;
 text-align: right;
}

/* РћСЃРЅРѕРIная часть */
div.content
{
 position: relative;
	margin: 0;
	padding: 175px 10px 0px 10px;
}
div.cont_l
{
 position: relative;
	float: left;
	width: 197px;
	margin: 0;
}
div.cont_r
{
	float: right;
	width: 197px;
	margin: 0;
	}
div.cont_c
{
	margin: 0;
}
div.cont_s
{
 margin: 0;
	padding: 0px 207px 0px 207px;
}
div.cont_sl
{
 margin: 0;
	padding: 0px 207px 0px 0px;
}
div.cont_sr
{
 float: right;
 width: 774px;
 margin: 50px 0 0 0;
	/*padding: 0px 0px 0px 206px;*/
}
div.cont_s_pos
{
 position: relative;
	float: left;
	width: 100%;
	margin: 0;
}

/* РћР±СЂР°РjР>яющУе Р±Р>оФУ */
div.block_s
{
	position: relative;
	margin: 0px 0px 9px 0px;
	background: #f1f1f1;
	z-index: 1;
}
div.block_s i.t_l, div.block_s i.t_r, div.block_s i.b_l, div.block_s i.b_r
{
	display: block;
	position: absolute;
	background: url(../images/block_ug.gif);
	overflow: hidden;
	width: 4px;
	height: 4px;
}
div.block_s i.t_l
{
	top: 0px;
	left: 0px;
	background-position: 0px 0px;
}
div.block_s i.t_r {
	top: 0px;
	right: 0px;
	background-position: -4px 0px;
}
div.block_s i.b_l {
	bottom: 0px;
	left: 0px;
	background-position: 0px -4px;
}
div.block_s i.b_r {
	bottom: 0px;
	right: 0px;
	background-position: -4px -4px;
}
div.block_s_pos
{
	min-height: 31px;
	margin: 0;
	height: auto!important;
	height: 31px;
}
div.block_m
{
	position: relative;
	margin: 0px 0px 9px 0px;
	background: #f1f1f1 url(../images/block_m_bg.gif);
}
div.block_s div.block_m
{
	margin-bottom: 0;
	border-top: solid 1px #e2e2e2;
}
div.block_s div.block_m_pos
{
 padding-bottom: 5px;
}
div.block_m i.t_l, div.block_m i.t_r, div.block_m i.b_l, div.block_m i.b_r
{
	display: block;
	overflow: hidden;
	position: absolute;
	width: 4px;
	height: 4px;
	background: url(../images/block_ug.gif);
}
div.block_m i.t_l
{
	top: 0px;
	left: 0px;
	background-position: 0px 0px;
}
div.block_m i.t_r
{
	top: 0px;
	right: 0px;
	background-position: -4px 0px;
}
div.block_m i.b_l
{
	bottom: 0px;
	left: 0px;
	background-position: 0px -4px;
}
div.block_m i.b_r
{
	bottom: 0px;
	right: 0px;
	background-position: -4px -4px;
}
div.block_m_pos
{
	min-height: 15px;
	height: auto!important;
	margin: 0;
	padding: 1.5em;
}
div.block_m_pos > *:first-child
{
	margin-top: 0;
}
div.block_m_pos > *:last-child
{
	margin-bottom: 0;
}


.deep_gray
{
 position: relative;
 margin: 0px 10px 10px 0px!important;
 padding: 5px 7px 5px 7px;
 background: url(../images/block_ml_bg.gif);
}
.deep_gray i.t_l, .deep_gray i.t_r, .deep_gray i.b_l, .deep_gray i.b_r
{
	display: block;
	overflow: hidden;
	position: absolute;
	width: 4px;
	height: 4px;
	background: url(../images/block_ml_ug.gif)!important;
}
.deep_gray i.t_l
{
	top: 0px;
	left: 0px;
	background-position: 0px 0px!important;
}
.deep_gray i.t_r
{
	top: 0px;
	right: 0px;
	background-position: -4px 0px!important;
}
.deep_gray i.b_l
{
	bottom: 0px;
	left: 0px;
	background-position: 0px -4px!important;
}
.deep_gray i.b_r
{
	bottom: 0px;
	right: 0px;
	background-position: -4px -4px!important;
}

.white
{
 position: relative;
 margin: 0px 10px 10px 0px!important;
 padding: 5px 7px 5px 7px;
	background: #fff;
}
.white i.t_l, .white i.t_r, .white i.b_l, .white i.b_r
{
	display: block;
	overflow: hidden;
	position: absolute;
	width: 4px;
	height: 4px;
	background: url(../images/block_sl_ug.gif)!important;
}
.white i.t_l
{
	top:0px;
	left:0px;
	background-position:0px 0px!important;
	}
.white i.t_r
{
	top:0px;
	right:0px;
	background-position:-4px 0px!important;
}
.white i.b_l
{
	bottom:0px;
	left:0px;
	background-position:0px -4px!important;
}
.white i.b_r
{
	bottom:0px;
	right:0px;
	background-position:-4px -4px!important;
}


table.block_ml_pos
{
	width: 100%;
	margin: -1px 0px 10px 0px !important;
	border: none;
}
table.block_ml_pos td
{
	padding: 0px;
	border: none;
	background: none;
	vertical-align: top;
}
table.block_ml_pos ul, table.block_ml_pos ul li
{
	list-style-type: none;
	padding: 0px;
	margin: 0;
}
table.block_ml_pos ul li
{
}
table.block_ml_pos label
{
	font: 12px Arial !important;
	padding-left: 3px;
}
table.block_ml_pos
{
	padding: 1px;
	border: none;
	background: none;
	vertical-align: top;
}




div.block_sl div.block_s_pos
{
	line-height: 16px;
	padding: 6px 10px 6px 10px;
}

.title
{
 position: relative;
 background: url("../images/slider_bg.gif") repeat scroll 0 0 transparent;
 text-align: center;
 margin: 0 10px 0 0;
 padding: 5px;
 font-weight: bold;
}
.title i.t_l,
.title i.t_r
{
 display: block;
 overflow: hidden;
 position: absolute;
 z-index: 150;
 width: 4px;
 height: 4px;
 background: url(../images/anketa_tbl_ug.gif)!important;
}
.title i.t_l
{
 top: 0;
 left: 0;
 background-position: 0px 0px!important;
}
.title i.t_r
{
 top: 0;
 right:0;
 background-position: 5px 0px!important;
}


/* Р>РµРIып стоР>бец*/
p.r_pos
{
 float:right;
 padding:0px 0px 0px 0px;
 margin:0px;
}
div.s_banners
{
 text-align: center;
 margin: 0;
 padding: 7px 0px 7px 0px;
}
div.s_banners a
{
	margin: 0px 2px 0px 2px;
}
div.inf_txt
{
 margin: 0;
	padding: 7px 8px 0px 8px;
	font-size: 12px;
}
div.inf_txt p
{
	line-height: 16px;
	padding-bottom: 10px;
	margin: 0px;
}
div.links p
{
 line-height: 20px;
}
div.links p.txt_line
{
 background-position: 0 10px;
}
div.links p.txt_line i,
div.links p.txt_line span
{
 background: #f1f1f1;
}
div.links p.txt_line i
{
 width:auto;
 text-align: right;
}
div.m_nav
{
	margin: 0px;
	padding: 0px 0px 3px 0px;
}
div.m_nav p
{
	font-weight: bold;
	padding: 4px 4px 4px 11px;
	margin: 0px;
	}
div.m_nav p.line
{
	overflow: hidden;
	height: 2px;
	padding: 0px!important;
	background: url(../images/line_1.gif) repeat-x;
}
div.m_nav p a
{
	color: gray;
	text-decoration: none;
}
div.m_nav p on
{
 color: gray;
 text-decoration: none;
}
div.m_nav p a:hover
{
	color: gray;
}
div.m_nav ul
{
 padding:0px !important;
 margin:0px 0px 4px 11px;
}
div.m_nav ul li
{
/* display: block;*/
 color: ##ab7995;
 font-size: 12px;
 list-style-type: disc;
/* padding: 0px 0px 0px 8px !important;
 background: url(../images/li_1.gif) no-repeat left 8px;*/
}
div.m_nav ul a
{
 color: gray;
 text-decoration: none;
 font-weight: bold;
}
div.m_nav ul li.on
{
 display: block;
 color: #e97252;
 font-size: 11px;
 list-style-type: none !important;
 padding: 0px 0px 0px 8px !important;
 background: url(../images/li_1.gif) no-repeat left 8px;
}
div.m_nav a.on
{
 color: #e97252;
 text-decoration: none;
 font-weight: bold;
}
div.m_nav ul a.on
{
 cursor: default;
}
div.m_nav a.on:hover
{
 color: #e97252;
 text-decoration: none;
}
div.m_nav ul a[href]
{
 font-weight: normal;
}
div.m_nav ul a:hover
{
 text-decoration:underline;
}

/* ЦентраР>ьная ФоР>онФа */
div.zaglav
{
 margin-bottom: 9px;
}
.zaglav div.block_s_pos h1,
.zaglav div.block_s_pos h2,
.zaglav div.block_s_pos h3
{
 font-size: 1.5em;
 text-align: center;
 margin: 0;
 padding-top: 7px;
 line-height: 1em;
}
div.block_s_pos h5
{
 margin: 0px;
 padding: 7px 0;
 color: #9a9a9a;
 text-align: center;
}
table.block_sl_pos
{
	width:100%;
	margin:0px !important;
	border:none;
}
table.block_sl_pos td, table.block_sl_pos th
{
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	padding:0px 0px 5px 0px !important;
	border:none !important;
	background:none !important;
}
table.block_sl_pos td
{
	padding:0px 5px 5px 0px !important;
}




/* РљРѕРjРjентарУУ */
p.usr_name
{
 color:#c06464 !important;
 font:bold 12px Arial;
 line-height:16px;
 padding:7px 10px 7px 10px;
 margin:0px;
}
p.usr_name strong
{
 float:right;
 color:#c06464 !important;
}
p.usr_name strong.off
{
 color:#c2c2c2 !important;
 font-weight:normal;
}
p.usr_name big
{
 color:#c06464 !important;
 font-weight:bold;
 text-transform:uppercase;
}
p.usr_name span
{
 color:#999999;
 font-weight:bold;
}
p.usr_name span.on
{
 color:#c06464 !important;
}
div.block_sl div.usr_comment
{
 min-height:16px;
 height:auto !important;
 height:16px;
 padding-top:10px !important;
 margin:0px !important;
}
div.block_sl div.usr_comment p
{
 line-height:14px;
 padding:4px 0px 9px 0px !important;
 margin:0px !important;
}
div.usr_comment span.date
{
 position:relative;
 top:4px;
 float:right;
 color:#a8a8a8;
 padding-left:10px;
}
form.send_otziv
{
 display:block;
}
form.send_otziv table.jqTransformTextarea
{
 margin:0px 0px 10px 0px !important;
}
form.send_otziv textarea
{
 width:733px;
 height:75px;
}

/* ЗагрузФа УзображенУп*/
table.files_load
{
}
table.files_load tbody th, table.files_load tbody td
{
 text-align:center !important;
 vertical-align:middle !important;
}
.smll_img
{
 text-align:center;
}
.smll_img img {
 margin-bottom:3px;
 border:solid 1px #d4d5d6;
}
.smll_img a img
{
 border:none;
 margin-bottom:0px;
}


.price
{
 color: #8c75c4;
 font-weight: bold;
}

/* РќР°РIУгацУя */
.pager
{
 width: 774px;
 margin: 0;
 padding-top: 5px;
 padding-bottom: 5px;
 text-align: center;
}
.pager *
{
 vertical-align: middle;
}
.pager span
{
 float: center;
 width: 15px;
 height: 11px;
 margin: 0 1em;
 list-style: none;
 font-weight: normal;
 font-size: 14px;
 color: #879597;
 text-align: center;
}
.pager a
{
 text-decoration: none;
 color: #879597;
}


/* КатаР>РѕРі */
.catalog
{
 margin: 9px 0;
}
.catalog *
{
 color: #8d8d8d;
}
.catalog div.block_m > a img
{
 float:  left;
 width: 100px;
 border: 3px solid #d4d5d6;
 margin: 10px;
}
.catalog .block_m_pos
{
 padding: 0px;
}
.catalog .about
{
 float:  left;
 width: 640px;
 margin: 10px 0 0;
}
.catalog .about .white
{
 margin-right: 0!important;
}
.catalog .params
{
 float:  left;
 width: 320px;
 margin: 0;
 padding-top: 0;
}
.catalog .params .white
{
}
.catalog .prices
{
 float: left;
 width: 320px;
 margin: 0;
}
.catalog .prices .white
{
 margin-right: 0!important;
}
.catalog .prices table
{
 width: 100%;
 height: 65px;
 margin: 0;
}
.catalog .prices td
{
 padding: 0 4px 0 0;
 vertical-align: middle;
}
.catalog .phone
{
 float: left;
 width: 320px;
 margin: 0;
}
.catalog .phone .white
{
 margin-right: 0!important;
}
.catalog .phone *
{
 color: #c06464;
 text-align: center;
 font-weight: bold;
}
.catalog .phone2
{
 float: left;
 width: 320px;
 margin: 0;
}
.catalog .phone2 .white
{
 margin-right: 0!important;
}
.catalog .phone2 *
{
 text-align: center;
}
.phone_number
{
 display: none;
}

/* РЈРїСЂР°РIР>енУе анФетаРjРЈ */
.manage .current table
{
 width: 100%;
 border: none;
}
.manage .current td
{
 width: 33%;
 background: none;
}


/* РџРѕРґРIР°Р> */
div.footer_width
{
	margin: 0 auto;
	background: url(../images/footer_bg.gif) no-repeat center top;
}
div.footer
{
 position:relative;
 z-index:100;
 overflow:hidden;
 color:#bebcae;
 text-align:left;
 font-size: 11px;
 padding:24px 0px 24px 10px;
 margin:0px;
}
div.footer div.white a
{
	text-decoration:underline;
}
div.footer div.white a:hover
{
	text-decoration:none;
}
div.footer div.white div.block_s_pos div.inf_txt ul
{
	float: left;
	padding: 0;
	margin: 0;
}
div.footer div.white div.block_s_pos div.inf_txt ul li
{
	float: left;
	list-style: none;
	text-align: center;
	margin-left: 7px;
	padding-left: 7px;
	border-left: 1px solid #dedede;
}
div.footer div.white div.block_s_pos div.inf_txt ul li:first-child
{
        margin-left: 0;
	padding-left: 0;
	border-left: 0;
}
div.footer div.white div.block_s_pos div.inf_txt ul li a
{
	color: #E97252;
}
div.footer a
{
 color:#a5a397;
 text-decoration:none;
}
div.footer a:hover
{
 text-decoration:underline;
}
div.footer p.r_pos
{
 float:right;
 margin: 0;
}
div.footer p.r_pos a
{
 margin: 0px 11px 0px 11px;
}
div.footer big
{
 font-size: 11px;
}

/* ПереФрытУе стУР>еп аФФордУона */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
.ui-widget-content
{
 background: url("../images/block_m_bg.gif") repeat #F1F1F1;
 border: none;
}
.ui-accordion .ui-accordion-header
{
 margin-top: 1px;
 margin-bottom: 1px;
 font-size: 14px;
 color: #555555;
}
.ui-accordion .ui-accordion-content
{
 padding: 0 1.5em;
}

/* Капча */
.recaptcha_input_area .jqTransformInputWrapper,
.recaptcha_input_area .jqTransformInputInner
{
 margin: 0;
 padding: 0!important;
 width: 100px!important;
 background-image: none!important;
}
.recaptcha_input_area input
{
 background: #fff!important;
}

#share42 {
  display: inline-block;
  margin: 0;
  padding: 6px 0 0 6px;
  background: #FFF;
  border: 1px solid #E9E9E9;
  border-radius: 4px;
}
#share42:hover {
  background: #F6F6F6;
  border: 1px solid #D4D4D4;
  box-shadow: 0 0 5px #DDD;
}
#share42 a {opacity: 0.5;}
#share42:hover a {opacity: 0.7}
#share42 a:hover {opacity: 1}

form.station_choise
{
 position: absolute;
 top: -45px;
 left: 0;
 width: 213px;
 margin: 0;
 padding: 4px;
/* border-radius: 5px;*/
 z-index: 10;
}
form.station_choise .jqTransformSelectWrapper,
form.station_choise .type-select
{
 margin: 0;
}

.similar a img
{
 display: inline-block;
 width: 100px;
 border: 3px solid #d4d5d6;
 margin-right: 10px;
}



/** detail panel **/
#details-pane {
  display: block;
  color: #414141;
  background: #f1f1f1;
  border: 1px solid #a9a9a9;
  position: absolute;
  z-index: 99999;
  padding: 0px 0px;
  margin: -1.5em 0;
}

/* Для страница "Анкета" */
p.txt_line
{
	clear:both;
	height:16px;
	line-height:16px;
	padding:0px !important;
	margin:0px !important;
	background:url(../images/line_2.gif) repeat-x left center;
}
p.txt_line i
{
	float:right;
	width:61px;
	color:#767676;
	font-style:normal;
	padding-left:5px;
	background:#fff;
}
.block_m p.txt_line i
{
 width:100px;
}
p.txt_line span
{
	float:left;
	color:#8d8d8d;
	padding-right:5px;
	background:#fff;
}
p.cost_line
{
	clear:both;
	height:16px;
	line-height:16px;
	padding:0px !important;
	margin:0px !important;
	background:url(../images/line_2.gif) repeat-x left center;
}
p.cost_line i
{
	float:right;
	color:#767676;
	font-style:normal;
	padding-left:5px;
	background:#fff;
}
p.cost_line b
{
	color:#8b74c5;
}
p.cost_line span
{
	float:left;
	color:#8d8d8d;
	padding-right:5px;
	background:#fff;
}
p.cost_zagl
{
	position:relative;
	clear:both;
	height:16px;
	line-height:16px;
	text-align:center;
	padding:0px !important;
	margin:0px !important;
}
img.cost_ico
{
	position:absolute;
	left:50%;
	top:20px;
	padding:3px;
	margin-left:-35px;
	background:#fff;
}
p.txt_z
{
 clear: both;
 line-height: 16px;
 margin: 0px;
}
p.txt_z span
{
 float: left;
 width: 61px;
 color: #8d8d8d;
}
p.txt_z strong
{
	color: #c06464;
}

.table_type1
{
 float: left;
 width: 100%;
 position: relative;
}
.table_type1 i.t_l, .table_type1 i.t_r, .table_type1 i.b_l, .table_type1 i.b_r
{
 display: block;
 overflow: hidden;
 position: absolute;
 z-index: 150;
 width: 4px;
 height: 4px;
 margin: 0;
 background: url(../images/anketa_tbl_ug.gif);
}
.table_type1 i.t_l
{
 left:0px;
 margin-top:10px;
 background-position:0px 0px;
}
.table_type1 i.t_r
{
 right:0px;
 margin-top:10px;
 background-position:-4px 0px;
}
.table_type1 i.b_l
{
 left:0px;
 bottom:10px;
 background-position:0px -4px;
}
.table_type1 i.b_r
{
 right:0px;
 bottom:10px;
 background-position:-4px -4px;
}

.table_type1 table
{
 width: 100%;
 border-top: none!important;
 border-bottom: none!important;
}
.table_type1 th,
.table_type1 td
{
 padding: 6px 11px 6px 11px;
 border: none;
 background: none;
 text-align: left;
 vertical-align: middle;
}
.table_type1 th
{
 border-left: 1px solid #cdcdcd;
 background: #dcdcdc url(../images/slider_bg.gif);
 color: #616161;
}
.table_type1 td
{
 border-left:  1px solid #ebebeb;
 border-top:  1px solid #ebebeb;
 background: #fff;
 color: #828282;
 line-height:16px;
 vertical-align: top;
}
form.anketa_comm table.ank_comm_pos tbody td p,
form.anketa_comm table.ank_comm_pos tbody th p
{
 padding:2px 0px 2px 0px;
 margin:0px;
}
form.anketa_comm table.ank_comm_pos td:first-child,
form.anketa_comm table.ank_comm_pos th:first-child
{
 border-left:none;
}
form.anketa_comm table.ank_comm_pos span
{
 color:#a8a8a8;
}
form.anketa_comm table.ank_comm_pos span.jqTransformCheckboxWrapper
{
 float:none;
 width:19px;
 margin:0px auto !important;
}

.price_info
{
 display: block;
 position: relative;
}
.price_info table
{
 width: 100%;
 border: none;
}
.price_info th
{
 background: url(../images/slider_bg.gif) repeat;
 border: 1px solid #eeeeee;
 font-weight: normal;
}
.price_info td
{
 border: 1px solid #eeeeee;
 font-weight: bold;
}
.price_info i.t_l,
.price_info i.t_r,
.price_info i.b_l,
.price_info i.b_r
{
 z-index: 200;
 width:5px!important;
 height:6px!important;
 background:url(../images/price_info_ug.jpg)!important;
}
.price_info i.t_l
{
 background-position: 0px 0px!important;
 top: 1px!important;
 left: 1px!important;
}
.price_info i.t_r
{
 background-position:5px 0px!important;
 width: 4px!important;
 top: 1px!important;
 right: 1px!important;
}
.price_info i.b_l
{
 background-position: 0 6px!important;
 left: 1px!important;
 bottom: 2px!important;
}
.price_info i.b_r
{
 background-position: 5px 6px!important;
 width: 4px!important;
 right: 1px!important;
 bottom: 2px!important;
}


div.carousel_big
{
 text-align: center;
}
div.carousel_big img
{
 border: solid 3px #d4d5d6;
}
#carousel img
{
 margin: 5px 0;
 border: solid 3px #d4d5d6;
}
.jcarousel-skin-tango, .jcarousel-skin-tango div
{
 margin:0px;
}
.jcarousel-skin-tango
{
 overflow:hidden;
 height:168px;
 margin-bottom:11px;
}
.jcarousel-skin-tango .jcarousel-container
{
 background: #dcdcdc url(../images/slider_bg.gif);
}
.jcarousel-skin-tango .jcarousel-direction-rtl
{
 direction: rtl;
}
.jcarousel-skin-tango .jcarousel-container-horizontal
{
 width: 680px;
 padding: 0px 29px 0px 29px;
 margin:0px auto;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal
{
 width:  697px;
 height: 168px;
}
.jcarousel-skin-tango .jcarousel-item
{
 height: 168px;
 text-align:center;
 padding:0px 4px 0px 4px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal
{
 margin-left: 0;
 margin-right: 5px;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal
{
 margin-left: 5px;
 margin-right: 0;
}
.jcarousel-skin-tango .jcarousel-item-placeholder
{
 background: #fff;
 color: #000;
}
.jcarousel-skin-tango .jcarousel-next-horizontal
{
 position: absolute;
 top: 0px;
 right: 0px;
 width: 24px;
 height: 168px;
 cursor: pointer;
 background: transparent url(../images/next-hor.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal
{
 left: 0px;
 right: auto;
 background-image: url(../images/prev-hor.png);
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover
{
 background-position: -24px 0;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:active
{
 background-position: -48px 0;
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active
{
 cursor: default;
 background-position: -72px 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal
{
 position: absolute;
 top: 0px;
 left: 0px;
 width: 24px;
 height: 168px;
 cursor: pointer;
 background: transparent url(../images/prev-hor.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal
{
 left: auto;
 right: 0px;
 background-image: url(../images/next-hor.png);
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover
{
 background-position: -24px 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active
{
 background-position: -48px 0;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active
{
 cursor: default;
 background-position: -72px 0;
}

.files_load td
{
 text-align: center;
}
.files_load td .type-check
{
 padding-left: 30px;
}

.about .jqTransformTextarea
{
 width: 270px!important;
}
.about .jqTransformTextarea textarea
{
 height: 120px!important;
}

/*
 Загрузка изображений
*/
.jqtransformdone  div.image > div
{
 float: left;
 clear: none;
 margin-top: 0;
 margin-right: 20px;
 margin-bottom: 0;
}

#anket
{
 margin: 9px 0;
}

/* Загрузка изображений */
.image_upload
{
 margin: 8px 0!important;
}
.image_upload .title
{
 padding-left: 15px;
 text-align: left;
}


.image_upload .thmb
{
 margin-left: 8px!important;
 position: relative;
}
.image_upload .thmb img
{
 border: 3px solid #D4D5D6;
}

.image_upload .thmb a.delete
{
 position: absolute;
 top: 0px;
 right: 0px;
 width: 16px;
 height: 16px;
 background: url('../images/delete.png') no-repeat;
}
.image_upload .upload .type-text,
.image_upload .upload .type-button
{
 float: left;
}
.image_upload .upload div.jqTransformInputWrapper
{
 width: 350px;
 margin-left: 0;
}
.image_upload .upload div.type-text
{
 padding-right: 110px;
}
.image_upload .upload .errors + .type-button
{
 padding-top: 10px;
 padding-left: 10px;
}

#create_avatar_link
{
 cursor: pointer;
 text-decoration: underline;
}
#create_avatar
{
 display: none;
 position: absolute;
 width: 80%;
 min-width: 1000px;
 height: 100px;
 top: 10%;
 margin: 0 10%;
 z-index: 200;
}
#preview
{
 width: 100px;
 height: 150px;
 margin: 0;
 overflow: hidden;
}
.imgareaselect-outer,
.imgareaselect-selection,
.imgareaselect-border1,
.imgareaselect-border2
{
 margin: 0;
 z-index: 300!important;
}
#сreate_avatar_file
{
 background: none!important;
}

strong.blocked
{
 color:red;
 text-decoration: line-through;
}