/* CSS Document - Valid */
/* atualizado 1.20071018.1608 */
/* desenvolvido por Fernando Bellentani (ocoelhobranco@gmail.com) e Felipe Spina (felipe@fspina.com.br) */ * {
    margin: 0;
    padding: 0;
}

a:link {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

body {
    margin: 0;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    background: #292222; /*#333333;url(../img/portal/bg_geral.png) center repeat-y*/
}

.hide {
    display: none;
}

/* ACESSIBILIDADE */
#controle_acess {
    display: none;
}

/* DIV ALINHADOR DA PAGINA*/
#wrap {
    text-align: left;
    margin-top: 10px;
    margin: 0 auto;
}

#wrap hr {
    display: none;
}

/* CORPO */
#body {
    float: left;
    margin: 0;
    padding: 0;
    background: url(../img/portal/bg_miolo.gif) repeat-y #cccccc;
    /*border-top: 1px solid #FFFFFF;*/
}

/* BARRA DE IMPRESSAO */
#bprint {
    display: none;
}

/* BARRA SUPERIOR */
#topo {
    background: #CCCCCC;
    float: left;
}

#topo div {
    float: left;
}

#spagora {
    height: 20px;
    background: #666666;
    color: #ffffff;
    font-size: 10px;
}

#spagora a:hover {
	text-decoration: none;
}

#spagora a:visited {
	text-decoration: none;
}

#spagora h2 {
    padding: 4px 5px 0 5px;
    height: 16px;
    font-size: 10px;
    font-weight: normal;
    float: right;
}

#spagora p {
    border: 1px solid #434343;
    background: #555555;
    float: right;
}

#spagora p .boxes {
    height: 14px;
    margin: 4px 5px 0 5px;
    display: block;
    float: left;
}

#spagora p img {
    margin: 2px 0 0 0;
    float: left;
}

#spagora .cge {
    width: 465px;
    float: left;
}

#spagora .status {
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 0 0 12px;
    background: url(../img/portal/cge_ico.gif) no-repeat;
}

#spagora .atencao {
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 0 0 12px;
    background: url(../img/portal/cge_ico.gif) no-repeat;
}

#spagora .observacao {
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 0 0 12px;
    background: url(../img/portal/cge_ico.gif) no-repeat;
}

#spagora .alerta {
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 0 0 12px;
    background: url(../img/portal/cge_ico.gif) no-repeat;
}

#spagora .calamidade {
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 0 0 12px;
    background: url(../img/portal/cge_ico.gif) no-repeat;
}

#ferramentas {
    padding: 0 0 0 0;
    background: url(../img/portal/logo_prefeitura.gif) right no-repeat #000000;
}

#ferramentas .logo {
    width: 211px;
    display: block;
    float: left;
}

#ferramentas .cont {
    width: 250px;
    margin: 0 110px 0 0;
    float: right;
}

#ferramentas #descricao {
    width: 150px;
    font-size: 10px;
    text-align: right;
    margin: 20px 0 0 0;
    color: #FFFFFF;
    float: right;
}

#ferramentas ul {
    height: 18px;
    display: block;
    margin: 15px 0 0 5px;
    border: 1px solid #666666;
    float: right;
}

#ferramentas ul li {
    display: block;
    list-style: none;
    float: left;
}

#ferramentas ul li img {
    margin: 1px 0 0 0;
    border: 0;
}

/* TOPO CAPA */
#topo_capa {
    height: 64px;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    background: url(../img/portal/bg_interna_topo_azul.gif);
    float: left;
}

#topo a:visited {
    border: 0;
}

#topo_capa h1 {
    font-size: 22px; /*Comment by Devweb 20090810: diminuido o tamanho para caber mais informacoes e pasar por baixo da busca*/
    font-weight: normal;
    color: #FFFFFF;
    margin: 5px 0 0 5px; /*Comment by Devweb 20090810: alterado o margin top de 25 para 5px*/
}

#topo_capa strong {
    color: #fbcb00;
    font-weight: normal;
}

#topo_capa #titulo {
    float: left;
}

#topo_capa #caixa_busca {
    height: 30px;
    float: right;
}

