@charset "utf-8";
/* CSS Document */



/*MENU BEGIN*/


#menu a{
	/*font-size: 14px;*/	
	font-weight: bold;
	text-decoration: none;
	/*text-transform: uppercase;*/
	
}

#nav{
	/*background-color: #007D7D;*/
	/*background-color: rgb(249, 249, 249); 
	height: 55px;*/
	float:left;
	/*width:100%;*/
	list-style:none;
	font-weight:bold;
	margin: 0; /**/
	padding: 0; /**/
	/*border-right:1px solid #CCCCCC; */
}
#nav li{
	float:left;
	margin-right:0px;
	position:relative;
	display:block;
	/*height: 42px; */
	/*border-left:1px solid #CCCCCC; */
	/*padding:5px 10px;*/
}
#nav li a{
	display:block;
	padding:5px 10px;
	/*padding: 0 9px;*/
	/*color:#333333;*/
	color:#000000;
	/*background:#007D7D;*/
	/*background-color: rgb(249, 249, 249);*/
	/*line-height: 55px; */	
	/*padding-left:25px;
	height: 42px;*/
}
#nav li a:hover {
	/*color:#F7941E;*/
	color:#ffffff;
	background-color:#000;
	padding:5px 10px;
	/*background-image:url(img/menu-bg.png);
	text-shadow: rgba(0,0,0,.4) 0 1px 0;*/
	/*background:#6C3F98;	
	background:#007D7D;*/
}

#nav li a.noLink:hover{
	color:#666;
	cursor:default;	
	/*background-image:none;*/
}

/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
#nav ul{
	list-style:none;
	position:absolute;
	/*left:-9999px;*/ /* Скрываем за экраном, когда не нужно (данный метод лучше, чем display:none;) */
	padding-left:0px;
	padding-top:10px;
	background-color:#FF9900;
	/*width: 196px;*/
}
#nav ul li{
	padding-top:1px;  /*Вводим отступ между li чтобы создать иллюзию разделенных пунктов меню */
	float:none;
	/*background:url(../images/dot.gif) #FFF;*/
	/*border-top: 1px solid #FFF;*/
}
#nav ul a{
	 /*white-space:nowrap; Останавливаем перенос текста и создаем многострочный выпадающий пункт */
	display:block;
	width:220px;
	color:rgb(255,255,255);
	font-weight:normal;
}
#nav li:hover ul{ /* Выводим выпадающий пункт при наведении курсора */
	left:0; /* Приносим его обратно на экран, когда нужно */
	z-index:250;
	/*background-color:rgb(200,200,200); */
}
#nav li:hover a{ /* Устанавливаем стили для верхнего уровня, когда выводится выпадающий список */
	/*background:#007D7D;	*/
	
}
#nav li:hover ul a{ /* Изменяем некоторые стили верхнего уровня при выводе выпадающего пункта */
	text-decoration:none;
}
#nav li:hover ul li a:hover{ /* Устанавливаем стили для выпадающих пунктов, когда курсор наводится на конкретный пункт */
	/*background:rgb(200,200,200);*/
	color:rgb(0,0,0);
}

#nav li ul li {
	/*background-color:rgb(200,200,200);*/
}

#products-ul li {
	height:25px;
}

#products-ul li a {
	background-color:#FF9900;
	padding-left:25px;
	height:25px;
	text-shadow: 0px -1px 0px rgba(0,0,0,.5);
}

#products-ul {
	/*margin:20px 0 0 0;
	border-bottom:1px solid rgb(200,200,200);*/
	-webkit-box-shadow: 4px 4px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    4px 4px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         4px 4px 5px rgba(50, 50, 50, 0.75);
	
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

/*MENU END*/