﻿@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,700;1,400;1,700&display=swap');
/* Chrome, Firefox, Opera, Safari 10.1+ */
::placeholder 
{
	padding-left: 3px;
	font-style: italic;
	color: #b0b0b0;
	opacity: 1; /* Firefox */
}
body 
{
    box-sizing: border-box;
	margin:0;
}
.blur
{
	filter:blur(4px);
}
.modoEdicao
{
	display:block; 
	text-align:right; 
	font-size:15px !important; 
	margin-bottom:8px !important; 
	color:#980000 !important;
}
.vsgPadding 
{
	padding-left: 5px;
	padding-right: 5px;
	border-top: solid 1px #e5e5e5;
	border-bottom: solid 1px #e5e5e5;
	font-family: 'Roboto', serif;
	font-size: 9pt;
}
.vsgEstiloLinhas:hover
{
	background-color: #f2f2f2;
	cursor: pointer;
}
a.vsgPadding 
{ 
	border:solid 0px; 
    border-collapse: collapse;
    border-spacing: 0;
    width:100% !important;
    padding: 0px !important;
    display:inline-block;
    text-decoration:none;
}
a.vsgPadding:hover { text-decoration:underline; }
.imgSort { float:right; margin-left:10px; }
.vsgCol 
{
	padding: 5px;
	color: #555;
	font-family: 'Roboto', serif;
	font-size: 9pt;
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #e5e5e5;
}
.vsgCol input[type='text']
{
	height:18px;
}
.vsgCol select
{
	height: 24px;
	padding: 4px;
	border: solid 1px #d0d0d0;
}
.vsgCol:has(> input[type="text"])
{
	padding:0px !important;
}
.vsgL1 {
	border-left: solid 0px #ffffff !important;
}
.vsgL2 
{
	border-left: solid 1px #e5e5e5 !important;
}
.vsgR1
{
	border-right: solid 0px #ffffff !important; 
}
.vsgR2 
{
	border-right: solid 1px #e5e5e5 !important;
}
.vsgEstiloHeader 
{
	background-color: #fff;
	background-image: none;
	margin-right: auto;
	margin-left: auto;
	font-family: Roboto;
	font-size: 11px;
	color: #777;
	font-weight: bold;
	border:solid 1px #e5e5e5;
}
.vsgEstiloLinhas 
{
	background-color: #ffffff;
	margin-right: auto;
	margin-left: auto;
	border-bottom: 1px dotted #e5e5e5;
	border-top: 0px;
}
.w_col_xxx
{
	display:none;
}

