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

/*Efeito Tabela*/
span.table {
	margin: auto;
	overflow: hidden;
	position: static;
	display: table;
}
span.table span.cell {
	text-align: center !important;
	vertical-align: middle;
	display: table-cell;
	position: static;
}

/*Estrutura*/r 
#include {
	padding:0;
	margin: 0;
	width: auto;
	height: auto;
	overflow: hidden;
	clear: both;
}
#include div.conteudo {
	padding: 0;
	margin: 0;
	width: 100%;
	height: auto;
}
#include div.conteudo.fixo {
	float: left;
	width: 71%;
}
#include span.paginador {
	clear: both;
}

/*Corpo - Estrutura*/
#include div.pagina-corpo{
	overflow:hidden;
}
#include div.pagina-corpo p, 
#include div.pagina-corpo span, 
#include div.pagina-corpo div, 
#include div.pagina-corpo li, 
#include div.pagina-corpo blockquote, 
#include div.pagina-corpo adress {
	/*margin-bottom:10px;*/
	/*text-align: justify;*/
	line-height: 150%;
}
#include div.pagina-corpo p{
	margin-bottom:15px;
}
#include div.pagina-corpo img {
	margin: 10px;
	max-width: 900px !important;
}
#include div.pagina-corpo ul, #include div.pagina-corpo ol {
	margin: 0 0 5px 40px;
}
#include div.pagina-corpo ul {
	list-style: outside circle;
}
#include div.pagina-corpo ol {
	list-style: outside decimal;
}
#include div.pagina-corpo div.cabecalho {
  margin-bottom: 15px;
	padding-top:20px;
}
#include div.pagina-corpo div.cabecalho h3{
	color: #ED1C24;
  font-size: 24px;
}
#include div.pagina-corpo div.cabecalho p {
	margin: 0;
	padding: 0;
	margin-top: 3px;
}
#include div.pagina-corpo div.pagina-rodape {
	clear: both;
	overflow: hidden;
	margin: 25px 0 25px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #999;
}
#include div.pagina-corpo div.pagina-rodape .box {
	float: right;
}
#include div.pagina-corpo div.pagina-rodape img {
	margin: 0;
}
#include div.pagina-corpo div.pagina-rodape div.share {
	margin: 30px 0 0 0;
	float: right;
}
#include div.pagina-corpo div.pagina-rodape a.arquivo {
	width: 75px;
	height: 95px;
	text-align: center;
	text-decoration: none;
	color: #666;
	font-weight: bold;
}
#include div.pagina-corpo div.pagina-rodape a.arquivo:hover {
	background: #999;
}
/* Corpo - Vídeo Embutido*/
#include div.pagina-corpo div.video {
	margin: 20px 0;
	overflow: hidden;
	clear: both;
}
#include div.pagina-corpo div.video div {
	margin: 0 !important;
}

/* Corpo - Galeria Embutida*/
#include div.pagina-corpo div.galeria{
	margin-top:20px;
	margin-left: 33px;
}
#include div.pagina-corpo div.galeria div.box{
	margin:0 20px 10px 20px;
}

