/**
 * Generic elements
 */

body {
  margin: 0;
  padding: 0;
  font: 12px/18px  Verdana, Tahoma, sans-serif;
  color: #000;
  width:100%;
}



h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-family: Arial, sans-serif;
  color: #da2020;
  line-height:1em;
  color:#000;
}

h1 {
  font-size: 20px;
  font-weight:bold;
}

/**
 * Common
 *
 */

li.collapsed, li.expanded, li.leaf {
	list-style:none;
	list-style-image:none;
}

.clear {clear:both;}


/**
 * Layout
 */
#exlayout { width:100%; border:10pxp solid red; display: block; /*background: url(images/bg-body-bottom.gif) repeat-x left bottom;*/ z-index: 2; position: relative;}
#layout  { margin: 0 auto; padding: 0; width: 1000px; text-align: left; }

.clearer { clear: both; }

/**
 * Header
 */
body {
	background: url(images/bg-body-top.png) #f7faff repeat-x left top;
}

#header a {
	color:#fff;
}

#header {
	background: url(images/bg-header.png) #dc0000 no-repeat left top;
	margin: 0 auto;
	width: 1000px;
	height: 211px;
	position:relative;
}

#work {
	color:#fff;
	width:300px;
	position:absolute;
	top: 34px;
	left:50px;
}

#logo {
	background: url(images/logo.png) no-repeat left top;
	position:absolute;
	width:271px;
	height:104px;
	top:36px;
	left:364px;
	display:block;
}

#header-contacts{
	position:absolute;
	text-align:right;
	width: 200px;
	height:104px;
	top:46px;
	left:744px;
}


#header-contacts table {   
	
	width:100%;
}

#header-contacts table tbody {
    border: 0px;
}
#header-contacts table td {
	vertical-align: top;
    text-align: right; 
    padding: 0px;
}

#header-contacts table td.code {
	text-align:center;
}

#header-contacts table td.code {
	background: url(images/phone.png) no-repeat center top;
	padding-top:30px;
}

#header-contacts table td span {
	font-weight: bold;
	font-size: 24px;
	color: #fff;
	line-height:1.2em;
	white-space:nowrap;
}
#header-contacts table td span.kod {
    font-size: 14px;
}

/* Primary links */

#header #menu {
	padding-top:165px;
	background: url(images/bg-primary-links-ul.gif) repeat-x left bottom;
}

#header #menu ul.primary-links  {

	padding:0;
	margin:0;
	height:46px;
	margin:0 auto;
}

#header #menu ul.primary-links li { 
	background: url(images/bg-primary-links-li.gif) repeat-x left;
	float:left;
	list-style:none;
	padding:0;
	margin:0;
}

#header #menu ul.primary-links li span {
	overflow:hidden;
}
	
#header #menu ul.primary-links li.first {
	background: none;
}

#header #menu ul.primary-links li.last {
	background: none;
}

#header #menu ul.primary-links li span a {
	color:#70767f;
	text-align:center;
	border-left:1px solid #fff;
	border-right:1px solid #727272;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	font-family:arial;
	line-height:2.9em;
	padding:0 30px;
	background-position:center top;
	background-repeat: no-repeat;
	white-space:nowrap;
}

#header #menu ul.primary-links li span a:hover {
	color:#ed1c24;
}

#header #menu ul.primary-links li.first a {
	border-left:0;
	text-align:right;
	padding-left:40px;
}

#header #menu ul.primary-links li.last a {
	border-right:0;
	text-align:left;
	padding-right:50px;
}

#header #menu ul.primary-links li.first span {
	background: url(images/bg-primary-links-first.gif) no-repeat left top;
}

#header #menu ul.primary-links li.last span {
	background: url(images/bg-primary-links-last.gif) no-repeat right top;

}

#header #menu ul.primary-links li.menu-306 a {
	zbackground: url(images/bg-primary-links-306.png) no-repeat center top;
	zwidth:118px;
}

#header #menu ul.primary-links li.menu-337 a {
	zbackground: url(images/bg-primary-links-337.png) no-repeat center top;
	zwidth:100px;
}