.subtitulo
{
	font-family: 'Roboto', serif;
	font-size:23px; 
	color:#3a6ea5;
}
.subtitulo2
{
    font-family: Roboto;
    font-size: 23px;
    color: #980000;
}
.text_form 
{
	font-family: 'Roboto', serif;
	font-size: 12px;
	color: #3f3f3f;
}
a.text_form
{
	font-family: 'Roboto', serif;
	font-size: 12px;
	color: #0024f0;
	text-decoration: none;
}
a.text_form:hover
{
	color: #c45500;
	text-decoration: underline;
}
.link_det
{
	font-family: 'Roboto', serif;
	font-size: 12px;
	color: #3f3f3f;
	text-decoration: none;
}
.link_det:hover
{
	color: #0024f0;
	text-decoration: underline;
}
.text_form2 
{ 
	font-family: 'Roboto', serif; 
	font-size:14px; 
	color:#3f3f3f; 
}
a.text_form2 
{ 
	font-family: 'Roboto', serif; 
	font-size:14px; 
	color: #0024f0; 
	text-decoration: none; 
}
a.text_form2:hover 
{ 
	color: #c45500; 
	text-decoration: underline; 
}
input.estiloTxt[type='text'], input.estiloTxt[type='password']
{
	/*height:18px;*/
	height: 24px;
	padding-left: 5px;
	padding-right: 5px;
	box-sizing: border-box;
}
input.estiloTxt[type='text'], input.estiloTxt[type='password'], textarea, select
{
	border-radius:5px;
}
select.estiloTxt
{
	height:24px;
	padding:2px;
}
input.estiloTxt:hover
{
	border-color:#999999;
}
input.estiloTxt:focus
{
	border-color:#3399FF;
}
input.estiloTxt
{  
	border: 1px solid #CCCCCC;
	font-family: 'Roboto', serif;
	/*font-size: 11.5px;*/ 
	font-size: 13px;

	color: #6A6A6A;
	margin-left: 0px;
	margin-top: 1px;
	padding:2px;
	vertical-align:middle;
	height: 15px;
}
textarea.estiloTxt
{  
	border: 1px solid #CCCCCC;
	font-family: 'Roboto', serif;
	font-size: 11.5px; 
	color: #6A6A6A;
	margin-left: 0px;
	margin-top: 1px;
	padding:2px;
	vertical-align:middle;
}
input.estiloTxt_disabled, textarea.estiloTxt_disabled, select.estiloTxt_disabled
{  
	border: 1px solid #CCCCCC;
	font-family: 'Roboto', serif;
	/*font-size: 11.5px;*/
	font-size: 13px;
	color: #6A6A6A;
	margin-left: 0px;
	margin-top: 1px;
	padding:2px;
	vertical-align:middle;
    background-color: #f2eeec;
	height: 24px;
	padding-left: 5px;
	box-sizing: border-box;
	border-radius:5px;
}
select.estiloTxt  
{  
	font-family: 'Roboto', serif;
	/*font-size: 11.5px; */
	font-size: 13px; 

	color: #6A6A6A;
	margin-left: 0px;
	margin-top: 1px;
	padding:2px 3px;
	vertical-align:middle;
	background-color: #fff;
	border: solid 1px #d0d0d0;
}
.espacoBut 
{
	margin-right: 15px;
}
.butNeutro 
{
	border: solid 1px #e8e8e8;
	padding: 8px 12px 8px 12px;
	background-color: #fff;
	color: #666;
	font-family: 'Roboto', serif;
	font-size: 13px;
	border-radius: 5px;
	transition: all .3s ease-in-out;
	text-decoration:none;
}
.butNeutro:hover 
{
	cursor: pointer;
	border: solid 1px #aaa;
	background-color: #fafafa;
}
.butNeutro:active 
{
	border: solid 1px #000;
	box-shadow: 1px 1px 5px #666;
}
.butPositivo 
{
	border: solid 1px #187FF5;
	padding: 8px 12px 8px 12px;
	background-color: #297BE6;
	color: #ffffff;
	font-family: 'Roboto', serif;
	font-size: 13px;
	border-radius: 5px;
	transition: all .3s ease-in-out;
	text-decoration:none;
}
.butPositivo:hover 
{
	cursor: pointer;
	border: solid 1px #305080;
	background-color: rgb(0, 95, 178);
}
.butPositivo:active 
{
	border: solid 1px #000;
	box-shadow: 1px 1px 5px #666;
}
.butPositivo:disabled,.butPositivo[disabled],.butPositivo:disabled:hover,.butPositivo[disabled]:hover
{
    border: 1px solid #999;
    background-color: #ddd;
    color: #666;
}
.titulo
{
	font-family:Roboto;
	font-size:20px;
	color:#105897;
}
.linkMenu
{
	font-size: 14px;
	font-family: Roboto;
	text-decoration: none;
	display: block;
	padding-left: 28px;
	padding-top: 10px;
	padding-bottom: 10px;
	color:#000000de;
}
.linkMenuSelect
{
	background-color: #C2151C80;
	color:#fff !important;
}
.linkMenuSelectVisitante
{
	background-color: #00000080;
	color:#fff !important;
}
.linkMenu:hover
{
	color:#3232d0;
	cursor:pointer;
}


/**********************************
	LINKS NOVOS MENUS
***********************************/
.linkMenuDin
{
	font-size: 14px;
	font-family: Roboto;
	text-decoration: none;
	display: block;
	/*padding-left: 22px;*/
	padding-left: 14px;

	padding-top: 5px;
	padding-bottom: 5px;
	color:#000000de;
}
.linkMenuDin:hover
{
	color:#3232d0;
	cursor:pointer;
}
.linkMenuDinPai
{
	margin-top:12px;
}
.linkMenuDinNivel2
{
	/*margin-left:23px;*/
	margin-left:18px;

	padding-top:7px;
	padding-bottom:7px;
}


/* Estilo para a sobreposição escura de fundo */
.modal-overlay 
{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	justify-content: center;
	align-items: center;
	z-index:999999;
}
/* Estilo para a janela modal */
.modal 
{
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	max-width: 500px;
	font-family: Roboto;
	font-size: 14px;
	min-height:140px;
	min-width:250px;
	position: absolute;
	top: 100px;
}
/* Estilo para o botão de fechar */
.close-btn 
{
	cursor: pointer;
	font-weight: bold;
	color: #333;
}

/* Estilo para sub-itens */
.lnkConsulta 
{ 
	margin-right:45px; 
	padding-left:5px; 
	padding-right:5px; 
	padding-bottom:3px; 
	font-size: 14px !important; 
	/*color: #1d47ee !important; */
	color: #000000de !important; 

	text-decoration:none !important; 
}
.lnkConsulta_foco, .lnkConsulta:hover 
{ 
	/*border-bottom:solid 2px #1d47ee; */
	border-bottom:solid 2px rgba(0, 101, 128, 1);
}