/* Lista */
#include div.pagina-lista p, 
#include div.pagina-lista span, 
#include div.pagina-lista div, 
#include div.pagina-lista li, 
#include div.pagina-lista blockquote, 
#include div.pagina-lista adress {
	line-height: 100%;
}
#include div.pagina-lista {
	overflow: hidden;
	clear: both;
	padding-bottom: 20px;
	line-height:100%;
}
#include div.pagina-lista .cabecalho{
	display:none;
}
#include div.pagina-lista div.chamadas {
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #D8DBD0;
	overflow: hidden;
}
#include div.pagina-lista div.chamadas .imagem{
	float:left;
	margin-right:10px;
}
#include div.pagina-lista div.chamadas .thumb{
	display:block;
	width:200px;
	height:150px;
	overflow:hidden;
}
#include div.pagina-lista div.chamadas h3 {
	color: #000;
	line-height:100%;
}
#include div.pagina-lista div.chamadas .data{
	font-size:12px;
	display:block;
	margin-bottom:10px;
}
#include div.pagina-lista div.chamadas .resumo p,
#include div.pagina-lista div.chamadas .resumo div,
#include div.pagina-lista div.chamadas .resumo span {
	text-align:justify;
	line-height:150%;
}
#include div.pagina-lista div.chamadas.fim {
	border:0;
	margin-bottom:0;
	padding-bottom:0;
}
#include div.pagina-lista div.chamadas a.url:hover {
	text-decoration: underline;
}
#include div.pagina-lista div.chamadas div.chamada-rodape {
	margin-top: 5px;
	overflow: hidden;
	clear: both;
	text-align:right;	
}
#include div.pagina-lista div.chamadas div.chamada-rodape span,
#include div.pagina-lista div.chamadas div.chamada-rodape a{	
	display:inline-block;
}


/*Galerias de Imagens - Modelo 1*/
#include div.galeria a.imagem {
	padding: 2px;
	background: #fff;
	border: 1px solid #eee;
	display: block;
}
#include div.galeria .thumb {
	display: block;
	overflow: hidden;
	width: 207px;
	height: 207px;
}
#include div.galeria .thumb img {
	margin: 0 !important;	
}
#include div.galeria div.colfim {
	margin-right: 0 !important;
}
#include div.galeria div.linfim {
	margin-bottom: 0 !important;
}
#include div.galeria div.box {
	border: 0;
	height: 300px;
	width:214px;
	margin: 0 2px 10px 2px;
	float: left;
}
#include div.galeria div.box img {
	margin: 0;
}
#include div.galeria div.box a.titulo, 
#include div.galeria div.box span.legenda {
	display: block;
	margin-top: 5px;
	line-height: 120%;
	color: #333;
	clear: both;
	text-decoration: none;
	text-align: center;
}
#include div.galeria div.box a.titulo img.chave {
	width: 20px;
	height: 20px;
	margin-right: 5px;
}
#include div.box-galeria a.titulo span.data {
	font-weight: bold;
}
#include div.galeria div.texto {
	clear:both;
	margin-bottom:25px;
}
#include div.galeria.pagina-corpo,
#include div.galeria.lista,
#include div.galeria.outras-galerias{
	clear:both;
}
#include div.galeria.outras-galerias{
	text-align:right;
}
#include div.galeria.lista .cabecalho{
	display:none;
}

/*Galerias de Imagens - Modelo 2*/
#include ul.secao-menu.galeria.m2 {
	width: 150px;
	margin-right: 20px;
	float: left;
}
#include ul.secao-menu.galeria.m2 li {
	margin-bottom: 7px;
	padding-bottom: 7px;
	padding-left: 5px;
	border-bottom: 1px dotted #666;
}
#include ul.secao-menu.galeria.m2 li a {
	text-decoration: none;
	color: #F71515;
}
#include ul.secao-menu.galeria.m2 li a:hover {
	color: #333;
}
#include div.pagina-corpo.galeria.m2 {
	width: 680px;
	float: left;
}

/*Lista - Agenda*/
#include div.pagina-lista.agenda div.chamadas div.info {
	float: left;
}
#include div.pagina-lista.agenda div.chamadas span {
	display: block;
	line-height: 150%;
}
#include div.pagina-lista.agenda div.chamadas span.data {
	color: #333;
}
#include div.pagina-corpo.agenda div.cabecalho {
	float: left;
}
#include div.pagina-corpo.agenda div.cabecalho span {
	display: block;
	margin-bottom: 0;
}
#include div.pagina-corpo.agenda div.texto {
	clear: both;
}
#include div.pagina-corpo.agenda span.imagem {
	float: left;
	margin: 5px 15px 0 0;
	text-align: center;
}
#include div.pagina-corpo.agenda span.imagem img {
	margin: 0;
}