#header #menu ul.primary-links li a, ul.primary-links li span {
	display:block;
	height:45px;
}

#header #menu ul.primary-links li a {}

#header #menu .align_center
{
	position: relative;
	width: 100%;
}

#header #menu .align_center:after
{
	content: '';
	display: block;
	clear: both;
}
#header #menu .align_center_to_left
{
	position: relative;
	right: 50%;
	float: right;
}
#header #menu .align_center_to_right
{
	position: relative;
	z-index: 1;
	right: -50%;
}


/**
 * Body
 */
 
#page-body {
	width:960px; margin: 0 auto; 
	background: url(images/bg-left-to-bottom.gif) repeat-y 0px top;
}

#page-body .container {
	width: 960px;
	margin: 0px auto;
}


#sidebar-left {
	background: url(images/bg-left.gif) #d3d6db repeat-x left bottom;
	width:222px;
	float:left;
	padding:0 30px 30px 30px;
	z-index: 1;
	position: relative;
}

#main-container {
	float:left;
	width:635px;
	zborder:1px solid black;
	padding:0 10px 20px 20px;
}

/**
 * Frontpage products block
 */
 
#products {
	height:461px; 
	background: url(images/bg-products.jpg) repeat-x left bottom;
	width:900px; 
	margin:0 auto;
	padding:20px 30px;	
}

#products .prod, #products .prod a {
	width:286px;
	height:411px;	
}

#products .prod {
	
	float:left;
	margin:10px;
	position:relative;
	cursor:pointer;
}

#products .prod a.container {
	display:block;
	padding:0;
}

#products .prod a {
	text-decoration:none;
}

#products .prod-kpp  {
	background: url(images/bg-product-kpp.jpg) no-repeat left top;
}

#products .prod-kpp a.container:hover {
	background: url(images/bg-product-kpp-hover.gif) no-repeat left top;
}

#products .prod-ep  {
	background: url(images/bg-product-ep.jpg) no-repeat left top;
}

#products .prod-ep a.container:hover {
	background: url(images/bg-product-ep-hover.gif) no-repeat left top;
}

#products .prod-up  {
	background: url(images/bg-product-up.jpg) no-repeat left top;
}

#products .prod-up a.container:hover {
	background: url(images/bg-product-up-hover.gif) no-repeat left top;
}

#products .first {
	margin-left:0px;
}

#products .last {
	margin-right:0px;
}

/**
 * Vertical navigation (left menu)
 */

#block-menu-menu-catalog-kpp,
#block-menu-menu-catalog-ep,
#block-menu-menu-catalog-up {
	width:220px;
}

#block-menu-menu-catalog-kpp ul.menu,
#block-menu-menu-catalog-ep ul.menu,
#block-menu-menu-catalog-up ul.menu {
	padding:0;
	margin:0;
}
#block-menu-menu-catalog-kpp ul.menu li 
{

}

#block-menu-menu-catalog-kpp ul.menu li a,
#block-menu-menu-catalog-ep ul.menu li a,
#block-menu-menu-catalog-up ul.menu li a {
	display:block;
	text-align:center;
	font:bold 15px Arial;
	font-size:15px;
	text-decoration:none;
	color:#70767f;
	height:33px;
	padding:15px 0;
	background: url(images/bg-left-menu-title.png) no-repeat center top;
	padding-right:20px!important;
}

#block-menu-menu-catalog-kpp ul.menu li ul li a,
#block-menu-menu-catalog-ep ul.menu li ul li a,
#block-menu-menu-catalog-up ul.menu li ul li a {
	height:auto;
	padding:0;
	padding-right:20px!important;
	margin-right:0px;
}

#block-menu-menu-catalog-kpp ul.menu li.expanded,
#block-menu-menu-catalog-ep ul.menu li.expanded,
#block-menu-menu-catalog-up ul.menu li.expanded {
	background-color:#fff;

}

#block-menu-menu-catalog-kpp ul.menu li.expanded ul li,
#block-menu-menu-catalog-ep ul.menu li.expanded ul li,
#block-menu-menu-catalog-up ul.menu li.expanded ul li {
	background-color:none;
}

