root {
    display: block;
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.9);
    text-align: center;
    z-index: 11000;
}
#overlay .mensagem-fechar {
      color: #fff;
      font-weight: 600;
      text-align: center;
      text-transform: uppercase;
      margin-top: 10px;
}
#overlay .conteudo {
  /* background-color: #2ea3bf; */
  width: 90%;
  /* max-width: 550px; */
  height: 90%;
  overflow: hidden;
  border-radius: 10px;
  /* border: 2px solid #053340; */
  margin: 5px auto auto auto;
  padding: 15px 20px;
}
#overlay .conteudo h1 {
  font-size: 30px;
  color: #fff;
  margin-bottom: 20px;
}
#overlay .conteudo p {
  color: #fff;
  text-indent: 0px;
  font-size: 20px;
  text-align: justify;
  margin-bottom: 10px;
  text-indent: 20px;
}
#overlay .conteudo .mensagem-assinatura {
  color: #fff;
  text-align: center;
}
#overlay img {
  margin: auto;
  width: 45%;
  border: 2px solid #053340;
  border-radius: 10px;
}
#overlay .btn-fechar {
  background: #fff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  text-align: center;
  align-items: center;
  border: solid 2px #1a1818;
}
#overlay span {
  font-weight: 600;
  font-size: 20px;
  margin: auto;
}

#overlay2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    text-align: center;
    z-index: 10000;
}
#overlay2 .mensagem-fechar {
      color: #fff;
      font-weight: 600;
      text-align: center;
      text-transform: uppercase;
      margin-top: 10px;
}
#overlay2 .conteudo {
  background-color: #2ea3bf;
  width: 60%;
  height: 550px;
  overflow: scroll;
  border: 2px solid #053340;
  margin: auto;
  padding: 15px 20px;
}
#overlay2 .conteudo h1 {
  font-size: 30px;
  color: #fff;
  margin-bottom: 10px;
}
#overlay2 .conteudo h2 {
  font-size: 22px;
  color: #fff;
  margin-bottom: 10px;
}
#overlay2 .conteudo h3 {
  font-size: 18px;
  color: #fff;
  margin-bottom: 20px;
}
#overlay2 .conteudo p {
  color: #fff;
  text-indent: 20px;
  font-size: 16px;
  text-align: justify;
  margin-bottom: 10px;
}
#overlay2 .conteudo .mensagem-assinatura {
  color: #fff;
  text-align: center;
}
#overlay2 img {
  margin: auto;
  width: 45%;
  border: 2px solid #053340;
  border-radius: 10px;
}
#overlay2 .btn-fechar {
  background: #fff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  text-align: center;
  align-items: center;
  border: solid 2px #1a1818;
}
#overlay2 span {
  font-weight: 600;
  font-size: 20px;
  margin: auto;
}

/* estilos b�sicos */
html {
    margin:0px;
    padding:0px;
}

body {
    margin:0px;
    padding:0px;
    background:#fff url(../images/fundo_cabecalho.png) top repeat-x;
}

body, p, div, a {
    font-family:"Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms", verdana,arial,sans-serif;
    font-size:12px;
    color:#000;
}

a {
    text-decoration:none;
    color:#e13c00;
}

a:hover {
    color:#00a3bd;
}

a:active {
    outline:none;
}

h1, h2, h3, h4, h5 {
    margin:0px;
    padding:0px;
}

p {
    margin:0px;
    padding:0px;
}

div.clear {
    clear:both;
    display:block;
    font-size:1px;
    height:0pt;
    line-height:1px;
    margin:0pt;
    padding:0pt;
}

img {
    border:0px;
}

ul {
    list-style:none;
    margin:0;
    padding:0;
    color:#000;
}

/* layout principal */

div#main {
    margin:0px auto;
    width:790px;
}

div#cabecalho {
    width:790px;
    height:210px;
    background:transparent url(../images/cabecalho.jpg) no-repeat;
}

div#principal {
    margin:0px;
    padding:0px;

}

div#menu {
    float:left;
    width:210px;
    background:#f9f9f9;
}

div#menu ul {
    margin-left:10px;
}

div#menu li a {
    font-size:12px;
    display:block;
    width: 200px;
    height: 23px;
    text-decoration:none;
    color:#444;
    overflow:hidden;
    background-image:url(../images/seta_menu.png);
    background-repeat: no-repeat;
    background-position: 0px -16px;
    margin-bottom: 5px;
}

