@charset "utf-8";
body {
 margin: 0; /* Отступы для браузера IE */
 padding: 0; /* Отступы для браузера Firefox */
 color: #000000;
 background: #FFFFFF;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9px; 
}
#top {
 position: relative;
 z-index: 9;
 width: 1024px; /* Ширина слоя в пикселах */
 height: 55px; 
 margin: 0 auto; /* Отступ слева и справа */
 background: transparent url(../images/top.jpg) left top no-repeat;
 padding-top: 0px; /* Поля вокруг текста */
 text-align: left; /* Выравнивание содержимого слоя по левому краю */
}

#top2 {
 padding: 15px 0px 0px 70px; /* Поля вокруг текста */
 z-index: 10;
 float: left;
}
#search{
 padding: 25px 0px 0px 820px; /* Поля вокруг текста */
 z-index: 10;
 
}

#logo {
 position: relative;
 z-index: 4;
 width: 1024px; /* Ширина слоя в пикселах */
 height: 204px; 
 margin: 0 auto; /* Отступ слева и справа */
 margin-top: 0px;
 background: transparent url(../images/logo.jpg) left top no-repeat;
 padding: 0px; /* Поля вокруг текста */
 text-align: left; /* Выравнивание содержимого слоя по левому краю */
}

#logo2 {
 padding: 10px; /* Поля вокруг текста */
}


/*
 * menu
 */
div#menu {

 width: 1024px;
 height: 50px; 
 padding-left: 70px;
 padding-top: 0px; 
 text-align: right;

 
}
div#menu_bg {
width: 1024px;
 height: 50px;
  background: transparent url(../images/menu.png) left top no-repeat;
}

div#menu-l {
 
	background: url(../images/menu/menu_l.png) 0 0 no-repeat;
}

div#menu-r {
	background: url(../images/menu/menu_r.png) 100% 0 no-repeat;
}
 
div#menu ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	
}

div#menu li {
	position: relative;
	margin-left: 0px;
	margin-top: 5px;
	padding: 0px;
	display: block;
	float: left;
	z-index: 12;   
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div#menu li a, #menu li span.separator {
	height: 30px;
	display: block;
	float: left;
	line-height: 30px;
	text-decoration: none;
	color: #313131;
	
}

div#menu li span {  
	display: block;
}

div#menu li span {  
	background-repeat: no-repeat;
	background-position: 95% 0px; 
}

div#menu li a.current {  
	color: #ffffaa;
}

div#menu a:hover, div#menu span.separator:hover, div#menu span.sfhover, div#menu a.current:hover {  
	color: #ffffaa;
}

div#menu li.active {  
	font-weight: bold;
}

div#menu li.active ul {  
	font-weight: normal;
}

div#menu li.parent span.separator {  
	cursor: pointer;
}

 
div#menu li.background {
	position: absolute;
	top: 260px;
	height: 30px;
	z-index: 10;
	overflow: hidden;

	
}
  
div#menu li.background div {
	position: relative;
	top: 0px;
	height: 30px;
	z-index: 11;
	overflow: hidden;
	background: url(../images/menu/menu_level1_item.png) 0 100% repeat-x;
	
}

div#menu li.background .item2 {

font-size: 100%;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	 background: url(../images/menu/menu_level1_item_blue.png) 0 100% repeat-x; }
div#menu li.background .item3 { background: url(../images/menu/menu_level1_item_pink.png) 0 100% repeat-x; }
div#menu li.background .item4 { background: url(../images/menu/menu_level1_item_orange.png) 0 100% repeat-x; }
div#menu li.background .item5 { background: url(../images/menu/menu_level1_item_green.png) 0 100% repeat-x; }
div#menu li.background .item6 { background: url(../images/menu/menu_level1_item_orange.png) 0 100% repeat-x; }
div#menu li.background .item7 { background: url(../images/menu/menu_level1_item_pink.png) 0 100% repeat-x; }
 
div#menu ul.menu {
}

