body {
	margin: 0;
	padding: 0;
	background:url(htm/imgs/bg_body.gif) 0 0 repeat-y; 
	
}

#principal {
	
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom:5px;
	width: 800px;
	
}

/* ---------- Conteudo ---------- */

#conteudo {
    position:absolute;
	float:right; 
	width: 800px;
	padding: 2px;
	border: 1px solid #333;
	font-family:Tahoma;
	font-size:11px;
	color:#7A7A7A;
	background:#FFFFFF;
	/*background:url(htm/imgs/bg_conteudo.jpg) 0 0 no-repeat;*/
}
#conteudo #dirHome {
    position:relative;
	margin-top:2px;
	margin-left:0px;
	width: 270px;
	padding: 2px;
	background:url(htm/imgs/bg_titulo.jpg) no-repeat; */
	z-index:100;
	text-align:justify;
	
	
}
#conteudo #dirHome #txt {
	margin-top:2px;
	margin-left:10px;
	width: 260px;
	padding: 2px;
	z-index:100;
	text-align:justify;
	
}
#conteudo #dirHome h2 {
    font-size: 15px;
	color: #ffffff;
	font-weight:bold;
	text-align:center;
	border-bottom:0;
	margin-top:1px;
	
}

#conteudo h1 {
	font-weight:normal;
	text-align:justify;
	margin-left: 5px;
	margin-right: 12px;
	margin-top: 1px;
	margin-bottom: 0px;
	font-size: 11px;
	}
#conteudo h2 {
	font-size: 12px;
	border-bottom:1px solid #000000;
	margin-right:0px;
	text-align:center;
	margin-top:-3px;
}

#conteudo h3 {
	text-align:left;
	margin-top:-3px;
	margin-bottom:0px;
	
}

#conteudo h4 {
	font-weight:normal;
	text-align:center;
	margin:1px;
	margin-top:1px
	}
#conteudo h5 {
	color: #ffffff;
	font-weight: normal;
	margin-left:631px;
	text-align:right;
	}
	#conteudo h6 {
	color:#7A7A7A;
	text-align:justify;
	}
#conteudo h7 {
	font-weight: bold;
	margin-left: 5px;
	margin-right: 5px;
	color:#7A7A7A;
	text-align:center;
	}
	#conteudo h9 {
	font-size: 12px;
	font-weight: bold;
	margin-left: 5px;
	margin-right: 5px;
	color:#7A7A7A;
	text-align:center;
	}
	#conteudo h10 {
	color:#7A7A7A;
	font-weight:bold;
	text-align:center;
	margin:1px;
	margin-top:1px
	}
#conteudo h6 {
    font-size: 10px;
	color:#7A7A7A;
	text-align:right;
	margin-right: 5px;
}	
#conteudo #linksp {
	text-align:left;
	}
#conteudo #linksp a {
	font-size: 10px;
	font-weight:normal;
	color:#7A7A7A;
	text-decoration:none;
	}
#conteudo #linksp  a:hover {
	font-weight:normal;
	color:#7A7A7A;
	text-decoration:underline;
	}
#conteudo #linksg {
	text-align:left;
	}
#conteudo #linksg a {
	font-size: 11px;
	font-weight:bold;
	color:#7A7A7A;
	text-decoration:none;
	margin-left:0px;
	}
#conteudo #linksg  a:hover {
	font-weight:bold;
	color:#333333;
	text-decoration:underline;
	}
	conteudo #linksn {
	text-align:left;
	}
#conteudo #linksn a {
	font-weight:normal;
	color:#7A7A7A;
	text-decoration:none;
	margin-left:0px;
	}
#conteudo #linksn  a:hover {
	font-weight:normal;
	color:#333333;
	text-decoration:none;
	}
#conteudo #linksh {
	text-align:left;
	}
#conteudo #linksh a {
	font-weight:normal;
	color:#7A7A7A;
	text-decoration:none;
	}
#conteudo #linksh  a:hover {
	font-weight:normal;
	color:#333333;
	text-decoration:underline;
	}
#conteudo #linksv {
	text-align:center;
	width:100%;
	}
#conteudo #linksv a {
	font-size: 10px;
	font-weight:normal;
	color:#7A7A7A;
	text-decoration:none;
	text-align: center;
	}
#conteudo #linksv  a:hover {
	font-weight:normal;
	color:#333333;
	text-decoration:underline;
	}

#conteudo #central{
    float:left;
	margin-top:-155px;
	width:660px;
	padding:2px;
	margin-left:152px;
	background-color:#CCCCCC;
	
}
#conteudo #rodape{
    float:left;
	position:relative;
	width:799px;
	margin:0px;
	background-color:#FFFFFF;
	height:38px;
	color:#053971;
	font-weight:bold;
	font-size:12px;
}

#conteudo #base{
	width:615px;
	margin:5px;
	padding:11px;
}
#conteudo #menusuperior{
	float: left;
	width: 158px;
	position:relative
}
#conteudo #menusuperior #links{
	margin-left:3px;
	width: 800px;
	background-color:#CCCCCC;
	font-size: 12px;
	padding: 0px 0px 0px 0px;
	table-layout:fixed;
}
#conteudo #menusuperior #links a {
	width: 140px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #999999;
	color: #333333;
	text-decoration: none;
	text-align:left;
	background-color:#CCCCCC;
	font-size:12px;
	
	
}
#conteudo #menusuperior #links  a:hover {
	padding: 0px 0px 0px 0px;
	background-color: whitesmoke;
	border: 1px solid #000000;
	color: #333333;
	
	
}