/*Lista - Agenda*/
#include div.box-abas.agenda.m2 {
	float: left;
	clear: none;
	width: 70px;
}
#include div.box-abas.agenda.m2 a {
	display: block;
	float: none;
	padding: 6px 15px;
	background: #E0E0E0;
	border: 1px solid #DDD;
}
#include div.box-abas.agenda.m2 a:hover, #include div.box-abas.agenda.m2 a.ativo {
	top: 1px;
	text-decoration: none;
	background: #fff;
}
#include div.quadro.agenda.m2 {
	float: left;
	clear: none;
	width: 885px;
	padding: 10px;
	background: #F4F4F4;
	min-height: 500px;
}


/*Lista - Mural*/

#include div.pagina-lista.mural .cabecalho{
	clear:both;
	text-align:right;
}
#include div.pagina-lista.mural a.mural_botao {
	padding: 10px 15px;
	background-color: #175A8D;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 15px;
	display:inline-block;
}
#include div.pagina-lista.mural a.mural_botao:hover {
	background-color: #ccc;
	color: #333;
}
#include div.pagina-lista.mural div.chamadas {
	padding: 10px;
}
#include div.pagina-lista.mural div.chamadas div.rodape {
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #666;
	font-weight: bold;
}


/*NOVOS ESTILOS*/

/*Paginação - Centralização*/
/* para outros configuração edite o arquivo jquery.pagination.css*/
.secao-paginacao{
	text-align:center;
	clear:both;
}
.secao-paginacao > div{	
	display:inline-block;
}

/*TITULOS*/
#include h2,
#include h3,
#include h4{
	color:#333;
	margin-top:0;
	padding-top:0;
}
#include h2 {
	color: #086A77;
	font-size: 24px;
	margin-bottom: 25px;
}
#include h3{
	font-size:18px;
	margin-bottom:10px;
	color: #49544D;
}
#include h4{
	font-size:20px;
	margin-bottom:10px;	
}

/*BOTOES*/
#include .botao {	
	/*
	* Para manter o padrão de fonte nos botões
	* foi necessário declarara explicitamente
	*/	
	font-size:12px;
	font-weight:bold;
	line-height:100%;
	background-color:#666666;  
	color:#ffffff;
	cursor:pointer;
	display:inline-block;	
}
#include a.botao {	
	padding: 10px;
  text-decoration: none;
}
#include input[type=submit],
#include input[type=button] {
	font-family: sans-serif;	
	padding: 8px 10px 7px 10px;
	border:0;
	font-size: 12px;
}
#include .botao:hover {
	background-color:#ccc;
	color:#333;
}
#include .mais {
  background-color:#2E3192;
  color:#ffffff;
}
.btn {
  background-color: #FFFFFF;
  border-color:#CCCCCC;	
}
.btn:hover {
  background-color: #CCCCCC;
  border-color:#CCCCCC;		
}
.btn-enviar {
  background-color: #2E3192;
  border-color:#2E3192;
  color: #fff;
}

/*FORMULÁRIO DE ACESSO RESTRITO*/	

/*Barra de identificação do usuário*/
div.identificacao {
	padding: 5px 10px;
	text-align: right;
	border-bottom:5px solid #eeeeee;
}

#acesso {
	width:60%;
	text-align:center;
	background: #eeeeee;
	border: 1px solid #cccccc;
	border-radius:4px;
	padding: 20px;
	margin: auto;
	font-size:12px !important;	
}
#acesso .aviso{
	text-align: center;
	font-weight:bold;
	font-size:14px;	
	padding:5px;
	margin-bottom: 20px;	
	color:#333333;
}
#acesso .alerta {
	background-color:#A80205;
	color:#ffffff;
}
#acesso .instrucao {
	background-color:#FFDA1C;
}