/* MODAL */
.modalBackground
{
    background-color:#707070;
    filter: alpha(opacity=70);
    opacity:0.5;    
}
.modalWindow 
{
	border: solid 1px #707070;
	background-color: #f0f0f0;
	padding: 0px 0px 0px 0px;
	position: absolute;
	top: -1000px;
	background-color: #fff;
	box-shadow: 0px 0px 10px #222;
}
.modalTitulo 
{
	color: #555;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	padding-top: 12px;
	padding-bottom: 20px;
}
.modalContent 
{
	font-family: 'Roboto', serif;
	font-size: 13px;
	padding: 0px 20px 20px 20px;
}
.modalLinha 
{
	position: absolute;
	left: 0px;
	top: 47px;
	width: 100%;
	border-bottom: solid 1px #e0e0e0;
}
.modalClose 
{
	position: absolute;
	right: 12px;
	top: 12px;
	width: 24px;
	height: 24px;
	text-align: center;
	padding: 0px !important;
	border:solid 1px transparent !important;
	font-size:16px !important;
	box-sizing: border-box;
}
.modalClose:hover 
{
	cursor: pointer;
}
.imgLnk
{
	margin-bottom: -3px;
	margin-right:3px;
}
.txtPublicadoPor
{
	margin-bottom: 4px;
	margin-top: 5px;
	/*color: #868383;*/
	color: #3f3f3f;
	font-size: 12px;
}
.text_form + br + input,.text_form + br + select,.text_form + br + textarea
{
    margin-top:4px;
}
.text_form2 + br + input,.text_form2 + br + select,.text_form2 + br + textarea
{
    margin-top:4px;
}
input[type='radio'] + label
{
	margin-left:4px;
}
input[type='checkbox'] + label
{
	margin-left:4px;
}

