
*{ padding:0; margin:0; }

html {height:100%; max-height:100%; padding:0;margin:0; border:0; background: #fff;/* font-size:76%;*/font-size: 11px; font-family:georgia, palatino linotype, times new roman, serif; color:#174B68/*#446277*/;/* hide overflow:hidden from IE5/Mac */ /* \*/ overflow: hidden;}

body {height:100%; max-height:100%; /*overflow:hidden;*/ top:0; border:0; }

#geral{margin:0 auto 0 auto; width:776px; background:transparent; /*height:100%; he\ight:100%;*/ border:0 dashed #FF0000; z-index:0}

#cabeca{height:130px;  margin:18px auto 0 auto; margin-top:18px; width:776px; border:0 solid #FF3333; }

#superior {float:left; margin-top:18px; width:20%; height:100px; min-width: 90px; text-align:center; color:#446277; line-height: 8px; letter-spacing: 8px; background: #fff; font-size:28px;  z-index:9}

.faixa{ font-style: normal;  text-decoration: line-through ;}

#superior a:link, #superior a:visited { text-decoration: none; color:#446277} 
#superior img{ border:0;}

#divLogin{position:relative;width:98%; top:1px; font-size:10px; color:#000; line-height:normal; letter-spacing:normal; border:0 solid #FF0000; text-align: center;}
#divLogin a:link{ font-weight:bolder; text-decoration: none; font-size:10px;}
#divLogin a:hover{border-bottom:1px dotted #FF6600; border-top:1px dotted #FF6600;}

/*
#data{ position:absolute; left:300px; top:46px; right:0; height:20px; border:0px solid #000; font-size:0.2em; color:#446277; text-align:right; letter-spacing:1px; }*/

#flash{float:left; left:10px; top: 0; width:79.5%; min-width:620px; height:130px; z-index:2 }

#menuh{left:0; width: 100%; height:28px;/* top: 170px;*/ padding:0; text-align: center;  /*background:#FFCC00; */ background:/*#446277*/ #E66F02; z-index:4;}

#corpo{margin:0 auto; width:776px; background:transparent; height:100%; he\ight:100%; border:0 dashed #FF0000; z-index:0}
/*
#divTemas{position:relative; float:left; left:10px; top:2px; width:60%;  w\idth:75.5%;}

#conteudo { width:100%;  w\idth:100%; max-height:60%; padding:10px 10px 5px 10px; text-align:justify; background:#fff; overflow:auto; border-bottom:35px solid #FFFFFF; border-left:1px solid #A9BECD; z-index:5;}*/

#conteudo {position:relative; float:left; left:10px; top:2px; width:60%;  max-height:60%; w\idth:75.5%; padding:10px 10px 5px 10px; text-align:justify; background:#fff; overflow:auto; border-bottom:35px solid #FFFFFF; border-left:1px solid #A9BECD; z-index:5;}

#conteudo p {text-align:justify; padding:5px 15px; }

.primeira {font-family: 'Monotype Corsiva', Times, Sans-Serif; font-size:350%; font-weight:bolder; float:left; width:1.0em; padding-right: 1px;}


#conteudo a:link, #conteudo a:visited{ text-decoration: none; border-bottom: 1px dotted #006699; color:#446277 }
#conteudo ul {padding-left:35px; list-style: disc;}
#conteudo ol {padding-left:35px; list-style: decimal; }
#conteudo ul li, #conteudo ol li{padding-bottom:2px; padding-top:2px; list-style:outside; text-align: justify; }


#conteudo h2{font-size:1.3em; font-weight:bold; text-align: justify;}
#conteudo img{ border:0; padding:10px; }

fieldset{padding:5px; border:1px solid #A2A2A2; background:#F9F9F9; }
legend{ background:#FFFFFF; border:1px solid #000; padding:0 10px}

/**************************** Lateral ***********************************/
#lateral {position:relative; float:left; left:2px; top:2px;  width:21%; max-height:60%; font:1.0em normal Verdana, Arial, Helvetica, sans-serif; padding-top:20px; color:#446277; background:#fff; overflow:auto; border-right: 1px dotted #D2DEE8; z-index:8;}

#navLateral{font-size: 0.9em; color:#E66F02;  font-weight: bold; }
#navLateral a:link, a:visited{ text-decoration: none; color:#E66F02;  line-height:20px;}
/*#navLateral a:active{ font-size: large ;  }*/
#navLateral a:hover{border-top:1px solid #446277; border-bottom:1px solid #000; color:#446277;  }

/************************** Outros *******************************/

table#capa{ border:0; border-collapse: collapse; }
table#capa tr td {background: #ffc; color:#000; text-align:center; height:20px;} 
table#capa tr.dif td {background: #446277;color:#fff; height:20px;}
table#capa tr.tit td {background: #3300CC;color:#fff; font-weight: bold; height:25px;}

#topico{width:130px; top:10px; left:3px; text-align:left; padding:2px; }
#topico h2{ font-size:xx-small; text-align:center; }

#rodape {position:fixed; margin:0; bottom:0; left:0; display:block; width:100%; height:25px; font-size:0.8em; text-align: center;  overflow:hidden; background:#fff; border-top: 1px solid #446277; z-index:10; }

#rodape a:link, #rodape a:visited{ text-decoration: none; color:#174B68;}

#carregando{position:absolute; font:10pt Verdana, Arial, Helvetica, sans-serif; font-weight: bolder; color:#fff; left:0; top:0px; width:100%; height: 18px; text-align:center; background:#fff ; z-index:4;}

/*______________________  Estilos para o Menu   ___________________________*/


dl#menu{ padding-left: 30px; }
	
dl#menu dt {display:none; z-index:5;}
dl#menu dd { padding:0; margin:0;}
a.xmenu, a.xmenu:visited {display:block; height:28px; he\ight:28px; background:/*#446277*/#E66F02; text-decoration:none; font-weight:bolder ; padding:0 7px; text-align:center; color:#000000; float:left;  }

a.xmenu span, a.xmenu:visited span {display:block;  height:0.3em; border-bottom:0.1em solid #E66F02/*#446277*/; background:/*#446277*/#E66F02; overflow:hidden; }
* html a.xmenu span, * html a.xmenu:visited span { height:1.0em; w\idth:4.5em; he\ight:0.6em;  overflow:hidden;}
a.xmenu:hover, a.xmenu:active  { color:/*#FFCC00*/#fff;  }
a.xmenu:hover span, a.xmenu:active span { background:#fff; }


/********************** Atualidades ************************************/

#port{position:relative; width:100%;  border:1px solid #663300;  }

.sanfona {position:absolute: top:5px; width:100%; margin:10px auto;}

/*.sanfona {background:transparent url('../fotos/satbr1.jpg') no-repeat fixed center center;} */

.tabTitulo{height:15px; padding:5px; font:1.0em Trebouchet, Times, serif #6F8273; border:3px outset #99FFFF;text-align:center;}

.tabTituloPort{height:25px;padding:4px 0px 1px 20px; font:1.0em Trebouchet, Times, Serif #FFFFFF;border-bottom:1px solid #CCFFCC ;  background-color:transparent; }

.tabConteudoSanfona{font:0.95em	verdana, arial, sans-serif #446277; padding:10px 20px; text-align:justify;  background-color:transparent;}
.tabConteudo, {font:0.95em	verdana, arial, sans-serif #446277; padding:20px; text-align:justify; background-color:transparent;} 

/********************** Artigos ************************************/

table#artigo { border:1px solid #3F3F3F; border-collapse: collapse; text-align: left; font-size:8pt;}
table#artigo  tr td {} 
table#artigo tr.tit td {background: #FF6600; text-align:center; font-weight: bold; font-size:11px; } 


/***********  links uteis   ************************************/

#links{ position: relative;float:left; width:50%; line-height:20px; border-right:1px dashed #336600;  } 
#links a:link, #links a:visited{text-decoration:none; color:#446277} 
#links a:hover{text-decoration: italic;} 
#fotolink{float:right;position:relative; top: 30px; padding:10px 15px 10px 0; width:220px;border:3px outset #C5FEEB; text-align:center; } 
 

/*********************** Dicas Tooltip ********************************/

a.dica, a.aneel{ position:relative; font:11px arial, verdana, helvetica, sans-serif;  padding:0; color:#003399; text-decoration:none; border-bottom:2px dotted #039; cursor:help;  z-index:24; }
a.aneel{ line-height: 23px; }

a.dica:hover, a.aneel:hover{background:transparent;  z-index:25; }
a.dica span, a.aneel span{display: none}

a.dica:hover span{display:block; position:absolute; width:300px; top:1.3em; text-align:justify; left:-60px; font: 11px arial, verdana, helvetica, sans-serif;  padding:5px 10px;  border:1px  solid #999; border-top:10px  solid #999; background:#EEEEEE;  color:#000;  }

a.aneel:hover span{display:block; position:absolute; width:340px; top:-25px; text-align:justify; left:140px; font: 11px arial, verdana, helvetica, sans-serif;  padding:5px 10px;  border:1px  solid #999; border-top:10px  solid #999; background:#EEEEEE;  color:#000;}


/********************* Formulário ************************************/

form{ line-height: 7px; }

	fieldset{border: 1px solid #41A598; margin:6px; padding: 3px; text-align:left; background: #FBFBFB; }

	fieldset.condo{border: 1px solid #41A598; margin-left:-5px; width:530px; padding: 3px; text-align:left; background: #FBFBFB;  }

	legend {font: 12px Arial, Helvetica, sans-serif; font-style: italic;	font-weight: bold; text-transform: uppercase;	color: #005F7D; padding:2px 6px; background-color:#FFFFFF; border: 2px outset #fff; }

.lblContato {position: relative; width: 40px; clear: both; float:left; height:25px; margin: 0 3px 0 5px; padding-right: 2px; text-align: right; border:0px dashed #006600;}

.inContato, .inText{float:left; left:55px; font: 10px normal Arial, Helvetica, sans-serif; color: #000; border: 1px inset #DEEFF3; padding-left:3px; background-color: #DDDCDB;}

}


div.rotulo, div.rotulo1 {position: relative; width: 30px; clear: both; float:left; height:15px; margin: 0 3px 0 0; padding-right: 2px; text-align: right; border:0px dashed #006600;}


div.rotulo1 {width:60px; left:2px; margin:0px; padding:5px;border: 0px dashed ##006600;}

input, select, textarea  {float:left; font: 10px normal Arial, Helvetica, sans-serif; color: #000; border: 1px inset #DEEFF3; padding-left:3px; background-color: #F0F0F0;}

.botao {border:2px outset #FF6600; width: auto; padding:0 2px; color: #003366;	background-color: #DDDCDB;}
.botao a:hover{background-color: #057992; color:#fff;} 
#btVoltar{ position: relative; left:55px; top:-80px; /*border: 1px solid #000000;*/ z-index: 50; }

