/*----------*/
/*
* { margin: 0; padding: 0; }
body { padding: 50px; background: #4c4c4c url(images/grad1.png) 0 0 repeat-x; color: #d9d9d9; font: 14px/normal Tahoma, Arial, Helvetica, sans-serif; }

h1 { margin-bottom: .5em; border-bottom: solid 1px #d9d9d9; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 180%; text-indent: 5px; letter-spacing: -1px; }
cite { float: right; }
*/
ul.classic { list-style: disc; margin-bottom: 1em; padding-left: 2em; }
div.section { clear: both; padding-top: 50px; }

/*
.table1 { float: right; margin-bottom: 2em; border: solid 1px #eee; }
.table1 caption { color: #fff; text-align: center; padding-bottom: 5px; }
.table1 th, .table1 td { padding: 7px; }
.table1 th, .table1 thead td { background-color: lightyellow; color: #000; }
.table1 tbody td { background-color: #fff; color: #000; }
.table1 tbody th { text-align: right; }
*/

* html ul.dropdown ul { background-image: url(../img/menu/dropdown_pane_8bit.png); }


/**-----  */

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
/* background: #FFF /*url(../img/menu/bot-bkg.gif) repeat-x;*/
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
 background: url(../img/menu/bot-bkg.gif) repeat-x;
}

