@charset "utf-8";
body {
	font: 0.9rem/1.4 Arial, Helvetica, sans-serif;
	background:#FFF;
	margin: 0;
	padding: 0;
	color: #333;
}

/* ~~ Селекторы элементов/тегов ~~ */
ul, ol, dl { /* Из-за различий между браузерами рекомендуется обнулять поля в списках. Для согласованности можно указать нужные величины либо здесь, либо в элементах списка (LI, DT, DD), которые они содержат. Помните, что сделанное здесь последовательно включается в список .nav, если только не будет прописан более конкретный селектор. */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p, table, .hr_div, address, div.up, .pad  {
	margin-top: 0;	 /* удаление верхнего поля позволяет обойти проблему выхода полей за границы содержащего их контейнера DIV. Оставшееся нижнее поле отделит его от любых последующих элементов. */
	padding-right: 15px;
	padding-left: 15px; /* добавление боковых полей к элементам внутри контейнеров DIV, а не к самим контейнерам избавляет от необходимости расчетов рамочной модели. В качестве альтернативы можно использовать вложенный контейнер DIV с боковыми полями. */
}
caption {margin:0px 15px; padding:5px 0}
h1, h2 { color:#003390}
h3 { color:#333}

h2 {font: 0.95em/1.6 Arial, Helvetica, sans-serif;
    margin: 0 0 1px;}

#home_page h2,  #home_page h2 a {
	font: 1.2em/1.6 Arial, Helvetica, sans-serif;
    margin: 0 0 10px;}

h3 {
    font: 1.45em/1.4 Arial, Helvetica, sans-serif;
	font-weight:bold;
    margin: 0 0 5px;}
h3.sub {
    font: 1.25em/1.4 Arial, Helvetica, sans-serif;
	font-weight:bold;
    margin: 0 0 5px;
	padding:0;}


h4.page_subheader { 
    color: #333;
    margin: 14px 0 3px;
    text-transform: uppercase;
}

hr {margin-left:15px;}


.attention {color:#CC0000}

a img { /* этот селектор убирает стандартную синюю рамку, которая появляется у изображений в некоторых браузерах, если вокруг изображения есть ссылка */
	border: none;
}

/* ~~ Оформление ссылок на вашем сайте должно оставаться в этом порядке, включая группу селекторов, создающих эффект наведения. ~~ */
a:link, a:visited {
	color:	#003390;
	text-decoration: none; /* если только ссылки не должны выглядеть исключительно своеобразно, то для быстрого зрительного распознавания рекомендуется использовать подчеркивание */
}
a:hover, a:active, a:focus { /* эта группа селекторов обеспечивает пользователю, работающему с клавиатурой, такие же возможности наведения, как и при использовании мыши. */
	color:#003390;
	text-decoration: underline;
}

.hr_div{ width:auto; height:1px; border-bottom:1px solid #003; margin:5px 0.8% 17px 15px;}

/* ~~ этот контейнер окружает все остальные контейнеры DIV, задавая их ширину на процентной основе ~~ */
.container {
	width: 100%;
	max-width: 1260px;/* желательно задать максимальную ширину, чтобы макет не стал слишком широким на большом экране. Это повышает удобство чтения строк. В IE6 это объявление не соблюдается. */
	min-width: 780px;/* желательно задать минимальную ширину, чтобы макет не стал слишком узким. Это повышает удобство чтения строк в боковых столбцах. В IE6 это объявление не соблюдается. */
	background: #FFF;
	margin: 0 auto; /* автоматическое задание величин по бокам в совокупности с шириной центрирует макет. Это необязательно, если ширина контейнера составляет 100 %. */
	white-space: nowrap;
}

/* ~~ верхнему колонтитулу не задана ширина. Он растянется на всю ширину макета. Он содержит заполнитель для изображения, который должен быть заменен логотипом по ссылке ~~ */
.main_header {
    background-color: #73BAF1;
    background-image: url(/files/fonhead.jpg);
    background-repeat: repeat-x;
	height:123px;
	position:relative;
	width:100%;
}

.main_header img {
	position: absolute;
	left:29px;
	bottom:0;
}

.main_header nav {position:absolute; left:45px;top:123px} /*dam заготовка для навигации*/

#list{
/*	height:49px;*/
	margin:2px 0 -10px 0;
/*	background:url(images/list_background.png);*/
/*	overflow:hidden;*/
	position:relative;
	z-index:40;
}
#lang_list {
	height: 20px;
	position: absolute;
    right: 10px;
    top: -105px;
    width: 40px;
    z-index: 100;
}
#lang_list a{ padding:5px 3px 3px !important; background-color:rgba(255, 255, 255, 0.5)}

#list > ul{
	display:table;
	margin:auto;
	list-style: none outside none;
	position: relative;
}

#list li{
	background-color: whitesmoke;
	float:left;
	text-transform:uppercase;
	font-family:"Arial Narrow";
	font-weight:bold;
    line-height: 2.9em;
/*	font-size: 14px; 
    line-height: 40px;*/
	margin: 0 1px;
}

