@charset "UTF-8";

/** 
 * MTV.com Ultimate Linear CSS Drop-Down Menu Theme
 *
 * @file		default.ultimate.css
 * @name		MTV.com
 * @version		0.1
 * @type		transitional
 * @browsers	Windows: IE5+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2008 Live Web Institute. All Rights Reserved.
 *
 */

@import "default.css";


/*------------------------------------------------------------------------------------------------------/
 * @section		Base Style Extension
 */

ul.dropdown a,
ul.dropdown span {
 display: block;
 padding: 5px 5px;
}



/*------------------------------------------------------------------------------------------------------/
 *	@section	Base Style Override
 */


ul.dropdown li {
	padding: 0;
	background:#555555;
}

ul.dropdown ul a,
ul.dropdown ul span { /* POI, proposal: override abstract a, span */
 padding: 0px;
}


/*------------------------------------------------------------------------------------------------------/
 * @section		Base Style Reinitiate: post-override activities
 */


ul.dropdown *.dir { /* POI */
  border-top:2px solid #555555;
	padding: 0px 6px;
	background:#555555;
}

             
ul.dropdown ul *.dir {
 padding: 2px 2px 2px 2px;
	background:#ab74cf url(../img/bg_001.jpg) left top repeat-x;
}



/*------------------------------------------------------------------------------------------------------/
 *	@section	Custom Styles
 */


ul.dropdown ul a {
 width: 100px;
	color:#ffffff;

}
ul.dropdown ul a:hover {
 width: 100px;
}


ul.dropdown ul a.dir {
 width: 111px;
}
 

/*------------------------------------------------------------------------------------------------------/
 * @section		Support Class `open` Usage
 * @source		js, artificial
 *
 */


ul.dropdown *.open {
	background:#ab74cf url({$DIR_WEB_ROOT}img/bg_001.jpg) left top repeat-x;
}
ul.dropdown ul *.open {
	background:#ab74cf url({$DIR_WEB_ROOT}img/bg_001.jpg) left top repeat-x;
 color: #fff;
}
ul.dropdown ul ul *.open {
	background:#ab74cf url({$DIR_WEB_ROOT}img/bg_001.jpg) left top repeat-x;
 color: #f0f;
}
/* Override UPPER TWO definitions */
ul.dropdown a.open:hover {
	background:#ab74cf url({$DIR_WEB_ROOT}img/bg_001.jpg) left top repeat-x;

 color: #f0f;
}
ul.dropdown ul a.open:hover {
	background:#ab74cf url({$DIR_WEB_ROOT}img/bg_001.jpg) left top repeat-x;

 color: #f0f;
}


/* Clone in CSS 2 */

ul.dropdown li:hover > *.dir {
	background:#ab74cf url({$DIR_WEB_ROOT}img/bg_001.jpg) left top repeat-x;
}
ul.dropdown ul li:hover > *.dir {
	background:#ab74cf url({$DIR_WEB_ROOT}img/bg_001.jpg) left top repeat-x;
}
ul.dropdown ul ul li:hover > *.dir {
	background:#ab74cf url({$DIR_WEB_ROOT}img/bg_001.jpg) left top repeat-x;
 color: #fff;
}

/* Override UPPER TWO definitions */
ul.dropdown li:hover > a.dir:hover {
	background:#ab74cf url({$DIR_WEB_ROOT}img/bg_001.jpg) left top repeat-x;
 color: #fff;
}
ul.dropdown ul li:hover > a.dir:hover {
	background:#ab74cf url({$DIR_WEB_ROOT}img/bg_001.jpg) left top repeat-x;
 color: #f0f;
}


/*--New Class----------------------------*/


ul.dropdown_pasos a,
ul.dropdown_pasos span {
 display: block;
 padding: 5px 5px;
}



/*------------------------------------------------------------------------------------------------------/
 *	@section	Base Style Override
 */


ul.dropdown_pasos li {
	padding: 0;
	background:#0b42a6;
}

ul.dropdown_pasos ul a,
ul.dropdown_pasos ul span { /* POI, proposal: override abstract a, span */
 padding: 0px;
}


/*------------------------------------------------------------------------------------------------------/
 * @section		Base Style Reinitiate: post-override activities
 */


ul.dropdown_pasos *.dir { /* POI */
  border-top:2px solid #0b42a6;
	padding: 0px 6px;
	background:#0b42a6;
}

             
ul.dropdown_pasos ul *.dir {
 padding: 2px 2px 2px 2px;
	background:#ab74cf url(../img/bg_001.jpg) left top repeat-x;
}



/*------------------------------------------------------------------------------------------------------/
 *	@section	Custom Styles
 */


ul.dropdown_pasos ul a {
 width: 100px;
	color:#ffffff;

}
ul.dropdown_pasos ul a:hover {
 width: 100px;
}


ul.dropdown_pasos ul a.dir {
 width: 111px;
}
 

/*------------------------------------------------------------------------------------------------------/
 * @section		Support Class `open` Usage
 * @source		js, artificial
 *
 */


ul.dropdown_pasos *.open {
	background:#ab74cf url({$DIR_WEB_ROOT}img/bg_001.jpg) left top repeat-x;
}
ul.dropdown_pasos ul *.open {
	background:#ab74cf url({$DIR_WEB_ROOT}img/bg_001.jpg) left top repeat-x;
 color: #fff;
}
ul.dropdown_pasos ul ul *.open {
	background:#ab74cf url({$DIR_WEB_ROOT}img/bg_001.jpg) left top repeat-x;
 color: #f0f;
}
/* Override UPPER TWO definitions */
ul.dropdown_pasos a.open:hover {
	background:#ab74cf url({$DIR_WEB_ROOT}img/bg_001.jpg) left top repeat-x;

 color: #f0f;
}
ul.dropdown_pasos ul a.open:hover {
	background:#ab74cf url({$DIR_WEB_ROOT}img/bg_001.jpg) left top repeat-x;

 color: #f0f;
}


/* Clone in CSS 2 */

ul.dropdown_pasos li:hover > *.dir {
	background:#ab74cf url({$DIR_WEB_ROOT}img/bg_001.jpg) left top repeat-x;
}
ul.dropdown_pasos ul li:hover > *.dir {
	background:#ab74cf url({$DIR_WEB_ROOT}img/bg_001.jpg) left top repeat-x;
}
ul.dropdown_pasos ul ul li:hover > *.dir {
	background:#ab74cf url({$DIR_WEB_ROOT}img/bg_001.jpg) left top repeat-x;
 color: #fff;
}

/* Override UPPER TWO definitions */
ul.dropdown_pasos li:hover > a.dir:hover {
	background:#ab74cf url({$DIR_WEB_ROOT}img/bg_001.jpg) left top repeat-x;
 color: #fff;
}
ul.dropdown_pasos ul li:hover > a.dir:hover {
	background:#ab74cf url({$DIR_WEB_ROOT}img/bg_001.jpg) left top repeat-x;
 color: #f0f;
}