.seta {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 0px 5px;
}

/* tame the lists */
ul.menu_horizontal, ul.menu_horizontal li {
	/*border: solid 1px red;*/
	font-size: 100%; /* fix for win/ie's "non-linear text scaling" bug */
	list-style-type: none;
	margin: 0px 0px 0px 1px;
	padding: 0px;
	}


/* navbar list */
ul.menu_horizontal {
	cursor: pointer;
	left: 0px;
	position: absolute;
	top: 0px; /* navbar top position this DOES NOT already include 1px compensation on TOP, for list-item border collapse (1px defaults to around 0.05em) */
	/*width: 100%;*/
	z-index: 2000;
	}


/* navbar list-items */
ul.menu_horizontal li {
	cursor: pointer;
	cursor: hand;
	float: left;
	left: 0px; /* navbar items' left position relative to the container this DOES NOT already include 1px compensation on LEFT, for list-item border collapse (1px defaults to around 0.05em) */
	margin: 0px 0px 0px -1px; /* shift list-items to collapse borders horizontally */
	position: relative;
	text-align: left;
	width: auto;
	}


/* we have to use a different positioning trick for ie, so: 
   - set the two values below to reflect the navbar items' left position,  
   - then reduce the margin-left value by 1px (approx 0.05em)  
     to re-apply the list-item border-collapse */
* html ul.menu_horizontal li {
	margin: 0px -1px 0px -1px;
	}

/* we also need to use the same trick for safari < 1.2, so 
   - apply the same values again 
   we're also increasing the border-collapse and compensation slightly
   to cover for a float-related rounding-error in mozilla and safari 
   this is using a substring-matching attribute selector 
   which is also visible to safari 1.2, konqueror, mozilla and osx/msn  
   but that's okay, because it still works 
   we can't do that for everybody, because it breaks in opera */
ul[class^="menu_horizontal"] li {
	margin: 0px -1px 0px -1px;
	left: 0px;
	}


/* menu lists */
ul.menu_horizontal ul {
	cursor: default;
	left: -10000px; /* position menus off the screen to hide because using display, visibility, overflow or clip, would hide them from browser-based screenreaders as well using left this time because top doesn't work correctly in safari and using px because left:-Nem causes a horizontal scrollbar in some opera builds it also has the advantage that menus which might extend beyond the window won't create a horizontal scrollbar unless they're open */
	margin: 1px 0px 0px 0px; /* menu offset, which already includes 1px compensation for list-item border collapse */
	padding: 0px;
	position: absolute;
	top: auto;
	width: 130px; /* menu width */
	z-index: 2020;
	}
	
	
/* menu list-items */
ul.menu_horizontal ul li {
	left: auto; /* compensate for navbar positioning */
	margin: -1px 0px 0px 0px; /* shift list-items to collapse borders vertically */
	width: 130px; /* duplicate menu width */
	}


/* you can use <ul> classes to specify different menu widths */
ul.menu_horizontal ul.grande, ul.menu_horizontal ul.grande li {
	width: 170px;
	}

ul.menu_horizontal ul.pequeno, ul.menu_horizontal ul.pequeno li {
	width: 110px;
	}


/* further child-menu offset */
ul.menu_horizontal ul ul {
	/* this DOES NOT already include 1px compensation on TOP and LEFT, for list-item border collapse (1px defaults to around 0.05em) */
	margin: 1px 0px 0px 129px;
	/* overlapping the menus improves usability */
	}


ul.menu_horizontal ul.grande ul {
	/* this DOES NOT already include 1px compensation on TOP and LEFT, for list-item border collapse (1px defaults to around 0.05em) */
	margin: 1px 0px 0px 169px;
	/* overlapping the menus improves usability */
	}


/* menu triggers -- position menus back on the screen to show 
   hide these from safari < 1.2 because of it's "sticky hover" bug 
   and because the menu positioning doesn't work
   using the "@media with Media Type in Mixed Case" hack
   http://www.dithered.com/css_filters/css_only/media_mixed_case.html */
@media Screen, Projection { 
	ul.menu_horizontal li:hover > ul {
		left: auto;
		}
	ul.menu_horizontal ul li:hover > ul {
		top: 0px;
		}
	}


/* links */
ul.menu_horizontal a, ul.menu_horizontal a:visited {
	color: #FFF;
	cursor: hand;
	cursor: pointer;
	display: block;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding: 3px 10px 5px 10px;
	text-decoration: none;
	}

	
/* rollover pseudo-classes, and scriptable persistence class */
ul.menu_horizontal a:hover, ul.menu_horizontal a:focus, ul.menu_horizontal a.rollover, ul.menu_horizontal a.rollover:visited {
	background-color: #2B8AAC;
	color: #9FEF0C;
	padding: 3px 10px 5px 10px;
	text-decoration: none;
	}

	
ul.menu_horizontal ul a, ul.menu_horizontal ul a:visited {
	background-color: #2B8AAC;
	border: 1px solid #000;
	color: #FFF;
	cursor: hand;
	cursor: pointer;
	display: block;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding: 2px 10px 3px 9px;
	text-decoration: none;
	}

	
/* rollover pseudo-classes, and scriptable persistence class */
ul.menu_horizontal ul a:hover, ul.menu_horizontal ul a:focus, ul.menu_horizontal ul a.rollover, ul.menu_horizontal ul a.rollover:visited {
	background-color: #2B8AAC;
	color: #9FEF0C;
	text-decoration: none;
	padding: 2px 10px 3px 9px;
	}

	
/* opera 5 and 6, and mac/ie5, need float on the links */
ul.menu_horizontal a { float: left; }

/* but it would break other browsers, so we need to negate it
   using a rule that's hidden from them with the "@media with Media Type in Mixed Case" hack
   http://www.dithered.com/css_filters/css_only/media_mixed_case.html */
@media Screen, Projection { ul.menu_horizontal a { float: none; } }

/* msn/osx can see through that, but needs the float as well, 
   so re-apply it using the "not my child" hack
   http://www.jasonkarldavis.com/articles/notmychild/ */
ul.menu_horizontal a:not(:nth-child(n)) { float: left; }

/* compensate submenus, using !important to increase specificity for osx/msn */
ul.menu_horizontal ul a { float: none !important; }

/* hacks for win/ie to cure 'excess hidden margins' and 'double margin float' bugs */
@media screen, projection {
	* html ul.menu_horizontal li {
		opacity: 0;
		filter: alpha(opacity=0);
		background-color: #FFF; /* this cures 'events fall through the menu' bug in ie6 you can can change the color, but don't remove it or use an image */ 
		display: inline; /* for ie5.0 */
		f\loat: left; /* for ie5.5+ */
		}
	}

/* use different comparative positioning for ie, 
   to avoid problems with virtual z-ordering */
* html ul.menu_horizontal li { position: static; }
* html ul.menu_horizontal a { position: relative; }

/* hide menus from konqueror < 3.2 */
ul[class^="menu_horizontal"] ul { display: none; }
ul[class^="menu_horizontal"] ul { displa\y: block; }