#list > li:hover {
    transition-delay: 0.15s !important;
}

#list a {
	font-size: 0.8em;
    display: block;
    padding: 0 13px;
	text-decoration:none;
	text-align:left;
	color:#333;
}

#list a:hover, #list a:active{
	color:#0055aa;
	background-color:#DDD;
}


#list .roll_menu {
    background: #f0f0f0 none repeat scroll 0 0;
    border: 1px solid #c0c0c0;
    border-radius: 0 0 5px 5px;
    left: 0;
    margin-top: -100px;
    opacity: 0;
    padding: 25px 0;
    position: absolute;
	top:2.9em;
    transition-delay: 0.3s;
    visibility: hidden;
    width: 100%;
    z-index: 1000;
}

#list li:hover .roll_menu{
    margin: 0;
    opacity: 1;
    transition: margin 0.2s ease-out 0.1s, opacity 0.2s ease-out 0.3s;
    visibility: visible;
}

.roll_menu > img {
    float: left;
    margin: 0 25px;
}

#list .menu_nested_header a {font-size:107%;}

#list .menu_nested_ul  {	display:table;	list-style: none outside none; margin: 0;}

#list .menu_nested_ul  li {min-width: 190px;}
#list .menu_nested_ul  li.very-narrow {min-width: auto;}
#list .menu_nested_ul  li.narrow {min-width: 128px;}
#list .menu_nested_ul  li.average {min-width: 150px;}
#list .menu_nested_ul  li.wide {min-width: 240px;}
#list .menu_nested_ul  li.very-wide {min-width: 320px;}


#list .menu_nested_ul  a:hover, #list .menu_nested_ul  a:active {background-color: #fff;}
#list .menu_nested_ul.has_logos  li {line-height:1.6em; }
#list .menu_nested_ul.has_logos  a {height:90px; display: table-cell; text-align: center; vertical-align:middle; width:110px;}
#list .menu_nested_ul a img {margin-top:10px;}

