/* CSS Document */


@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,600,700&display=swap&subset=latin-ext,vietnamese');

@font-face {
	font-family: '', sans-serif;
    /*font-family:myriadprobc;
    src:url('/fontes/myriadpro-bc.eot');
    src:url('/fontes/myriadpro-bc.eot?#iefix') format('embedded-opentype'),
        url('/fontes/myriadpro-bc.woff') format('woff'),
        url('/fontes/myriadpro-bc.ttf') format('truetype'),
        url('/fontes/myriadpro-bc.svg#myriad_probold_condensed') format('svg');
    font-weight:normal;
    font-style:normal;*/ }


body {
    margin:0;
    padding:0;
	font-family:"Quicksand", Arial, Helvetica, sans-serif; }

img { border:0; }

a:link,
a:visited,
a:hover,
a:active {
	color:#555555;
	text-decoration:none; }


#main { padding:0 12px 0 12px; }


/* EFEITO : APARECER E SUMIR (ANIMADO)  */

.puc_efeito_aparecer_animado,
.puc_efeito_aparecer_animado_sub { 
	  animation-name:animaparecer;
	  animation-duration:0.25s;
	  opacity:1;
	  transform:scaleY(1);
	  transform-origin:top; }
	
	  @keyframes animaparecer {
      0%   { opacity:0; transform:scaleY(0); }
	  100% { opacity:1; transform:scaleY(1); } }

	 .puc_efeito_aparecer_animado_sub { margin-left:35px; }



/* EFEITO : APARECER E SUMIR (ESTÁTICO)  */

.puc_efeito_sumir {
	  visibility:hidden;
	  display:none;
	  width:0;
	  height:0; }

.puc_efeito_aparecer { }




/* ========== TOPO ========== */


#topo {
	background:#ededed; }


#eng_port {
	background:#858585;
	text-align:right;
	font-size:12px;
	font-weight:bold;
	color:#efefef;
	margin:0;
	padding:5px; }

	#eng_port a:link, #eng_port a:visited { color:#efefef; }
	#eng_port a:hover {color:#caae11; transition: color 0.3s; }


#brasao {
	text-align:center; }




/* ========== MENU SANFONA ========== */

#menu_comando {
	color:#FFF;
	background:#A8A8A8;
	padding:10px;
	display:flex;
	align-items:center;
	font-weight:bold;
	cursor:pointer;
	font-size:1.1em;
	margin-top:20px; }
	
	#menu_comando img { margin-right:12px; }

#menu_interno {
	background:#EEEEEE;
	padding:2px 10px 2px 10px;
	box-sizing:border-box;
	font-weight:bold; }

	#menu_interno a:link,
	#menu_interno a:visited,
	#menu_interno a:hover,
	#menu_interno .link_div {
		color:#993333;
		display:block;
		padding:8px 0 8px 0;
		border-bottom:1px solid #CCCCCC;
		cursor:pointer; }
	
	#menu_interno hr {
		margin:0;
		padding:0;
		border:0;
		background:#CCCCCC;
		height:1px; }




/* ========== SAU ========== */


#sau { 
	padding:5px 10px 10px 10px;
	margin:20px 0 20px 0;
	box-sizing:border-box;
	font-size:14px;
	font-weight:bold;
	background:#EAE3D0; }
	
#sau h1 {
	margin:0 0 3px 0;
	color:#CE9E0C; }

#sau a:link,
#sau a:visited,
#sau a:hover { 
	display:block;
	margin-top:10px;
	padding:10px;
	color:#FFF;
	background:#d7c46a; }




/* ========== EMAIL E SGU ========== */


#email_sgu { 
	font-weight:bold;
	background:#d7c46a;
	padding:0 10px 0 10px;
	margin-bottom:20px; }

	#email_sgu a:link,
	#email_sgu a:visited,
	#email_sgu a:hover {
		display:block;
		padding:10px 0 10px 0;
		color:#FFFFFF;
		border-bottom:1px solid #EAE3D0; }

		#email_sgu a:last-child { border-bottom:0; }




/* ========== BUSCA E INDICE ========== */


.puc_cabecalho_buscaindice { }
	
	.puc_cabecalho_buscaindice select,
	.puc_cabecalho_buscaindice form input[type=text] {
		border:0;
		border-radius:0;
		width:100%;
		box-sizing:border-box;
		background:#EEE;
		font:16px Arial;
		color:#777; }

	.puc_cabecalho_buscaindice select {
		padding:8px; }

	.puc_cabecalho_buscaindice form { 
		margin:0 0 10px 0;
		padding:0;
		position:relative; }

	.puc_cabecalho_buscaindice form input[type=text] {
		padding:8px 25px 8px 8px; }

	.puc_cabecalho_buscaindice form input[type=image] {
		position:absolute;
		height:20px;
		top:calc(50% - 10px);
		right:7px; }












/* ========== CHAMADAS NÍVEIS ========== */


.ttl {
	font-size:26px;
	color:#993333;
	font-weight:bold;
	padding:30px 0 15px 0;
	display:block; }

.separador_float {
	float:left;
	width:100%;
	height:1px; }


#nivel1_especial { font-size:24px; }

	#nivel1_especial a:link,
	#nivel1_especial a:visited,
	#nivel1 a:link,
	#nivel1 a:visited {
		padding:7px 7px 4px 7px;
		display:block;
		box-sizing:border-box;
		background:#e2e2e2;
		margin-bottom:25px;
		transition:background 0.3s, color 0.3s; }

		#nivel1_especial a:link,
		#nivel1_especial a:visited { border-bottom:5px solid #CC9200; }

		#nivel1 a:link,
		#nivel1 a:visited { font-size:22px; }

		#nivel1_especial a:hover,
		#nivel1 a:hover { color:#caae11; background:#FAF2D8; }
		
	#nivel1_especial img,
	#nivel1 img {
		width:100%;
		margin:0 0 3px 0; }

	#nivel1 span { font-size:20px; }


