@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; width: 100%;
}

ul.dropdown li {
	padding: 0px;
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	border-color: #fff #6f6f6f #fff #2cade4;
	background-color: #f0b500;
	color: #333;
	text-transform:none;
	font-family: 'PT Sans Narrow', 'Helios';
	font-weight: normal;
}

ul.dropdown > li {
	padding: 0px;
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	border-color: #fff transparent #100f0f #fff;
	background: none;
	color: #fff;
	text-transform:uppercase;
}

/* плавное появление */
ul.dropdown li ul {
	opacity:0;
	-o-transition: opacity .3s ease-out;
	-ms-transition: opacity .3s ease-out;
	-moz-transition: opacity .3s ease-out;
	-webkit-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out;
}
ul.dropdown li:hover > ul {
	opacity:1;
}
/* плавное появление END*/

/* ссылки */
ul.dropdown a {
	font-size:18px;
	display:block;
	padding: 7px 10px;
	text-decoration: none;
	cursor:pointer;
	color: #333;
	outline:none;
}
ul.dropdown > li > a {
	font-size:20px;
	display:block;
	padding: 30px 22px 8px 22px;
	text-decoration: none;
	cursor:pointer;
	color: #fff;
	outline:none;
	border-style: solid;
	border-width: 0px 0px 6px 0px;
	border-color: #fff transparent transparent #fff;
}

/* ссылка при наведении на блок ссылки (дублирует * ссылка при наведении *; сохранение открытости меню) */
ul.dropdown > li > ul > li.hover > a,
ul.dropdown > li > ul > li:hover > a,
ul.dropdown > li > ul > li.on > a {
	transition: all 0.3s ease 0s;
	background-color: #6f6f6f;
	color: #fff;
}
ul.dropdown > li.hover > a,
ul.dropdown > li:hover > a,
ul.dropdown > li.on > a {
	transition: all 0.3s ease 0s;
	background-color: #f0b500;
	color:#333;
}

/* ссылка при наведении */
ul.dropdown a:hover {
	transition: all 0.3s ease 0s;
	background-color: #6f6f6f;
	color: #fff;
}
ul.dropdown > li > a.active, 
ul.dropdown > li > a:hover {
	transition: all 0.3s ease 0s;
	background-color: #f0b500;
	color:#333;
	border-style: solid;
	border-width: 0px 0px 6px 0px;
	border-color: #fff transparent #100f0f #fff;
}
ul.dropdown > li.dir > a:hover {
	background-color: #f0b500;
	color:#333;
	transition: all 0.3s ease 0s;
	border-style: solid;
	border-width: 0px 0px 6px 0px;
	border-color: #fff transparent #f0b500 #fff;
}

/* активные ссылки (дополнительно) */
ul.dropdown > li > a.active{
	background-color: #ffcc00;
	color:#333;
	border-style: solid;
	border-width: 0px 0px 6px 0px;
	border-color: #fff transparent #100f0f #fff;
}
ul.dropdown > li.dir:hover > a.active{
	background-color: #f0b500;
	border-style: solid;
	border-width: 0px 0px 6px 0px;
	border-color: #fff transparent #f0b500 #fff;
}

/* -- level mark -- */

ul.dropdown ul {
	width: 200px;
	margin-top: -1px;
	margin-left: 3px;
	margin-right: 1px;
}

ul.dropdown > li > ul {
	width: 200px;
	margin-top: -5px;
	margin-left: 0px;
	margin-right: -1px;
}

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

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


/* -- 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;
}

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%;
}