ul.dropdown,
ul.dropdown ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.dropdown {
	position: relative;
	z-index: 597;
	float: left;
	border-bottom: 1px dotted #CCCCCC;
	width: 100%;
}

ul.dropdown li {
	float: left;
	line-height: 1.3em;
	vertical-align: middle;
	zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
	position: relative;
	z-index: 599;
	cursor: default;
}

ul.dropdown ul {
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 598;
}

ul.dropdown ul li {
	float: none;
}

ul.dropdown ul ul {
	top: 1px;
	left: 99%;
}

ul.dropdown li:hover > ul {
	visibility: visible;
}

ul.dropdown li.rtl ul {
	top: 100%;
	right: 0;
	left: auto;
}

ul.dropdown li.rtl ul ul {
	top: 1px;
	right: 99%;
	left: auto;
}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

ul.dropdown {
 font-weight: bold;
 text-transform: uppercase;
 font-size: 0.9em;
}
ul.dropdown ul {
	text-transform: none;
}

ul.dropdown li ul li{
	background-color: #E5E5E5; /*#f6f6f6*/
	color: #000;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
	background-color: #f00;
	color: #000;
}

ul.dropdown a:link,
ul.dropdown a:visited	{ color: #999; text-decoration: none; }
ul.dropdown a:hover		{ color: #000; }
ul.dropdown a:active	{ color: #f00; }

ul.dropdown ul a:link,
ul.dropdown ul a:visited	{ color: #333; text-decoration: none; }


/* -- level mark -- */

ul.dropdown ul {
	width: 150px;
	margin-top: 1px;
}

ul.dropdown ul li {
	font-weight: normal;
}


/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */

ul.dropdown *.dir {
	padding-right: 20px;
	background-image: url(images/nav-arrow-down.png);
	_background-image: url(images/nav-arrow-down.gif);
	background-position: 100% 50%;
	background-repeat: no-repeat;
}

/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
	padding-right: 15px;
	background-image: url(images/nav-arrow-right.png);
	_background-image: url(images/nav-arrow-right.gif);
	background-position: 100% 50%;
	background-repeat: no-repeat;
}

/* -- Cambios DFS ---------------------------------------------------------- */
ul.dropdown-horizontal li a.seleccionado { color: #f00; }
ul.dropdown-horizontal *.dir a.seleccionado { color: #f00; }
ul.dropdown-horizontal li:hover > *.dir a { color: #f00; }
/* -- Fin cambios DFS ------------------------------------------------------ */

ul.dropdown-upward *.dir {
	background-image: url(images/nav-arrow-top.png);
}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
	background-image: url(images/nav-arrow-right.png);
}

ul.dropdown-vertical-rtl *.dir {
	padding-right: 10px;
	padding-left: 15px;
	background-image: url(images/nav-arrow-left.png);
	background-position: 0 50%;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


/*-------------------------------------------------/
 * @section		Base Style Extension
 */

#nav {
	margin-top: 5px;
}

ul.dropdown a,
ul.dropdown span {
	display: block;
	padding: 7px 10px;
}


/*-------------------------------------------------/
 * @section		Base Style Override
 */

ul.dropdown li {
	padding: 0;
	border: none;
}

ul.dropdown ul a,
ul.dropdown ul span {
	padding: 8px;
}


/*-------------------------------------------------/
 * @section		Base Style Reinitiate: post-override activities
 */


/*-------------------------------------------------/
 *	@section	Custom Styles
 */

ul.dropdown li {
}

ul.dropdown li.hover,
ul.dropdown li:hover {
	background: #efefef;/*url(images/grad2.png) 0 100% repeat-x*/
	color: #000;
}

ul.dropdown li a:active {
	background: url(images/grad1.png) repeat-x;
}


/* Non-first level */

ul.dropdown ul {
	margin-top: 0;
}

ul.dropdown ul li {
}

ul.dropdown ul li.hover,
ul.dropdown ul li:hover {
}


/* Mixed */

ul.dropdown li ul li a,
ul.dropdown li ul li *.dir {
	border-width: 1px 1px 1px 0;
	border-color: #fff #d9d9d9 #d9d9d9;
}

ul.dropdown li *.dir {
}

ul.dropdown li {
	border-width: 1px 1px 1px 0;
	border-color: #F1F1F1 #F1F1F1 #fff;
}


/*-------------------------------------------------/
 * @section		Support Class `open` Usage
 * @source		js, artificial
 *
 */

ul.dropdown li.hover *.open {
	border-width: 1px 1px 1px 0;
	border-color: #f00 #d9d9d9 #d9d9d9;
	background-image: url(images/grad2.png) 0 100% repeat-x;
	color: #000;
}

ul.dropdown ul li.hover *.open,
ul.dropdown-vertical li.hover *.open {
	padding-left: 15px;
	border-top-color: #fff;
	border-left: solid 1px #f00;
}

ul.dropdown-vertical-rtl li.hover *.open {
	padding-right: 15px;
	border-right-color: #f00;
	border-left: none;
}

ul.dropdown-upward li.hover *.open {
	border-top-color: #fff;
	border-bottom-color: #f00;
}

ul.dropdown-upward ul li.hover *.open {
	border-bottom-color: #d9d9d9;
}


/* CSS2 clone */

ul.dropdown li:hover > *.dir {
	border-width: 1px 1px 1px 0;
	border-color: #f00 #d9d9d9 #d9d9d9;
	background-image: url(images/grad1.png) 0 100% repeat-x;
	color: #000;
}

ul.dropdown ul li:hover > *.dir,
ul.dropdown-vertical li:hover > *.dir {
	padding-left: 15px;
	border-top-color: #fff;
	border-left: solid 1px #f00;
}

ul.dropdown-vertical-rtl li:hover > *.dir {
	padding-right: 15px;
	border-right-color: #f00;
	border-left: none;
}

ul.dropdown-upward li:hover > *.dir {
	border-top-color: #fff;
	border-bottom-color: #f00;
}

ul.dropdown-upward ul li:hover > *.dir {
	border-bottom-color: #d9d9d9;
}

.dir a {
	padding: 0 !important;
	border: none !important;
}