#nivel2 {}

	#nivel2 a:link,
	#nivel2 a:visited {
		display:block;
		float:left;
		align-items:center;
		width:100%;
		padding:20px 0 20px 0;
		border-bottom:1px dashed #999999;
		font-size:18px;
		transition:color 0.3s; }

		#nivel2 a:hover { color:#CAAE11; }
		
		#nivel2 a:last-child { margin-bottom:0; border-bottom:3px solid #CCCCCC; }
		
		#nivel2 a:first-child { border-top:1px dashed #999999; padding-top:20px; }

		#nivel2 strong { flex-wrap: nowrap; }

	#nivel2 img {
		width:45%;
		align-self:center;
		max-width:226px;
		float:left;
		margin-right:15px; }


#informes { }

	#ttl_informes { 
		float:left;
		width:100%;
		display:block; }
	
	#informes a:link,
	#informes a:visited {
		display:block;
		padding:15px 0 15px 0;
		border-bottom:1px dashed #999;
		font-size:16px;
		transition:color 0.3s; }

		#informes a:hover,
		#informes a:hover span { color:#caae11; }
		
		#informes a:last-child { border-bottom:3px solid #CCCCCC; }
		
		#informes a span { color:#993D3D; }

	

#eventos { margin-bottom:20px; }

	#eventos a:link,
	#eventos a:visited {
		display:block;
		padding:15px 0 15px 0;
		border-bottom:1px dashed #999;
		font-size:16px;
		transition:color 0.3s;
		background:url("/imagens/bullet_eventos2023.gif");
		background-repeat:no-repeat;
		background-position:left 16px;
		padding-left: 22px !important; }

		#eventos a:hover { color:#caae11; }
		
		#eventos a:first-child { padding-top:0; background-position:left 1px; }
		
		#eventos a:last-child { margin-bottom:0; }

	#eventos img { display:none; visibility:hidden; /* display:block; width:100%; margin-bottom:7px; */ }



	#eventos_links { 
		border-bottom:3px solid #CCCCCC;
		padding-bottom:20px; }

		#eventos_divulgar:link,
		#eventos_divulgar:visited,
		#eventos_maiseventos:link,
		#eventos_maiseventos:visited {
			border:1px solid #999999;
			border-bottom:1px solid #999999;
			background-color:#CCC;
			padding:2px 7px 3px 6px;
			transition:background 0.3s, color 0.3s; }
			
			#eventos_divulgar:hover,
			#eventos_maiseventos:hover { background:#D7C46A; color:#FFFFFF; }
			
			#eventos_divulgar { margin-right:12px; }


#nivel3,
#lista,
#passados {}

	#nivel3 a:link,
	#nivel3 a:visited,
	#lista a:link,
	#lista a:visited,
	#passados a:link,
	#passados a:visited {
		display:block;
		float:left;
		width:100%;
		padding:15px 0 15px 0;
		border-bottom:1px dashed #999999;
		font-size:18px;
		transition:color 0.3s; }

	#nivel3 a:hover,
	#lista  a:hover,
	#passados a:hover { color:#caae11; }
	
	#nivel3 a:first-child { padding-top:3px; }
	
	#lista a:last-child,
	#passados a:last-child { border-bottom:3px solid #CCCCCC; }
	
	#nivel3 img,
	#lista img,
	#passados img{
		float:left;
		margin-right:12px;
		max-width:67px; }
	
	


/* ========== BARRA PROJETO COMUNICAR ========== */

#barra_comunicar { 
	border-bottom:3px solid #CCCCCC;
	float:left;
	display:block;
	width:100%;
	text-align:center;
	margin-bottom:18px; }

	#barra_comunicar img {
		width:100%;
		max-width:482px; }




/* ========== RODAPÉ ========== */

#rodape {
	float:left;
	display:block;
	padding:25px 0 25px 0;
	background:#EEEEEE;
	text-align:center;
	width:100%; }

	#rodape_iframe {
		float:left;
		display:block;
		width:100%;
		height:250px;
		border:0;
		overflow:hidden; }
	
	#rodape2 {
		text-align:center;
		float:left;
		display:block;
		width:100%;
		font-weight:bold; }
		
		#rodape2 a:link,
		#rodape2 a:visited {
			display:block;
			background:#EAE3D0;
			padding:15px 0 15px 0;
			transition:background 0.3s, color 0.3s; }
		
			#rodape2 a:hover {
				background:#D7C46A;
				color:#FFFFFF; }