#topo_capa #caixa_busca form {
    height: 27px;
    text-align: right;
    padding: 8px 5px 0 0;
    float: right;
}

#topo_capa .servicos {
    width: 228px;
    background: url(../img/portal/bg_busca_servicos.gif) no-repeat;
}

#topo_capa #caixa_busca .busca {
    width: 230px;
    background: url(../img/portal/bg_busca_portal_azul.gif) no-repeat;
}

#topo_capa #caixa_busca .txtbusca {
    width: 120px;
    font-size: 11px;
    padding: 2px 2px 0 2px;
    height: 16px;
    border: 1px solid #333333;
}

#topo_capa #caixa_busca .txtservicos {
    width: 145px;
    font-size: 11px;
    padding: 2px;
    height: 18px;
    border: 1px solid #333333;
}

#topo_capa #caixa_busca .corrigebt {
    /*display: table-cell; Comment by DevWeb 20090810: comentado para evitar problemas no chrome 2.0.172*/
    vertical-align: middle;
}

/* BUSCA SIMPLES */
#busca_simples {
    height: 28px;
    text-align: right;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    background: #333333;
    float: left;
}

#busca_simples #caixa_busca form {
    margin: 3px;
}

#busca_simples #caixa_busca .txtbusca {
    width: 120px;
    height: 15px;
    padding: 1px;
    font-size: 10px;
    border: 1px solid #000000;
}

#busca_simples #caixa_busca .corrigebt {
    /*display: table-cell; Comment by DevWeb 20090810: comentado para evitar problemas no chrome 2.0.172*/
    vertical-align: middle;
}

/*TOPO SECRETARIA*/
#topo_sec {
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    background: #3f5b7b;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    float: left;
}

#topo_sec a:link, #topo_sec a:hover, #topo_sec a:visited {
    color: #FFFF00;
}

#topo_sec p {
    padding: 5px;
    float: left;
}

/**/
#titulo em {
    font-style: normal;
    color: #fdcb01;
}

/* MENU ESQUERDO */
#menu_esq {
    width: 195px;
    background: #474546;
    float: left;
}

#menu_esq a {
    color: #FFFFFF;
    font-weight: normal;
}

#menu_esq ul {
    border-bottom: 1px solid #666666;
    font-size: 70%;
    float: left;
}

#menu_esq ul li {
    width: 195px;
    border-bottom: 1px solid #444444;
    list-style: none;
    float: left;
}

#menu_esq ul li a {
    display: block;
    padding: 2px 0 2px 10px;
}

#menu_esq ul li ul {
    background: #666666;
    font-size: 100%;
}

#menu_esq ul li ul li a {
    display: block;
}

#menu_esq ul li ul li a:hover {
    background: #585858;
    color: #FFFF00;
    text-decoration: none;
}

/* menu geral - inicio */
#menu_esq ul li .primeiro {
    width: 195px;
    height: 20px;
    padding: 0;
    color: #FFFFFF;
    background: url(../img/portal/ico_menu.gif) 7px 6px no-repeat;
    font-weight: bold;
    border-bottom: 1px solid #333333;
    display: block;
    float: left;
}

#menu_esq ul li .primeiro a {
    font-weight: bold;
    padding: 0;
}

#menu_esq .interno {
    margin: 4px 0 0 8px;
    padding: 0 0 0 10px;
    display: block;
}

#menu_esq .interno a {
    float: left;
}

#menu_esq .interno img {
    display: none;
}

#menu_esq ul li ul li a .segundo {
    padding: 2px 0 2px 18px;
    display: block;
}

/* menu geral - final */
#menu_esq .gabinete {
    background: url(../img/portal/menu_gabinete.gif) 4px 4px no-repeat #4c4c4c;
    font-weight: bold;
    padding: 2px 0 2px 18px;
    border-bottom: 1px solid #444444;
    color: #FFFFFF;
    float: left;
}

#menu_esq .leis {
    background: url(../img/portal/menu_leis.gif) 4px 4px no-repeat #4c4c4c;
    padding: 2px 0 2px 18px;
    font-weight: bold;
    border-bottom: 1px solid #444444;
    color: #FFFFFF;
    float: left;
}