#block-menu-menu-catalog-kpp ul.menu li.expanded a,
#block-menu-menu-catalog-ep ul.menu li.expanded a,
#block-menu-menu-catalog-up ul.menu li.expanded a {
	background: url(images/bg-left-menu-title-expanded.png) no-repeat center top;
}

#block-menu-menu-catalog-kpp ul.menu li a img,
#block-menu-menu-catalog-ep ul.menu li a img,
#block-menu-menu-catalog-up ul.menu li a img {
	padding-top:3px;
}

#block-menu-menu-catalog-kpp ul.menu li,
#block-menu-menu-catalog-ep ul.menu li,
#block-menu-menu-catalog-up ul.menu li  {
	list-style:none;
	padding:0;
	margin:0;
}

#block-menu-menu-catalog-kpp ul.menu li.expanded ul li,
#block-menu-menu-catalog-ep ul.menu li.expanded ul li,
#block-menu-menu-catalog-up ul.menu li.expanded ul li {
	border:0;
	background-color:#fff;
	padding:8px 30px;
}

#block-menu-menu-catalog-kpp ul.menu li.expanded ul li.first,
#block-menu-menu-catalog-ep ul.menu li.expanded ul li.first,
#block-menu-menu-catalog-up ul.menu li.expanded ul li.first {
	padding-top:15px;
}

#block-menu-menu-catalog-kpp ul.menu li.expanded ul li.last,
#block-menu-menu-catalog-ep ul.menu li.expanded ul li.last,
#block-menu-menu-catalog-up ul.menu li.expanded ul li.last {
	background: url(images/bg-left-menu-bottom.gif) no-repeat left bottom;
	padding-bottom:15px;
}

#block-menu-menu-catalog-kpp ul.menu li.expanded ul li.last,
#block-menu-menu-catalog-ep ul.menu li.expanded ul li.last,
#block-menu-menu-catalog-up ul.menu li.expanded ul li.last {
	zbackground:none;
}

#block-menu-menu-catalog-kpp ul.menu li.expanded ul li.ostatki,
#block-menu-menu-catalog-ep ul.menu li.expanded ul li.ostatki,
#block-menu-menu-catalog-up ul.menu li.expanded ul li.ostatki {
	background:none;
	width:220px;
	height:99px;
	padding:0;
	zpadding-bottom:15px;
	text-align:center;
}

#block-menu-menu-catalog-kpp ul.menu li.expanded ul li.ostatki a,
#block-menu-menu-catalog-ep ul.menu li.expanded ul li.ostatki a,
#block-menu-menu-catalog-up ul.menu li.expanded ul li.ostatki a,
#block-menu-menu-catalog-kpp ul.menu li.expanded ul li.ostatki a.active,
#block-menu-menu-catalog-ep ul.menu li.expanded ul li.ostatki a.active,
#block-menu-menu-catalog-up ul.menu li.expanded ul li.ostatki a.active,
#block-menu-menu-catalog-kpp ul.menu li.expanded ul li.ostatki a:hover,
#block-menu-menu-catalog-ep ul.menu li.expanded ul li.ostatki a:hover,
#block-menu-menu-catalog-up ul.menu li.expanded ul li.ostatki a:hover {
	background: url(images/bg-ostatki.png) no-repeat left top;
	display:block;
	padding-top:25px;
	width:220px;
	height:99px;
	font-size:16px;
	color:#ed1c24;
	text-align:center;
}

#block-menu-menu-catalog-kpp ul.menu li.expanded ul li.ostatki a:hover,
#block-menu-menu-catalog-ep ul.menu li.expanded ul li.ostatki a:hover,
#block-menu-menu-catalog-up ul.menu li.expanded ul li.ostatki a:hover {
	background: url(images/bg-ostatki-hover.png) no-repeat left top;
	text-decoration:none;
}

