@charset "utf-8";
* {padding:0; margin:0; border:0;}			/*reset code, for more see http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	background:url(/img/body.gif) repeat-x 0 0;
	margin:5px;
	border:0;
	}
h1	{font-size:15px; color:#FFFFFF;}
h2	{font-size:14px; margin:0; padding:0; margin-top:10px; margin-bottom:4px; color:#CC0000;}
h3	{font-size:13px; color:#009933;}
div.h3{font-size:13px; color:#009933; margin:0; padding:0; margin-left:10px; font-weight:bold;}	/*блок кроме*/

a:hover{color:#800000; text-decoration:underline;}
a {color:#1E74AF; text-decoration:underline }

/*background:#fff url(/img/bg_lblue.gif) 0 100% repeat-x;}*/

	/* При установленном margin-bottom: в IE иногда сбивается привязка нижнего правого уголка, поэтому для "разрядки" по высоте юзаем line-height */
a.lmenu	{color:#3b8ac0;	margin-left:4px; margin-right:2px; padding-left:8px; line-height:20px; display:block; background:url(/img/arrow.gif) no-repeat left 6px;}
a.selected,
a.lmenu:hover{color:Maroon; background:url(/img/arrow_on_.gif) no-repeat left 6px;}

	/* табличка навигации по первым буквам Улиц и Агентств Недвижимости(если есть объявы) */
.ABC	{width:100%;}
.ABC A	{text-decoration:none!important; font-weight:bold!important; font-family:Verdana, Arial, Helvetica, sans-serif!important;}
.ABC a:hover,
.ABC a.sel,																			/* выделенная ссылка в таблице букв Улиц/АН ABC */
a.sel	{text-decoration:underline!important; color:Red;}							/* выделенная ссылка в других таблицах */
div.count	{float:right; color:#999999; margin:0 2px 0 5px;}						/* число ФирмВдоме/ДомовНАулице */

/* div.spacer не юзаем - в IE иногда уезжает правый нижний угол при абсолютном позиционировании. Юзаем br spacer:
div.spacer	{height:5px; clear:both; line-height:5px; font-size:5px; margin:0}*/	/*font-size force IE keeping MIN height of DIV */
br.spacer	{font-size:5px; margin:0;}								/*font-size force IE keeping MIN height of BR, margin:0 - for abs positioning in IE */
	/* btitle's:*/
.btitle	{border:1px solid #FFFFFF; padding-left:6px; height:26px; line-height:26px;}
.btitle h3	{font-size:13px; margin:0; padding:0; color:white; white-space:nowrap;}
.bg_blue{background:#49A2DA url(/img/bg_blue.gif) repeat-x left 1px;}
.bg_red	{background:#C80000 url(/img/bg_red.gif) repeat-x left 1px;}
.b_blue	{border:1px solid #3B8AC0; position:relative; width:100%;}	/* width:100% need for RoundCorners in IE positioning */
.b_lblue{border:1px solid #559FFF; position:relative; width:100%;}	/* width:100% need for RoundCorners in IE positioning, цвет чуть более светлый, чем .b_blue */
.b_red	{border:1px solid #C90303; position:relative; width:100%;}	/* width:100% need for RoundCorners in IE positioning */
/* #F18720 - оранжевый, #479DD6 -  */
.bg_blue_ {background:#E2EEFE; padding:6px; margin:0;}				/* Blue backGraund for text content */

/* RoundCorners */
div.top_left,
div.top_right,
div.bottom_left,
div.bottom_right {display:block; width:4px; height:4px; background:red; position:absolute; line-height:1px; font-size:1px; padding:0; margin:0;}
	/* for Opera. Если ширина div, в котором позиционируются уголки задана явно (.b_blue width:100%) в IE 6,8 работает ПОЧТИ нормально - иногда
	всё смещается на 1px, кроме верхнего левого угла. see http://forum.vingrad.ru/forum/topic-165992/kw-абсолютное-позиционированние.html */
div.top_left	{background:url(/img/tl.gif) no-repeat left top; 	top:-1px; 	 left:-1px;}
div.top_right	{background:url(/img/tr.gif) no-repeat right top; 	top:-1px; 	 right:-1px;}
div.bottom_right{background:url(/img/br.gif) no-repeat right bottom; bottom:-1px; right:-1px;}
div.bottom_left	{background:url(/img/bl.gif) no-repeat left bottom;  bottom:-1px; left:-1px;}
	/* Условный хак для IE - а то в некоторых случаях смещаются на 1px все, кроме верхнего левого угла: */
/*div.top_right, div.bottom_right {//right: expression( this.parentNode && this.parentNode.offsetWidth % 2 ? -2 : -1 );}
div.bottom_left	{//bottom: expression( this.parentNode && this.parentNode.offsetHeight % 2 ? -2 : -1 );} */
	/* Красные скругления: */
.b_red div.top_left		{background:url(/img/tl_.gif) no-repeat left top !important;}
.b_red div.top_right	{background:url(/img/tr_.gif) no-repeat right top !important;}
.b_red div.bottom_right	{background:url(/img/br_.gif) no-repeat right bottom !important;}
.b_red div.bottom_left	{background:url(/img/bl_.gif) no-repeat left bottom !important;}
	/* Закладка для названия фирмы: */
div.tabs		{background:url(/img/blue_px.gif) repeat-x left bottom; height:35px; padding:0; margin:0;}
div.tab_right	{background:url(/img/tabs_right.gif) no-repeat right top; height:35px; padding:0; margin:0; padding-right:10px; float:left;}
img.tab_left	{height:35px; padding:0; margin:0; float:left; border:0;}
div.tab_middle	{background:url(/img/tabs_middle.gif) repeat-x left top; height:35px; margin:0; padding:0; float:left;}

#hdr div#nav	{margin:0; padding:0;}
#hdr #logo		{padding:5px; padding-right:0; border:none; width:100px; float:left;}
#hdr img.ico	{height:18px; width:17px; vertical-align:text-bottom;}	/*width - обязательно, а то ячейки разлазятся пока не загрузится картинка*/
#hdr div#nav ul.main_nav {font-family:Arial,Tahoma; font-size:11pt; list-style-type:none; padding:6px 0 0; margin:0 0 0 7px; white-space:nowrap; float:left;}
#hdr div#nav ul.main_nav li {font-weight:normal; margin:0 0 5px; padding:0; white-space:nowrap;}
#hdr div#nav ul.main_nav li a {color:#676767; padding-left:5px; text-decoration:none;}
#hdr div#nav ul.main_nav li span {color:#676767; padding-left:5px; text-decoration:underline; font-size:11pt; font-weight:bold;}
#hdr div#nav ul.main_nav li a:active,
#hdr div#nav ul.main_nav li a:hover {text-decoration:underline;}

.center	{text-align:center;}
td.size10,
.size10	{font-size:10px!important;}
.size9	{font-size:9px;}
.fnt90	{font-size:90%;}
.fnt80	{font-size:80%;}
.text	{padding:4px; text-align:justify;}
.text p	{padding-left:5px; padding-right:5px; color:#009933; font-size:10px;}
.colored{color:#006633;}												/*тёмно-зелёный*/
.gray	{color:#707070;}
.silver	{color:#999999;}
.brown	{color:Brown;}
.noexist{background-color:#CCCCCC!important; color:#707070;}			/*ячейка td 'организации больше нет'*/
span.NOBR	{white-space:nowrap;}										/*валидный аналог тега <nobr>*/
  /*стили для статей*/
.quote																	/*тёмно-серый цвет, серая рамка, светло-серый бэкграунд*/
  {font-size:9px; color:#707070; background-color:#E2E2E2; border:1px solid Silver; padding:4px; text-align:justify;}
.note																	/*более мягкий: отступ 8px вправо, темно-серый цвет, серая рамка, светло-голубой бэкграунд*/
  {color:#666666; background-color:#E8F2FF; margin-left:8px; padding:4px; border:1px solid #E2E2E2; line-height:14px; font-size:12px;}
.note2																	/*более броский: темно-серый цвет, голубая рамка, светло-голубой бэкграунд*/
  {color:#666666; background-color:#E8F5FE; padding:4px; border:1px solid #3B8AC0; text-align:justify;}

	/* список фирм в таблице Рубрикатора: */
.list	{background-color:#E8F5FE; border:1px solid #E2EEFE; color:#666666;}

table#mini_nav		{padding:3px;}
#mini_nav			{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; margin:0;}
#mini_nav h4		{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; color:#009933; margin:0; padding-left:12px; padding-top:2px; background:url(/img/arrow_on_green.gif) no-repeat 4px 5px;} /*left:4px top:5px*/
#mini_nav a 		{color:#488ECC; display:block; background:url(/img/arrow.gif) no-repeat 4px 4px; padding-left:12px;}
#mini_nav a:hover	{color:#676767; background:url(/img/arrow_on_gray.gif) no-repeat 4px 4px;}
#mini_nav a.no_bull {background:none; padding-left:0px; text-transform:uppercase;}
#mini_nav a.no_bull:hover {background:none;}

	/* Таблица adr_tel выводится с обтеканием, поэтому IE при подсчёте высоты бюордюров не глючит - см примечание к sblns */
table.filial,		/*аналог table.adr_tel, но на всю ширину экрана и с более наворочанными стилями для описаний филиалов*/
table.adr_tel		{border-collapse:collapse; border:1px solid #3B8AC0;}	/* border-collapse:collapse - склеивать двойные бордюры */
	/* В 'table.adr_tel td'  не делаем 'white-space:nowrap' тк таблица должна сжиматься, юзаем <nobr> где надо: */
table.filial td,
table.adr_tel td	{border:1px solid #3B8AC0; background-color:#E8F5FE; padding:3px; vertical-align:top; text-align:left; font-size:11px; line-height:15px;}
table.adr_tel td.caption{background:#49A2DA url(/img/bg_blue.gif); margin:0; padding:0 3px; text-align:center; border:none; line-height:18px;}
table.filial span.city,
table.adr_tel span.city	{color:#707070; font-family:Verdana,sans-serif; font-size:10px; font-weight:normal;}

table.filial {width:100%;						/*аналог table.adr_tel, но без обтекания слева и ширина на 100%*/
	border-collapse:inherit!important;			/*чтобы заработал cellSpacing=3*/
	border:0px solid #3B8AC0!important;			/*бордюр у самой таблицы не нужен, только у ячеек*/
	}
table.filial td {border-spacing:5px!important;}
table.adr_tel span.AO,
table.filial span.AO	{						/*место под АвтономныйОкруг*/
	color:#006633;
	font-family:Verdana,sans-serif;
	font-weight:normal;
	font-size:10px;
	padding-left:2px;
	padding-right:2px;
	display:block;
	vertical-align:top;
	float:left;
	margin-right:3px;
	line-height:12px;
	border:1px solid #C6DDFD; /*#CED8E2;*/
	background-color:#E2EEFE; /*#D8E8FE;*/
	}
table.filial span.fld	{display:block; padding-bottom:2px; text-indent:8px; margin-left:10px; color:#333333;}	/*описание филиала*/
table.filial span.fl_tel{display:block; float:right; border:1px solid #C6DDFD; background-color:#E2EEFE; margin-left:10px;}	/*телефоны филиала*/
table.filial img.metro	{vertical-align:bottom; margin-right:4px;}	/*логотип метро в таблице филиалов*/
.fd_compact img.metro	{vertical-align:middle; margin-right:4px;}	/*логотип метро в карточке фирмы*/

table.nav_ao {border-collapse:collapse; margin-top:5px; width:80%;}
table.nav_ao td	{
	font-size:11px;
	padding-left:2px;
	padding-right:2px;
	text-align:left;
	border:1px solid #C6DDFD;
	background-color:#D8E8FE;
	white-space:nowrap
	}
/*table.nav_ao div {text-indent:2px;}							/*для районов МО сдвигать переносимую часть вправо*/
/*table.nav_ao div.mini {font-family:"Times New Roman", Times, serif;}	/*когда много АО или станций метро*/
table.nav_ao a.sel {text-decoration:none; color:#CC3300;}	/*кликнутая ссылка в страничной навигации по АО/Районам/Метро*/

table.nav_distr {border-collapse:collapse; margin-top:5px; border:1px solid #C6DDFD;}	/*навигация по районам АО, похожа на nav_ao*/
table.nav_distr td	{
	font-size:11px;
	padding-left:15px;
	padding-right:15px;
	text-align:center;
	font-weight:bold;
	color:#1E74AF; text-decoration:underline;				/*внешне имитируем ссылку*/
	border-left:1px solid #C6DDFD;							/*только между ячейками*/
	border-right:1px solid #C6DDFD;							/*только между ячейками*/
	background-color:#D8E8FE;
	}
table.nav_distr a.a_selURI,									/*постоянное выделение <a> по Району в URI*/
/*table.nav_distr td.td_selJS,	на Питере на используется	/*выделение <td> стилем по MouseOver над подМеню от этого <td>(через JS в DropMenu)*/
table.nav_distr a:hover{background-color:#78ACD5; color:#CC3300; display:block; width:100%;}	/*выделение <a> для событий hover над ним*/

	/*стили таблиц выпадающего меню навигации по Районам АО*/
table.submenu		{visibility:hidden; z-index:999; background-color:#B3D2FA; position:absolute; border-collapse:collapse;}
table.submenu td	{
	padding-left:2px;										/*отменить паддинг от родительской table.nav_distr.td*/
	padding-right:2px;
	border:1px solid #78ACD5;
	white-space:nowrap;
	background-color:#B3D2FA;
	text-align:left;
	font-weight:normal;
	}
/*table.submenu td.td_sel,	*/								/*<td> при статическом выделении по URI - пока не можем прописать из-за bTable()*/
table.submenu td:hover	{background-color:#78ACD5;}
table.submenu a, table.submenu a:active,
table.submenu a:visited	{padding:2px 0px 2px 4px; text-decoration:none;}
table.submenu td:hover a,									/*ссылка при событии MouseOver над родительским <td>*/
table.submenu a#a_sel,										/*ссылка при статическом выделении по URI*/
table.submenu a:hover	{text-decoration:none; color:#CC3300;}
table.submenu div		{color:#666666; float:right; margin-left:2px; margin-right:2px;}

table.work_time	{border-collapse:collapse;}
table.work_time td	{
	font-size:10px;
	/*line-height:14px;*/
	padding-left:4px;
	padding-right:4px;
	white-space:nowrap;
	text-align:center;
	border:1px solid #CED8E2;
	color:#666666;}
table.work_time td.nbrd	{border-left:0px solid #CED8E2; border-top:0px solid #CED8E2; border-bottom:0px solid #CED8E2;} 	/* table_brd.gif - точка цвета #CED8E2  background:#E8F5FE */
table.work_time td.now	{background-color:#E6E6E6;}
table.work_time caption{font-size:10px; line-height:14px;}	/* Задаём line-height, Иначе сбивается абсолютное позиционирование правого нижнего угла скругления в IE */

table.phones	{border-collapse:collapse;}					/* Олесина табличка и 'ещё по этому адресу', те же траблы с IE */
table.phones td	{
	background:#E8F5FE url(/img/_blue_px.gif) repeat-x left bottom;	/* blue_px.gif - точка цвета #B3D2FA */
	border-right:1px solid #B3D2FA;
	border-left:1px solid #B3D2FA;
	padding:3px;
	vertical-align:top;
	white-space:nowrap;
	text-align:center;
	}
table.phones td.caption{background-color:#B3D2FA;}

table.also td.caption{background-color:#B3D2FA; border-bottom:1px solid #B3D2FA;}	/*без бордера правое нижнее скругление в IE сбивается*/
table.also  td	{font-size:11px; text-align:left!important; white-space:normal!important;}	/*доп стиль для таблицы 'ещё по этому абресу'*/

span.fd_compact	{display:block; margin-bottom:6px; text-indent:12px; line-height:12px;}
span.firmd,
div.firmd	{display:block; margin-bottom:6px; text-indent:8px;}
span.fd,
div.fd		{display:block; margin-top:6px; margin-bottom:0px; text-indent:8px;}	/*аналог div.firmd но с отступом сверху, а не снизу*/
span.bull,
div.bull	{background:url(/img/arrow.gif) no-repeat left 6px;}	/*для буллета в firmd как в .lmenu*/

#Map {width:480px;
	margin:0;
	text-align:center;
	z-index:2;
	padding:0;
	/* background: url(/img/shadow.gif) no-repeat right bottom;	там уже есть один background-image */
	/* padding:0 5px 5px 0;					/* тень вокруг карты справа и снизу */
	border:1px solid #877E57;
	background-color:#DBECFF;
	cursor:move;
	}
#Map img.close	{float:right; cursor:default; height:19px; border:0px solid White; margin-right:3px; margin-top:3px; margin-bottom:3px;}						/* margin-bottom - чтобы задать минимальную высоту места 25 px*/
/*#Map img.move	{float:right; height:21px; border:0px solid White; padding-right:4px; padding-top:2px; cursor:move;}*/
#Map img.ico	{float:left; cursor:default; border:0px solid White; margin-left:3px; margin-top:3px;}
#GMapsID,
#YMapsID		{height:370px; width:100%; border-top:1px solid #877E57; margin:0; clear:both; z-index:1}
.ROUTE			{color:#009933; font-weight:bold;}

a.name 			{font-weight:bold;}			/* название фирмы в таблице фирм */
a.name:hover	{color:#CC0000;}
a.name:visited	{color:#48A1DD;}

.footer			{
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	background-color:#F0F0F0;
	color:#999999;
	padding-left:10px;
	padding-right:10px;
	font-size:11px;
	height:36px;
	text-align:center;
	}
.footer a		{color:#666666; text-decoration:none;}
.footer a:hover	{color:#333333; text-decoration:underline;}
.footer img		{border:none; height:15px; vertical-align:text-bottom; padding-left:5px; padding-right:5px; margin-bottom:1px;}
/* background:#F18720; background:#63BDF1; color:#006699; color:#D22B00; color:#D8F1FF; color:#D4D8EC; color:#006699; */
/*для формы добавления организации*/
input.edit	{border:1px solid Silver; color:#2e68b2; width:480px;}
input.file	{color:#2e68b2;}
textarea.edit	{border:1px solid Silver; color:#2e68b2;}

div.edit	{								/*ссылка Редактировать*/
	position:absolute;
	top:3px;
	right:0px;
	background-color:#EDF3FE;
	border:1px solid #74A8F5;
	padding:5px;
	margin-right:10px;
	}
div.index	{								/*показать наличие noIndex*/
	position:absolute;
	top:30px;
	right:0px;
	background-color:#E2E2E2;
	border:1px solid Silver;
	padding:5px;
	margin-right:10px;
	font-size:11px;
	}

.date {text-align:right; clear:both; padding-right:10px; color:#666666; font-size:11px; padding-left:160px;}	/*div даты изменения инфо об организации*/
div.archive {
	float:right;
	clear:both;
	margin-left:5px;
	margin-top:2px;
	padding-left:25px;
	padding-top:2px;
	padding-right:2px;
	padding-bottom:2px;
	white-space:nowrap;
	text-align:left;
	font-weight:bold;
	color:#0066CC;
	background-image:url(/img/archive.gif);
	background-repeat:no-repeat;
	background-position:2px center;
	border:1px solid #C6DDFD;
	background-color:#D8E8FE;
	}
div.correct {float:right; clear:both; margin-left:15px; white-space:nowrap; text-align:right;}		/*div для надписи сообщить об ошибке и кнопок LIKE*/
.correct a	{color:#009933; text-decoration:none; display:inline;}									/*ссылка сообщить о некорректной инфо*/
img.logo	{float:right; clear:both; margin-right:10px; margin-top:5px;}							/*логотип Фирмы*/
input.dialog {border:1px solid #5992c3; font-weight:bold; color:#49A2DA;}							/*кнопки в обратной связи/добавлении фирм*/
.star		{font-weight:bold; color:#FF0000; float:right;}											/*пометка для обязательного поля*/
IMG			{border:none;}	/*иначе IE рисуер рамки вокруг картинок*/
img.select	{margin-left:10px; vertical-align:middle;}
#city-menu	{visibility:hidden; z-index:999; position:absolute; margin-left:1px; padding:0; background-color:#D8E8FE; border:1px solid #3B8AC0;}
div.capt	{text-align:center; color:#CC0000; font-weight:bold; padding-top:3px;}