ul.dropdown li {
 float: left;
 line-height: 1em /*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;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}


/*------------------------------------------------------------------------------------------------------/


/* ----- ALL LEVELS (incl. first) */

ul.dropdown {
 font: bold 11px Arial, Helvetica, sans-serif;
}

	ul.dropdown li {
	 padding: 7px 12px;
/*	 background-color: #000;*/
	 color: #fff;
	 width: 100px;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
/*	 background-color: #222;
	 background: url(../img/menu/bot-rojo.gif) no-repeat;*/
	}
	
	/* ancho de sub-botones*/
	ul.dropdown li li,
	ul.dropdown li li.hover,
	ul.dropdown li li:hover {
	 width: 220px;
	}
	
	.ie6 ul.dropdown li.corto {
	 background: url(../img/menu/bot-gris.gif) no-repeat;
	 color: #fff;
	 width: 120px;
	}
	
	ul.dropdown li.corto > a:link,
	ul.dropdown li.corto > a:visited { color: #000; text-decoration: none; background: url(../img/menu/bot-gris.gif) no-repeat; }
	ul.dropdown li.corto > a:hover { color: #FFF; text-decoration: underline; background: url(../img/menu/bot-rojo.gif) no-repeat; }
	ul.dropdown li.corto a:active { color: #000; }

	ul.dropdown li.corto1 > a:link,
	ul.dropdown li.corto1 > a:visited { color: #000; text-decoration: none; background: url(../img/menu/bot-gris.gif) no-repeat; }
	ul.dropdown li.corto1 > a:hover { color: #FFF; text-decoration: underline; background: url(../img/menu/bot-rojo.gif) no-repeat; }
	ul.dropdown li.corto1 a:active { color: #000; }

	ul.dropdown li.corto2 > a:link,
	ul.dropdown li.corto2 > a:visited { color: #000; text-decoration: none; background: url(../img/menu/bot-gris.gif) no-repeat; }
	ul.dropdown li.corto2 > a:hover { color: #FFF; text-decoration: underline; background: url(../img/menu/bot-rojo.gif) no-repeat; }
	ul.dropdown li.corto2 a:active { color: #000; }

	ul.dropdown li.corto3 > a:link,
	ul.dropdown li.corto3 > a:visited { color: #000; text-decoration: none; background: url(../img/menu/bot-gris.gif) no-repeat; }
	ul.dropdown li.corto3 > a:hover { color: #FFF; text-decoration: underline; background: url(../img/menu/bot-rojo.gif) no-repeat; }
	ul.dropdown li.corto3 a:active { color: #000; }

	ul.dropdown li.medio2 > a:link,
	ul.dropdown li.medio2 > a:visited { color: #000; text-decoration: none; background: url(../img/menu/bot-gris.gif) no-repeat; }
	ul.dropdown li.medio2 > a:hover { color: #FFF; text-decoration: underline; background: url(../img/menu/bot-rojo.gif) no-repeat; }
	ul.dropdown li.medio2 a:active { color: #000; }
	
	/* hacks ie6 */
	li a:link, li a:visited { color: #000; text-decoration: none; background: url(../img/menu/bot-gris2.gif) no-repeat; }
	li a:hover { color: #FFF; text-decoration: none; background: url(../img/menu/bot-rojo.gif) no-repeat; }
	
	ul.dropdown li.largo {
	 background: url(../img/menu/bot-gris2.gif) no-repeat;
	 color: #fff;
	 width: 210px;
	}


	ul.dropdown li.medio {
	 background: url(../img/menu/bot-gris2.gif) no-repeat;
	 color: #fff;
	 width: 130px;
	}
	
	ul.dropdown li.corto1 {
	 background: url(../img/menu/bot-gris2.gif) no-repeat;
	 color: #fff;
	 width: 90px;
	}
	ul.dropdown li.corto2 {
	 background: url(../img/menu/bot-gris2.gif) no-repeat;
	 color: #fff;
	 width: 75px;
	}
	ul.dropdown li.medio2 {
	 background: url(../img/menu/bot-gris2.gif) no-repeat;
	 color: #fff;
	 width: 125px;
	}
	ul.dropdown li.corto3 {
	 background: url(../img/menu/bot-gris2.gif) no-repeat;
	 color: #fff;
	 width: 70px;
	}
	ul.dropdown li.largo.hover,
	ul.dropdown li.largo:hover {
/*	 background-color: #222;*/
	 background: url(../img/menu/bot-rojo2.gif) no-repeat;
	}
	
	
	ul.dropdown li.largo > a:link,
	ul.dropdown li.largo > a:visited { color: #000; text-decoration: none; background: url(../img/menu/bot-gris2.gif) no-repeat; }
	ul.dropdown li.largo > a:hover { color: #FFF; text-decoration: underline; background: url(../img/menu/bot-rojo2.gif) no-repeat; }
	ul.dropdown li.largo a:active { color: #000; }
	
	.ie6 ul.dropdown li.largo a:link.dir,
	.ie6 ul.dropdown li.largo a:visited.dir { color: #000; text-decoration: none; background: url(../img/menu/bot-gris2.gif) no-repeat; }
	.ie6 ul.dropdown li.largo a:hover.dir { color: #FFF; text-decoration: underline; background: url(../img/menu/bot-rojo2.gif) no-repeat; }
	
/*ie6
	ul.dropdown li.largo a:link,
	ul.dropdown li.largo a:visited { color: #000; text-decoration: none; background: url(../img/menu/bot-gris2.gif) no-repeat; }
	ul.dropdown li.largo a:hover { color: #FFF; text-decoration: underline; background: url(../img/menu/bot-rojo2.gif) no-repeat; }
	ul.dropdown li.largo a:active { color: #000; }
	
	ul.dropdown li.largo li a:link,
	ul.dropdown li.largo li a:visited { color: #000; text-decoration: none; background: #FFF; }
	ul.dropdown li.largo li a:hover { color: #FFF; text-decoration: underline; background: #09C; }
	ul.dropdown li.largo a:active { color: #000; }

*/
/* ----- END LEVEL */


	/* ----- NON-FIRST LEVEL */

	ul.dropdown ul {
	 margin-left: -6px;
	 width: 245px;
	 padding-bottom: 9px;
	 background: url(../img/menu/dropdown_pane.png) 0 100% no-repeat;
	 color: #000;
	 font-size: 11px;
	 font-weight: normal;
	}

		ul.dropdown ul li {
		 background-color: transparent;
		 color: #000;
		}

		ul.dropdown ul li.hover,
		ul.dropdown ul li:hover {
		 background-color: transparent;
		 background: #FFF; 
		}

		ul.dropdown ul li.empty {
		 padding: 12px 12px 7px !important;
		 font-weight: bold;
		}

		ul.dropdown ul a:link,
		ul.dropdown ul a:visited { color: #000; background: transparent; }
		ul.dropdown ul a:hover { color: #000; text-decoration: none; }
		ul.dropdown ul a:active { color: #000; }

			ul.dropdown ul ul {
			 display: none;
			}

			ul.dropdown ul ul li {}

/* ----- END LEVEL */



/*------------------------------------------------------------------------------------------------------/


/* ----- ALL LEVELS (incl. first) */

ul.dropdown *.dir {
 padding-right: 12px;
 background-image: none;
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

/* ----- END LEVEL */




/* Components override */

ul.dropdown-horizontal ul *.dir {
 padding-right: 13px;
 background-image: url(../img/menu/nav-arrow-right.html);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

ul.dropdown-vertical *.dir {
 background-image: url(../img/menu/nav-arrow-right.html);
}

ul.dropdown-vertical-rtl *.dir {
 padding-right: 15px;
 background-image: url(../img/menu/nav-arrow-left.html);
 background-position: 0 50%;
}



/** -------------------------------------- */

	ul.dropdown li a { /* Moved from 'custom' section */
	 display: block;
	 padding: 7px 12px 9px 12px;
	}


/* ------------- Override default */

	ul.dropdown li {
	 padding: 0;
	}


/* ------------- Reinitiate default: post-override activities  */

	ul.dropdown li.dir {
	 padding: 7px 20px 7px 12px;
	}

	ul.dropdown ul li.dir {
	 padding-right: 15px;
	}


/* ------------- Custom */

	ul.dropdown li {

	}


	/* Especially for IE6 or lower */

	ul.dropdown ul a {
	 padding: 4px 5px 4px 12px;
	 /*width: 139px;*/
	}

	ul.dropdown ul a:hover {
	 padding: 3px 5px 3px 11px;
	 border: solid 1px #ddd;
	 background-color: #eee;
	 font-weight: bold;
	 width:225px;
	}

	ul.dropdown ul a.dir {
	 /*width: 129px;*/
	}