#block-menu-menu-catalog-kpp ul.menu li.expanded ul li a,
#block-menu-menu-catalog-ep ul.menu li.expanded ul li a,
#block-menu-menu-catalog-up ul.menu li.expanded ul li a {
	background: url(images/left-menu-arrow.gif) no-repeat right center;
	font: bold 12px/18px  Verdana, Tahoma, sans-serif;
	color:#000;
	text-decoration:none;
	text-align:inherit;
	text-align:left;
}

#block-menu-menu-catalog-kpp ul.menu li.expanded ul li a:hover,
#block-menu-menu-catalog-ep ul.menu li.expanded ul li a:hover,
#block-menu-menu-catalog-up ul.menu li.expanded ul li a:hover {
	background-image: url(images/left-menu-arrow-hover.gif);
	color:#000;
	text-decoration:underline;
}

#block-menu-menu-catalog-kpp ul.menu li.expanded ul li a.active,
#block-menu-menu-catalog-ep ul.menu li.expanded ul li a.active,
#block-menu-menu-catalog-up ul.menu li.expanded ul li a.active {
	background-image: url(images/left-menu-arrow-active.gif);
	color:#ed1c24;
	text-decoration:none;
}

/* 3 level */
#block-menu-menu-catalog-kpp ul.menu li.expanded ul li ul li {
	margin:0;
	padding:0;
}

#block-menu-menu-catalog-ep ul.menu li.expanded ul li ul li,
#block-menu-menu-catalog-up ul.menu li.expanded ul li ul li {
	list-style:url(images/disc.gif);
	margin:10px 0 10px 20px;
	padding:0;
	
}

#block-menu-menu-catalog-kpp ul.menu li.expanded ul li ul li a,
#block-menu-menu-catalog-ep ul.menu li.expanded ul li ul li a,
#block-menu-menu-catalog-up ul.menu li.expanded ul li ul li a {
	background:none;
	font-size:90%;
	line-height:1em;
	font-weight:bold;
	padding:0;
}

#block-menu-menu-catalog-kpp ul.menu li.expanded ul li ul li span.nolink,
#block-menu-menu-catalog-ep ul.menu li.expanded ul li ul li span.nolink,
#block-menu-menu-catalog-up ul.menu li.expanded ul li ul li span.nolink {
	font-size:90%;
	font-weight:bold;
}

#block-menu-menu-catalog-kpp ul.menu li.expanded ul li ul li a.active,
#block-menu-menu-catalog-ep ul.menu li.expanded ul li ul li a.active,
#block-menu-menu-catalog-up ul.menu li.expanded ul li ul li a.active {
	background:none;
}

#block-menu-menu-catalog-kpp ul.menu li.expanded ul li ul li a:hover,
#block-menu-menu-catalog-ep ul.menu li.expanded ul li ul li a:hover,
#block-menu-menu-catalog-up ul.menu li.expanded ul li ul li a:hover {
	background:none;
}

#block-menu-menu-catalog-kpp ul.menu li.expanded ul li ul li.first,
#block-menu-menu-catalog-ep ul.menu li.expanded ul li ul li.first,
#block-menu-menu-catalog-up ul.menu li.expanded ul li ul li.first {
	padding:0;
}

#block-menu-menu-catalog-kpp ul.menu li.expanded ul li ul li.last,
#block-menu-menu-catalog-ep ul.menu li.expanded ul li ul li.last,
#block-menu-menu-catalog-up ul.menu li.expanded ul li ul li.last {
	background:none;
	padding:0;
}

#block-menu-menu-catalog-kpp ul.menu li.expanded ul li ul li a,
#block-menu-menu-catalog-ep ul.menu li.expanded ul li ul li a,
#block-menu-menu-catalog-up ul.menu li.expanded ul li ul li a {
	
}

/* 4 level */
#block-menu-menu-catalog-kpp ul.menu li.expanded ul li ul li ul,
#block-menu-menu-catalog-ep ul.menu li.expanded ul li ul li ul,
#block-menu-menu-catalog-up ul.menu li.expanded ul li ul li ul {
	
}

