@charset "UTF-8";

/** 
 * Default CSS Drop-Down Menu Theme
 *
 * @file		default.css
 * @name		Default
 * @version		0.1.1
 * @type		transitional
 * @browsers	Windows: IE7+, Opera7+, Firefox3+
 *				Mac OS: Safari2+, Firefox3+
 *
 * @link		http://www.lwis.net/free-css-drop-down-menu
 * @copyright	2008-2012 Live Web Initiatives, http://www.lwis.net
 *
 */


/* -- Base drop-down styling -- */

ul.dropdown {
	font-weight: normal; z-index:50; background: #6BC15F; width: 100%;
}

	ul.dropdown li {
	padding: 0px;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	border-color: #fff rgba(52,112,164,0.95) #fff rgba(52,112,164,0.95);
	background-color: rgba(52,112,164,0.95);
	background-color: #fff;
	color: #000;
	text-transform:lowercase;
	text-transform:none;
	}

	ul.dropdown > li {
	padding: 0px;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	border-color: #fff transparent transparent #fff;
	background-color: transparent;
	color: #333;
	text-transform: lowercase;
	text-transform:none;
	}
	ul.dropdown li:first-letter {
		/*text-transform: uppercase;
		text-transform:none;*/
	}
	
	/* плавное появление */
	ul.dropdown li ul{
	opacity:0;
	-o-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	}
	ul.dropdown li:hover > ul {
	opacity:1;
	width: 100%;
	}

	ul.dropdown > li.hover > a,
	ul.dropdown > li:hover > a,
	ul.dropdown > li.on > a ,
	ul.dropdown > li.dir:hover > a.active {
	/* фон эл-та в гл.меню при наведении эл-та в выпадающем списке*/
	background-color: rgba(142,204,219,0.6);
	background-color: #3E9732;
	color:#fff;
	transition: all 0.3s ease 0s;
	}
	ul.dropdown > li > ul > li.hover > a,
	ul.dropdown > li > ul > li:hover > a,
	ul.dropdown > li > ul > li.on > a,
	ul.dropdown > li.dir > ul > li:hover > a.active {
	/* фон эл-та в выпадающем списке при наведении */
	background-color: rgba(61,118,168,0.7);
	background-color: #3E9732;
	color:#fff;
	transition: all 0.3s ease 0s;
	}

	ul.dropdown a {
	display:block;
	padding: 14px 18px;
	text-decoration: none;
	cursor:pointer;
	color: #fff;
	outline:none;
	font-size:15px;
	background-color: #6BC15F;
	}
	ul.dropdown > li > a {
	display:block;
	padding: 14px 18px;
	text-decoration: none;
	cursor:pointer;
	color: #fff;
	outline:none;
	font-size:17px;
	line-height:17px;
	}
	ul.dropdown a.active,
	ul.dropdown a:hover {
	background-color: rgba(142,204,219,0.6);
	background-color: #3E9732;
	color:#fff;
	transition: all 0.3s ease 0s;
	}

	ul.dropdown > li > a.active,
	ul.dropdown > li > a:hover,
	ul.dropdown > li.dir > a.active:hover {
	background-color: rgba(142,204,219,0.6);
	background-color: #3E9732;
	color:#fff;
	transition: all 0.3s ease 0s;
	}
	
	/* -- level mark -- */

	ul.dropdown ul {
	width: auto;
	width: 225px;
	margin-top: -1px;
	margin-left: 2px;
	margin-right: 1px;
	border-left: transparent 1px solid;
	/*border-left:#30aed4 1px solid;*/
	}

	ul.dropdown > li > ul {
	min-width: 225px;
	/* width: 100%; добавлено в ul.dropdown li:hover > ul */
	/* width: 200px;  без точной ширины при 100% появляется гор.полоса прокрутки */
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	border-left: none;
	padding-top: 1px;
	}

	ul.dropdown ul li {
	font-weight: normal;
	}


/* -- Supporting class `dir` -- */

ul.dropdown *.dir > a{
 padding-right: 20px;
 background-image: url(../../images/nav-arrow-down_2.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
 padding-right: 18px;
 background-image: none;
}


/* -- Components override -- */

ul.dropdown-horizontal ul *.dir > a{
 padding-right: 20px;
 background-image: url(../../images/nav-arrow-right_2.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
 padding-right: 18px;
 background-image: none;
}

ul.dropdown-upward *.dir > a{
 background-image: url(../../images/nav-arrow-top_2.png);
}

ul.dropdown-vertical *.dir > a,
ul.dropdown-upward ul *.dir > a{
 background-image: url(../../images/nav-arrow-right_2.png);
}

ul.dropdown-vertical-rtl *.dir > a,
ul.dropdown-horizontal > li.dropdown-vertical-rtl ul *.dir > a{
 padding-right: 10px;
 padding-left: 15px;
 background-image: url(../../images/nav-arrow-left_2.png);
 background-position: 2px 50%;
 padding-right: 18px;
 padding-left: 18px;
 background-image: none;
}