/* горизонтальная навигация A --------------------------------------------------------------------------------------------------------*/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/padding.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
.navA {
	margin-top:4px;
	width: 785px;
	height: 24px;
	background-image: url(/themes/stroi/img/bg_nava.gif);
}

/* remove all the bullets, borders and padding from the default list styling */
.navA ul {
	padding:0;
	margin:0;
	list-style-type:none;
	height:24px;
	background:transparent;
}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.navA ul li {
	float:left;
	height:24px;
	line-height:24px;
	display:block;
}

/* style the sub level list items */
.navA ul ul li {
	display:block;
	width:17em;
	height:auto;
	line-height:1em;
}

/* style the links for the top level */
.navA a, .navA a:visited {
	display:block;
	float:left;
	height:100%;
	width:109px;
	font-size:11px;
	font-weight:bold;
	font-style: italic;
	text-align:center;
	text-transform: uppercase;
	text-decoration:none;
	color:#F58735;
	padding:0;
}

/* hack IE5.x to get the correct the faulty box model and get the width right */
* html .navA a, * html .navA a:visited {width:11em; w\idth:7em;}

/* style the sub level links */
.navA ul ul a, .navA ul ul a:visited {
	display:block;
	/* background-color:#E67817; */
	background-color:#F58735;
	font-size:10px;
	font-weight:bold;
	font-style: normal;
	text-align:left;
	text-transform: none;
	color:white;
	width:17em;
	height:100%;
	line-height:1em;
	padding:0.5em 1em;

	/*border-bottom:1px solid #7aa; */	
}

* html .navA ul ul a, * html .navA ul ul a:visited  {width:14em; w\idth:17em;}

/* style the table so that it takes no part in the layout - required for IE to work */
.navA table {
	border-collapse:collapse;
	padding:0;
	margin:-1px;
	width:0;
	height:0;
	font-size:1em;
	z-index:1;
}

/* style the third level background */
.navA ul ul ul a, .navA ul ul ul a:visited {
	color: #E1E9EE;
	background:#93ACB9;
}
/* style the fourth level background */
.navA ul ul ul ul a, .navA ul ul ul ul a:visited {
	color: #E1E9EE;
	background:#93ACB9;
}
/* style the sub level 1 background */
.navA ul :hover a.sub1 {
/*	background:#447b7b; */
}
/* style the sub level 2 background */
.navA ul ul :hover a.sub2 {
/* background:#447b7b; */
}

/* style the level hovers */
/* first */
* html .navA a:hover {
	color:white;
	position:relative;
	z-index:100;
}
.navA li:hover {
	position:relative;
}
.navA :hover > a {
	color:white;
}
/* second */
* html .navA ul ul a:hover {
	color:white;
	background:#3D5A69;
	position:relative;
	z-index:110;
}
.navA ul ul li:hover {
	position:relative;
}
.navA ul ul :hover > a {
	color:white;
	background:#3D5A69;
}
/* third */
* html .navA ul ul ul a:hover {
	color:#3D5A69;
	background:white;
	position:relative;
	z-index:120;
}
.navA ul ul ul :hover > a {
	color:#3D5A69;
	background:white;
}
/* fourth */
.navA ul ul ul ul a:hover {
	background:#CFDCE5;
	position:relative;
	z-index:130;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.navA ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:24px;
	left:0;
}

/* position the third level flyout menu */
.navA ul ul ul{
	left:0;
	top:0;
	width:14em;
}

/* make the second level visible when hover on first level list OR link */
.navA ul :hover ul {
	visibility:visible;
	height:auto;
	padding:0 3em 3em 3em;
	background:transparent url(/themes/stroi/img/trans.gif);
	left:-3em;
}

/* keep the third level hidden when you hover on first level list OR link */
.navA ul :hover ul ul {
	visibility:hidden;
}

/* keep the fourth level hidden when you hover on second level list OR link */
.navA ul :hover ul :hover ul ul {
	visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.navA ul :hover ul :hover ul {
	visibility:visible;
	left:12em;
}

/* make the fourth level visible when you hover over third level list OR link */
.navA ul :hover ul :hover ul :hover ul {
	visibility:visible;
}

/* специальные стили для определенных пунктов меню */
#navA_item1 {		/* стиль первого пункта "О Предприятии" */
	width:120px;
}
/* (для устранения ошибки с размерами в IE 6 */
#navA_item2 {	width:109px; }
#navA_item3 {	width:109px; }
#navA_item4 {	width:109px; }

