/* 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: middle;
}
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: 25px; /* alto de menu */
	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: middle;
}
div.horizontal ul li ul{
	position: absolute;
	top: 32px; /* distancia entre submenu y menu */
	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;*/
	background-color: #EFF0F2;
	/*color: #F6E6CC;*/
	color:#787A7E;
	border-color: #DADFE2;
}
div.blackwhite li a:hover, div.blackwhite ul.trail a.hover{
	/*background-color: #5C3309;
	background-color: #1B0C03;*/
	background-color: #FFFFFF;
	/*MARRON #532E11*/
	/*color: #E39447;*/
	color: #B7B8BB;
	border-color: #DADFE2;
}
.mp{
	margin-top:6px;
}
.mp2{
	margin-top:7px;
	/*margin-left:10px;*/
}

/*contactenos*/
</style>
<script type="text/javascript" src="js/all-compressed.js"></script>
<link rel="stylesheet" href="css/css.css">
<style type="text/css">
<!--
.style100 {color: #48494D}
.style101 {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #48494D; }
.style104 {font-size: 12px; color: #48494D; font-family: Arial, Helvetica, sans-serif;}
.style11 {FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, Geneva; }
.style71 {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000;}
.style76 {font-size: 10px}
.style83 {color: #FFFFFF; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px;}
.style97 {font-family: Arial, Helvetica, Geneva;
	font-size: 10px;
	color: #1B0C03;
}
.style99 {	color: #0099FF;
	font-family: Arial, Helvetica, Geneva;
	font-size: 10px;
}

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