@charset "utf-8";
/* CSS Document */
html{
	background: #FFF;
}
*{margin: 0; padding:0;}
/*ajustes da barra de acessibilidade e topo */
.acessibilidade{
	background-color: #FFF;
	width: 100%;
	height: auto;
	margin: auto;
}
.btn{
    background-color: #1a8918;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border-radius: 20px;
    width: 120px;
    font-weight: bold;
    border: none;
    padding: 10px 15px;
    font-size: 1em;
    margin-top: 1em;
    text-decoration: none;
  }
  .btn2{
	
		background-color: #0471b1;
		color: #fff;
		text-align: center;
		cursor: pointer;
		border-radius: 20px;
		width: 15%;
		font-weight: bold;
		border: none;
		padding: 10px 15px;
		font-size: 1em;
		margin-top: 1em;
		text-decoration: none;
	  
  }
  h1,h2,h3{
    margin-top: 1em;
  }
.topo{
	background-color: #003e80;
	width: 100%;
	height: auto;
	z-index: 2;
	
}
.issn{
    margin:4px;
    text-align: right;
    font-family: Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans",  "sans-serif";
}
.logo-img{
	width: 25%;
	padding-left: 3%;
	}
.logo-cps{
	width: 12%;
	margin-left: 55%;
    padding-bottom: 1%;
   
 }

.img-libras{
	width: 3em;
	height: auto;
}
.img-da{
	max-width: 100%;
	height: auto;
}
.img-cursos{
	width: 100%;
	height: auto;
}
.pagnews{
	width:50%;
	height: auto;
}

 
 
ul.atalhos{
	font-family: Verdana,"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans","sans-serif";
	font-size: 10pt;
	list-style: none;
	padding-left: 3%;
	
}
ul.atalhos li{
	display: inline;
}
ul.atalhos li a{
	
	color: #454343;
}

ul.atalhos li a:hover{
	color: #2428F3;
}

ul.atalhos li.pgacess{
	margin-left: 25%;
	text-transform: uppercase;
}
ul.atalhos li.contraste{
	text-transform: uppercase;
	padding-left: 2%;
}

ul.atalhos li.aumenta{
	padding-left: 2%;
}

ul.atalhos li.diminui{
	padding-left: 1%;
}

/* ajustes do menu */
#menu{
	width: 100%;
	height: auto;
	float: left;
	background-color: #003e80;
	font-family: Verdana,"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "sans-serif";
	font-style: normal;
	font-size: 11pt;
	z-index: 1;
	
}

.menu{
list-style:none; 
float:left; 
padding-left: 25%;
}

.menu li{
position:relative; 
float:left; 

}
.menu li a{color:#FFF; text-decoration:none; padding:5px 10px; display:block;}
 
.menu li a:hover, .menu li a:focus{
background:#FFF; 
color:#000; 

}
.menu li  ul{
position:absolute; 
top:25px; 
left:0;
background-color:#003e60; 
display:none;
}  

.menu li:hover ul, .menu li.over ul{display:block;}


.menu li ul li{
display:block;
white-space: nowrap;
width:100%;
left: 0;
}
.menu .icon{
	display: none;
}
/* menu responsivo */
label[for="bt_menu"]{
	display: none;
}
#bt_menu{
	display: none;
}
/*fim menu responsivo */
    @media screen and (max-width:697px){
	.menu{
		display: none;
	}
	#bt_menu:checked ~ .menu{
		display: block;
	}
	label[for="bt_menu"]{
		display: block;
		float: left;
	}
	.menu li{
		position: relative;
		width: 100%;
		float: left;
		 	
		
	}
	.menu li ul{
		position: static;
		width: 100%;
		float:right;
	}
	.menu li ul li{
		position: relative;
		width: 100%;
		float: left;
		display:block; 
	}
	.pagnews{
	width:80%;
	height: auto;
}
    }