/* ~~ Столбцы для макета. ~~ 

1) Поля размещены только вверху и/или внизу DIV. Элементы в этих DIV имеют боковые поля. Это избавляет пользователя от необходимости расчетов рамочной модели. Помните, что при добавлении боковых полей или границы к самому DIV их ширина будет добавлена к задаваемой ширине, что образует "полную" ширину. Кроме того, можно удалить поля элемента в DIV и поместить внутри него второй DIV без ширины и с необходимыми по проекту полями.

2) Столбцы не снабжаются полями, поскольку все они обтекающие. Если нужно добавить поля, то  желательно не с той стороны, с которой обтекается столбец (например, правое поле у div, настроенного на обтекание справа).  Часто вместо этого можно применить padding. В случаях, когда это правило приходится нарушить, следует добавить к правилу div объявление "display:inline", чтобы исправить ошибку с удвоением полей в некоторых версиях Internet Explorer. 

3) Поскольку классы можно использовать в документе многократно (а к элементу можно применять несколько классов), то столбцам вместо идентификаторов назначены имена классов. Например, два DIV с боковыми панелями могут при необходимости стыковаться. По желанию имена можно легко заменить на идентификаторы при условии, что они используются по одному на документ.

4) Если вы предпочитаете, чтобы панель навигации была справа, а не слева, просто установите обтекание столбцов в противоположном направлении (все справа, а не слева), они выстроятся в обратном порядке. Перемещать DIV в исходном коде HTML-документа не нужно.

*/
.sidebar1 {
	float: left;
	color: #003390;
	font: 0.8em/1.4 Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
    padding-top: 34px;
    width: 280px;
	padding-bottom: 60px; /*added for informers*/
	white-space:normal;
}

