/* CSS do menu horizontal */

.horizontal { display: table; }
.horizontal * { margin: 0; padding: 0;}
.horizontal a { display: block; }
.horizontal li {
	list-style: none;
	height: 1%;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #0099CC;
	background-color: #336699;
	float: left;
}
.horizontal li ul {
	position: absolute;
	visibility: hidden;
	white-space: nowrap;
	display: block;
}
/* hack para navegadores que exigem width para elementos pos absolute (Opera) */
html:first-child>body .horizontal li ul { }
.horizontal li:hover ul, .horizontal  li.over ul { visibility: visible;}
 /* a class  .over eh tecnica pro hover no IE */
.horizontal li:hover ul li ul, .horizontal li.over ul li ul{ visibility: hidden;}
.horizontal li ul li:hover ul, .horizontal li ul li.over ul{ visibility: visible;}
/* visual */
.horizontal {
	height: 21px;
	list-style-position: inside;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #336699;
	padding-left:0px;


	width: 749px
	*width: 777px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	display: list-item;
	list-style-type: none;
	width: 779px;
	font-weight: bold;
}
  .horizontal a {
	text-decoration: none;
	color: #FFFFFF;
	padding: 0 10px 0 9px;
	line-height: 20px;
	font-weight: bold;
}
  .horizontal a:visited {
	color: #00CCFF;  
  }
  .horizontal a:hover {
	text-decoration: underline;
	background-color: #0099CC;
	color: #FFFFFF;
}

  .horizontal ul li ul { background-color: #DF2800; border: 1px solid #000; }
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}