#menu_esq .assuntos {
    background: url(../img/portal/menu_assuntos.gif) 4px 4px no-repeat #4c4c4c;
    padding: 2px 0 2px 18px;
    font-weight: bold;
    border-bottom: 1px solid #444444;
    color: #FFFFFF;
    float: left;
}

#menu_esq .sites {
    background: url(../img/portal/menu_sites.gif) 4px 4px no-repeat #4c4c4c;
    padding: 2px 0 2px 18px;
    font-weight: bold;
    border-bottom: 1px solid #444444;
    color: #FFFFFF;
    float: left;
}

#menu_esq .gabinete a, #menu_esq .leis a, #menu_esq .assuntos a, #menu_esq .sites a {
}

#menu_esq .combo {
    font-size: 10px;
    color: #343434;
    width: 137px;
}

#menu_esq .ir {
    border: 0;
    margin: 0 0 0 5px;
}

/* menu esquerdo - elementos especificos para paginas internas */
#menu_esq div {
    color: #FFFFFF;
}

#menu_esq div h2 {
    text-transform: uppercase;
}

#menu_esq div a {
    color: #FFFFFF;
}

#menu_esq div h2 a {
    color: #FFFFFF;
    font-weight: bold;
}

#menu_esq .adress {
    width: 195px;
    height: 30px;
    font-size: 12px;
    float: left;
}

#menu_esq .adress span {
    margin: 10px 0 0 10px;
    padding: 0;
    display: block;
}

#menu_esq .padress {
    width: 194px;
    font-size: 11px;
    padding: 0;
    margin: 0;
    border-right: 1px solid #474546;
    float: left;
}

#menu_esq .padress span {
    padding: 0 0 0 10px;
    display: block;
    float: left;
}

#menu_esq .contato {
    width: 195px;
    height: 27px;
    margin-top: 10px;
    font-size: 12px;
    border-top: 1px solid #333333;
    float: left;
}

#menu_esq .contato span {
    padding: 10px 0 0 10px;
    display: block;
}

#menu_esq .pcontato {
    width: 194px;
    font-size: 11px;
    border-right: 1px solid #474546;
    float: left;
}

#menu_esq .pcontato span {
    padding: 3px 0 3px 10px;
    display: block;
    float: left;
}

#menu_esq .osec {
    width: 195px;
    margin: 10px 0 0 0;
    padding: 0 0 20px 0;
    border-top: 2px solid #333333;
    float: left;
}

#menu_esq .osec h2 {
    font-size: 11px;
    margin: 0;
    padding: 18px 0 3px 18px;
    text-transform: uppercase;
    float: left;
}

#menu_esq .osec select {
    width: 155px;
    height: 18px;
    font-size: 11px;
    margin: 0 0 0 18px;
    float: left;
}

#menu_esq .osec input {
    margin: 3px 0 0 15px;
    float: left;
}

#menu_esq .osec .botaosec {
    width: 157px;
    height: 21px;
    padding: 0;
    margin: 5px 0 0 17px;
    font-size: 11px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    border: 0;
    background: url(../img/portal/bt_menu_irpara_474546.gif) 0 2px no-repeat;
}

/* miolo geral */
#m_geral {
    padding: 5px 0 0 5px;
    font-size: 12px;
    float: left;
}

/* RODAPE */
#rodape_p {
    display: none;
}

#rodape {
    height: 35px;
    font-size: 70%;
    border-top: 1px solid #FFFFFF;
    background: url(../img/portal/logo_footer.gif) right no-repeat #000000;
    color: #FFFFFF;
    float: left;
}

#rodape ul {
    margin: 10px 0 0 0;
    padding: 0 120px 0 0;
    float: right;
}

#rodape ul li {
    display: block;
    list-style: none;
    padding: 0 5px;
    border-right: 1px solid #FFFFFF;
    float: left;
}

#topo a, #rodape a {
    color: #FFFFFF;
}

#rodape a:visited {
    text-decoration: none;
    border-bottom: 1px dotted #FFFFFF;
}