/*
Theme Name: Pós-Graduação 2019
Theme URI: http://www.uesb.br/ppg/ppgagronomia
Description: Wordpress Theme
Version: 1.0
Text Domain: ppgs
Author: Eric Santos, Kleber Vasconcelos
Tags: uesb
*/

.topo
{
    background-color: #1c523f;
}

.topo .campus-data
{
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    color: #ffffff;
    padding-top: 11px
}

.topo .idiomas
{
    padding-top: 5px;
    text-align: right
}

.topo .idiomas li
{
    list-style: none;
    display: inline;
    padding-right: 10px
}

.cabecalho
{
    background-image: url('imagens/topo.png');
    background-attachment: top;
    background-position: center;
    background-size: cover;
    height: auto;
    padding: 80px 0
}
@media (max-width: 575.98px)
{ 
    .cabecalho
{
    background-size: auto;
}
}

@media (max-width: 575.98px)
{ 
    .cabecalho .logotipo
{
    padding-top: 15px;
}
}

.cabecalho .brasao
{
    padding-top: 30px;
}


.menu .bg-light 
{
    background-color: #1c523f!important; 
}

.menu ul li:hover 
{
    background-color: rgba(0, 0, 0, 0.1);
    display: block;
}

.menu .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, 
.navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link 
{
    color: rgb(7, 19, 33);
    font-weight: 500;
}

.menu .navbar-light .navbar-nav .nav-link
{
	font-family: 'Pathway Gothic One', sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	color: #fff;
}

.menu .navbar-expand-md .navbar-nav .nav-link 
{
    padding-right: 1.8rem;
	padding-left: .5rem;
}

.menu .navbar-nav {
  margin-left: auto;
  margin-right: auto;
}


.menu .dropdown-item 
{
    display: block;
    width: 100%;
    padding: .5rem 1.5rem;
    clear: both;
    font-family: 'Pathway Gothic One', sans-serif;
	font-size: 18px;
    font-weight: 300;
    color: #fff;
    text-align: inherit;
    white-space: nowrap;
    border: 0;
}

.menu .dropdown-menu 
{
    padding: .5rem 0;
    margin: .55rem 0 0;
    background-color: #36594d;
    border: 0px;
    border-radius: 0rem;
}

.menu .dropdown-menu a:hover
{
    background-color: rgba(6, 23, 75, 0.1);
}

.menu ul.dropdown-menu li:hover > ul.dropdown-menu, ul.dropdown-menu li:focus > ul.dropdown-menu
{
    display: block;
    margin-left: 100%;
    margin-top: -37px;
    
}
@media (max-width: 575.98px)
{ 
    .menu ul.dropdown-menu li:hover > ul.dropdown-menu, ul.dropdown-menu li:focus > ul.dropdown-menu
{
	margin-left: 0;
    margin-top: 0;
}
}

.bem-vindos
{
    padding-left: 30px;
}
@media (max-width: 575.98px)
{ 
    .bem-vindos
{
	margin-top: 20px;

}
}

.sec01 h3
{
    font-family: 'Fjalla One', sans-serif;
    color: #1c523f
}

.sec01 p
{
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    color: #717171;
    font-weight: 300;
    text-align: justify;
    padding-right: 25px
}
@media (max-width: 575.98px)
{ 
    .sec01 p
{
	padding-right: 0;
}
}

.sec01 .links-dir
{
    background-image: url('imagens/links.png');
    background-repeat: repeat-x;
    padding: 25px 0 25px 25px;
    align-items: center
}
@media (max-width: 575.98px)
{ 
.sec01 .links-dir
{
	background-size: 100%;
}
}

.sec01 .links-dir p 
{
    font-family: 'Fjalla One', sans-serif;
	color: #fff;
	margin-top: 15px;
	text-transform: uppercase;
	text-align: left;
}

.sec01 .btn
{
  font-family: 'Poppins', sans-serif;
  font-weight: 200;
  color: #ff371c;
  background-color: transparent;
  border: 1px solid #ff371c;
  border-radius: 7px;
  display: block;
  width: 120px;
  height: 50px;
  margin: 20px 0;
 }

 .sec01 .btn:hover
{
  background-color: #ff371c;
  color: #fff;
  border: 1px solid #fff;
}