.carimbo 
{ 
	border-radius:10px; 
	padding:3px 10px; 
	font-size:10px; 
	color:#000; 
	margin-left:28px; 
}
.carimboPublicado 
{ 
	background-color: #0e95244f; 
}
.carimboRascunho 
{ 
	background-color: #fdf02b4f; 
}
.carimboLixeira 
{ 
	background-color: #ff65654f;
}
.carimboExpirado 
{ 
	background-color: #ffb465c4;
}
.carimboIdioma 
{ 
	background-color:#ddd;
	margin-left: 17px;
	display: inline-block;
	vertical-align: top;
	text-transform:uppercase;
}
.carimboAcessoPublico
{
	margin-right:15px;
	background-color:#c9eac8;
}
.carimboAcessoRestrito
{
	margin-right:15px;
	/*background-color:rgb(255, 238, 238);*/
	background-color:rgb(255, 219, 219);
}
.acervoGrupo
{
	font-family:Roboto;
	color:#980000;
	display:block;
	margin-bottom:20px;
}
.acervoIcone 
{
	display:inline-block; 
	float:right; 
	margin-bottom:-5px;
}
.lnkEditar 
{ 
	font-size:11px; 
	margin-left:30px; 
	color:blue; 
	text-decoration:none; 
}
.lnkEditar:hover, .lnkEditarNome:hover 
{ 
	text-decoration:underline; 
	cursor:pointer; 
}
.lnkEditarNome 
{ 
	text-decoration:none; 
	color:rgba(0, 101, 128, 1); 
}
.linha 
{ 
	border-bottom:solid 1px #d0d0d0; 
	margin-top:3px; 
	margin-bottom:4px; 
	margin-left:30px; 
}
.collapse 
{ 
	/*width:16px; */
	width:12px; 
	opacity:0.4;

	filter:grayscale(100%); 
	margin-bottom: -2px; 
}
.imgCollapse:hover, a:hover 
{ 
	cursor:pointer; 
}
.titulo-iniciativa { font-size:17px !important; margin-left:0px !important; display:inline-block; }
.lblGrupoEvento { display:block; font-family:Roboto; font-size:12px; color:#980000; margin-top:5px; margin-bottom:10px; }
.eventos-tipo { display:inline-block; color:#980000; font-size:15px; }
.eventos-margem { height:30px; }
.iniciativa-margem { height:15px; }
.eventos-data { display:inline-block; float:right; color:rgba(0, 101, 128, 1); font-size:15px; }
.eventos-nome { margin-left:30px; color:rgba(0, 101, 128, 1);}
.eventos-conteudo { text-align:justify; margin-top:10px; margin-left:30px; }
.eventos-conteudo div:nth-child(n+2) { margin-top: 10px; }
.eventos-instituicao { margin-left:30px; font-size:12px; color:#6f6f6f; }
.eventos-areaInteresse span, .eventos-formato span, .eventos-periodo span { font-size:15px; font-weight:normal; }
.eventos-areaInteresse { margin-top:15px; clear:both; font-size:13px; font-weight:bold; }
.eventos-formato { margin-top:4px; font-size:13px; font-weight:bold; }
.eventos-periodo { margin-top:4px; font-size:13px; font-weight:bold; }
.eventos-palestra { font-size:13px;margin-top:1px;margin-bottom:5px; }
.eventos-lnkMais { margin-top:6px; display:inline-block; }
.eventos-inscrever { font-size:11px; color:#3f3f3f; background-color:yellow; padding:2px 7px; border-radius:8px; border:solid 1px #3f3f3f; }
.eventos-inscricao-encerrada { font-size:11px; color:#ff0000; padding:2px 7px; border-radius:8px; border:solid 1px #ff0000; }
.evento-cancelado { color:red; font-size:12px; margin-left:20px; text-decoration:unset; font-weight:bold; background-color:yellow; padding:5px; }
.evento-80 { width:26px; position:relative; top:-5px; right:9px; margin-bottom:-11px; }
.imgPresencial 
{ 
	width:20px; 
	margin-right:10px; 
	margin-bottom: -1px; 
}
.imgOnline 
{ 
	width:18px;
	margin-right:10px; 
	margin-bottom:-3px;
}
figure 
{ 
	float:left; 
	margin: 0 10px 10px 0; 
}
figure img 
{ 
	width:200px; 
}
figure img:hover 
{ 
	cursor:pointer; 
}
.imgCartaz 
{ 
	width:200px; 
}
.imgCartaz:hover 
{ 
	cursor:pointer; 
}
.imgCartazDet 
{ 
	margin-top:2px; 
	max-width:140px; 
	max-height:110px; 
}
.imgCartazDet:hover 
{ 
	cursor:pointer; 
}
.notFound { background-color: #f6f6f6; line-height:100px; text-align:center; font-style:italic; font-family:Roboto; font-size:14px; color:#666; border:solid 1px #e0e0e0; border-radius:5px; }

.acervo_margem { height:35px; }
.acervo_nome { display:inline-block; color: rgba(0, 101, 128, 1); max-width:94%; }
.acervo_link_nome { text-decoration:none; color:rgba(0, 101, 128, 1); }
.acervo_link_nome:hover,.acervo_nome:hover { text-decoration:underline !important; }
.acervo_lnkCategoria { margin-right:0px; padding-left:0px; padding-right:0px; padding-bottom:3px; font-size:14px !important; color:#000000de !important; text-decoration:none !important; }
.acervo_categoria { font-family:Roboto; color:#000000de; font-size:15px; margin-bottom:20px; display:inline-block; }
.acervo_item_tvw { color:#000000de; }
.acervo_tvw_foco { border-bottom:solid 2px rgba(0, 101, 128, 1); color:#000000de; }
.acervo_categoria table { margin-bottom:10px; padding-bottom:4px; }
.acervo_novo { background-color: red;font-style: italic;padding: 1px 6px;border-radius: 5px;margin-right: 15px;font-size: 10px;color: #fff; }
.acervo_contVistos { background-color:#0158fda1; font-style: italic;padding: 1px 6px;border-radius: 5px;margin-right: 15px;font-size: 10px;color: #fff; }
.acervo-link { width:17px; margin-bottom:-1px; margin-right:10px; }

/* The Modal (background) */
.modalImg {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000000; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

/* Caption of Modal Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation */
.modal-content, #caption {  
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
    width: 100%;
    }
}

.copy { text-decoration:none !important; background-color:#000; border-radius:12px; color:#fff; padding:3px 5px; font-size:11px !important; margin-left:10px; }
.copy-escondida { opacity: 0; transition: opacity 0.5s ease-in-out; }
.copy-visivel	{ opacity: 1; }

.agrupamento_item
{
	padding-left:30px;
	margin-top:20px;
}
.agrupamento_div
{
	color:#4d4d4d;
}
.agrupamento_link
{
	text-decoration:none;
	font-weight:normal;
	font-size:15px;
}
.agrupamento_link:hover
{
	cursor:pointer;
}
.material_apoio
{
	font-family:Roboto; 
	margin-left:23px;
	margin-bottom:10px;
}

.ajax__calendar_container 
{
  padding: 4px;
  position: absolute;
  cursor: default;
  width: 170px;
  font-size: 11px;
  text-align: center;
  font-family: tahoma,verdana,helvetica;
  z-index: 99;
}

.coord_ramos { background-color:#e9e9e9; border-radius:5px; padding:2px 5px; margin-right:8px; }




/* Remove o estilo nativo do checkbox */
input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 17px;
    height: 17px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #fff;
    cursor: pointer;
    position: relative;
	top:5px;
}

/* Estilo quando o checkbox está marcado */
input[type="checkbox"]:checked 
{
    background-color: #fff;
}

/* Marca azul simulando o "X" ou ✓ */
input[type="checkbox"]:checked::after 
{
    content: "✓";
    color: #007BFF; /* azul */
    font-size: 14px;
    position: absolute;
    top: -2px;
    left: 2px;
    font-weight: bold;
}



.divEventosImg { margin-top:10px; display:inline-block; vertical-align:top; }
.divEventosImg > img { width:300px; }
.divEventosSinopse { display:inline-block; width:calc(100% - 340px); margin-left:15px; vertical-align:top; line-height:22px; text-align:left; }

@media (max-width: 768px) 
{
	.divEventosImg { margin-top:0px; display:block; vertical-align:unset; }
	.divEventosImg > img { width:100%; }
	.divEventosSinopse { display:block; width:unset; margin-left:0px; vertical-align:unset; line-height:22px; text-align:left; }
}

.imgFilhos
{
	margin-bottom:-1px;
	margin-right:4px;
	width:13px;
}


.star0
{
	width: 16px;
	height: 16px;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: -3px;
	margin-left: -15px;
	opacity:0;
}
.star1
{
	width: 16px;
	background-image: url('/img/star1.png');
	height: 16px;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: -3px;
	margin-left: -15px;
	opacity:0;
}
.star2
{
	width: 16px;
	background-image: url('/img/star2.png');
	height: 16px;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: -3px;
	margin-left: -15px;
	opacity:1;
}
a.linkMenuDin:hover .star1 {
  opacity: 1;   /* ou o valor que você quiser */
  /*transition: opacity 0.3s ease;*/ /* opcional, animação suave */
}

.imgSentPublicacaoSim { width:20px; margin-bottom:-5px; margin-left:7px; }
.imgSentPublicacaoNao { width:20px; margin-bottom:-5px; margin-left:7px; opacity:0.6; }

/***************
	LISTA DE GA
****************/
.ga_divHeaderFixo { position:sticky; top:56px; background-color:#fafafa; z-index:1; height:120px; width:875px; }
.ga_divHeaderFixo_tela_unica { height:140px !important; }
.ga_divHeaderFixo_embutido	 { background-color:#fff !important; top:0px !important; }
.ga_divHeader1 { margin-top:10px; margin-bottom:5px; }
.ga_divHeader2 { margin-bottom:17px; }
.link_ga_comprar { color:#000; text-decoration:none; font-size:10px; background-color:#bed7ff; padding:3px 8px; border-radius:14px; }
.link_ga_visite_site { color:#000; text-decoration:none; font-size:10px; border:solid 1px #598adb; padding:3px 8px; border-radius: 14px; }
.link_ga_comprar:hover { border:solid 1px #64809d; }
.link_ga_visite_site:hover { border:solid 1px #000; }

.col_ga_id { text-align:center; width:40px; }
.col_ga_titulo { text-align:left; width:660px; }
.col_ga_situacao { text-align:center; width:100px; }
.col_ga_linkComprar { text-align:center; width:100px; }

.col_ga_det_campo		{ text-align:left; width:125px; font-size:13px !important; border-top:solid 0px #000; border-bottom:solid 0px #000; vertical-align:top; font-weight:bold; }
.col_ga_det_conteudo	{ text-align:left; width:400px; font-size:15px !important; border-top:solid 0px #000; border-bottom:solid 0px #000; vertical-align:top; }
.vsgEstiloLinhas_ga		{ background-color:#ffffff; margin-right:auto; margin-left:auto; border-top:0px; }
.div_ga_det { border:solid 1px #d0d0d0; display:inline-block; border-radius:10px; padding:20px; background-color:#fff; }

.lista_ga_editora { margin-left:5px; }
.lista_ga_separata { margin-left:5px; font-size:10px; }
.lista_ga_listaGA { font-size:11px; }

.pnlGA      { font-family:Roboto; }
.pnlGA_vazio{ width:850px; height:100px; line-height:100px; background-color:#f0f0f0; text-align:center; font-size:14px; font-style:italic; border-radius:10px; margin-top:10px; }
.pnlLinks	{ margin-top:20px; margin-bottom:30px; }
