/* inicio ESTRUTURA ---------- */
@font-face{
	font-family: Swiss721;
	src: url(../myfonts/TT0009M_.TTF);
}
html{
	/*background: url(../images/bg_inic_2020.jpg) no-repeat center center fixed;*/
	background-color: #121212;
}
body{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#bg_topo{
	width: 100%;
	height: 489px;
	background: url(../images/topo_inic_2023.jpg);
	/*background: url(../images/topo_inic_2023_animado.gif);*/
	background-position: center top;
	background-repeat: no-repeat;
}
#bg_estrutura{
	margin: 0 auto;
	background: url(../images/bg_conteudo_repetir_2020.png) repeat-y center;
}
#estrutura{
	width: 900px;
	margin: 0px auto;
	text-align: left;
	margin-top: -1px;
	display: flex;
}
/* fim ESTRUTURA ---------- inicio MENU */
#menu{
	margin-top: 0px;
	margin-left: 7px;
	width: 185px;
	float: left;
}
.topo_menu{
	margin-top: 15px;
	margin-left: -42px;
	margin-bottom: 10px;
	width: 247px;
	height: 46px;
	background: url(../images/menu_inic_2023.jpg) no-repeat;
}
.topo_menu p{
	font-family: Arial Narrow, Verdana;
	text-transform: uppercase;
	font-size: 20px;
	color: #1B5173;
	font-weight: bold;
	padding: 5px 0 0 50px;
}
#menu_lateral{
	margin-top: 5px;
	margin-bottom: 10px;
}
#menu_lateral li a{
	height: 20px;
	text-decoration: none;
	font-size: 10px;
}
#menu_lateral li a{
	display: block;
	padding: 4px 0 0 10px;
	color: #004960;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
}
#menu_lateral li a.selectedclass{
	background-color: #BDCCF2;
}
#menu_lateral li a:HOVER{
	color: #2B503F;
	padding: 4px 0 0 5px;
}
/* fim MENU ---------- inicio LOGIN */
#login_user{
	width: 221px;
	height: 174px;
	background: url(../images/box_acesso_inic_2023.jpg) no-repeat;
	padding-left: 16px;
	margin-top: 0px;
	margin-left: -42px;
	padding-top: 10px;
	color: #FFF;
}
#nome{
	float: left;
	font-weight: bold;
}
#logout{
	text-align: right;
	font-size: 12px;
	color: #036;
	vertical-align: text-bottom;
	padding-right: 5px;
}
#organizacao_evento{
	position: inherit;
	margin-top: 15px;
	margin-left: 10px;
	clear: both;
	color: #004980;
	font-size: 11px;
}
.f_titulo_azul14{
	font-family: Arial Narrow, Verdana;
	text-transform: uppercase;
	font-size: 16px;
	color: #004960;
	font-weight: bold;
}
.f_acesso{
	color: #FFF;
	/* color: #10293f; */
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}
.f_acesso_link{
	color: #FFF;
	/* color: #10293f; */
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	text-decoration: underline;
}
.f_acesso_link:HOVER{
	text-decoration: none;
}
.f_titulo_vermelho14{
	font-family: Arial Narrow, Verdana;
	text-transform: uppercase;
	font-size: 16px;
	color: #004960;
	font-weight: bold;
}
.f_texto_acesso{
	font-family: Arial Narrow, Verdana;
	text-transform: uppercase;
	font-size: 20px;
	color: #1B5173;
	font-weight: bold;
	padding-left: 100px;
	text-decoration: none;
}
.login_ola {
	/* color: #10293f; */
	margin-top:40px;
	font-size:14px;
}
/* fim LOGIN ---------- inicio CONTEUDO */
#conteudo{
	margin-top: 20px;
	margin-left: 50px;
	margin-right: 30px;
	width: 620px;
}
#conteudo table{
	font-size: 12px;
	/*color: #004980;*/
	/* color: #000; */
}
#box_direita{
	width: 160px;
/*	height: 110px;*/
	float: right;
	text-align: center;
}
#box_esquerda{
	width: 160px;
/*	height: 140px;*/
	float: left;
	text-align: center;
}
#box_esquerda2{
	width: 160px;
