html
{
  background: #FFFFFF url(../img/bg_html.jpg) repeat-x top center;
  margin: 0px;
  padding: 0px;
  height: 100%;
}
body
{
  background: transparent url(../img/bg_body.png) repeat-x bottom center;
  margin: 0px;
  padding: 0px;
  height: 100%;
  display: block;
}
.clearfix:after
{
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.clearfix
{
  display: inline-block;
}
html[xmlns] .clearfix
{
  display: block;
}
* html .clearfix
{
  height: 1%;
}
#logosefaz
{
  background: transparent url(../img/bg_top_.png) no-repeat top center;
  margin: 0px;
  padding: 0px;
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -194px;
  width: 388px;
  height: 103px;
}
#imgpos
{
  position: absolute;
  left: 50%;
  margin-left: -361px;
  width: 722px;
  display: block;
  margin-top: 100px;
}
a img
{
  border: none;
}
a:hover img
{
  border: none;
}
#topo
{
  background: #FFFFFF url(../img/topo.jpg) no-repeat top center;
  margin: 0px;
  padding: 0px;
  height: 150px;
}
#conteudo
{
  background: transparent url(../img/bg_conteudoTop.png) no-repeat top center;
  margin: 0px;
  padding: 25px 0px 0px 0px;
  height: 100%;
  width: 722px;
  display: block;
}
#cont_bot
{
  background: transparent url(../img/bg_conteudoBottom.png) no-repeat bottom center;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  height: 100%;
  width: 722px;
  display: block;
  bottom: 40px;
}
#cont_bot img
{
  text-align: center;
  margin: 0px auto 30px auto;
  display: block;
}
#avisos
{
  background: transparent url(../img/bg_avisos.png) no-repeat top center;
  margin: 0px 0px 0px 30px; 
  *margin:0px 0px 0px 16px;
  padding:20px 0px 5px 0px;
  height:274px;
  width:377px;
  display:block;
  float:left;
  }
div.cxavisos
{
  margin: 40px 10px 30px 20px; 
  *margin:60px 10px 30px 20px;
  padding:0px 0px 5px 0px;
  height:185px;
  display:block;
  overflow:auto;
  }
div.cxavisos h1
{
  font: bold 14px Arial;
  color: #003366;
  margin: 0px;
  padding: 0px;
}
div.cxavisos p
{
  font: normal 12px Arial;
  color: #666666;
  margin: 0px;
  padding: 5px 0px;
}
div.cxavisos p a
{
  color: #0099FF;
  text-decoration: underline;
}
div.cxavisos p a:hover
{
  color: #FFFFFF;
  background-color: #0099FF;
  text-decoration: none;
}
div.cxalerta1
{
  background: #FFFFFF url(../img/bg_alertaRed.png) no-repeat top center;
}
div.cxalerta2
{
  background: #FFFFFF url(../img/bg_alertaGreen.png) no-repeat top center;
}
div.cxalerta3
{
  background: #FFFFFF url(../img/bg_alertaBlue.png) no-repeat top center;
}
div.cxalerta4
{
  background: #FFFFFF url(../img/bg_alertaYellow.png) no-repeat top center;
}
div.cxalerta1, div.cxalerta2, div.cxalerta3, div.cxalerta4
{
  *background-attachment: fixed;
  margin: 50px 10px 30px 20px; 
  *margin:70px 10px 30px 20px;
  padding:0px;
  width: 341px;
  height:153px;
  display:block;
  overflow:auto;
}
.cxalerta1 h1, div.cxalerta2 h1, div.cxalerta3 h1, div.cxalerta4 h1
{
  font: bold 14px Arial;
  color: #FFFFFF;
  margin: 5px 5px 0px 150px;
  padding: 0px;
}
div.cxalerta1 p, div.cxalerta2 p, div.cxalerta3 p, div.cxalerta4 p
{
  font: bold 14px Arial;
  color: #FFFFFF;
  margin:  5px 5px 0px 150px;
  padding: 5px 0px;
}
div.cxalerta1 p a, div.cxalerta2 p a, div.cxalerta3 p a, div.cxalerta4 p a
{
  color: #000000;
  text-decoration: underline;
}
div.cxalerta1 p a:hover, div.cxalerta2 p a:hover, div.cxalerta3 p a:hover, div.cxalerta4 p a:hover
{
  color: #FFFFFF;
  background-color: #000000;
  text-decoration: none;
}
#login, #altera
{
  margin: 0px 0px 0px 30px; 
  *margin:0px 0px 0px 26px;
  padding:20px 0px 5px 0px;
  height:274px;
  width:254px;
  display:block;
  float:left;
}
#login
{
  background: transparent url(../img/bg_login.png) no-repeat top center;
}
#altera
{
  background: transparent url(../img/bg_altSenha.png) no-repeat top center;
}
.cxlogin
{
  display: block;
  margin: 35px auto 40px auto; 
  *margin:60px auto 40px auto;
  width:180px;
}
label
{
  font: bold 12px Verdana;
  color: #003366;
  text-align: left;
  clear: right;
}
label span
{
  display: block;
  float: left;
  margin: 0px 10px 0px 0px; 
  *margin:5px 10px 0px 0px;
}
.campos, .campos1
{
  background-color: #E5E5E5;
  border: #999999 solid 1px;
  color: #000000;
  font: normal 12px arial;
}
.campos
{
  margin: 2px 0px 10px 0px;
}
.campos1
{
    margin: 1px 0px 1px 0px;
    
}
#footer
{
  background: transparent url(../img/rodape.jpg) no-repeat top center;
  margin: 0px;
  padding: 0px 30px 0px 0px;
  height: 70px;
}
.button
{
  background: transparent url(../img/bg_button_a.gif) no-repeat scroll top right;
  color: #444;
  display: block;
  float: right;
  font: bold 12px arial, sans-serif;
  height: 24px;
  margin-right: 6px;
  padding-right: 18px; /* sliding doors padding */
  text-decoration: none;
  text-align: center;
  margin-top: 10px;
  width: 100px;
}
a.button span
{
  background: transparent url(../img/bg_button_span.gif) no-repeat;
  display: block;
  line-height: 14px;
  padding: 5px 0 5px 18px;
}
a.button:active
{
  background-position: bottom right;
  color: #000;
  outline: none; /* hide dotted outline in Firefox */
}
a.button:active span
{
  background-position: bottom left;
  padding: 6px 0 4px 18px; /* push text down 1px */
}
.button1
{
  background: transparent url(../img/bg_button_a.gif) no-repeat scroll top right;
  color: #444;
  display: block;
  float: right;
  font: bold 12px arial, sans-serif;
  height: 24px;
  margin-right: 6px;
  padding-right: 18px; /* sliding doors padding */
  text-decoration: none;
  text-align: center;
  margin-top: 5px;
  width: 100px;
}
a.button1 span
{
  background: transparent url(../img/bg_button_span.gif) no-repeat;
  display: block;
  line-height: 14px;
  padding: 5px 0 5px 18px;
}
a.button1:active
{
  background-position: bottom right;
  color: #000;
  outline: none; /* hide dotted outline in Firefox */
}
a.button1:active span
{
  background-position: bottom left;
  padding: 6px 0 4px 18px; /* push text down 1px */
}
.current
{
  display: block;
  float: right;
  font: normal 10px Verdana;
  height: 26px;
  margin: 0px 14px 0px 0px;
  padding: 0px 8px 0px 0px; /* sliding doors padding */
  text-decoration: none;
  background: transparent url(../img/bg_botaodir.jpg) no-repeat top right;
  color: #000;
}
.current span
{
  background: transparent url(../img/bg_botaoesq.jpg) no-repeat top left;
  display: block;
  line-height: 14px;
  padding: 9px 0 3px 8px;
}
#rodape
{
  position: absolute;
  bottom: 0;
  text-align: center;
  font: bold 12px Arial;
  width: 100%;
  color: #C3C3C3;
}