/* горизонтальная навигация B ---------------------------------------------------------------------------------------------------------------*/
.navB {
	margin-top:6px;
	margin-bottom:12px;
	width: 785px;
	height: 15px;
	background-image: url(/themes/stroi/img/bg_navb.gif);
}

/* remove all the bullets, borders and padding from the default list styling */
.navB ul {
	padding:0;
	margin:0;
	list-style-type:none;
	height:15px;
	background:transparent;
}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.navB ul li {
	float:left;
	height:15px;
	line-height:15px;
	display:block;
}

/* style the sub level list items */
.navB ul ul li {
	display:block;
	width:15em;
	height:auto;
	line-height:1em;
}

/* style the links for the top level */
.navB a, .navB a:visited {
	display:block;
	float:left;
	height:100%;
	width:70px;
	font-size:9px;
	font-weight:bold;
	font-style: italic;
	text-align:center;
	text-transform: uppercase;
	text-decoration:none;
	color:white;
	padding:0;
}

/* hack IE5.x to get the correct the faulty box model and get the width right */
* html .navB a, * html .navB a:visited {width:11em; w\idth:7em;}

/* style the sub level links */
.navB ul ul a, .navB ul ul a:visited {
	display:block;
	background-color:#3D5A69;
	font-size:10px;
	font-weight:bold;
	font-style: normal;
	text-align:left;
	text-transform: none;
	color:#E1E9EE;
	width:17em;
	height:100%;
	line-height:1em;
	padding:0.5em 1em;
	/*border-bottom:1px solid #598498;*/
}

* html .navB ul ul a, * html .navB ul ul a:visited  {width:14em; w\idth:12em;}

/* style the table so that it takes no part in the layout - required for IE to work */
.navB table {
	border-collapse:collapse;
	padding:0;
	margin:-1px;
	width:0;
	height:0;
	font-size:1em;
	z-index:1;
}

/* style the third level background */
.navB ul ul ul a, .navB ul ul ul a:visited {
	background:#93ACB9;
	color:white;
	/*border-bottom:1px solid #F5B98C;*/
}
/* style the fourth level background */
.navB ul ul ul ul a, .navB ul ul ul ul a:visited {
	background:#E1E9EE;
	color:#3D5A69;
}
/* style the sub level 1 background */
.navB ul :hover a.sub1 {
/*	background:#447b7b; */
}
/* style the sub level 2 background */
.navB ul ul :hover a.sub2 {
/* background:#447b7b; */
}

/* style the level hovers */
/* first */
* html .navB a:hover {
	color:black;
	position:relative;
	z-index:200;
}
.navB li:hover {
	position:relative;
}
.navB :hover > a {
	color:black;
}
/* second */
* html .navB ul ul a:hover {
	color:#3D5A69;
	background:white;
	position:relative;
	z-index:210;
}
.navB ul ul li:hover {
	position:relative;
}
.navB ul ul :hover > a {
	color:#3D5A69;
	background:white;
}
/* third */
* html .navB ul ul ul a:hover {
	color:#3D5A69;
	background:white;
	position:relative;
	z-index:220;
}
.navB ul ul ul :hover > a {
	color:#3D5A69;
	background:white;
}
/* fourth */
.navB ul ul ul ul a:hover {
	color:#E1E9EE;
	background:#3D5A69;
	position:relative;
	z-index:230;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.navB ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:15px;
	left:0;
}

/* position the third level flyout menu */
.navB ul ul ul{
	left:0;
	top:0;
	width:14em;
}

/* make the second level visible when hover on first level list OR link */
.navB ul :hover ul {
	visibility:visible;
	height:auto;
	padding:0 3em 3em 3em;
	background:transparent url(/themes/stroi/img/trans.gif);
	left:-3em;
}

/* keep the third level hidden when you hover on first level list OR link */
.navB ul :hover ul ul {
	visibility:hidden;
}

/* keep the fourth level hidden when you hover on second level list OR link */
.navB ul :hover ul :hover ul ul {
	visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.navB ul :hover ul :hover ul {
	visibility:visible;
	left:12em;
}

/* make the fourth level visible when you hover over third level list OR link */
.navB ul :hover ul :hover ul :hover ul {
	visibility:visible;
}

/* специальные стили для определенных пунктов меню */
#navB_item_1 {	width:56px; }
#navB_item_2 {	width:73px; }
#navB_item_3 {	width:91px; }
#navB_item_4 {	width:101px; }
#navB_item_5 {	width:155px; }
#navB_item_6 {	width:87px; }
#navB_item_7 {	width:130px; }
#navB_item_8 {	width:91px; }

/* --------------------------------------------------------------------------------------------------------------------------------------------------------*/