/*	height: 120px;*/
	float: left;
	text-align: center;
}
.titulo{
	width: 90%;
	position: relative;
	border-bottom: solid 1px #004960;
	padding-top: 6px;
	padding-bottom: 6px;
}
.f_titulo_azul{
	font-family: Arial Narrow, Verdana;
	text-transform: uppercase;
	font-size: 20px;
	color: #004960;
	font-weight: bold;
}
.f_texto_destaque{
	color: #004980;
	font-size: 12px;
}
.f_titulo_azul12{
	font-family: Arial Narrow, Verdana;
	text-transform: uppercase;
	font-size: 14px;
	color: #004960;
	font-weight: bold;
}
.td_titulo{
	color: #FFF;
	font-weight: bold;
}
.td_subtitulo{
	color: #FFF;
}
.f_link_interessante{
	color: #004980;
	font-size: 12px;
}
.f_link_interessante:HOVER{
	color: #300;
	font-size: 12px;
}
.link{
	color: #FF7700;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	text-shadow: 0px 0px 6px #FF7700;
}
.link:HOVER{
	color: #A9E590;
	font-size: 11px;
	text-decoration: underline;
	text-shadow: 0 0 0;
}
.linkAvaliador{
	color: #025c53;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	/*text-shadow: 0px 0px 6px #025c53;*/
}
.linkAvaliador:HOVER{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: underline;
	text-shadow: 0 0 0;
}
.link_painel{
	color: #FF7700;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}
.link_painel:HOVER{
	color: #A9E590;
	font-size: 11px;
	text-decoration: underline;
}
.no_link_menu{
	color: #999;
	font-size: 11px;
	font-weight: bold;
}
.numero{
	font-size: 11px;
	color: #CC0000;
}
.f_subtitulo_modelo{
	color: #004960;
	font-size: 16px;
	text-align: justify;
}
.f_passos_fora{
	text-align: center;
	background-color: #E8E8E8;
	border: 2px #FFFFFF solid;
}
.f_passos_atual{
	text-align: center;
	font-weight: bold;
	background-color: #FFFFFF;
	width: 25%;
}
#bar{
	padding: 5px;
	background-color: #ffca7b;
	border: #004960 solid 1px;
	color: #004980;
	font-size: 14px;
	margin-bottom: 20px;
}
.td_aviso{
	border: #FBC51A solid 2px;
}
.f_aviso{
	background-color: #F00;
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
	padding: 2px 2px 2px 4px;
	letter-spacing: 2px;
}
ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#clear, .clear{
	clear: both;
}
.mao{
	cursor: pointer;
}
.vermelho{
	color: #C00;
}

.tabela_03_hover tr:hover td{
	background-color: #11c9f4;
	color: #000 !important;
}

.tabela_03_hover tr:hover td:hover{
	background-color: #f2631c !important;
}
/* fim CONTEUDO ---------- inicio TABELAS */
.tabela_01{
	width: 100%;
	border: 0px;
	margin: 0 auto;
}
.tabela_01 div{
	font-size: 12px;
}
.tabela_02{
	width: 95%;
	border: 0px #003300 solid;
	margin: 0 auto;
	background-color: #004960;/*864E3D*/
	color: #4A2500;
	font-size: 12px;
}
.tabela_02 tr td {
    padding: 5px;
}
.tabela_02_hover tr:hover, .tabela_02_hover tr:hover td{
	background-color: #d2d82c;
}
.tabela_02_hover tr:hover{
	background-color: #11c9f4 !important;
	color: #000 !important;
}
.fundotd {
	background-color: #FFFFFF;
	/* background-color: #FFF9F5; */
	padding: 5px;
}
.fundotd_2da_ava{
	background-color: #F4FF52;
	padding: 5px;
}
.fundotd2 {
	/* background-color: #004960; */
	background-color: #121212;
	color: #FFF;
	padding: 12px 12px 12px 12px;
}
.fundotd1_trabalhos{
	/*background-color: #55C2DC;/**/
	background-color: #f41157;
	height: 20px;
	padding: 5px;
	color: #FFF;
}
.fundotd2_trabalhos{
	/*background-color: #ACE4FC;/**/
	background-color: #fff9f5;
	height: 20px;
	padding: 5px;
	color: #000;
}
.tabela_edicoes{
	width: 95%;
	margin: 0 auto;
}
.td_edicoes{
	border: 1px #CCC solid;
	padding: 5px;
	padding-top: 12px;
	color: #004960;
	font-size: 20px;
}
.link_edicoes{
	color: #004960;
	text-decoration: none;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);}