.sec02 h3
{
    font-family: 'Fjalla One', sans-serif;
    color: #ff371c
}

.sec01, .sec02
{
    margin-top: 30px;
}

.sec02 ul, .paginas-internas ul
{
	list-style-type: none;
	padding: 0;
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
    font-size: 15px;
    margin-top: 20px
}

.sec02 ul 
{
	color: #4e4e4e;
}

.lista-noticias li:nth-child(odd), .interna li:nth-child(odd)
{
	background-color: #f0f0f0;
	padding-top: 10px;
	padding-left: 20px;
    padding-bottom: 10px;
    list-style-type: none
}

.lista-noticias li:nth-child(even), .interna li:nth-child(even)
{ 
	background-color: #fff;
	padding-top: 10px;
	padding-left: 20px;
    padding-bottom: 10px;
    list-style-type: none 
}

.paginas-internas
{
    margin: 40px 0;
}

.paginas-internas h3
{
    font-family: 'Fjalla One', sans-serif;
    color: #ec7e00;
    text-transform: uppercase
}

.paginas-internas .barra
{
  width: 65px;
  height: 3px;
  background-color: #ec2700;
  margin-bottom: 20px;
}

.paginas-internas h1, .paginas-internas h2, .paginas-internas h4, .paginas-internas h5
{
    font-family: 'Fjalla One', sans-serif;
    color: #1c523f;
}

.paginas-internas h6
{
    font-family: 'Fjalla One', sans-serif;
    color: #ff7300;
}

.paginas-internas p
{
    font-family: 'Poppins', sans-serif;
    color: #474747;
    font-weight: 300;
}

.paginas-internas span
{
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-style: italic;
    color: #474747;
    font-weight: 300;
}

.paginas-internas .titulacao
{
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-style: italic;
    color: #474747;
    font-weight: 300;
}

.paginas-internas .espacamento
{
    padding-top: 30px;
}


.paginas-internas .espacamento2
{
    padding-top: 60px;
}

.plataformas ul
{
    list-style-type: none;
    padding: 0px;
}

.plataformas li
{
    display: inline-block;
    margin-right: -100px;
}
@media (max-width: 575.98px)
{ 
.plataformas li
{
	margin-right: -100px;
}
}

.plataformas li img 
{
    width: 40%;
    margin-left: 0px;
}
@media (max-width: 575.98px)
{ 
.plataformas li img
{
	width: 39%;
}
}

.busca
{
    background-color: #f0f0f0;
    margin-top: 30px
}

.contato-rapido
{
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    color: #717171;
    font-weight: 300;
    padding: 30px 0
}

.contato-rapido h3
{
    font-family: 'Fjalla One', sans-serif;
    color: #ec2700
}

.contato-rapido .email, .contato-rapido .endereco
{
    padding-top: 42px;
}
@media (max-width: 575.98px)
{ 
.contato-rapido .email, .contato-rapido .endereco
{
	padding-top: 15px;
}
}

.rodape
{
    background-color: #1c523f;
    padding: 30px 0
}

.rodape .texto-legal
{
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    color: #fff;
    font-weight: 500
}
@media (max-width: 575.98px)
{ 
    .rodape .texto-legal
{
	text-align: center;
}
}

.rodape .assinatura
{
    padding-top: 10px
}
@media (max-width: 575.98px)
{ 
    .rodape .assinatura
{
    padding-top: 30px;
    align-content: center
}
}

/* INÍCIO DO CSS DE PAGINAÇÃO */
.pagination
{
  clear:both;
  position:relative;
  font-size:10px; /* Pagination text size */
  line-height:13px;
  float:right; /* Pagination float direction */
}

.pagination span, .pagination a
{
  display:block;
  float:left;
  margin: 2px 2px 2px 0;
  padding:6px 9px 5px 9px;
  text-decoration:none;
  width:auto;
  font-size:10px;
  color:#fff; /* Pagination text color */
  background: #ec7e00; /* Pagination non-active background color */
  -webkit-transition: background .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -ms-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
}

.pagination a:hover
{
  color:#fff;
  font-size:10px;
  background: #ce6e00; /* Pagination background on hover */
}

.pagination .current
{
  padding:6px 9px 5px 9px;
  font-size:10px;
  background: #b3000f; /* Current page background */
  color:#fff;
}