#block-menu-menu-catalog-kpp ul.menu li.expanded ul li ul li ul li,
#block-menu-menu-catalog-ep ul.menu li.expanded ul li ul li ul li,
#block-menu-menu-catalog-up ul.menu li.expanded ul li ul li ul li {
	list-style:none;
	margin:10px 0;
}

#block-menu-menu-catalog-kpp ul.menu li.expanded ul li ul li ul li a,
#block-menu-menu-catalog-ep ul.menu li.expanded ul li ul li ul li a,
#block-menu-menu-catalog-up ul.menu li.expanded ul li ul li ul li a {
	font-weight:normal;
}



/* ********* */

#block-menu-menu-catalog-kpp ul.menu li.expanded ul li {
	position:relative;
}

#block-menu-menu-catalog-kpp ul.menu li.expanded ul li li {
	position:static;
}

#block-menu-menu-catalog-kpp ul.menu li.expanded ul li .popup {
	background: url(images/bg-popup-bottom.gif) no-repeat right bottom;
	position:absolute;
	top:0;
	left:220px;
	z-index:10;
	padding:0;
}

#block-menu-menu-catalog-kpp ul.menu li.expanded ul li .popup ul {
	background: url(images/bg-popup-ul.gif) repeat-y left top;
	padding:0 0 10px 10px;
}

#block-menu-menu-catalog-kpp ul.menu li.expanded ul li .popup ul li{
	font:normal 10px Verdana;
	color:#7a8089;
	list-style-type:disc;
	margin-left:10px;
	padding-right:10px;
}

#block-menu-menu-catalog-kpp ul.menu li.expanded ul li .popup ul li.first{
	background: url(images/bg-popup-top.gif) no-repeat right top;
	padding-top:10px;
}

/**
 * Footer
 */

#footer { background: url(images/bg-body-bottom2.gif) repeat-x left bottom; height: 129px; color:#fff; width:100%;clear:both;}
#footer .container {width:1000px; margin:0 auto; padding-top:29px;}
#footer a {color:#fff;}
#footer #copy {width:45%; float:left;  margin-left:20px;}
#footer #developer {width:40%; float:right;   text-align:right; margin-right:20px;}
#footer #developer a{text-decoration:none;}
#footer #developer a:hover{text-decoration:underline;}

/*
	prizhat' footer k nizu 
*/

html {height: 100%;}
* html body {height: 100%;}
body {
  min-height: 100%;
  position: relative;
}

/* #page-body {
  padding-bottom: 160px;
}
 #footer {
  position: absolute;
  bottom: 0;
} */




.breadcrumb-wrapper {
	background: url(images/bg-breadcrumb.gif) repeat-y left top;
	padding:20px 40px;
}

.breadcrumb {
	
	background-color:#e0e3e8;
	border:1px solid #c0c2c8;	
	padding:5px;
	font-size:11px;
	zposition:absolute;
}

.breadcrumb a {
	color:#000;
}


#to-conteiner.menu-catalog-ep {
	background: url(images/bg-menu-catalog-kpp-bottom.gif) no-repeat right bottom; 
}
#main-container.menu-catalog-ep {
	background: url(images/bg-content-electro.gif) no-repeat 0px top;
}
#to-conteiner.menu-catalog-kpp {
	background: url(images/bg-ep.gif) no-repeat right bottom; 
}
#main-container.menu-catalog-kpp {
	background: url(images/bg-content-kpp.gif) no-repeat 0px top;
}
#to-conteiner.menu-catalog-up {
	background: url(images/bg-menu-catalog-up-bottom.gif) no-repeat right bottom; 
}
#main-container.menu-catalog-up {
	background: url(images/bg-content-up.gif) no-repeat 0px top;
	min-height: 664px;
}
#page-body div.container {
	width: 960px;
	margin: 0px auto;
	background-image: url(images/bg-cat.gif);
	background-position: right;
	background-repeat: repeat-y;
}
#page-body div.container.front {
	background: none;
}


.node .content
{
height:auto;
}
#node-23 a
{
    text-decoration:none;
    color:black;
}
#node-23 a:hover
{
    text-decoration:underline;

}