iframe{
	width: 100%;
	height: 40em;
	border: 0;
}
#jornal{
	
	width: 100%;
	height: 70em;
	border: 0;

}
.estagio{
	width: 80%;
	height: auto;
	
}
.lattes{
	width: 10%;
	height: auto;
	opacity: 1;
}
.lattes:hover{
	opacity: 0.6;
}
.prof{
	text-align: center;
	margin-left: 20%;
	
}
#titulo_acessibilidade{text-align: center;}

@media screen and (max-width:1331px){
	ul.atalhos{
	font-family: Verdana,"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans","sans-serif";
	font-size: 10pt;
	list-style: none;
	padding-left: 1%;
	
}
ul.atalhos li{
	display: inline;
}
ul.atalhos li a{
	
	color: #454343;
}

ul.atalhos li a:hover{
	color: #2428F3;
}

ul.atalhos li.pgacess{
	margin-left: 20%;
	text-transform: uppercase;
}
ul.atalhos li.contraste{
	text-transform: uppercase;
	padding-left: 2%;
}

ul.atalhos li.aumenta{
	padding-left: 2%;
}

ul.atalhos li.diminui{
	padding-left: 1%;
}

/* ajustes do menu */
#menu{
	width: 100%;
	height: auto;
	float: left;
	background-color: #003e80;
	font-family: Verdana,"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "sans-serif";
	font-style: normal;
	font-size: 11pt;
	z-index: 1;
	
}

.menu{
list-style:none; 
float:left; 
padding-left: 1px;
}

.menu li{
position:relative; 
float:left; 

}
.menu li a{color:#FFF; text-decoration:none; padding:5px 10px; display:block;}
 
.menu li a:hover, .menu li a:focus{
background:#FFF; 
color:#000; 

}
.menu li  ul{
position:absolute; 
top:25px; 
left:0;
background-color:#003e60; 
display:none;
}  

.menu li:hover ul, .menu li.over ul{display:block;}


.menu li ul li{
display:block;
white-space: nowrap;
width:100%;
left: 0;
}


}
@media screen and (max-width: 1280px) {
	ul.atalhos{
	font-family: Verdana,"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans","sans-serif";
	font-size: 10pt;
	list-style: none;
	padding-left: 0.5%;
	
}
ul.atalhos li{
	display: inline;
}
ul.atalhos li a{
	
	color: #454343;
}

ul.atalhos li a:hover{
	color: #2428F3;
}

ul.atalhos li.pgacess{
	margin-left: 5%;
	text-transform: uppercase;
}
ul.atalhos li.contraste{
	text-transform: uppercase;
	padding-left: 2%;
}

ul.atalhos li.aumenta{
	padding-left: 2%;
}

ul.atalhos li.diminui{
	padding-left: 1%;
}

}
@media screen and (max-width:1000px){
	ul.atalhos{
	font-family: Verdana,"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans","sans-serif";
	font-size: 10pt;
	list-style: none;
	padding-left: 0.5%;
	
}
ul.atalhos li{
	display: inline;
}
ul.atalhos li a{
	
	color: #454343;
}

ul.atalhos li a:hover{
	color: #2428F3;
}

ul.atalhos li.pgacess{
	margin-left: 1%;
	text-transform: uppercase;
}
ul.atalhos li.contraste{
	text-transform: uppercase;
	padding-left: 2%;
}

ul.atalhos li.aumenta{
	padding-left: 2%;
}

ul.atalhos li.diminui{
	padding-left: 1%;
}
}
@media screen and (max-width:960px){
	ul.atalhos{
	font-family: Verdana,"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans","sans-serif";
	font-size: 0.8em;
	list-style: none;
		
}

ul.atalhos li{
	display: none;
}
ul.atalhos li a{
	
	color: #454343;
}

ul.atalhos li a:hover{
	color: #2428F3;
}

ul.atalhos li.pgacess{
	display: inline-block;
	text-transform: uppercase;
	margin-left: 1px;
	padding-left: 1px;
}
ul.atalhos li.contraste{
	display: inline-block;
	text-transform: uppercase;
	margin: auto;
	
}
	ul.atalhos li.aumenta{
	display: inline-block;
	margin: auto;
}

ul.atalhos li.diminui{
	display:inline-block;
	padding-left: 1px;
}
.pagnews{
	width:60%;
	height: auto;
}
}