.link_edicoes:HOVER{
	color: #004960;
	text-decoration: none;
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
	filter: grayscale(0%);}
}
.img_edicoes{
	width: 200px;
	height: 40px;
}
.formulario{
	border: #004960 1px solid;
	padding: 2px;
}
.formulario2{
	color: #000000;
	border: #004960 1px solid;
	padding: 2px;
	background-color: #F2EDE6;
}
.formulario_input{
	width: 100%;
}
.formulario_input2{
	width: 45%;
}
.formulario_input3{/*ava*/
	width: 10%;
	text-align: center;
}
.formulario_input4{/*grade*/
	width: 40px;
	text-align: right;
}
.formulario_input5{/*value*/
	width: 70px;
	text-align: right;
}
.formulario_input6{/*statuspay&date*/
	width: 70%;
}
.formulario_input7{/*cents*/
	width: 20px;
}
.formulario_input8{/*date*/
	width: 60px;
}
.formulario_input9{/*hour*/
	width: 50px;
}
.formulario_input10{/*year*/
	width: 40px;
}
.formulario_input11{/*year*/
	width: 100px;
}
.formulario_input12{/*year*/
	width: 110px;
}
.formulariobotao{
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #FFF;
	padding: 8px 14px;
	/*background-color: #79A300;*/
	/* background-color: #025c53; */
	background-color: #79026a;
	border: 2px solid #79026a;
}
.formulariobotao:HOVER{
	/* background-color: #5A7A00; */
	background-color: #121212;
	color: #fff;
}
.formulariobotaodissabled{
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #004960;
	padding: 8px 14px;
	background-color: #CCC;
	border: 2px solid #999;
}
.td_com_input{
	padding-right: 11px;
}
#listaInstituicao{
	list-style: none;
	margin-top: -1px;
	padding: 0;
	width: 345px;
	max-height: 114px;
	overflow: auto;
	float: left;
	position: absolute;
	border: #4D90FE 1px solid;
}
#listaInstituicao li{
	padding: 4px;
	background: #FDFDFD;
	border-bottom: #bbb9b9 1px solid;
}
#listaInstituicao li:HOVER{
	background: #E8E8E8;
	cursor: pointer;
}
/* fim TABELAS ---------- inicio RODAPE */
#rodape{
	width: 880px;
	height: 270px;
	margin: 0px auto;
}
#bg_rodape{
	margin: 0 auto;
	width: 900px;
	background: url(../images/rodape2023.jpg) no-repeat center;
	height: 487px;
}
#area_links_rodape{
	width: 100%;
	clear: both;
	height: 30px;
	background: url(../images/bg_fim_conteudo_2020.png) no-repeat center;
	margin-top: -1px;
}
#links{
	width: 650px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-align: center;
	margin: 0 auto;
	padding-top: 29px;
}
#rodape_conteudo{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}
#rodape_esquerda{
	width: 60%;
	float: left;
	padding-bottom: 20px;
}
#rodape_direita{
	width: 40%;
	float: right;
}
.organizadores_links{
	width: 779px;
	height: 230px;
	margin: 0px auto;
	color: #05357c;
}
#patrocinio{
	width: 100%;
	height: 60px;
	text-align: left;
}
#apoio{
	width: 100%;
	height: 90px;
	text-align: left;
}
#realizacao{
	width: 100%;
	height: 90px;
	text-align: left;
}
#logo-rodape{
	width: 100%;
	height: 284px;
	background: url(../images/arte_rodape_inic_2021.png) right no-repeat;
}
p.rod_titulo{
	font-family: Swiss721, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	display: block;
	color: #FFF;
}
.link_fve{
	width: 132px;
	height: 50px;
	background: url(../images/logo_fve_rod.png) center no-repeat;
	float: left;
	margin-right: 40px;
}
.link_univap{
	width: 109px;
	height: 50px;
	background: url(../images/logo_univap_rod.png) center no-repeat;
	float: left;
	margin-right: 40px;
}
.link_virtual{
	width: 83px;
	height: 52px;
	background: url(../images/logo_uv_rod.png) center no-repeat;
	float: left;
	margin-right: 40px;
}
.link_cnpq{
	width: 89px;
	height: 52px;
	background: url(../images/logo_cnpq_rod.png) center no-repeat;
	float: left;
	margin-right: 40px;
}
.link_fapesp{
	width: 95px;
	height: 52px;
	background: url(../images/logo_fapesp_rod.png) center no-repeat;
	float: left;
	margin-right: 40px;
}
.link_capes{
	width: 57px;
	height: 53px;
	background: url(../images/logo_capes_rod.png) center no-repeat;
	float: left;
}
.rodape_link{
	font-size: 9px;
	color: #FFF;
	text-align: center;
}
a.rodape_link, a.rodape_link:LINK, a.rodape_link:VISITED{
	text-decoration: none;
	color: #FFF;
}
a.rodape_link, a.rodape_link:HOVER{
	text-decoration: underline;
}
/* fim RODAPE ---------- inicio modals*/

#popup1, #popup2 {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  display:none;
  opacity: 1;
}

.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 30%;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .content {
  max-height: 50vh;
  overflow: auto;
}

.tr_iterativa_impar {
	background-color: #f41157;
	height: 20px;
	color: #FFF;
}
.tr_iterativa_par {
	background-color: #fff9f5;
	height: 20px;
	color: #000;
}

@media screen and (max-width: 700px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
	height:55vh;
  }
  .popup .content {
	max-height: 70%;
  }
}
/* fim modals ----------*/
.a_certificado {
	word-break: break-all;
}