/*sidebar1 contents*/
.sidebar1 table { margin-left:15px; padding-bottom:15px; padding-left:0px;}
.sidebar1 a { color:#172D47; }
.sidebar1 a:hover { color:#003390; }

#work_time { color:#CC0000;}
.black, #address_header {color:#333;}
#address H4 {font-size: 1.15em}
address, #address {font-size: 0.95em; font-style: normal;}

#partners { padding:20px 0 30px 15px; }
.partners-title { font-weight:bold; color: #333; padding-bottom:20px;   }
.partner a {margin-top: 10px;}
.partner-logo { }

/*end of .sidebar1*/


.content {
	padding: 25px 0;
	/*width: 76%;*/
	display:inline-block;	
	min-width:680px;
	max-width: 970px;
/*	float: left;	display:inline-block;*/
	white-space:normal;

}

.content p {text-align: justify; margin-bottom: 0.8em}

#main_content h1, #main_content h1 a {
    color: #003390;
	font: 1.6em/1.3 Arial, Helvetica, sans-serif;
    margin: 0 0 3px;
}
#main_content center table { width:95%;}
#main_content table {padding-left:15px; padding-right:15px;}
#main_content table table {padding-left:0px; padding-right:0px;}

#category_page div.accordion {margin-left:15px;}


.cat_upper_part, .prd_upper_part {clear:both; margin-right: 0.7%; margin-bottom:10px}
/*.prd_upper_part {width:700px;}*/
.prd_series_table_div  {width:770px; margin:10px 0 25px;}

/* ~~ Стили для разметки основного блока main_content ~~ */
.cat_picture_div {float:left; width:235px; position:relative; z-index:2; padding-right: 15px;}
.cat_picture_div img {margin:3px 15px;}
.prd_picture_div img {margin:3px 0 3px 15px;}


.cat_picture_div a, .prd_picture_div a { text-decoration:none;}



.cat_short_text {/*font-size: 0.9em;*/ vertical-align: top; width: 100%; padding-bottom: 0.8em; position:relative; z-index:1} /*display: inline-block;  removed - для обтекаемости */

#subs { margin:20px 0;}
.cat_list {width:220px; text-align:center; padding: 0 0 10px; vertical-align:top;}
.cat_list h2 {font: 0.95em/1.4 Arial,Helvetica,sans-serif;}

h2.pv_cat { padding-bottom:0.8em; font: bold 1.05em/1.6 Arial, Helvetica, sans-serif;}
.pv_cat_table {min-width:80%}
.pv_cat_table caption {text-align:justify}
.pv_cat_table td {padding:3px 6px 3px 0px}



.cat_picture {width:220px}
.cat_small_pictures_group_by_two {display:table-row}
/* -- small category pictures -- */
.cat_small_pictures_div { margin:10px 0 0; display:table;}
.cat_small_pic_div { display:inline-block;  vertical-align:middle; text-align:center}
img.cat_small_picture {width:103px; margin:0px -5px 10px 15px}


fieldset {padding:0.7em 0.6em; border:1px #1214d7 solid; background-color:#FFFDF4}
fieldset > legend{ font-size: 13.5px; color:#333; font-weight:normal; font-variant: small-caps;}
.cat_subs { display:table; margin-bottom: 15px; padding: 5px 10px 10px 0; left:-1px; position: relative; }
.cat_subcat {background:url(/images/line_l-150.jpg) bottom left no-repeat; display: table; margin-bottom:10px; padding-right:13px }
.cat_subs h4 { padding:0px; margin:0; font-weight: normal; font-size:0.95em}
.cat_subs a { display:block; }
.cat_subs a:hover {text-decoration: underline; }
.cat_subs img { float:left; padding-bottom: 9px; height: 43px;}
.cat_subs .cat_subcat_name { left:12px; position: relative; font-weight:bold}

table.cat_subcat_list td { max-width:400px; vertical-align:top}
table.cat_subcat_list ul {list-style-type:square;  padding-left:22px; padding-top:3px; padding-bottom:12px}

table.cat_subcat_list h3 {font: 0.85em/1.4 Arial,Helvetica,sans-serif;}
table.cat_subcat_list h2 {font: 0.95em/1.4 Arial,Helvetica,sans-serif;}
table.cat_subcat_list h2, table.cat_subcat_list h3 { padding-left:7px; margin:0; } 
table.cat_subcat_list a { display:block;}
table.cat_subcat_list a:hover {background-color:#FFFFE2; }


/*таблица товаров в подразделе (в частн. Насосы)*/

.cat_prd_table { max-width:850px; font: bold 0.8em/1.3 Arial,Helvetica,sans-serif; padding-bottom:10px}
/*exception for tables */
#cat_info_prd_series.cat_prd_table { max-width:none; font-size:1em;}

.cat_prd_table caption { background-color:#6699CC; border-right:1px solid #fff; border-bottom:1px solid #fff;}
.cat_prd_table caption h3 {
	font: bold 1.5em/1.3 Arial,Helvetica,sans-serif !important;
	margin: 0;
	padding: 0;
	color: #FFF;
	font-size: 0.95em;
}
.cat_prd_table th, .cat_prd_table td { vertical-align:central; padding:5px; text-align:center;  border-right:1px solid #fff}
.cat_prd_table td { color:#555}

.cat_prd_table td:first-child {white-space:nowrap; text-align:left}
.cat_prd_table td:last-child, #cat_info_prd_series td:last-child { color:#E31E24}

.cat_prd_table tbody tr:nth-child(odd) {background-color: #FFF}
.cat_prd_table tbody tr:nth-child(even) {background-color: #f8f7fc}
/*tsorter */
.cat_prd_table .header{    background: #7D8691 url("/js/img/bg.gif") right center no-repeat; cursor: pointer; color:#FFF; padding: 8px 16px !important;}
.cat_prd_table .headerSortDown, .cat_prd_table .headerSortUp {background-color: #4377B2 !important;}
.cat_prd_table .headerSortDown {background-image: url("/js/img/desc.gif");}
.cat_prd_table .headerSortUp {background-image: url("/js/img/asc.gif");}

.uvaga { color:#E31E24}

.prd_picture_div{
	display:inline-block;
/*	float: left;	*/
	max-width:500px;
	vertical-align:top;
}
.prd_picture {max-width:300px}
.prd_picture.no_shrink {max-width:none}

.prd_upper_box_text{
/*	display:inline-block;*/
	float: left;
	vertical-align:top;
	text-align: justify;
	padding: 0 0 0 0px;
	vertical-align:middle;
}
.prd_upper_box_name, .prd_upper_box_price {padding-left:0px; padding-right:0px; text-align: justify; display:inline-table;}
.prd_upper_box_name {width:43%; }

.prd_upper_box_price{min-width:100px !important; max-width:170px !important; padding-bottom:10px; padding-top:10px; padding-left:10px; white-space:nowrap}
#price { color:#EE0000; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size: 1.7em}
#price span {font-size: 2em}

.prd_decription {font-size: 0.9em; vertical-align: top; width: 100%; padding-left:15px; clear:both;} 

.prd_decription h3 { color: #333; font: 1.6em/1.3 Arial, Helvetica, sans-serif; margin-top:15px; margin-bottom:7px}
.prd_decription h4, #category_page.cl_pv .accordion h4 { margin-top:15px; margin-bottom:10px; font: bold 1.1em/1.3 Arial, Helvetica, sans-serif; }

/* ELECTIC MOTORS specific styles*/
#main_category_page.cl_el .cat_prd_table caption {margin: 0 2px;}
#main_category_page.cl_el .cat_prd_table .header {padding: 10px 20px !important;}
#main_category_page.cl_el .cat_prd_table td {text-align: left;}
#main_category_page.cl_el .cat_prd_table td:first-child {text-align: center; background-color: #C4D8ED;}
#main_category_page.cl_el .cat_prd_table td:last-child {text-align: right;}


/* PRODUCT EXTRA PARAMS TABLE */

.pex_table{ color:#2B2A29; margin-left:-2px; font-weight:bold; padding-left: 0px !important;}
.pex_th, .pex_table thead th { background-color:#0D80AE; color:#FFFFFF; font-weight:bold; padding:5px 15px; vertical-align:middle !important; text-align:center}
.pex_td1 { background-color:#E8E8E8; width:320px;  font-weight:normal; padding:5px 15px; vertical-align:middle !important; white-space:nowrap}
.pex_td2 { background-color:#F3F4F4; width:170px; vertical-align:middle !important;  white-space:nowrap}
.pex_td1_uo { background-color:#E8E8E8; width:110px;  font-weight:bold; padding:5px 15px; vertical-align:middle !important; text-align:center !important; white-space:nowrap}
.pex_td2_uo  { background-color:#F3F4F4; width:450px; font-weight:normal; padding:5px 5px; vertical-align:middle !important;}

.pex_table tbody td { background-color:#F3F4F4; width:110px; padding:5px 5px; vertical-align:middle !important; text-align:center}

.pex_table tbody td:first-child { text-align:left; background-color:#E8E8E8; padding:5px 15px; white-space:nowrap}

.pex_table tbody td:last-child { color: #2B2A29; background-color:#F3F4F4; padding:5px 15px; white-space:nowrap}


table.features_table { background-color: #cccccc; padding-left: 0px !important; padding-right: 0px !important;}
table.features_table tr {
	height: 22px; 
	background-color: #ffffff;
	vertical-align:middle;
	text-align:center
}
table.features_table tr td { min-width:20px; vertical-align:middle; text-align:center; padding-left:7px; padding-right:7px; }
#features_model {min-width:170px}

.features_table.colored {background-color:#75A7B7}

.features_table.colored thead tr {	background-color:#99ccff;}
.features_table.colored tbody tr {	background-color:#f3f6ff;}

/*force correct font weight for values and header*/
.features_table.colored tbody td { font-weight:bold;}
.features_table.colored thead strong, .features_table.colored thead th { font-weight:normal;}






.prd_descr_comment{font-size: 0.9em;}

#tech_links{ margin:-5px 0 15px 0}
#tech_links div{ margin-bottom:7px}

/* Страница габаритных размеров, аэродинамических характеристик */
.size_img {text-align:center; margin-bottom:15px}
.diagram_table {display:table; width:100%; text-align:center; padding-bottom:15px; } 
.diagram_cell{ display:inline-block; vertical-align:top; text-align:center; width:270px;}
.usl_obozn_table {margin:40px 0 0 20px; width: 100%; padding:0 !important}
.usl_obozn_table td {text-align:left}

/*всплывающее окно fancybox*/
#size {text-align:center}
#size h3 {text-align:left}
#size img {max-width:inherit}


.sidebar2 {
	float: right;
	width: 15%;
	/*background: #93A5C4;*/
	padding: 10px 0;
}

/* ~~ Этот сгруппированный селектор выдает списки в пространстве .content ~~ */
.content ul, .content ol { 
	padding: 0 15px 15px 40px; /* это поле зеркально повторяет правое поле в правиле для заголовков и параграфов выше. Внизу поле помещено как граница между элементами списков, а слева — как отступ. Поля можно настраивать по желанию. */
}

/* ~~ Стили списка навигации (можно убрать, если решено использовать готовое подменю, например Spry) ~~ */
ul.nav {
	list-style: none; /* удаляет маркер списка */
	border-top: 1px solid #666; /* создает верхнюю границу ссылок — все остальные размещаются с использованием нижней границы в LI */
	margin-bottom: 15px; /* создает пространство между навигацией по содержимому ниже */
	margin-right: 10px;
}
ul.nav li {
	border-bottom: 1px solid #666; /* разделяет кнопки */
}
ul.nav a, ul.nav a:visited { /* группировка этих селекторов гарантирует, что ссылки будут выглядеть как кнопки даже после того, как пользователь перейдет по ним */
	padding: 5px 5px 5px 15px;
	display: block; /* наделяет ссылку свойствами блока, из-за чего она заполняет весь содержащий ее элемент LI. При этом вся область реагирует на щелчок мышью. */
	text-decoration: none;
	color: #172D47; /*#000*/
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* изменяет цвет текста и фона при навигации с помощью клавиатуры и мыши */
	background: #4475AD;
	color: #FFF;
}

.n_home li {background:url(/images/ico_home.png) no-repeat scroll 15px 50%}
.n_back2cat li {background:url(/images/ico_arrow_back.png) no-repeat scroll 15px 50%}
.nav span { position:relative; left: 25px;}

.price_excel {background:url(/images/ico_excel.gif) no-repeat scroll 15px 50%;vertical-align:middle; margin: 15px 0; }
.price_excel a {padding-left:70px; vertical-align:middle; display: table-cell; height:47px; }


.up{ } /*text-align:right; width:400px; position:relative; right:0*/
.buy_link{ padding-top:10px;}

#navigate_up {
	position: fixed;
	right: 8px;
	bottom: 88px;
	z-index: 100;
	display: none;
	background-color: #FFFFFF;
}

/* ~~ Нижний колонтитул ~~ */
.footer {
    background: #73BAF1 url("/files/fonhead.jpg") -20% 100%;
    color: #003390;
    margin-top: 5px;
	text-align:right;
	
	padding: 10px 0;
	position: relative;/* IE6 получает hasLayout для правильной очистки */
	clear: both; /* это свойство очистки заставляет .container видеть место окончания столбцов и включать их */
	height:65px;
	width:100%;
}

#counters {float:left; max-width:300px;}

#copyright {
	text-shadow:#003 1px 1px 1px;
	filter: dropshadow(color=#003, offx=1, offy=1);
	color:#FFF;
	font: 0.8em/1.6 Verdana, Arial, Helvetica, sans-serif;
    padding: 10px 0;
    text-align: left;
    width: 295px;
	float:right;
}

#copyright a { color:#FFF; text-decoration:none}
#copyright a:hover { color:#F0F9F9; text-decoration:underline}

.informers {
	position:absolute;
	left:15px;
	top:29px;
}

.informer_div {
	display:inline-block;
	margin-right:10px;
}


/* ~~прочие классы float/clear~~ */
.fltrt {  /* этот класс можно использовать для обтекания элемента справа на странице. Обтекаемый элемент должен предшествовать элементу, с которым он должен находиться рядом на странице. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* этот класс можно использовать для обтекания элемента слева на странице. Обтекаемый элемент должен предшествовать элементу, с которым он должен находиться рядом на странице. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* этот класс можно поместить в теге <br /> или в пустом блоке DIV в качестве конечного элемента, следующего за последним обтекаемым DIV (внутри #container), если .#footer удален или извлечен из #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.add_space {min-height:20px; width:100%; }


/* -- Главная страница -- */

.home_page_table {}
.home_page_table .home_page_cat_img {display:block; float:left}
.home_page_cat_img { width:180px !important}

.home_page_table td:first-child{ width:180px}

#main_content .home_page_table_nested {/*width:660px;*/ padding-left:5px}
.home_page_table_nested th, .ui.grid {font-size:100%}
.home_page_table_nested th, .ui.grid > .column .home_page_table_nested th{text-align:left; font: small-caps bold 0.9em/1.4 Arial, Helvetica, sans-serif;}
.home_page_table_nested td, .home_page_table_nested td a{
	font: 0.85em/1.4 Arial, Helvetica, sans-serif;
	white-space:nowrap;
}
.home_page_table_nested td:first-child {width:43px}

.home_page_table_nested ul {
	list-style:none;
    padding:0px;
    margin:0;
}
.home_page_table_nested li {
    position:relative;
    display:block;
    float:left;
    width:auto;
	margin:0 10px 2px 0;
}


/* -- Таблицы характеристик товаров в ВЦ -- */
#cat_info_prd_series, #prd_info, .series_h3_header {width:95%; margin-bottom:10px;}
.series_h3_header {text-align:center; margin-top:5px; }
.series_h3_header h3 {    font: 1.08em/1.4 Arial, Helvetica, sans-serif; font-weight:bold;}
.series_h3_header h3 span {    font: 0.75em/1.4 Arial, Helvetica, sans-serif;}
#cat_info_prd_series th, #cat_info_prd_series td, 
#prd_info th, #prd_info td{font: 0.83em/1.3 Arial, Helvetica, sans-serif; font-weight:bold; }
#cat_info_prd_series th, #prd_info th{color:#FFF !important; padding:4px 10px; text-align:center}
#cat_info_prd_series td, #prd_info td{color:#333;/*#525456*/ border-bottom:1px solid #CCCCCC; padding:3px 12px; white-space:nowrap; margin:0;}
#cat_info_prd_series td+td, #prd_info td+td {text-align:center; }



#cat_info_prd_series td a { text-decoration:underline}
#cat_info_prd_series td a:hover{color:#172D47; text-decoration:none}
#cat_info_prd_series th a:hover{text-decoration:none }


#first_rounded, .first_rounded {
	border-radius: 8px 0px 0 8px;
    -webkit-border-radius: 8px 0px 0 8px;
    -moz-border-radius: 8px 0px 0 8px;
}

.first_left_rounded {
	border-radius: 8px 0px 0 0;
    -webkit-border-radius: 8px 0px 0 0px;
    -moz-border-radius: 8px 0px 0 0px;
}
.first_right_rounded {
	border-radius: 0px 8px 0 0px;
    -webkit-border-radius: 0px 8px 0 0px;
    -moz-border-radius: 0px 8px 0 0px;
}


#price_svodn, .last_rounded {
	border-radius: 0 8px 8px 0;
    -webkit-border-radius: 0 8px 8px 0;
    -moz-border-radius: 0 8px 8px 0;
}


.all_rounded {
	border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
}

.f12, .f12 td, .f12 a {font-size:12px !important}
.f13, .f13 td, .f13 a {font-size:13px !important}
.f14, .f14 td, .f14 a {font-size:14px !important}
.f15, .f15 td, .f15 a {font-size:15px !important}


/* Интерактив */
.trhoverbg { background-color: #FCF1D6 !important; cursor: pointer;}
.trselectedbg  { background-color: #FDF5D9; cursor: pointer;}



/*============================
	=	Smart columns
============================*/

ul.column{
   width: 100%;
   padding: 0;
   margin: 10px 0;
   list-style: none;
}
ul.column li {
   float: left;
/*   width: 200px;  ширина колонки по умолчанию */
   padding: 0;
   margin: 5px 0;
   display: inline;
}
.block {
/*   height: 355px;*/
   font-size: 1em;
   margin-right: 10px; /* отступ между колонками */
   padding: 5px;
   background: #e3e1d5;
}
.block h2 {
   font-size: 1.8em;
}
.block img {
   /* параметры для изображений с меняющимися размерами и бордюром */
   width: 89%; /* убираем 1% от ширины, чтобы предотвратить баг в IE6 */
   padding: 5%;
   background:#fff;
   margin: 0 auto;
   display: block;
   -ms-interpolation-mode: bicubic; /* предотвращение пикселизации изображений в IE 6/7 */
}


/*============================
	=	Media Queries
==============================*/


/*@media (max-width: 950px)*/ 
@media screen and (max-width: 1280px) {
	.content { width: 72%; }

}

@media screen and (max-width: 1180px) {
	#list > li { line-height: 1.6em;}
	#list > a { display: table-cell; height:4.1em; padding: 0px 10px; width:130px; text-align: center; vertical-align: middle;}
}


@media screen and (max-width: 1024px) {
	.content { width: 700px; }
	#main_content table {
		padding-left: 10px;
		padding-right: 10px;		
	}
	#category_page div.accordion {margin-left:10px;}
	caption {margin-right:10px; margin-left:10px;}
	.sidebar1 {width:245px; font: bold 0.75em/1.4 Verdana,Arial,Helvetica,sans-serif; }
	.sidebar1 table {margin-left: 10px;}
	ul.nav a, ul.nav a:visited, #partners {padding-left:10px}
	h1, h2, h3, h4, h5, h6, p, table, .hr_div, address, div.up, .pad, .prd_upper_box_text, .prd_decription{
		padding-left: 10px;
		padding-right: 10px;		
	}
	.hr_div {margin-left:10px;}
	.prd_picture_div img {margin: 3px 3px 3px 10px;}
	.prd_upper_box_name {width:330px; }
/*	.prd_upper_box_price{padding-left:10px; width: 236px;}*/

	.prd_upper_part{width:500px;}
	.prd_series_table_div  {width:675px}
	
		
}


/*Семантика*/
.left {text-align:left !important}
.inline {display:inline-block;}
.smallpad {margin:0 7px;}
.ui.fluid {width:auto !important;}
.ui.accordion { margin: 10px 15px 10px 15px;}
.ui .title h3, .ui .title h4 {padding-left:0px; display:inline; font-weight:normal; font-size:1.2em}

.ui.accordion, .ui.accordion .accordion {font-size:1em !important;}
.ui.accordion .active.title {background-color: rgba(240, 245, 251,0.9) !important;}

.ui.accordion .title { color:#003390 !important;}
.ui.accordion .title i { text-decoration:none; color:#333 !important;}
.ui.accordion .title h4 {text-decoration:underline; }

.ui.accordion .title:hover *, .ui.accordion .active.title * { color:#003360 !important; text-decoration:none;}


.w40 {width:40px;} .w50 {width:50px;} .w60 {width:60px;} .w70 {width:70px;} .w80 {width:80px;} .w90 {width:90px;} .w100 {width:100px;}
.w120 {width:120px;} .w150 {width:150px;} .w200 {width:200px;} .w250 {width:250px;} .w300 {width:300px;}

.centered {text-align:center}
.nowrap {white-space:nowrap}

/***** semantic UI fixes ****/

#home_page .ui.grid {margin: 0 10px 0 10px;}
#home_page .ui.grid > .column, .ui.grid > .row > .column {padding-left:0px; padding-right:0px}

.equal.height li { height:60px}
.small_font {font-size:80%}