#conteudo{
	width: 90%;
	margin: 4%;
	font-family: Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans",  "sans-serif";
	font-size: 1em;
	color: #000;
	text-align: center;
	height: auto;
	
	
}

#conteudo p{
	text-align: justify;
	line-height: 150%;
}
 .titulo_inicio{text-align: center;}  
/*#conteudo h1, h2, h3{
    text-align: left;
}*/
.apresentacao{text-align: left;} 

.trabalhos{
	width: 100%;
	height: auto;
	
	
}
.trabalhos td, th{
	border: 1px solid black;
	word-wrap: break-word;
	overflow-wrap: break-word;
	
}
#img-sobre{
	max-width: 100%;
}
#fotos{
	width: 90%;
	text-align: center;
	margin: 1% 5%;
}
* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  max-width: 100%;
  position: relative;
  margin-top: 7%; margin-left: 2%; padding-top: 2%; padding-left: 2%;
	
	
}

/* Hide the images by default */
.mySlides {
    display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
/*.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}*/

/* Number text (1/3 etc) */
.numbertext {
  color: #000;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #6A0507;;
}

/* Fading animation */
.fade {
 
  animation-name: fade;
  animation-duration: 1.5s;
}



@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
#programacao{
	width: 98%;
	margin: 3% 2%;
	padding: 1%;
	height: auto;
	border-color: #000;
	border-style: solid;
	border-width: 1px;
	text-align: left;
	float: left;
	color: #000;
}

#edicoes{
	width: 98%;
	margin: 3% 2%;
	padding: 1%;
	height: auto;
	border-color: #000;
	border-style: solid;
	border-width: 1px;
	text-align: left;
	float: left;
	color: #000;
}

.boxnews{
	max-width: 250px;
	height: auto;
	margin: 0.4%;
	float: left;

	
}
.zoom {
	overflow: hidden;
}