#acesso .coluna{
	display:inline-block;
}
#acesso label {
	display:block;
	font-weight:bold;
	text-align:left;
	margin-bottom:2px;
}
#acesso input{
	padding:5px;
	border:1px solid #cccccc;
	margin-bottom:5px;
}


/*TABELAS*/
#include table{
	border-collapse:collapse;
	border:none;
}
#include table th,
#include table td{
	border:none;
}

#layout .center{
	text-align:center;	
}
#include .left{
	text-align:left;	
}
#include .right{
	text-align:right;	
}
#include .clear{
	clear:both;
	height:5px;
}



/*MENU INTERNO*/

/* regras gerais para todos os níveis */
/*
.menu-interno {
	background-color: #ffffff;
	border: solid 1px #E278AC;
	display: inline-block;
	float: left;
	font-family: 'swis721_cn_btroman';
	font-size: 1.5rem;
	margin-right: 2%;
	padding: 1.2em 1.2em 1.2em 0.5em;
	position: relative;
	width: 26%;
	z-index: 9 !important;
}
*/

@media screen and (max-width: 1000px) and (min-width: 780px) {
.menu-interno {
	width: 250px;
}
#include div.conteudo.fixo {
	width: 60%;
}
}
@media screen and (max-width: 767px) {
.menu-interno, #include div.conteudo.fixo {
	width: 100%;
}
}

/* regras gerais para todos os níveis */
#include .secao-menu{
}
#include .secao-menu a{
	text-decoration:none;	
	display:block;
}
#include .secao-menu a:hover .titulo{
	color:#666666;	
}
#include .secao-menu li.fim {
	border: 0;
	margin: 0;
}
#include secao-menu img.icone {
	height: 50px;
	margin-right: 5px;
}
#include .secao-menu img.chave {
	width: 15px;
	height: 15px;
}
#include .secao-menu ul {
	padding: 0;
	margin: 0;
}
#include .secao-menu ul li {
	line-height: 120%;
	overflow: hidden;	
	font-weight:bold;
}

/* regras para o primeiro nível*/
#include .secao-menu ul li {
	padding-bottom: 7px;
	padding-top: 7px;
}
#include .secao-menu ul li a{
	display:block;
	padding-bottom:5px;
}
#include .secao-menu ul li .titulo{
}
#include .secao-menu ul li ul {
	display: none;
}
#include .secao-menu ul li ul.ativa {
	display: block;
}

/* regras para o segundo nível*/
#include .secao-menu ul li ul li {
	padding-left:8px;
}
#include .secao-menu ul li ul li a {
	padding-bottom:0;
}
#include .secao-menu ul li ul li .titulo {
	padding:0;
}

/* regras para o terceiro nível*/
#include .secao-menu ul li ul li ul{
	display:none;
}
#include .secao-menu ul li ul li ul.ativa{
	display:block;
}
#include .secao-menu ul li ul li ul li {
	padding-left:8px;
}
#include .secao-menu ul li ul li ul li .titulo{
	font-weight:normal;
}

/*SEÇÃO*/
#include .secao .cabecalho{
	margin-bottom: 10px;
	font-size: 0;
}
#include .secao .cabecalho span{
	font-size: 14px;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	padding-left: 10px;
	border-left: 3px solid #666;
	overflow: hidden;	
}

/*ABAS*/
#include .secao-abas{
	margin-bottom:30px;
	font-size:0;
}
#include .secao-abas a{
	display:inline-block;
	padding:7px 12px 9px 12px;
	margin-right:5px;
	font-size:16px;
	font-weight:bold;
	border-left:3px solid #666;	
	color:#666;
	text-decoration:none;
}
#include .secao-abas a:hover{
	background-color:#eee;	
}
#include .secao-abas a.ativo{
	color:#000;
	background-color:#CCC;	
}