div#menu li a:hover {
	color:#e13c00;
    background-position: 0px -55px;
}

div#rodape_menu {
    height:50px;
    margin-top:25px;
    background:url(../images/fundo_menu.png) no-repeat;
}
/*********INDEX******************/
div#conteudo {
    float:left;
    width:400px;
    margin-left:15px; margin-right:15px; margin-bottom:15px;
    background:#fff;
}

div#clima {
    float:right;
    width:150px;
    height:230px;
    text-align:center;
    background:transparent url(../images/fundo_clima.png) repeat-x;
}

div#servicos_solicitados {background:#fff url(../images/acompanhamento_servicos.png) no-repeat;}

div#servicos_certidoes {background:#fff url(../images/servicos_certidoes.png) no-repeat;}

div#servicos_requerimento {background:#fff url(../images/servicos_requerimento.png) no-repeat;}

div#rodape {margin-top:25px; text-align:center;}

div#rodape h3 {
    font-weight:normal;
    font-size:12px;
    color:#444;
}

.espacamento {padding-top:15px;}

.border {border-top:1px #ccc solid; margin-top:5px;}

.servicos_nav {margin-top:15px; padding-left:150px;}
.servicos_nav p {margin-top:10px; margin-bottom:10px; color:#000;}

/**********DEMAIS P�GINAS********************/

div#pg_conteudos {
    float:left;
    width:565px;
    margin-left:15px; margin-bottom:15px;
    background:#fff;
}

div#pg_conteudos p {
    margin-top:10px; margin-bottom:10px;
    color:#000;
}

div#texto h1 {
    font-weight:bold;
    font-size:12px;
    color:#000;
}

.espaco_img {
    margin-top:15px; margin-bottom:10px;
}
/****************************************/

div.box_lista {
    margin-top:10px;
}

div.box_lista h1 {
    font-size:13px;
    font-weight:bold;
    color:#353535;
    margin-bottom:15px;
}

div.box_lista h2 {
    font-size:12px;
    font-weight:bold;
    margin-bottom:5px;
}

div.box_lista a {
    text-decoration:none;
    color:#353535;
}

div.box_lista a:hover {
    color:#00a3bd;
}

div.box_lista ul {
    margin-bottom:20px;
    list-style-type:none;
    list-style-position:inside;
}

div.box_lista ul li {
    margin-left:8px;
    margin-bottom:5px;
    padding:0px;
}

/**************************************/
.formulario {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
    margin-bottom: 22px;
}
input, select, textarea {
    font-size:12px;
    border-color:#9c9c9c; border-width:1px; border-style:solid;
}
.campo_formulario {
    margin:5px 0px 2px 0px;
}
.botao_formulario {
    margin:5px 0px 20px 0px;
}
.formulario table {
    border-spacing: 3px;
}
.formulario table tr td {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    vertical-align: middle;
}
.formulario img {
    vertical-align: middle;
    border: 0px;
}

div.formulario h1 {
    font-size:14px;
    font-weight:bold;
    color:#000;
    padding:0px;
    margin:0px;
    margin-bottom:15px;
}
.campotexto, .camponumero {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    border: #ccc 1px solid;
    background: #fff url(../images/fundo_campo.gif) top left repeat-x;
}
.camponumero {
    text-align: right;
}
.campodropdown {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    border: #ccc 1px solid;
    background: #fff url(../images/fundo_campo.gif) top left repeat-x;
}
.label, .labelrequerido {
    text-align: right;
}
.labelrequerido {
    font-weight: bold;
}
div.caixaerros {
    background: yellow;
    border: red 1px solid;
    margin-bottom: 5px;
    margin-top: 5px;
    font-weight: normal;
}
div.form_divisao {
    border: #ccc 1px solid;
    padding-bottom: 12px;
    margin-bottom: 12px;
    background-color: #fff;
}
div.form_divisao h1 {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    color:#000;
    border-bottom: #ccc 1px solid;
    padding: 3px;
    margin:0px;
    margin-bottom: 12px;
    background: #ccc url("../images/fundo_cadastro.gif") repeat-x;
}

/* animacao_topo */

div#animacao_topo {
    position:relative;
    left:430px;
    top:13px;
    width:289px;
    height:181px;
}
div#animacao_topo.loading {
    background:url(../images/spinner.gif) no-repeat center center;
}
img.animacao_img {
    display:none;
    position:absolute;
    margin:0px;
    padding:0px;
    left:0px;
    top:0px;
}