/* FIM DO CSS DE PAGINAÇÃO */



/* DATA TABLES */
.paginas-internas label, .paginas-internas .dataTables_info, .paginas-internas .dataTables_paginate
{
    font-family: 'Poppins', sans-serif;
  font-size: 15px;
  color: #565656;
  padding: 30px 0
}

.paginas-internas img
{
  display: block;
  margin-left: auto;
  margin-right: auto
}

.paginas-internas .tabela-per thead
{
    font-family: 'Poppins', sans-serif;
  font-size: 15px;
  color: white;
  background-color: #1c523f;
}

.paginas-internas .tabela-per tbody
{
  border: 1px solid #dbdbdb;
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  color: #858585;
  font-size: 15px
}

.disciplina 
{
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    color: #1c523f;
    font-weight: 500;
}

.ementa 
{
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    color: #474747;
    font-weight: 300;
}

.paginas-internas .tabela-per tfoot
{
    font-family: 'Poppins', sans-serif;
  font-size: 15px;
  color: white;
  background-color: #1c523f;
  border-top: none;
}

.paginas-internas .tabela-per tbody td
{
  padding: 20px 10px;
}

.paginas-internas .tabela-per tbody tr
{
  height: 50px
}

.paginas-internas table.dataTable thead th, table.dataTable thead td
{
    border-bottom: 1px solid #dbdbdb;
}

.paginas-internas .relacao
{
  padding: 30px 0;
}

/* FIM DATA TABLES */

/* INÍCIO BUSCA */

.searchform_text
{
    width: 97%;
    height: 39px; 
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0 5% 0 2%; 
    border: 0; 
    background: #dcdcdc; 
    font-size: 12px; 
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    color: #b3000f
}

.searchform_submit
{
    position: absolute; 
    top: 28px; 
    right: 6.5%; 
    width: 22px; 
    height: 22px; 
    background: url(imagens/bt_busca.png) 
    no-repeat; border: 0; 
    cursor: pointer; 
    transition: all 300ms linear
}
@media (max-width: 575.98px)
{ 
    .searchform_submit
{
    right: 8%;
}
}

.top_bar_icons{float: right; padding-left: 10px; margin-left: 10px; margin-top: 7px; margin-right: 30px;}
.top_bar_icons img{float: left; margin-left: 5px; transition: all 300ms linear}
.top_bar_icons img:hover{opacity: 0.8}

