/* CSS Document */
/*Handle z-index issues*/
div.mlmenu *, div.mlmenujs *{
	z-index: 98;
}
*{
	z-index: 15;
}
/*Handle Padding,Margins,And Borders*/
.mlmenujs *,.mlmenu *{
	padding: 0;
	margin: 0;
	border: 0;
}
/*this is the css for the vertical version*/
div.vertical ul{
	list-style-type: none;
	padding: 0;
	width: 204px;
	margin: 0;
	position: relative;
	border-top: 1px solid;
}
div.vertical a{
	display: block;
	width: 200px;
	text-decoration: none;
	height: 15px;
	padding: 2px 1px;
	border: 1px solid;
	border-bottom: none;
	overflow: hidden;
	vertical-align: bottom;
}
div.vertical li{
	position: relative;
	border-bottom: 1px solid;
	margin-top: -1px;
}
div.vertical li ul{
	position: absolute;
	top: 0;
	left: 203px;
}
/*this is the css for the horizontal version*/
div.horizontal{
	display: table;
}
div.horizontal ul{
	border: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
	border-left: 1px solid;
	height: 21px;
}
div.horizontal ul li{
	float: left;
	position: relative;
}
div.horizontal a{
	display: block;
	/*width: 185px;*/
	text-decoration: none;
	height: 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:10px;
	padding: 2px 1px;
	overflow: hidden;
	border: 1px solid;
	border-left: none;
	vertical-align: bottom;
}
div.horizontal ul li ul{
	position: absolute;
	top: 21px;
	left: -1px;
	margin-top: -1px;
	border-top: 1px solid;
	border-left: 0;
	height: auto;
}
div.horizontal ul li ul li{
	float: none;
	position: relative;
	border-bottom: 1px solid;
	margin-top: -1px;
}
div.horizontal ul li ul li ul{
	width: 128px;
	top: 0;
	left: 148px; /*distancia del sub submenu */
	margin-top: 0;
}
.opa{
	filter: alpha(opacity=50); opacity: .5;
}
div.horizontal ul li li a{
	border: 1px solid;
	border-bottom: none;
}
/*This is the CSS to take care of left and up*/
div.horizontal ul.left li ul li ul{
	left: -128px;
}
div.vertical ul.left ul{
	left: -203px;
}
div.vertical ul.up ul{
	top: auto;
	bottom: -1px;
}
div.horizontal ul.up ul{
	top: auto;
	bottom:  20px;
}
div.horizontal ul.up ul ul{
	bottom: -1px;
}
/*here we use a little CSS to make a backup dropdown menu in modern browsers *cough* not IE6 or less *cough* if javascript is disabled.*/
div.mlmenu li ul,div.mlmenujs li ul{
	display: none;
}
div.mlmenu li:hover>ul{
	display: block;
}
/*Code to show an element has a child*/
.has_child_ident{
	margin-left: 3px;
}
div.childright a{
	position: relative;
}
div.childright .has_child_ident{
	position: absolute;
	right: 0;
}
/**/
/*Prevent ugly firefox focus crap*/
div.mlmenujs a:focus, div.mlmenu a:focus{
	outline: none;
}
/*Handle background image, div.image is for a single image, .topimage is for just the top, .subimage is for submenus*/
div.image a,div.topimage a{
	background: url(images/image.gif) top left repeat-x;
}
div.image a:hover,div.topimage a:hover, div.trail ul.image a.hover,div.trail ul.topimage a.hover{
	background:url(images/image-hover.gif) top left repeat-x;
}
div.topimage li li a{
	background-image: none;
}
div.topimage li li a:hover,div.trail ul.topimage li ul li a.hover{
	background-image: none;
}
div.subimage li li a{
	background: url(images/sub-image.gif) top left repeat;
}
div.subimage li li a:hover, div.trail ul.subimage li li a.hover{
	background: url(images/sub-image-hover.gif) top left repeat;
}
/*Handle Icons(both types), and an image child selector*/
div.mlmenujs a img{
	height: 15px;
}
/*No border option, just kill all the borders, mostly usefull if you want to use images*/
div.noborders ul.noborders, div.noborders ul.noborders li a, div.noborders ul.noborders li ul li, div.noborders ul.noborders li{
	border: none;
}
div.subnoborders ul.subnoborders ul.subnoborders li,div.subnoborders ul.subnoborders ul.subnoborders a,div.subnoborders ul.subnoborders ul.subnoborders{
	border: none;
}
/*Outline Option, this will add a 1px outline to all uls. useful for use with noborders supports outline and sub*/
div.outline ul.outline{
	border: 1px solid;
}
div.suboutline ul.suboutline ul.suboutline{
	border: 1px solid;
}
div.horizontal ul.outline li{
	margin-left: 0;
}
div.horizontal ul.outline li ul{
	top: 20px;
}
div.horizontal ul.outline li ul li ul{
	top: 0;
	left: 127px;
}
div.vertical ul.outline li,div.horizontal ul.outline ul.outline li,div.horizontal ul.suboutline ul.suboutline li,div.vertical ul.suboutline ul.suboutline li{
	margin-top: 0;
}
/*Underline options. Kill the background, blocky look, and use text-decoration*/
div.underline{
	font-size: 95%;
}
div.underline ul.underline li a.hover, div.underline ul.underline li a:hover{
	text-decoration: underline;
	background-color: transparent;
}
/*colors for menu*/
div.blackwhite li a, div.blackwhite ul, div.blackwhite li{
	/*background-color: #1B0C03;*/
	color: #F6E6CC;
	border-color: #1B0C03;
}
div.blackwhite li a:hover, div.blackwhite ul.trail a.hover{
	/*background-color: #5C3309;*/
	/*background-color: #1B0C03;*/
	/*MARRON #532E11*/
	color: #E39447;
	/*border-color: #1B0C03;*/
}
b{
	position: relative;
}
/*Different Colors for sub-menus, these are optional, put it here so that we have a demo
div.blackwhite li li a, div.blackwhite li ul, div.blackwhite li li{
	background-color: lightgray;
	color: black;
	border-color: gray;
}
div.blackwhite li li a:hover, div.blackwhite ul.trail li li a.hover{
	background-color: black;
	color: white;
	border-color: black;
}
*/