/* ---------- Info ---------- */
#info {
   
	float:left;
	margin-top:5px;
	margin-bottom:-4px;
	width: 630px;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	z-index:1000;
}
#info #esqsup {
    width:600;
	height:240;
}
#info #linksacesso a {
    display:block;
	width: 153px;
	padding: 3px;
	color: #333333;
	text-decoration: none;
	background-color:ffffff;
	font-size:11px;
	font-weight:normal;
	text-decoration: none;
	
	
}

#info #linksacesso a:hover {
	padding: 0px 0px 0px 0px;
	background-color: whitesmoke;
	color: #01396E;
	padding: 3px;
}



/* ---------- Menu ---------- */

#menulateral {
	float: left;
	width: 163px;
	position:relative;
}
#menulateral {
	color:#00FF00;
	margin-top:2px;
	border-bottom:hidden;
	list-style: none; float: left; height: 1%; 
}

#menulateral h1 {
   color:#7A7A7A;
   font-size:11px;
   font-weight:normal;
}

#menulateral h2 {
   color:#7A7A7A;
   width:150;
   background-color:#5F7F9F;
   font-size:11px;
   margin-top:0;
   margin-bottom:0px;
   margin-right:5px;
   border-bottom:#CCCCCC;
   padding:2px;
   font-weight:normal;
}
#menulateral h3 {
   color:#7A7A7A;
   font-size:11px;
   font-weight:bold;
}
#menulateral h4 {
   color: #FF0000;
   width:150;
   font-size:12px;
   text-align:center;
   font-weight:bold;
}
#menulateral #links a {
    display:block;
	width: 150px;
	padding: 3px;
	border: 1px solid #ffffff;
	color:#ffffff;
	text-decoration: none;
	background-color:#00458C;
	font-size:12px;
	font-weight:normal;
	text-decoration: none;
	
	
}

#menulateral #links a:hover {
	padding: 0px 0px 0px 0px;
	background-color: whitesmoke;
	border: 1px solid whitesmoke;
	color: #01396E;
	padding: 3px;
}
#menulateral #linksafe a {
    display:block;
	width: 150px;
	padding: 3px;
	border: 1px solid #ffffff;
	color:#ffffff;
	text-decoration: none;
	/* background-image:url(htm/imgs/btn_safedoc.jpg); */
	background-image:url(htm/imgs/btn_safedoc_img.jpg);
	font-size:12px;
	font-weight:normal;
	text-decoration: none;
	
	
}

#menulateral #linksafe a:hover {
	padding: 0px 0px 0px 0px;
	/* background-image:url(htm/imgs/btn_safedoc_over.jpg); */
	background-image:url(htm/imgs/btn_safedoc_img_over.jpg);
	border: 1px solid whitesmoke;
	color: #01396E;
	padding: 3px;
}
#menulateral #linksacesso a {
    display:block;
	width: 153px;
	padding: 3px;
	color: #333333;
	text-decoration: none;
	background-color:whitesmoke;
	font-size:12px;
	font-weight:normal;
	text-decoration: none;
	list-style: none; float: left; height: 1%; }
	
}

#menulateral #linksacesso a:hover {
	padding: 0px 0px 0px 0px;
	background-color: #cccccc;
	color: #01396E;
	padding: 3px;
}

#menulateral #linksacessocert a {
    display:block;
	width: 153px;
	padding: 3px;
	color: #FF0000;
	text-decoration: none;
	text-align:center;
	background-color:whitesmoke;
	font-size:13px;
	font-weight:bold;
	text-decoration: none;
	
	
}

#menulateral #linksacessocert a:hover {
	padding: 0px 0px 0px 0px;
	background-color: #cccccc;
	color: #01396E;
	padding: 3px;
}
/* ---------- Rodape ---------- */

#rodape {
    float:left;
	position:relative;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	text-align:center;
}

#rodape h9 {
	font-size: 12px;
	color: #01396E;
	font-family:Arial, Helvetica, sans-serif;
}


#errologin {
font-weight: bold;
	color: #FF0000;
}

/*******************************************************************************

 MENU SUPERIOR tutorial by micox

 *******************************************************************************/

/* menu horizontal */
.menu-hh { display: table; z-index:1100; }

.menu-hh * { margin: 0; padding: 0;}

.menu-hh a { display: block; }

.menu-hh li { list-style: none; float: left; height: 1%; }

.menu-hh li ul { position: absolute; visibility: hidden; white-space: nowrap;}

/* hack para navegadores que exigem width para elementos pos absolute (Opera) */
html:first-child>body .menu-hh li ul { width: 500px; }

.menu-hh li:hover ul, .menu-hh  li.over ul { visibility: visible;} /* a class  .over eh tecnica pro hover no IE */

.menu-hh li:hover ul li ul, .menu-hh li.over ul li ul{ visibility: hidden;}

.menu-hh li ul li:hover ul, .menu-hh li ul li.over ul{ visibility: visible;}

/* visual */
.menu-hh { background-color: #00458C; margin: 0 0 0 254px; height: 20px; z-index:1010;}

  .menu-hh a { font-weight:normal;; font-size:12px; text-decoration: none; color: #ffffff; padding: 0 15px; line-height: 20px; z-index:1100;}
  
  .menu-hh a:hover { text-decoration: underline; background-color: whitesmoke; z-index:1100; color: #5F7F9F ;}
  
  .menu-hh ul li ul { background-color: #00458C; color:#000000; border: 0px solid #000; /*-khtml-opacity:.9; -moz-opacity:.9; opacity:.9; filter:alpha(opacity=90, finishopacity=90, style=1); width:inherit; height:inherit; z-index:1100;*/}
  
 
.bk { display: table; width:800px; background-color: #00458C; margin-top:-2px; }
.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}
.style2 {color: #7A7A7A}