.contraste{background: #000000; filter: gray; filter: grayscale(100%); -webkit-filter: grayscale(100%);}
.contraste *{background-color: transparent !important; color: #ffffff !important; border-color: #ffffff !important;}
.contraste nav *, .contraste #box_informacoes{background: #000000 !important; }	

/* FIM BUSCA */

@charset "utf-8";
/*
Theme Name: Pós-Graduação 2016
Theme URI: http://www.uesb.br/posgraduacao
Description: Wordpress Theme
Version: 1.0
Author: Eric Santos, Jaime Freire
Tags: uesb
*/

*{margin: 0; padding: 0;}
body{background: #eaeaea; font-family: 'pathway_gothic_oneregular', sans-serif;}
.center {
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;

  box-sizing: border-box;
}

a{text-decoration: none}
ul#menu-lang-menu {
    list-style: none;
}
#menu-lang-menu a{
	color: #fff;
}

.contraste{background: #000000; filter: gray; filter: grayscale(100%); -webkit-filter: grayscale(100%);}
	.contraste *{background-color: transparent !important; color: #ffffff !important; border-color: #ffffff !important;}
	.contraste nav *, .contraste #box_informacoes{background: #000000 !important; }	
		
				
/****** INDEX *******/
#box_noticias{float: left; width: 100%; margin-top: 50px}
	
	.titulo_topico{float: left; width: 100%}
		.titulo_topico h3{float: left; width: 100%; font-size: 27px; text-transform: uppercase; color: #138f9f; font-weight: normal}
		.titulo_topico hr{float: left; width: 220px; height: 3px; background: #2195a4; border: 0; margin-top: 5px}
		
	.veja_mais{float: left; width: 100%; margin-top: 20px}
		.veja_mais a{float: right; transition: all 300ms linear}
		.veja_mais a:hover{opacity: 0.8}

	#destaques{float: left; width: 470px; height: 313px;}
		.destaque{position: relative; float: left; width: 100%; height: 100%; transition: all 300ms linear}
		.destaque:hover{opacity: 0.9}
			.destaque img{float: left; width: 100%; height: 100%; max-height: 313px}
			.destaque span{position: absolute; top: 0; left: 0; height: 85%; width: 32%; padding: 10% 8% 0; background: rgba(6,92,101,0.8); color: #ffffff; font-size: 12px; font-family: 'open_sansregular'; line-height: 120%}
				.destaque span strong{font-family: 'pathway_gothic_oneregular'; color: #dee100; font-size: 18px; line-height: 110%}
				.destaque span em{font-size: 12px; font-family: 'open_sansregular'; font-style: normal}
								
		#destaques .owl-pagination{position: absolute; bottom: 20px; left: 13%; margin: 0 auto; width: 142px; display: block; z-index: 200000;}
			#destaques .owl-pagination .owl-page{float: left; width: 14px; height: 14px; background: #b6b6b6; margin: 3px 5%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 250ms linear; transition: all 200ms linear; cursor: default !important}
				#destaques .owl-pagination .active{width: 20px; height: 20px; margin: 0 5%; background: #ffffff;}
			
	#noticias{float: right; width: 470px;}
		.noticia{float: left; width: 100%; margin-top: 20px;}		
			.noticia .noticia_titulo{float: left; width: 100%; color: #575757; font-size: 18px; font-weight: bold; transition: all 300ms linear}
			.noticia .noticia_resumo{float: left; width: 100%; text-align: justify; font-size: 12px; font-family: 'open_sansregular'; line-height: 120%; color: #a4a4a4; margin-top: 8px; transition: all 300ms linear}
			
			.noticia:hover .noticia_titulo{color: #000}
			.noticia:hover .noticia_resumo{color: #616161}
			
#box_informacoes{float: left; width: 100%; margin-top: 50px; background: url(imagens/bg_informacoes.jpg) top center no-repeat; background-size: cover}
	#box_informacoes_conteudo{padding: 50px; height: 250px; background: rgba(14, 129, 142, 0.727)}
		#box_informacoes_conteudo h1{float: left; width: 100%; font-size: 27px; color: #ffffff; text-transform: uppercase; font-weight: normal; padding-bottom: 20px; margin-left: 510px;}
#informacoes {
  flex-wrap: wrap;
  gap: 60px;
  max-width: 700px; /* mesmo valor anterior da .center */
  padding-left: 150px; /* adição importante */
  margin: 0 auto;
}

			.informacao{margin: 0;   width: 200px; text-align: center;}
				.info_marcador{margin: 0 auto; display: block; width: 116px; height: 116px; background-color: rgba(255,255,255,0.2); border: solid 4px #dbe8ee; border-radius: 50%; transition: all 300ms linear; background-repeat: no-repeat; background-position: center center; }
				.icon_calendario{background-image: url(imagens/icon-calendario.png)}
				.icon_producoes{background-image: url(imagens/icon-producoes.png)}
				.icon_discentes{background-image: url(imagens/icon-discentes.png)}
				.informacao span{float: left; width: 100%; text-align: center; font-size: 18px; font-weight: bold; color: #ffffff; margin-top: 25px; transition: all 300ms linear}
			
			.informacao a:hover .info_marcador{border-color: #d8e4eb; background-color: rgba(255,255,255,0.5);}
			.informacao a:hover span{color: #ffffff}
			
		#informacoes .owl-prev{position: absolute; top: 50px; left: 0; width: 19px; height: 37px; background: url(imagens/seta-voltar.png) no-repeat; transition: all 300ms linear}
		#informacoes .owl-next{position: absolute; top: 50px; right: 0; width: 19px; height: 37px; background: url(imagens/seta-avancar.png) no-repeat; transition: all 300ms linear}
		#informacoes .owl-prev:hover, #informacoes .owl-next:hover{opacity: 0.5}
				
#box_eventos_cronograma{float: left; width: 100%; margin-top: 50px}
	
	#box_eventos{float: left; width: 555px; max-width: 100%}
		#eventos{float: left; width: 100%; margin-top: 35px}
			.evento{margin: 0 auto; width: 170px; position: relative;}
			.evento a{float: left; width: 100%;}
				.evento img{float: left; width: 100%; height: 113px}
				.evento .evento_hover{position: absolute; top: 0; left: 0; width: 100%; height: 113px; transition: all 300ms linear}
				.evento .evento_titulo{float: left; width: 100%; font-size: 16px; font-weight: bold; margin-top: 10px; color: #4c4c4c}
				.evento .evento_local_data{float: left; width: 100%; font-size: 14px; margin-top: 10px; color: #4c4c4c}
				
				.evento a:hover .evento_hover{background: rgba(222,225,0,0.8) url(imagens/hover-evento.png) no-repeat center center;}
				.evento a:hover .evento_titulo{color: #2d2c2c}
				.evento a:hover .evento_local_data{color: #2d2c2c}
				
		#eventos .owl-prev{position: absolute; top: 60px; left: 0; width: 37px; height: 62px; background: rgba(33,86,135,0.7) url(imagens/evento-voltar.png) no-repeat center center; transition: all 300ms linear}
		#eventos .owl-next{position: absolute; top: 60px; right: 0; width: 37px; height: 62px; background: rgba(33,86,135,0.7) url(imagens/evento-avancar.png) no-repeat center center; transition: all 300ms linear}
		#eventos .owl-prev:hover, #eventos .owl-next:hover{opacity: 0.5}
		
	#box_cronograma{float: right; width: 387px; max-width: 100%}
		#cronograma{float: left; width: 100%}
			.cronograma_item{float: left; width: 178px; height: 185px; background: #138f9f; margin-top: 35px}
			.cronograma_item:last-child{float: right}
				.cronograma_item a{float: left; width: 100%; height: 100%}
					.cronograma_item i{margin: 0 auto; margin-top: 26px; display: block; width: 85px; height: 85px; border-radius: 50%; transition: all 300ms linear; background-repeat: no-repeat; background-position: center center; }
					.cronograma_item .icon_calendario_academico{background-image: url(imagens/icon-calendario-academico.png)}
					.cronograma_item .icon_quadro_horarios{background-image: url(imagens/icon-horarios.png)}
					
					.cronograma_item span{float: left; width: 100%; text-align: center; font-size: 16px; color: #ffffff; margin-top: 15px; transition: all 300ms linear}
					
				.cronograma_item a:hover i{background-color: #0e6e78;}
				
#box_galeria_imagens{float: left; width: 100%; margin-top: 50px}
	
	#galeria_imagens{float: left; width: 100%; margin-top: 35px}
			
/******* INTERNA ******/
#box_conteudo{float: left; width: 100%; margin-top: 50px}
	
	#page_navegacao{float: left; width: 100%; margin-bottom: 20px}
		#page_navegacao p{font-size: 16px}
			#page_navegacao p a{color: #1c523f}
			#page_navegacao p a:hover{color: #1c523f}

	#titulo_interna{float: left; width: 100%}
		#titulo_interna h1{font-weight: normal; text-transform: uppercase; color: #1c523f; font-size: 31px}		
		#titulo_interna .no_uppercase{text-transform: none}		
		#titulo_interna h1 a{color: #1c523f; transition: all 300ms linear}
		#titulo_interna h1 a:hover{color: #1c523f}
		
		#titulo_interna p{color: #616161; font-size: 14px; padding-top: 10px}
		
	#conteudo{float: left; width: 100%; margin-top: 30px; }
		#conteudo article{float: left; width: 100%; font-family: 'open_sansregular'; color: #1c523f; font-size: 13px; font-family: 'open_sansregular'; line-height: 170%; text-align: justify}
			#conteudo article p, #conteudo article ul, #conteudo article ol, #conteudo article h1, #conteudo article h2, #conteudo article h3, #conteudo article h4, #conteudo article h5, #conteudo article h6{
				padding: 7px 0; color: #1c523f !important; font-size: 13px; font-family: 'open_sansregular'; line-height: 170%; text-align: justify !important;
			}
			#conteudo article h1, #conteudo article h2, #conteudo article h3, #conteudo article h4, #conteudo article h5, #conteudo article h6{font-size: 16px}
			
			#conteudo article ul, #conteudo article ol{margin-left: 30px}
			#conteudo article a{color: #215687; font-weight: bold}
			#conteudo article a:hover{color: #1c523f}
			
			#conteudo article table {border-collapse:collapse; width: 100% !important; height: auto !important;}
			#conteudo article table tr td, #conteudo article table tr th{border: solid 1px #a4a4a4; padding: 5px}
			
		#conteudo .lista_discentes{float: left; width: 100%; list-style-type: none}
			#conteudo .lista_discentes li{float: left; width: 100%; margin-bottom: 30px; font-size: 18px;  color: #4c4c4c}
				#conteudo .lista_discentes li img{float: left; margin-right: 10px}
				#conteudo .lista_discentes li h4{float: left; font-weight: normal;}
				#conteudo .lista_discentes li p{float: left; width: 100%; font-size: 12px; margin-top: 10px; font-family: 'open_sansregular'; line-height: 100%}
					#conteudo .lista_discentes li p a{color: #215687}
					#conteudo .lista_discentes li p a:hover{color: #7c9cb9}
					
		/* data table */
		#data_table_wrapper{font-family: 'open_sansregular'; line-height: 150%; font-size: 13px;}
			#data_table_wrapper select, #data_table_wrapper input{padding: 5px 10px; font-family: 'open_sansregular'; line-height: 100%}
			
			#data_table_wrapper table{float: left; width: 100%; margin-top: 20px; margin-bottom: 20px}
			#data_table_wrapper th{background-color: #138f9f; color: #ffffff; font-weight: normal; border: none; line-height: 200%}
			#data_table_wrapper tr td{border: solid 1px #eaeaea; padding: 5px; text-align: center}
			
		.noticias_lista{float: left; width: 100%; list-style-type: none}
			.noticias_lista li{float: left; width: 100%; margin-bottom: 20px; font-size: 17px; font-weight: bold}
				.noticias_lista li a{float: left; color: #138f9f; border-left: solid 4px #9aafc2; padding: 2px 10px; transition: all 300ms linear}
				.noticias_lista li a:hover{border-color: #138f9f; color: #065c65}
				.noticias_lista li span{color: #616161; font-size: 12px; font-family: 'open_sansregular'; line-height: 100%}
				
		.edital_selecao{float: left; width: 100%; margin-top: 30px; margin-bottom: 10px}
		.edital_selecao:first-child{margin-top: 0}
			.edital_selecao h3{}
			.edital_selecao h3 a{color: #138f9f}
			.edital_selecao h3 a:hover{color: #065c65}

/****** FOOTER *******/	
#box_busca{float: left; width: 100%; margin-top: 35px; background: #ffffff}
	#box_busca h2{float: left; width: 135px; height: 69px; text-align: center; background: #065c65; color: #ffffff; text-align: center; font-weight: normal; font-size: 16px; line-height: 450%}
		#searchform{position: relative; float: right; width: 790px;}
			.searchform_text{float: left; width: 93%; height: 39px; margin-top: 15px; padding: 0 5% 0 2%; border: 0; background: #dcdcdc; font-size: 14px; font-family: 'pathway_gothic_oneregular'; color: #138f9f}
			.searchform_submit{position: absolute; top: 23.5px; right: 1%; width: 22px; height: 22px; background: url(imagens/bt_busca.png) no-repeat; border: 0; cursor: pointer; transition: all 300ms linear}
			.searchform_submit:hover{opacity: 0.8}
			
#box_rodape_informacoes{float: left; width: 100%; margin-top: 35px; background: #138f9f;}
	.box_rodape{float: left; width: 30%; padding: 30px 0;}	
	.box_rodape_parceiros{margin-left: 3%}
	.box_rodape_contato{background: #065c65; padding-left: 4%; margin-left: 3%}
		
		.box_rodape h1{float: left; width: 100%; text-transform: uppercase; color: #ffffff; font-size: 26px; font-weight: normal; margin-bottom: 25px}
		.box_rodape_contato h1{color: #dee100}
		
		.box_rodape article{float: left; width: 100%;}
			.box_rodape article p, .box_rodape article ul, .box_rodape article ol{color: #ffffff; padding: 5px 0; }
			.box_rodape article ul, .box_rodape article ol{margin-left: 20px}
			.box_rodape a{color: #ffffff;}
			.box_rodape a:hover{color: #dee100;}
		
		#parceiros{float: left; width: 250px; height: 95px; background-color: #138f9f;border: 1px solid white;padding:8px;border-radius:4px;}			
			.parceiro img{width: 250px; height: 95px;}

footer{float: left; width: 100%; padding: 30px 0; background: #ffffff; margin-top: 35px}
	footer .direitos{float: left; color: #424243; font-size: 12px; font-family: 'open_sansregular'; line-height: 150%; width: 750px}
	#uesb_gov2{float: right; width: 220px;}
		#uesb_gov2 p a img{width: auto; height: 50px }
		#uesb_gov2 p a:last-child img{height: 40px; margin-left: 20px}

	
		
/****** PAGINACAO ******/
#paginacao{float: left; width: 100%; margin-top: 40px; font-size: 15px; font-family: 'open_sansregular';}
	
	#paginacao span, #paginacao a{float: left; margin: 0 2px; border: 0; background: #b0cfe0; color: #000000}
	#paginacao .pages{padding: 4px 0}
	#paginacao .page, #paginacao .current, #paginacao a{padding: 8px 0; width: 40px; text-align: center; color: #ffffff; transition: all 300ms linear; border-radius: 50%}
	#paginacao .current{background: #138f9f}
	#paginacao a{color: #4c4c4c !important}
	#paginacao a:hover{opacity: 0.7}


/****** IMAGENS DO CONTEUDO *******/
.size-large, .size-full, .size-medium, .size-thumbnail,.alignnone, .alignleft, .aligncenter, .alignright{max-width: 100%; height: auto;}
/*.alignnone{padding: 5px;}*/
.aligncenter{margin: 0 auto; display: block; margin-top: 10px}
.alignright {float: right; margin-left: 10px; margin-top: 10px}
.alignleft {float: left; margin-right: 10px; margin-top: 10px}
.wp-caption {text-align: center; background-color: #ffffff; width: auto; font-size: 13px !important}

.wp-caption p.wp-caption-text {padding: 10px 0; margin: 0; color: #000; }

/* galeria de fotos */
.mosaicflow__column { float:left;}

	.mosaicflow__item a{position: relative; width: 90%; display:block; border: solid 1px #cdcdcd; background: #ffffff; padding: 4px; border-radius: 3px; margin-bottom: 10px;}
		.mosaicflow__item img { display:block; width: 100%; height:auto;  }
		.mosaicflow__item a i{position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 300ms linear; border-radius: 3px; box-sizing: border-box; border: solid 4px transparent;}
		.mosaicflow__item a span{position: absolute; bottom: 0; left: 0; width: 100%; height: auto; padding: 10px; transition: all 300ms linear; box-sizing: border-box; border: solid 4px #ffffff; border-top: none; background: rgba(6,92,101,0.8); font-size: 13px; color: #ffffff}
		
		.mosaicflow__item a:hover i{background: rgba(6,92,101,0.4) url(imagens/hover-galeria3.png) no-repeat center 20%;  border-color: #ffffff}


#data_table {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
font-size: 0.9em;
}

#data_table th,
#data_table td {
padding: 10px;
border: 1px solid #ddd; /* Adiciona linhas separadoras /
text-align: left;
vertical-align: middle; / Alinha o conteúdo verticalmente ao centro */
}

#data_table th {
background-color: #f2f2f2; /* Cor de fundo para o cabeçalho */
font-weight: bold;
}

#data_table tbody tr:nth-child(even) {
background-color: #f9f9f9; /* Cor de fundo para linhas pares (opcional) */
}

#data_table tbody tr:hover {
background-color: #e0f7fa; /* Cor de fundo ao passar o mouse (opcional) */
}

/* Ajustes de largura das colunas (você pode personalizar esses valores) */
.col-ano {
width: 5%;
}

.col-discente {
width: 15%;
}

.col-titulo {
width: 40%;
}

.col-nivel {
width: 8%;
text-align: center;
}

.col-orientador {
width: 18%;
}

.col-data,
.col-horario,
.col-local {
width: 8%;
text-align: center;
}

.col-convite {
width: 5%;
text-align: center;
}

.col-convite img {
display: block;
margin: 0 auto; /* Centraliza a imagem do convite */
}

/* Quebra de palavras longas para evitar estouro */
.col-titulo {
word-break: break-word;
}