div#menu li.level1 {
}

div#menu a.level1 {
}

div#menu a.level1 span, div#menu span.level1 span {
	padding: 0px 15px 0px 15px;
}

div#menu li.level1:hover a.level1, div#menu li.sfhover a.level1 span, div#menu li.level1:hover span.level1, div#menu li.sfhover span.level1 span {  
	color: #ffffff;
}

div#menu li.level1 a.active, div#menu li.level1 span.active {  
	color: #ffffaa;
}

 
div#menu ul.menu ul {
	position: absolute;
	top: 30px;
	left: -999em;  
	width: 165px;
	padding: 0px 0px 10px 0px;
	background: url(../images/menu/menu_dropdown_bg.png) 0 100% no-repeat;
}

div#menu li:hover ul, div#menu li.sfhover ul {
	left: 0px;  
	z-index: 100;
}

div#menu li.level1 li {
   	width: 100%;  
	text-indent: 15px;
}

div#menu li.level1 li a, div#menu li.level1 li span.separator{
	height: 25px;
	padding: 0px;
	margin: 0px 1px 0px 1px;;
	background: #ffffff url(../images/menu/menu_level2_item.png) 100% 0 no-repeat;
	float: none;  
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 25px;
}

div#menu li.level2 a.parent, div#menu li li.level2 span.parent {  
	background: #ffffff url(../images/menu/menu_level2_item_parent.png) 100% 0 no-repeat;
}

 

 
div#menu li ul ul {
	margin: -31px 0 0 164px;  
}

div#menu li:hover ul ul, div#menu li.sfhover ul ul {
	border-top: 1px solid #323232;
}

 
div#menu li:hover ul ul, div#menu li.sfhover ul ul,  
div#menu li:hover ul ul ul, div#menu li.sfhover ul ul ul,  
div#menu li:hover ul ul ul ul, div#menu li.sfhover ul ul ul ul {  
	left: -999em;
}

 
div#menu li li:hover ul, div#menu li li.sfhover ul,  
div#menu li li li:hover ul, div#menu li li li.sfhover ul,  
div#menu li li li li:hover ul, div#menu li li li li.sfhover ul {  
	left: 0;
	z-index: 100;
}

/*конец меню*/
} 
#menu2 {
position:relative;
z-index:10;
 padding: 20px 0px 0px 73px;  
}
#content {
 position: relative;
 width: 1024px; /* Ширина слоя в пикселах */
 padding-top: 0px;
z-index: 3;
 background: transparent url(../images/bg_up.jpg) left top no-repeat;
 font-family: arial, helvetica, sans-serif;
 font-size: 12px;
 
}

#cont_bot {
 position: relative;
 z-index: 3;
 width: 1024px; /* Ширина слоя в пикселах */
 height: 468px; 
 margin: 0 auto; /* Отступ слева и справа */
 margin-top: -400px;
 background: transparent url(../images/bg_down.jpg) left top no-repeat;
 padding-top: 0px; /* Поля вокруг текста */
 text-align: left; /* Выравнивание содержимого слоя по левому краю */
}

#cont_bot2 {
 padding: 10px; /* Поля вокруг текста */
}

#content2 {
 position: relative;
  background: url(../images/bg_rep.png) repeat-y;
}
#content3 {
position: relative;
 padding: 10px 90px 10px 90px; /* Поля вокруг текста */
 z-index: 10;
}

#bottom {
 position:relative;
 z-index: 6;
 width: 1024px; /* Ширина слоя в пикселах */
 height: 61px; 
 margin: 0 auto; /* Отступ слева и справа */
 background: transparent url(../images/bottom.jpg) left bottom no-repeat;
 padding-top: 0px; /* Поля вокруг текста */
 text-align: left; /* Выравнивание содержимого слоя по левому краю */
}

#bottom2 {
 padding: 10px 90px 10px 62px;; /* Поля вокруг текста */
}

img {
	border: none;
}
