@import "/iw.css";
@import "base.css";
@import "/asp/src/01/system.css";

/* -------------------------------------------------------------------- */
/* ------------------------------ BASE -------------------------------- */
/* -------------------------------------------------------------------- */

#header .navigation a.ss_active { color:red !important; }

#sb-body, #preframe {color: #000; font-size:13px; font-family: Trebuchet MS;  } /* Базовый шрифт и размер текста, цвет фона документа */
	#preframe { background:#454c5c; }
a { color:#bb0000; text-decoration:none;} /* Цвет и оформление ссылок */
	a:hover {color: #ee7600; text-decoration:underline;} /* Цвет и оформление ссылок под указателем */

h1, h1 a {font-size:16px; font-weight:bold; color:#000000;} h1 {padding:0; margin:11px 0 11px 0; } /* Основной заголовок */
h2, h2 a {font-size:16px; font-weight:bold; color:#000000;} h2 {padding:0; margin:0; } /* Дополнительный заголовок (название позиции в каталоге) */
.path { margin-bottom:10px;  color: #999999; font-size:85%;} .path a { color: #999999;}

input, select, textarea { background:#ffffff; border: 1px solid #888888;} /* Стиль форм: текстовых полей, кнопок, выпадающих списков */

hr { height:1px; background:none; border:none; border-top:1px solid #b0b0b0;}

/* -------------------------------------------------------------------- */
/* ----------------------------- COMMON ------------------------------- */
/* -------------------------------------------------------------------- */



.telegram-button {
    position: fixed;
    top: 20px;
    right: 20px;
    background-color: #0088cc;
    color: white; /* Цвет текста */
    border-radius: 8px; /* Закругленные углы */
    padding: 10px 15px; /* Отступы для кнопки */
    text-decoration: none; /* Убираем подчеркивание */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    transition: background-color 0.3s;
    font-weight: bold; /* Жирный текст */
	font-size: 20px; 
}

.telegram-button:hover {
    background-color: #007bb5; /* Цвет при наведении */
	color: white; /* Цвет текста */
	text-decoration: none; 
	
}

/*#sb-content { background:#E6E6E6}*/

.subcontent { clear:both;} /* Подконтент - используется для создания смысловых разделительных отступов внутри контента */

.rating_container { width: auto !important; position: absolute !important; font-size:85%; margin-left: -120px; } /* Всплывающая таблица для голосования в новостях и каталоге */
	.rating_container th { color:#000 !important;} /* Ее заголовок */

.navigation { padding:6px; background-color:#f4f8fb; border:1px solid #d0e0f0; border-radius:4px; -moz-border-radius:4px;} /* Блок с навигационными ссылками внутри контента (например, предыдущая/следующая тема в форуме, папки в личных сообшениях) */

.ssMenu { background:#666;} /* Стиль меню, используется в блоках Меню пользователя и Основное меню */
	.ssMenu a {background-color: #e6e6e6; border:none;} 
	.ssMenu a:hover {background-color: #fff;} 
	.ssMenu a.highlight {background-color: #fcc;} /* Активный пункт меню */

.admin_panel {border:1px solid black; background: url(/diz/default/images/adminpanel_bg.png); }  /* Нижнее плавающее меню администратора  */
	#admin_panel_buttons { width:20px; height:20px; border-left:1px solid #000;} /* Кнопка свернуть/восстановить меню */
	#admin_panel_buttons span { width:16px; height:16px;}


.button { border: 1px solid #cccccc; background:#ffffff; padding:2px 4px; margin:0 1px;} /* Ссылки оформленные в виде кнопок */
	a.button_tocart, a.button_order { background:#aa0004; color:#ffffff;} a.button_order:hover, a.button_tocart:hover { color:#ffffff; text-decoration:underline;} /* Кнопка "Заказать" и "В корзину"*/
	.button_admin { font-size:12px; background: #f5f0bf; border:1px solid #e1ab04; color:#000000; } a.button_admin:hover { color:#000000;} /* Кнопки администрирования (Редактировать, удалить) */
	.button_admin { border-radius:4px; -moz-border-radius:4px; }
	
.button_comment { background: url(images/item_head.gif) repeat-x center #6699CC; border: 1px solid #345487; color: #ffffff;}  /* Кнопки создать тему/опрос в форуме */
.button_comment:hover { color:#ffffff;}

.outer>tbody>tr.trajs td {background-color: #FFD2D2;}

.divPrice { text-align:center; font-weight:bold; color:red; }
.divButtons { }
td.cellImage { background:#ffffff !important; }

.ss-pagact {  }
#ss-pagenav a, #ss-pagenav a:hover { }

/* -------------------------------------------------------------------- */
/* -------------------- TABLES .ssItem & .outer ----------------------- */
/* -------------------------------------------------------------------- */



.ssItem { background: #ffffff; border: 1px solid #cccccc;} /* Основной стиль таблиц, используется для контентной части сайта */

	.ssItem>tbody>tr>td.head, .ssItem>tbody>tr.head, .ssItem>tbody>tr.head>td {background: #efefef; background: url(images/outer_head.gif) repeat-x 0 0 #ffffff;}  /* Заголовок таблицы */
	.ssItem>tbody>tr>td.head, .ssItem>tbody>tr.head, .ssItem>tbody>tr.head a, .ssItem>tbody>tr>td.head a  { color:#000;}
	.ssItem>tbody>tr>td.headalt, .ssItem>tbody>tr.headalt>td, .ssItem>tbody>tr.headalt>td {background: #efefef; background: url(images/outer_head.gif) repeat-x 0 0 #ffffff; border:0px solid #e4e4e4; }  /* Альтернативный заголовок таблицы (используется в случаях, когда подряд идет много однотипных таблиц класса ssItem). Обычно делается менее выделяющимся чем основной заголовок */
	.ssItem>tbody>tr>th {background: url(images/item_th.gif) repeat-x 0 0 #bfd3ee;} /* Заголовок столбца */
	.ssItem>tbody>tr>th, .ssItem>tbody>tr>th a {color: #000000;}
	.ssItem>tbody>tr>td.info,.ssItem>tbody>tr.info>td {background-color: #efefef; border:1px solid #e4e4e4; } /* Служебная информация о таблице. Часто - опции вида таблицы или ссылки относящиеся к ее содержанию */
	.ssItem>tbody>tr>td.even, .ssItem>tbody>tr.even>td, .ssItem>tbody.even>tr>td {background-color: #efefef; border:1px solid #e4e4e4; }  /* Нечетная строка основной части таблицы */
	.ssItem>tbody>tr>td.odd, .ssItem>tbody>tr.odd>td, .ssItem>tbody.odd>tr>td {background-color: #f6f6f6; border:1px solid #e4e4e4;} /* Четная строка основной части таблицы */
	.ssItem>tbody>tr.foot, .ssItem>tbody>tr.foot td {background: #efefef; border:1px solid #e4e4e4;  } /* Подвал таблицы. Часто со статистикой (например, "всего сообщений:") */

.outer, .login-form { background:#ffffff; border: 1px solid #cccccc;} /* Дополнительный стиль таблиц, используется для служебной части сайта - авторизация, настройки и проч., а также для блоков */
	.outer { -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;border-radius: 5px;}
	.outer>tbody>tr>th { -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;} /* Заголовок */
	.outer>tbody>tr>th, .login-form>tbody>tr>th {background: url(images/outer_head.gif) repeat-x 0 0 #ffffff; border: 1px solid #d4d4d4; }
	.outer>tbody>tr>th, .outer>tbody>tr>th a { color:#000000; text-decoration:none;}
	.outer>tbody>tr.head, .outer>tbody>tr.head td, .outer>tbody>tr>td.head {background: #e5e5e5; border:1px solid #d4d4d4; }  /* Заголовок столбца */
	.outer>tbody>tr.head, .outer>tbody>tr.head a { color:#000;}
	.outer>tbody.even>tr, .outer>tbody.even>tr>td, .outer>tbody>tr.even, .outer>tbody>tr.even>td, .outer>tbody>tr>td { background-color: #efefef; border:1px solid #e4e4e4;  } /* Нечетная строка основной части таблицы */
	.outer>tbody.odd>tr, .outer>tbody.odd>tr td, .outer>tbody>tr.odd, .outer>tbody>tr.odd td { background-color: #f6f6f6; border:1px solid #e4e4e4;  } /* Четная строка основной части таблицы */
	.outer>tbody>tr.foot, .outer>tbody>tr.foot td, .outer .bg2, .outer .bg2 td, .outer>tbody>tr.info, .outer>tbody>tr.info td {background: #e5e5e5; border:1px solid #d4d4d4;} /* Служебная информация о таблице. Часто - опции вида таблицы или ссылки относящиеся к ее содержанию */
	
	
	
	

/* ----------------------------------------------------------------- */
/* --------------------------  GEOMETRY  --------------------------- */
/* ----------------------------------------------------------------- */

#frame { max-width:1240px;} /* Контейнер, в котором содержится все остальное. Его ширина определяет ширину всего сайта */



#header { background: url(images/head-2.gif) repeat-x; height:224px;} /* Шапка */
	#header td { padding:0px; vertical-align:middle; margin:0px; }
	#header1 { background: url(images/head-1.gif) repeat-x; width:8px; }
	#header3 { background: url(images/head-3.gif) repeat-x; width:8px; }
	#header21 { height:28px; white-space:nowrap; }
		.SSCart_a { font-weight:bold; }
		#header21 { padding-top:2px; }
			#header21 div { padding-left:15px; }
			#header21 a { color:#000000; }
		#header21 #search_form { background:#ffffff; border:1px solid #dadada; padding: 0 6px;  }
			#header21 #search_input { width:200px; border:none; font-size: 12px; }
			#header21 #search_image { background: url(images/search.gif) no-repeat center; border:none; padding:6px 4px 2px 4px; }
	#header22 { height:158px; padding-left:20px !important; padding-right:30px !important; }
		#header22 { text-align:right; font-family:Verdana; font-size:16px; line-height:150%; background: url(images/head-photo.jpg) #ffffff no-repeat 280px 0; }
			#header22 span { color:#d81f27; font-size:120%; }
		#header221 { text-align:left; }
		#header222 div { }
		#header223 { text-align:right; }
		#header221 div, #header223 div { position:relative; z-index:50;}
	#header23 { height:38px; }

#menu td { text-align:center; }
	#menu td.menu-splitter { background:url(images/menu-splitter.gif) no-repeat center; width:2px;}
	#menu a { color:#cacccb; text-transform:uppercase; white-space:nowrap; padding: 4px 20px; }
	#menu a:hover, #menu a.ss_active { color:#ffffff; font-weight:bold; }

#body1 { background:url(images/body-1.gif) no-repeat center; height:9px; }
#body2 { background:url(images/body-2.gif) repeat-y center #ffffff; padding:4px 14px; }
#body3 { background:url(images/body-3.gif) no-repeat center; height:9px; }

.block {width: 202px; background: url(images/block-2.gif) repeat-y; } /* Колонка левых блоков */
	.block1 { background: url(images/block-1.gif) no-repeat; height:10px;}
	.block3 { background: url(images/block-3.gif) no-repeat; height:10px;}
	.block th { text-align:left; font-size:16px; padding-right:0px; }
	.block a.perma_link { color:#ee7600; padding-left:10px; font-size:12px; }
	.block>tbody>tr>td { padding:8px 0 12px 0; }

#rightcolumn { padding-left:20px;}
#leftcolumn { padding-right:20px;}

#centercolumn {width:100%;} /* Колонка центральных блоков и контента */
	#content {text-align: left; padding: 0px;} /* Основное содержимое страницы */


#footer { font-size:.9em; height : 23px;} /* Подвал с копирайтами и/или счетчиками */
	#footer>tbody>tr>td { vertical-align : middle; text-align:center;}

/* ----------------------------------------------------------------- */
/* ------------------------ MODULE INFO  --------------------------- */
/* ----------------------------------------------------------------- */

.module_info .info_date { font-weight: normal; text-decoration:underline;}
.infotopics_ul { list-style-type:none;}

table.article_info>tbody>tr>td { text-align:center; }

.article_info .divPrice { text-align:center; padding-top: 30px; padding-bottom:10px;}	
.article_info .divButtons { text-align:center; }	
.article_info2 { vertical-align:middle; text-align:left !important;}
.article_info2_list { padding-left:60px; }
.divDominant { font-weight:bold;}

.nw_info_article2 .article_info1, .nw_info_article2 .article_info2 { background: #ffffff !important; border:none !important; }
.nw_info_article3 .divButtons, .system_comment .divButtons { text-align:right; }

.compare_col { background: url(images/compare_elem_bg_all.gif) no-repeat bottom; width:234px; }
.compare_first_row { background: url(images/compare_elem_bg_top.gif) no-repeat top; }
.compare_last_row { background: url(images/compare_elem_bg_bottom.gif) no-repeat bottom; }

#frame-compare .attr_cat { font-weight:bold; }
.compare_col { color:#444444; }
#frame-compare a.delete { color:red; background: url(/images/cross_small_red.png) no-repeat left; }

#frame-compare #maintable { border-spacing:0px; }
#frame-compare { background:#EFEFEF; border:1px solid #CCCCCC; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;border-radius: 5px; }

#frame-compare .hover>td>div>div { background:#fff0f0; }
#frame-compare .toggle_class>td>div>div { background:#FFFF80; }

/*.news .news_item .ssItem, 
.module_news .news_item .ssItem .head, 
.module_news .news_item .ssItem .head td, 
.module_news .news_item .ssItem .body, 
.module_news .news_item .ssItem .info, 
.module_news .news_item .ssItem .foot, 
.module_news .news_item .ssItem .foot td 
	{ border:none; background: transparent; padding:0px;}

.module_news .news_item .ssItem .head, .module_news .news_item .ssItem .head a { color: #000000; font-weight:bold;}
.module_news .news_item .ssItem .head td { border-bottom: 1px solid #999999;}*/

.infotopics_ul { padding:4px 0px 12px 0;}
.infotopics_ul li { background: url(images/marker-red.gif) no-repeat 0px 9px; }
.infotopics_ul li a { padding-left:14px; font-size:16px; }


.nw_info_block_latestinfo li { list-style-type: none; }
.nw_info_block_latestinfo .info_date { color:#a5a5a5; font-weight:normal; }
.nw_info_block_latestinfo ul { padding:0px; margin:10px;}

.nw_info_block_latestinfo4 .latestinfo_item { display:block; background:url(images/block-catalog.jpg) no-repeat; height:160px; width:146px; margin:0 auto; }
.nw_info_block_latestinfo4 .latestinfo_item { text-align:center; }
.nw_info_block_latestinfo4 .latestinfo_itemTitle { height:50px; vertical-align:middle; display:table-cell; }
.nw_info_block_latestinfo4 .latestinfo_itemTitle a { color:#ffffff; }
.nw_info_block_latestinfo4 .latestinfo_itemBody img { margin:0 auto; border:1px solid #ffffff; }

.nw_info_block_latestinfo2 li {  background: url(images/marker-red.gif) no-repeat 0px 9px;  }
.nw_info_block_latestinfo2 li a { padding-left:14px; font-size:16px; }
.nw_info_block_latestinfo2 ul { margin: 0 8px; }

/* ----------------------------------------------------------------- */
/* ------------------------ MODULE FORUM --------------------------- */
/* ----------------------------------------------------------------- */

/* ----------------------------------------------------------------- */
/* -------------------------  MODULE PM  --------------------------- */
/* ----------------------------------------------------------------- */

/* ----------------------------------------------------------------- */
/* ------------------------ MODULE SYSTEM -------------------------- */
/* ----------------------------------------------------------------- */

/* ----------------------------------------------------------------- */
/* -----------------------  MODULE KATALOG  ------------------------ */
/* ----------------------------------------------------------------- */

.module_katalog .katalog_item_image { width:160px; background:#ffffff !important;  } /* Картинка позиции в листинге списком */
.module_katalog td.katalog_item_tableimage { height: 168px; } /* Картинка позиции в листинге таблицей */
.price {color:red; font-size:13px;}
.module_katalog .main_photo .price, .module_katalog .inc_preview .price { font-size:16px; font-weight:bold; }
.old_price { text-decoration: line-through;}









.comTitle a {font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: .9em; color: #2A75C5; font-weight:bold; border: 1px solid #c0c0c0; background-color: #fff; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; color: #2A75C5; font-weight:bold; font-size: .9em;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: .9em;font-weight:bold;}
.comUserRankImg {border: 0;}
.comUserName a {color: #fff;}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-size: 80%;}
.comPostEdit {font-weight: normal; font-size: 80%;}
.comDateCaption {font-weight: bold; font-style: normal;}


/* FORUM */

.divViews, .divReplies {  display:inline-block; }
.cellViews, .cellReplies, .cellAuthor { text-align:center; }
.cellLastComment { text-align:right; }



.pn { /*display:none;*/ position:absolute; top:100px; text-align:center; width:100%; z-index:1000; }
.pn>div { position:relative; z-index:1000; margin:0 auto; width:631px; }
.pn-1 { background:url(images/pn-bg1.png) no-repeat; height:24px; }
.pn-2 { background:url(images/pn-bg2.png) repeat-y; }
.pn-3 { background:url(images/pn-bg3.png) no-repeat; height:24px; }
.pn-close { float:right; margin-top:-10px; margin-right:35px; }
.pn-content { padding:10px 35px; text-align:justify; }


.b-share-icons { padding:10px 0; text-align:left; }
.b-share-icon {
    background: url("//yandex.st/share/static/b-share-icon.png") no-repeat scroll 0 99px transparent;
    border: 0 none;
    display: inline;
    float: left;
    height: 16px;
    overflow: hidden;
    padding: 0 !important;
    vertical-align: top;
    width: 16px;
	margin: 0 2px;
}
.b-share-icon_vkontakte, .b-share-icon_custom {
    background-position: 0 0;
}
.b-share-icon_yaru, .b-share-icon_yaru_photo, .b-share-icon_yaru_wishlist {
    background-position: 0 -17px;
}
.b-share-icon_lj {
    background-position: 0 -34px;
}
.b-share-icon_twitter {
    background-position: 0 -51px;
}
.b-share-icon_facebook {
    background-position: 0 -68px;
}
.b-share-icon_moimir {
    background-position: 0 -85px;
}
.b-share-icon_friendfeed {
    background-position: 0 -102px;
}
.b-share-icon_mail {
    background-position: 0 -119px;
}
.b-share-icon_html {
    background-position: 0 -136px;
}
.b-share-icon_postcard {
    background-position: 0 -153px;
}
.b-share-icon_odnoklassniki {
    background-position: 0 -170px;
}
.b-share-icon_blogger {
    background-position: 0 -187px;
}
.b-share-icon_greader {
    background-position: 0 -204px;
}
.b-share-icon_delicious {
    background-position: 0 -221px;
}
.b-share-icon_gbuzz {
    background-position: 0 -238px;
}
.b-share-icon_linkedin {
    background-position: 0 -255px;
}
.b-share-icon_myspace {
    background-position: 0 -272px;
}
.b-share-icon_evernote {
    background-position: 0 -289px;
}
.b-share-icon_digg {
    background-position: 0 -306px;
}
.b-share-icon_juick {
    background-position: 0 -324px;
}
.b-share-icon_moikrug {
    background-position: 0 -341px;
}
.b-share-icon_yazakladki {
    background-position: 0 -358px;
}
.b-share-icon_liveinternet {
    background-position: 0 -375px;
}
.b-share-icon_tutby {
    background-position: 0 -392px;
}
.b-share-icon_diary {
    background-position: 0 -409px;
}