.zoom img {
	max-width: 100%;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.zoom:hover img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.text-item{
	max-width: 250px;
	height: auto;
	margin: 0.2%;
	text-align: center;
	
	
	}
	.text-item a{
	color:#000;
	text-decoration: none;}
	
	.text-item a:hover{
	color:#000;
	text-decoration: underline;}
	
	.text-item p{
	font-size: 0.8em;
	}

/*.container {
  position: relative;
  width: 100%;
}*/

.image {
  display: block;
  width: 100%;
  height: auto;
}

/*.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(61,60,60,0.95);
}

.container:hover .overlay {
  opacity: 1;
}

.container:focus .overlay {
  opacity: 1;
}
.text {
  color: white;
  font-size: 1.3em;
  position: absolute;
  top: 50%;
  left: 50%;
 transform: translate(-50%, -50%);
  text-align: center;
}
.text a{
	color: white;
	
}*/

#apoio{
	width: 98%;
	margin: 3% 2%;
	padding: 1%;
	height: auto;
	border-color: #000;
	border-style: solid;
	border-width: 1px;
	text-align: left;
	float: left;
	color: #000;
}
.scrollHor {
    max-height: 800px;
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
}
.apoio{
    min-width: 230px;
	max-width: 300px;
	height: auto;
	margin: 0.4%;
	float: left;
	
}
@media screen and (max-width:1430px){
	.boxnews{
	max-width: 240px;
	height: auto;
	font-size: 1em;
	margin: 0.2%;
	float: left;
	
}
	
/*	.apoio{
	max-width: 300px;
	height: auto;
	font-size: 1em;
	margin: 0.2%;
	float: left;
	
}*/
}
@media screen and (max-width:1395px){
	.boxnews{
	max-width: 250px;
	height: auto;
	font-size: 0.9em;
	margin: 0.5%;
	float: left;
	
}
	
	/*.apoio{
	max-width: 300px;
	height: auto;
	font-size: 0.9em;
	margin: 0.2%;
	float: left;
	
}*/
}
@media screen and (max-width:1295px){
	.boxnews{
	max-width: 210px;
	height: auto;
	font-size: 0.8em;
	margin: 0.3%;
	float: left;
	
}
	
	/*.apoio{
	max-width: 240px;
	height: auto;
	font-size: 0.8em;
	margin: 0.2%;
	float: left;
	
}*/
}
@media screen and (max-width:1155px){
	.boxnews{
	max-width: 220px;
	height: auto;
	font-size: 0.8em;
	margin: 0.2%;
	float: left;
	
}
	
}
@media screen and (max-width:1111px){
	.text a {
  color: white;
  font-size: 0.8em;
  position: absolute;
  top: 50%;
  left: 50%;
transform: translate(-50%, -50%);
  text-align: center;
}
/*	.apoio{
	max-width: 220px;
	height: auto;
	font-size: 0.6em;
	margin: 0.1%;
	float: left;
	
}*/
}
@media screen and (max-width:1051px){
	.boxnews{
	max-width: 200px;
	height: auto;
	font-size: 0.7em;
	margin: 0.1%;
	float: left;
	
}

}
#rodape{
	width: 100%;
	height: auto;
	background:#2E2E2E;
	float: left;
	font-family: Verdana,"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans",  "sans-serif";
	font-size: 0.8em;
	
}
@media screen and (max-width: 1295px){
	#rodape{
	width: 100%;
	height: auto;
	background:#2E2E2E;
	float: left;
	font-family: Verdana,"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans",  "sans-serif";
	font-size: 0.7em;
	
}
}

.map{
	list-style: none;
	margin: 1%;
	padding: 1%;
	float: left;
}
@media screen and (max-width:1160px){
	.map{
	list-style: none;
	margin: 0.7%;
	padding: 0.5%;
	float: left;
}
}

.map li{
	color:#787878;
	font-weight: bold;
}
.map li a {
	color: #787878;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}

.map li a:hover{
	color: white;
	text-decoration: underline;
}
#mapa{
	margin: 2%;
	color: #787878;
	width: 40%;
	float: left;
}
#mapa h4{
	border-bottom: solid;
	border-color: #787878;
	
}
#informacoes{
	width: 50%;
	color:#F9F9F9;
	float: left;
	margin: 2%;
	
}
@media screen and (max-width:1122px){
	.map{
	list-style: none;
	margin: 0.5%;
	padding: 0.3%;
	float: left;
}
	
}
@media screen and (max-width:1110px){
	.map{
	list-style: none;
	margin: 0.4%;
	padding: 0.3%;
	float: left;
}
	
}
@media screen and (max-width:1099px){
	#rodape{
		font-size: 0.6em;
	}
	.map{
	list-style: none;
	margin: 0.4%;
	padding: 0.1%;
	float: left;
}
	
}
#informacoes h4{
	color: #787878;
	border-bottom: solid;
	border-color: #787878;
	
}

.info{
	list-style: none;
	padding: 1%;
}
.info li{
	display: inline;
	padding: 0.5%;
}
.info li img{
	width: 3%;
	float: left;
}
.info li a{
	color: #F9F9F9;
	
}
.info li a:hover{
	color: #787878;
}

