@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*/
#include {
	padding: 15px 0 38px 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 div.conteudo.fixo form#cursos,
#include div.conteudo.fixo form#sacd {
	width: 51%;	
	margin:20px auto;
}

/**/
#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: #0072C0;
  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;
	float: left;
}
#include div.pagina-corpo div.pagina-rodape a.arquivo:hover {
	color: #333;
}

/* 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 div.chamadas {
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #D8DBD0;
	overflow: hidden;
}
#include div.pagina-lista div.chamadas img{
	float:left;
	width:100%;
	max-width:200px;
	max-height:150px;
	margin-right: 10px;
}
#include div.pagina-lista div.chamadas h3 {
	color: #262A6C;
	line-height:100%;
	font-size:22px;
}
#include div.pagina-lista div.chamadas .data{
	font-size:16px;
	display:block;
	margin-bottom:10px;
}
#include div.pagina-lista div.chamadas .resumo {
	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;
	width: 213px;
}
#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 31px 10px 31px;
	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: 8px;
	line-height: 120%;
	color: #333;
	clear: both;
	text-decoration: none;
	text-align: center;
}
#include div.galeria div.box a.titulo{
	font-size:1.5em;
}
#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;
}



/*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;
}


/*Formulario de Contato*/

form.formulario {
	width: 316px;
	margin: 0px auto;
	padding: 80px 0 10px 0;
	overflow: hidden;
	line-height:100%;
}
form.formulario textarea {
	height: 200px;
	width: 315px;
}

form.formulario p {
	margin: 0 0 5px 3px;
}
form.formulario p span {
	float: left;
}
form.formulario h3 {
	margin-bottom: 5px;
	color: #003;
}
form.formulario label {
	display: block;
	font-weight: bold;
	color: #000;
	text-align: left;
	font-size: 15px;
	margin-bottom:7px;
}
form.formulario input, form.formulario textarea {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	border: 1px solid #999999;
}
/*
form.formulario input {
	padding: 4px;
	width: 300px;
}
*/
form.formulario select {
	padding: 2px 2px 1px 2px;
	border: 1px solid #999999;
}
form.formulario p.mensagem {
	margin-bottom: 5px;
}
form.formulario p.controles {
	clear: both;
	font-size:0;
	text-align:right;
}
form.formulario input.botao {
	width:auto;
	font-size:12px;
	padding:5px 10px 7px 10px;
	font-weight:bold;
	border:0;
	background-color:#333;
	color:#FFF;
}
form.formulario input.enviar {
	background: #DB812E;
	color: #fff;
}
form.formulario input.limpar {
	background: #aaa;
	color: #333;
}
form.formulario input.limpar:hover,
form.formulario input.enviar:hover {
	background: #ccc;
	color: #fff;
}





/*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: #292C96;
	font-size: 24px;
	margin:0 0 25px 0;
}
#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:#0072C0;  
	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:#FB435F;
	color:#ffffff;
}
.btn {
  	background-color: #FFFFFF;
  	border-color:#CCCCCC;	
}
.btn:hover {
  	background-color: #CCCCCC;
  	border-color:#CCCCCC;		
}
.btn-enviar {
  background-color: #FA3F59;
  border-color: #FA3F59;
  color: #fff;
	width: 60px;
}

/*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:#333;
}
#acesso .alerta {
	background-color:#A80205;
	color:#ffffff;
}
#acesso .instrucao {
	background-color:#FB4460;
	color:#ffffff;
}

#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;
}

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

/*MENU INTERNO*/

/*Ajustes para responsividade*/

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

/* Regras gerais para todos os níveis */
#include .secao-menu a{
	text-decoration:none;	
	display:block;
}
#include .secao-menu a:hover .titulo{
	
}
#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;
}
#include .secao-menu ul li {	
	overflow: hidden;	
}


/*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:100%;
	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;
}