/*LISTA*/
#include .secao-lista{
}
#include .secao-lista li{
	overflow:hidden;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
	padding-bottom:10px;
}
#include .secao-lista li .imagem{
	width:120px;
	height:120px;
	text-align:center;
	float:left;
	margin:5px 10px 10px 0;
}
#include .secao-lista li img{
	margin-right: 8px;
}
#include .secao-lista li .chamada{
	margin-bottom:10px;
}
#include .secao-lista .rodape{
	font-size:0;/*CORREÇÃO PARA MOZILLA*/	
	clear:both;
	text-align:right;
	padding:5px 0;
}
#include .secao-lista .rodape a{
	font-size:14px;
	margin-left:5px;
}

/*CONTEUDO*/
#include .secao-conteudo{
	clear:both;
	margin-bottom:30px;
}
#include .secao-conteudo .cabecalho{
	margin-bottom:20px;
}
#include .secao-conteudo .conteudo{
	margin-bottom:20px;
	overflow:hidden;
}
#include .secao-conteudo .rodape{
	font-size:0;
	clear:both;
	text-align:right;
	border-top:1px solid #ccc;
	border-bottom:2px solid #999;	
	margin:20px 0 10px 0;
	padding:10px 0 10px 0; 	
}
#include .secao-conteudo .rodape a{
	margin-left:5px;
}

/*CONTEUDO MENU*/
#include .conteudo-menu {
	float:left;
	width:150px;
	margin:20px 20px 10px 0;		
}
#include .conteudo-menu .titulo {
	font-size:16px;
	font-weight:bold;
	color:#999;
}
#include .conteudo-menu li {
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px solid #666;
}
#include .conteudo-menu li a {
	text-decoration:none;
	font-size:14px;
	color:#666;
}
#include .conteudo-menu li a:hover {
	color:#999;
}

/*CONTEUDO TEXTOS*/
#include .conteudo-textos {
	margin-top:20px;
}
#include .conteudo-textos .texto {
	line-height:150%;
	clear:right;
}
#include .conteudo-textos .texto p {
	margin-bottom:10px;
}

/*TELA - ESTILIZAÇÃO PARA FORMULÁRIOS*/
.tela {
	width:800px;
	margin:auto;
	font-size:14px;
}
.tela .requerido-aviso {
	color:#900;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	margin-bottom:30px;
}
.tela .requerido {
	border:1px solid #900 !important;
}
.tela .linha {
	overflow:hidden;
	clear:both;
	margin-bottom:5px;
	padding-bottom:5px;
}
.tela .linha .coluna {
	float:left;
	margin-right:5px;	
}
.tela label {
	float:left;
	width:200px;
	margin-right:10px;
	text-align:right;
	color:#333;
}
.tela input[type=text],
.tela textarea,
.tela select {
	padding:4px;
	border: 1px solid #666;
}
.tela .block {
	display:block;
	width:auto;
	margin-bottom:5px;
}
.tela .text-align-center {
	text-align:center;
}
.tela .secao {
	overflow:hidden;
	clear:both;
	margin-bottom:15px;
	font-size:16px;
	font-weight:bold;	
}
.tela .legenda {
	color:#009;
	font-size:80%;
	display:block;
}
.tela .aviso {
	text-align:center;
	margin-bottom:30px;
	padding:15px;
	font-size:18px;
	color:#600;
	background-color:#ddd;
}
.tela .erro {
	background-color:#600;
 	color:#fff;
	font-weight:bold;
}
.tela .data {
	text-align:center;	
}
.tela .valor {
	text-align:right;	
}
.tela .numero {
	text-align:right;	
}
.tela .readonly {
	background-color:#eee;
}
.tela .botoes {
	text-align:right;
}
.tela span.captcha img,
.tela span.captcha input {
	float:left;
}
.tela span.captcha input {
	margin-top:12px;
	font-weight:bold;
	text-align:center;
}

/*CURSOS*/
#include .secao-cursos-conteudo .conteudo-menu {
	clear:right;
}
#include .secao-cursos-conteudo .conteudo-textos {
	width:680px;
	float:left;
}