@media screen and (max-width:1000px){
	
	.info li img{
	width: 5%;
	float: left;
}
	
	#mapa{
	margin: 2%;
	color: #787878;
	width: 70%;
	float: left;
	padding-left: 1%;
}
	
}
@media screen and (max-width:600px){
	.info li img{
	width: 7%;
	float: left;
}
	.boxnews{
	max-width: 200px;
	height: auto;
	font-size: 0.7em;
	margin: 0.2% 20%;
	float: left;
	
}
	.text a {
  color: white;
  font-size: 0.6em;
  position: absolute;
  top: 50%;
  left: 50%;
transform: translate(-50%, -50%);
  text-align: center;
}
	/*.apoio{
	max-width: 200px;
	height: auto;
	font-size: 0.7em;
	margin: 0.2% 20%;
	float: left;
	
}*/
}
	

@media screen and (max-width:440px){
	.info li img{
	width: 9%;
	float: left;
}
}
.social{
	list-style: none;
	padding: 1%;
}
.social li{
	display: inline;
	padding-left: 0.5%;
}
.imgsocial{
	width: 5%;
	opacity: 1;
}
.imgsocial:hover{
	opacity: 0.6;
}
@media screen and (max-width:1000px){
	.imgsocial{
	width: 8%;
	opacity: 1;
}
	.lattes{
	width: 13%;
	height: auto;
	opacity: 1;
}
	.prof{
	text-align: center;
	margin-left: 15%;
	
}
	
}
@media screen and (max-width:600px){
	.imgsocial{
	width: 11%;
	opacity: 1;
}
	.lattes{
	width: 16%;
	height: auto;
	opacity: 1;
}
	.prof{
	text-align: center;
	margin-left: 10%;
	
}
	#conteudo{
	margin: 2%;
	word-wrap: break-word;
	
}
	.trabalhos{
		font-size: 9pt;
	}
	.trabalhos td th{
		word-wrap: break-word;
		
	}
}
@media screen and (max-width:440px){
	.imgsocial{
	width: 14%;
	opacity: 1;
}
	.lattes{
	width: 19%;
	height: auto;
	opacity: 1;
}
	.prof{
	text-align: center;
	margin-left: 5%;
	
}
	#conteudo{
	
	word-wrap: break-word;
	
}
	.trabalhos{
		
		font-size: 0.5em;
	}
}
/* Style the list */
ul.breadcrumb {
    padding: 2% 5%;
    list-style: none;
    background-color: #FFF;
	
}

/* Display list items side by side */
ul.breadcrumb li {
    display: inline;
    font-size: 0.8em;
	font-family: Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "sans-serif";
	color: #363636;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
    padding: 8px;
    color: black;
    content: "/\00a0";
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
    color: #5F5D5D;
    text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
    color: #01447e;
    text-decoration: underline;
}
.institucional{
	color: #363636;
	text-decoration: none;
}
.institucional:hover{
	color:#01447e;
	text-decoration: underline;
}
.institucional:focus{
	color:#01447e;
	text-decoration: underline;
}
.institucional h2{
	text-align: justify;
}
form{
	text-align: justify;
}
fieldset{
	border-radius: 10px;
	border-color: #A81517;
	border-style: solid;
}

label{
	padding: 1%;
		
}
input, textarea, select{
	border-radius: 5px;
	border-color: #363636;
	border-style: solid;
	margin: 1%;
	padding: 1%;
	width: 60%;
}
.required:after{
	content: " *";
	color: red;
}
input[type=submit]{
	border-radius: 5px;
	border-color: #363636;
	border-style: solid;
	margin: 1%;
	padding: 1%;
	width: 30%;
	background-color: white;
}

input[type=reset]{
	border-radius: 5px;
	border-color: #363636;
	border-style: solid;
	margin: 1%;
	padding: 1%;
	width: 30%;
	background-color: white;
}
@media screen and (max-width:370px){
	.trabalhos{font-size: 0.5em; word-wrap: break-word; overflow-wrap: break-word;}
}
@media screen and (max-width: 420px){

.logo-img{
	width: 45%;
	padding-left: 2%;
	padding-top: 1%;
	
	}
.logo-cps{
	width: 25%;
	margin-left: 25%;
	padding-bottom: 0.5%;
}
}