
.nav{border-bottom:1px solid #ccc;width:98px;}

body {line-height:2; font:11px arial,helvetica,sans,monotype ;background-color: black;text-align:justify;scrollbar-face-color: white; scrollbar-shadow-color: #263939; scrollbar-highlight-color: white;     scrollbar-3dlight-color: #CCCCCC;     scrollbar-darkshadow-color: white;     scrollbar-track-color: white;     scrollbar-arrow-color: black;}

h2 {font: bold 11px sans-serif;line-height:100%;text-align:right;color:#000000;background:#FFffcc;}
h2.a4 {font-size:13px;color:#484848;background:#CCCCCC;}

.ar {font-family:'Swis721 BlkCn BT',arial,courier;font-size:14px;color:gray;}/*título principal*/
.in {font-family:arial,helvetica;font-size:10px;color:black;line-height:2;}/*título secundário*/
.in2 {font-family:arial,helvetica,sans-seriff;font-size:10px;color:black;line-height:2;margin-left:50px;}
.int {font-family:arial,helvetica,sans-seriff;font-size:10px;color:black;text-align:right;vertical-align:bottom;}
.int1 {font-family:arial, helvetica,sans-seriff;font-weight: bold;font-size: 11px;color:dimgray;text-align:right;vertical-align:bottom;}
.tit {font-family:arial,helvetica,sans-seriff;font-size:11px;font-weight:bold;color:black;line-height:1.5;}
.curr {color:red;}

ol {list-style-type:disc;}

img {float: none; margin: 0px 0px 0px 0px; padding:  0px 0px 0px 0px;border:0px solid black;}

/*
COMPARTIMENTAÇÃO DO ÉCRAN - 
*/

#area1 {WIDTH:686px;height:120px;position: absolute; top:0px;left:197px;background:#eee;padding: 0px 0px 0px 0px;}
/*area dos menus*/
#area2 {width:686px;height:21px;position: absolute; top:120px;left:197px;z-index:10; background:#ffffff;
padding: 0px 0px 0px 0px;text-align:right;}/*border-bottom:1px dotted black;text-align:right; border-right:1px dotted black;*/
#area21 {width:686px;height:28px;position: absolute; top:142px;left:197px;z-index:0; background:#fff;
padding: 0px 0px 0px 0px;}/*border-right:1px dotted black;border-bottom:1px hidden black;*/

#logo1 {background:#eee url(images/logo.jpg) no-repeat 0px 0px;position: absolute;left:0px; top:0px;width:197px;height:170px;z-index:100;padding: 0px 0px 0px 0px;overflow:hidden;}/*border-right:1px dotted black;*/
/*não está em uso*/
.logo2 {background: #cccccc;position: absolute; top:118px;left:887px;width:33px;z-index:100;border-left:1px dotted black;padding: 0px 0px 0px 0px;overflow:hidden;}
.logo21 {color:#eee;background: #fff;position: absolute;overflow:hidden; top:0px;left:887px;width:33px;height:120px;z-index:100;padding: 0px 0px 0px 0px;}/*border-left:1px dotted black;*/
.area3 {width:270px;position:absolute;top:170px;left:0px;line-height:normal;font-size:10px;padding: 20px 5px 0px 5px;overflow:hidden;background: #cccccc;z-index: 0}/*border-right:1px dotted black;margin: 0px 0px 0px 0px;*/
.area4 {width:617px;position:absolute;top:175px;left:285px;line-height:normal;font-size:12px;margin-left:0px;padding: 30px 5px 0px 15px;background: #eee;}/*border-right:1px dotted black;*/
a:link {color:dimgray;text-decoration:none;line-height:normal;text-align:left;font-size:12px;}
div[class="area4"] a {text-decoration:underline;}
a:visited {color:dimgray;text-decoration:none;line-height:normal;text-align:left;font-size:12px;}
a:hover {color:gray;text-decoration:none;line-height:normal;text-align:left;font-size:12px;}
div[class='in'] a {font-size:16px;}
/*menus: a sua área tem 686px (692) para 6 menus: */
.nava{border-bottom:1px solid #ccc;width:137px;position:absolute;left:1px;top:0px;z-index:100;}
.navb{border-bottom:1px solid #ccc;width:137px;position:absolute;left:138px;top:0px;}
.navc{border-bottom:1px solid #ccc;width:137px;position:absolute;left:275px;top:0px;}
.navd{border-bottom:1px solid #ccc;width:137px;position:absolute;left:412px;top:0px;}
.nave{border-bottom:1px solid #ccc;width:137px;position:absolute;left:549px;top:0px;}
.navf{border-bottom:1px solid #ccc;width:137px;position:absolute;left:686px;top:0px;}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 137px;
	}
ul li {
	position: relative;
	border-bottom: 1px solid #ccc;
	}
li ul {
	position: absolute;
	left: 0px;
	top: 20;
	display: none;
	}
ul li a {
	display: block;
	text-decoration: none;
	color: #777;
	background: #fff;
	padding: 2px;
	border: 1px solid #ccc;
	border-bottom: 0px;
	}
/* 
html ul li { float: left;height: 1%; }*/

html ul li a { height: 12px; }
li ul li a { padding: 2px 2px;border-top:0;background:lightyellow;}
li:hover ul, li.over  ul { display: block; }