@charset "iso-8859-1";
/* CSS Document */

/*************************************
 /*CONFIGURAÇÃO BARRA GOVERNO
/*************************************/

#BarraGov{width:988px; margin:0 auto;/* Para customizar o tamanho da barra altere esse valor e o valor de .bsCentro */}

/*************************************
 /*CONFIGURAÇÃO DA EXTRUTURA DO SITE
/*************************************/

.ultimo {border:none !important}
.titulo {font-size:12px !important}
.indentado {padding:0 25px; margin:-10px 0 10px 0 !important}
.indentado2 {padding:0 35px; margin:-10px 0 10px 0 !important}
.titulolista {font-weight:bold; margin:0 0 5px 0 !important; padding:0 !important}
.botaotexto {width:150px; height:30px; text-align:center; cursor:pointer; background:#f3f9fd;border:1px #c4e2f4 solid; }
.botaoNot{background:#C7E3F5; color: #31485D; height:16px; margin-top:3px; border:1px solid #666666; font-size:10px; }
.linkativo {color:#aab7b1; text-decoration:underline; text-indent:3px}
.centralizar {text-align:center}
b.corazul {color:#2E509A !important;}

a{color:#31485d; text-align:center !important; margin:0 !important; padding:0 !important; text-decoration:underline !important}
a:hover, #interna div.membros p.bloco a:hover b{color:#806120;}
a.semconfiguracao {color:#31485d; text-decoration:none !important}
a:hover.semconfiguracao {color:#31485d}

h1, h2, h3 {color:#c30; font-size:1.4em; font-weight:bold; font-size:1.2em; padding:10px; }


#Geral {width:980px; height: 100%; border:1px #31485d solid; background:#3956a1; text-align:justify; border-width: 1px 1px; padding: 3px 3px; margin: 3px auto; /* as margens auto (junto com o width) centraliza a página */}
/*configuração do cabeçalho*/
#topo {height:155px; background:#f3f9fd;}
.divsup{clear:both; height:117px; border-bottom:1px #c4e2f4 solid; background:#fff; margin:0 0 1px 0; position:relative}
	.divsup h1 {float:left; text-indent:-9000px; background:url(../Imagens/LogoParanaiba.gif) no-repeat top left; width:234px; height:109px}
	.fundodivsupdir {float:right; background:#fff; width:300px; height:125px; z-index:2}
	.divsupdir {background:url(../Imagens/LinksComuns.gif) no-repeat; width:291px; height:120px; margin:0}
		ul.linkscomuns {padding:20px 0 5px 15px;}
		ul.linkscomuns li {margin: 0 0 5px 0}
		ul.linkscomuns li a {color:#646464; text-decoration:none !important}
		ul.linkscomuns li a:hover {color:#aab7b1; text-decoration:underline !important}
		dl.localizar {margin:0 15px}
		dl.localizar dt {clear:both; float:left}
		dl.localizar dd {float:left}
		span.bordalocalizar {border:1px #c76a12 solid; background:#fff; width:220px; padding:2px 0 2px 15px; *position:absolute !important; *width:200px !important;}
		input.botao {position:relative; margin:0 150px; background:url(../Imagens/BtLocalizar.gif); width:38px; height:21px; margin:-1px 0 0 5px; position:static; cursor:pointer; *margin:2px 0 0 210px !important; }
.divinf{height:30px; border-top:1px #c4e2f4 solid; background:#fff; z-index:1;}
	.divinf h1 {text-indent:-9000px; background:url(../Imagens/TituloCBH.gif) no-repeat top left; width:314px; height:4px; margin:5px 0 0 5px}

#conteudo {height:100%; width:980px; margin:1px 0; background:#fff; display:table /*pode-se usar overflow:hidden também para aparecer o fundo*/}

/*configuração do menu lateral*/
#nav {width:180px; height:1000px; float:left; background:#fff;}
#nav h2 {border:1px #c4e2f4 solid; background:#f3f9fd; color:#475153; font-size:11px; font-weight:normal; font-family:arial; padding:1px 0 1px 5px; margin:5px; text-align:left; text-decoration:none}
#nav a:hover h2 {background:#fff; color:#c76a12; border:1px #c76a12 solid}
ul.menu {margin:14px 0 0 10px}
ul.menu a{color: #000; text-decoration:none !important; text-align:left !important; text-indent:3px; font-weight:bold}
#nav ul.menu a:hover {color:#c76a12; text-decoration:underline !important; margin:0 3px !important; list-style:none !important;}

ul.bannerexterno{text-align:center; margin:20px auto;}

/*configuração do corpo central*/
#principal {float:left; width:608px; margin:0 0 1px 1px !important; text-align:justify; padding:0 10px 20px 10px; background:#fff; border-left:1px #3956a1 solid; border-right:1px #3956a1 solid; min-height:560px;}
/* Painel rotativo de */
#BannerRotativo {margin:5px 0 0 130px; position:relative;width:280px;height:220px; font-size:10px;}
#BannerRotativo ul,
#BannerRotativo ul li {margin:0;padding:0;list-style:none;}
#BannerRotativo ul li {display:block;position:absolute;top:0;left:0;z-index:3}
#BannerRotativo ul li.desativado {display:none;z-index:1;}
#BannerRotativo ul li img {border:none;margim:0;}
#BannerRotativo ul li a {text-decoration:none;}
#BannerRotativo ul li a:hover * {text-decoration:underline;}
#BannerRotativo ul li .legenda {text-align:center;color:#646464;}
#BannerRotativo ul li p {display:block;font-size:10px;margin:0;padding:0;cursor:pointer;cursor:hand;background-color:#F5F4EF;}
#BannerRotativo ul li p strong {font:bolder 1.1em Arial, Helvetica, sans-serif;color:#990000;display:block;margin:.8em .8em 0 .8em;}
#BannerRotativo ul li p span {font:bolder 1.3em Arial, Helvetica, sans-serif;color:#000;display:block;margin:0 .6em 0 .6em;}
#BannerRotativo ul li p .icone {margin-left:.4em}
#BannerRotativo ul li .sombra {display:none;}
#BannerRotativo .botoesNavegacao {position:absolute;}
#BannerRotativo .botoesNavegacao a {margin:0 .2em;float:left;outline:none;}
#BannerRotativo .botoesNavegacao a.anterior {background:url('botao-anterior.gif') no-repeat;width:7.6em;height:2em;}
#BannerRotativo .botoesNavegacao a.proximo {background:url('botao-proxima.gif') no-repeat;width:7.6em;height:2em;}
#BannerRotativo .botoesNavegacao a.btstop {background:url('botao-pause1-off.gif') no-repeat;width:2.3em;height:2em;}
#BannerRotativo .botoesNavegacao a.btplay {background:url('botao-pause1-on.gif') no-repeat;width:2.3em;height:2em;}

#principal div.textodestaque {border-top:1px #435a9c dotted; border-bottom:1px #435a9c dotted; margin:15px 0; padding:10px 0}
#principal div.textodestaque p {margin:0 0 10px 0}
#principal div.textodestaque p.ultimoparagrafo {margin:0}

#principal div.noticias dl dt {color:#c76a12; font-weight:bold; font-size:12px}

#principal p.linque {font-size:0.8em; margin-bottom:15px; width:35em; background-color:#669; padding:2px 6px;}
#principal p.linque a, #principal p.linque a:link, #principal p.linque a:visited {text-decoration:none; color:#ff0;}
#principal p.linque  a:hover { color:#000; background-color:#ff0;}


#principal div.textodestaque p.uppercase {text-transform:uppercase}
#principal div.textodestaque p.bloco {display:block; margin:0 0 10px 15px; text-align:left}
#principal div.textodestaque p.bloco b {font-weight:bold; color:#31485d}
#principal div.textodestaque b {color:#806120; font-weight:bold; font-size:11px}



/* configuração do banner lateral esquerdo*/
#apoio {width:168px; float:right; background:#fff; margin:0px auto; *margin:0 auto !important;}

#apoio ul li {border:1px #c4e2f4 solid; background:#f3f9fd; color:#475153; font-size:11px; font-weight:normal; font-family:arial; padding:0 5px; margin:5px; text-align:center;}
#apoio ul li a {text-decoration:none !important; width:148px; height:62px; display:table-cell;  vertical-align:middle; color:#000}

#apoio ul li.ultimo {margin-bottom:0 !important;}
#apoio ul li a.bannerdestaque {font-weight:bold; color:#036}
#apoio ul li a:hover, #apoio ul li a.bannerdestaque:hover {text-decoration:blink !important; color:#036}

#apoio li.fundoapoioprincipal, #apoio li.fundoapoioreuniao, #apoio li.fondoapoioagenda, #apoio li.fundoapoioboletim, #apoio li.fundoapoiolicitacao, #apoio li.fundoapoiodiversos {background: url(../Imagens/FundoApoioPrincipal.gif) no-repeat bottom left; border:none; height:63px; font-weight:bold; line-height:13px}
#apoio li.fundoapoioreuniao {background: url(../Imagens/FundoApoioReuniao.gif) no-repeat bottom left;}
#apoio li.fondoapoioagenda {background: url(../Imagens/FundoApoioAgenda.gif) no-repeat bottom left;}
#apoio li.fundoapoioboletim {background: url(../Imagens/FundoApoioBoletim.gif) no-repeat bottom left;}
#apoio li.fundoapoiolicitacao {background: url(../Imagens/FundoApoioLicitacao.gif) no-repeat bottom left;}
#apoio li.fundoapoiodiversos {background: url(../Imagens/FundoApoioDiversos.gif) no-repeat bottom left;}

<!--#nav, #principal, #apoio {height:100%;}-->


#rodape {clear:both; height:80px; text-align:center !important;  margin:0 auto}
#rodape p {margin:5px 0;  text-align:center !important; color:#FFF;}


/*************************************
 /*CONFIGURAÇÃO DA EXTRUTURA DO SITE
/*************************************/

/*configuração das páginas internas*/
#interna {float:right; width:720px; text-align:justify; padding:0 10px 20px 10px; background:#fff; margin:0 0 1px 0; border-left:1px #3956a1 solid; min-height:550px}
#interna h1 {color:#475153; text-transform:uppercase; padding:3px 0; margin:0 0 15px 0; font-size:14px}
#interna b.caminho {color:#547CA0; text-align:left; clear:both}
#interna h1 a {text-decoration:none !important; color:#31485d;}
#interna h1 a.caminho {text-decoration:none !important; color:#806120; font-weight:bold; text-decoration:underline !important}
#interna p {margin:0 0 10px 0}
#interna p.uppercase {text-transform:uppercase}
#interna p.bloco {display:block; margin:0 0 10px 15px; text-align:left}
#interna p.bloco b {font-weight:bold; color:#31485d}
#interna b {color:#806120; font-weight:bold; font-size:11px}
#interna img { margin:0 auto; display:block; margin-bottom:10px}

#interna table {margin:0 auto; margin-top:12px; width:560px}
#interna table caption {margin:0 0 -12px 0/*só para mozilla*/}
.Irtopo{float:right; margin:25px 0;}
.Irtopo a {text-decoration:none !important;}

#interna table.convenio {margin-top:12px; width:560px}
#interna table.convenio caption {padding:0 0 10px 0}
html>body table.convenio thead tr th {color:#31485d !important}
.convenio tr th, .convenio tr td, .convenio tr td.colmenor {height:45px; width:5px; *width:auto !important}
html>body table.convenio tbody tr.verdeclaro1 {background:#C7F3C8}
html>body table.convenio tbody tr.verdeclaro2 {background:#E2FAE3}
html>body table.convenio thead tr th + th {width:180px; *width:auto !important}
html>body table.convenio thead tr th + th + th {width:45px}
html>body table.convenio thead tr th + th + th + th {width:10px}

/*só para chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0)
{
#interna table caption {margin:0}
#interna form fieldset input.chrome {height:16px}
#apoio {margin:0 auto !important; }
}

#interna thead tr th, #interna tr td {padding: 5px; text-align:center; border:1px solid #999;}
#interna table tr th {background:#33CCCC; font-weight:bold; text-align:center; color:#000}
#interna tfoot tr td {border:none; text-align:left} 

html>body thead tr th, html>body tbody tr th {width: auto;}

#interna div.membros {width:720px; border-bottom:1px #31485d solid; margin:15px 0}
#interna div.membros ul {margin:20px 0 0 15px}

#interna strong {color:#000; font-size:9px; margin:0 10px}
#interna h3 {margin:-10px 0 5px 0}

#interna div.membros h2 {text-align:center !important; margin:0 !important; padding:0 !important}

#armazenabotao {margin:0 0 40px 0}
ul.navbotao li {display:inline;}
ul.navbotao li a {float:left; width:150px; border:1px #c4e2f4 solid; background:#f3f9fd; color:#475153; text-align:center; padding:2px; margin:0 5px; text-decoration:none !important}
ul.navbotao a:hover{background:#fff; color:#c76a12; border:1px #c76a12 solid}

#interna form fieldset {border:1px #ccc solid; padding:0 10px}
#interna form fieldset input, #interna form fieldset textarea {border:1px #ccc solid; width:445px; *width:435px; overflow-y:auto; resize:none}
#interna form fieldset textarea.assunto {height:180px;}
#interna form fieldset input.botaoformulario, #interna form fieldset input.botaoformulario:hover{width:90px !important; overflow:hidden; text-align:center; cursor:pointer; font-size:10px; color:#31485d}
#interna form fieldset div.conjuntobotoes {margin:30px 0 10px 0; *margin:5px 0 10px 0 !important; text-align:center}
#interna form fieldset input.botaoformulario:hover {background:#CCC}
#interna form fieldset dl.formulario {width:100%; height:300px; margin:0 0 10px 0; text-align:right;}
.formulario dt {float:left; clear:both; width:100px; margin:4px 0;}
.formulario dd {float:left; width:100px; margin:5px 0 0 8px; text-align:left}

dl.formulario {*width:20em !important; *padding:14px 0 !important}
.formulario dt, .formulario dd {*width:9em !important; *margin:0 0 10px 5px!important }

p.rodape a {color:#CCC}
p.rodape a:hover {color:#FFF; text-decoration:none !important}