/*AGENDA*/
#include .secao-agenda-abas {
	float:left;
	width:100px;
}
#include .secao-agenda-abas a {
	display:block;
	padding:7px 12px 9px 12px;
	font-size:16px;
	font-weight:bold;
	border:0;
	color:#666;
	text-decoration:none;
}

#include .secao-agenda-quadro {
	float:left;
	width:760px;
	border-left:1px solid #666;
	padding-left:10px;		
}

/*FAQ*/
#include div.faq div.chamadas {	
}
#include div.faq div.chamadas a.titulo {
	text-decoration:none;
	color:#000000;	
}
#include div.faq div.chamadas a.titulo h3 {
	font-size:14px;
	margin:0;
	padding:5px 0;	
	background: url('/dados/icones/ico-seta-fechado.png') no-repeat right center;
}
#include div.faq div.chamadas a.titulo:hover h3,
#include div.faq div.chamadas a.titulo.ativo h3{
	background: url('/dados/icones/ico-seta-aberto.png') no-repeat right center;
}
#include div.faq div.chamadas div.texto {
	display:none;
	margin-top:5px;
	padding:10px;
	background-color:#eeeeee;
}
#include div.faq div.chamadas div.texto div, 
#include div.faq div.chamadas div.texto span, 
#include div.faq div.chamadas div.texto p {
	font-size: 14px !important;
	text-align: justify !important;
	line-height:150%;
}

/*BUSCA*/
#form-busca {	
	margin:25px 0 25px 0;
}
#form-busca input[type='text'] {
	width: 300px;
	width: 30%;
	border:1px solid #333333;
	padding:10px;
	color:#666666;
	font-size:120%;	
}
@media screen and (max-width: 767px) {
#form-busca input[type='text'] {
	width: 80%;
}
}
#form-busca input[type='submit'] {
	font-size:120%;
	font-weight:bold;
	color:#ffffff;	
	background-color:#57BDC4;
	padding:12px 12px 11px 12px ;
	border:none;
}
#form-busca input[type='submit']:hover {
	background-color:#dddddd;
	color:#666666;
}
#include .search-container {
	width: 100%;
}
#include .search-container .aviso{
	padding:10px;
	text-align:center;
	font-size:120%;
	background-color:#D1ECEB;
	color:#000000;
	border-radius:4px;
}
#include .search-container h2 {
	margin-bottom: 25px;
	font-size: 170%;
	font-weight: bold;
}
#include .search-container h2 strong{
	color:#57BDC4;;
}
#include .search-container .item{
	overflow:hidden;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #999999;
}
#include .search-container .item .secao{
	margin-bottom:5px;
	color:#333333;
}
#include .search-container .item .chamada{
	margin-bottom:10px;
}
#include .search-container .item-rodape .mais{
	float:right;
}

/*PUBLICACOES*/
#include .publicacoes .chamadas{
	float:left;
	width:270px;
	text-align:center;
	padding:10px 0;
	border:0 !important;
}
#include .publicacoes .chamadas h3{	
	height:24px;
	margin-bottom:10px;	
}

/*CONVENIOS*/

#include .convenios .chamadas{
	float:left;
	width:230px;
	height:230px;
	text-align:center;
	padding:0 25px 15px 25px;
	border:0 !important;
}
#include .convenios .chamadas a{
	text-decoration:none;
}
#include .convenios .chamadas img{
	margin:0 !important;
	padding:0 !important;
}
#include .convenios .chamadas h3{	
	height:48px;
	margin-top:10px;	
}
#include .form-filtro{
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px solid #cccccc;
}

/*BUSCA*/

#include .busca-contador{
	font-size:2rem;		
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px solid #cccccc;	
}
#include .busca .chamadas .secao{
	font-size:1.5rem;
	margin-bottom:10px;
}

/*CONTATO*/

#contato,
#irpf{
	max-width:560px;
	margin:50px auto 0 auto;
}
#contato{
	max-width:560px;
}
#irpf{
	max-width:200px;
}