@charset "utf-8";


body {
	font-family:'Roboto', sans-serif;
	font-size:1.1em;
	line-height:1.8em;
	padding-left:6%;
}

html, body {position:relative; margin:0 0; scroll-behavior:smooth;}

/*   WRAPPER   */

	div.wrapper {padding-top:5%;}

/*  SECTIONS  */

.section {
	clear:both;
	padding:0px;
	margin:0px;
}

/*  COLUMN SETUP  */

.col {
	display:block;
	float:left;
	margin:1% 0 0 0.5% !important;
	border-bottom:1px solid rgba(230, 230, 230, 1);
}

.noborder {
	border:none;
} 

/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}		

/*  GRID OF TWELVE  */
.span_12_of_12 {
	width:100%;
}

.span_11_of_12 {
  	width:91.62%;
}
.span_10_of_12 {
  	width:83.25%;
}

.span_9_of_12 {
  	width:74.87%;
}

.span_8_of_12 {
  	width:66.5%;
}

.span_7_of_12 {
  	width:58.12%;
}

.span_6_of_12 {
  	width:49.75%;
}

.span_5_of_12 {
  	width:41.37%;
}

.span_4_of_12 {
  	width:33%;
}

.span_3_of_12 {
  	width:24.62%;
}

.span_2_of_12 {
  	width:16.25%;
}

.span_1_of_12 {
  	width:7.875%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width:480px) {
	.col { 
		margin:1% 0 1% 0%;
	}
}

@media only screen and (max-width:480px) {
	body {
		padding-left:0;
	}
}

@media only screen and (max-width:480px) {
	.span_12_of_12 {
		width:100%; 
	}
	.span_11_of_12 {
		width:100%; 
	}
	.span_10_of_12 {
		width:100%; 
	}
	.span_9_of_12 {
		width:100%; 
	}
	.span_8_of_12 {
		width:100%; 
	}
	.span_7_of_12 {
		width:100%; 
	}
	.span_6_of_12 {
		width:100%; 
	}
	.span_5_of_12 {
		width:100%; 
	}
	.span_4_of_12 {
		width:100%; 
	}
	.span_3_of_12 {
		width:100%; 
	}
	.span_2_of_12 {
		width:100%; 
	}
	.span_1_of_12 {
		width:100%;
	}
}

/*   FONTES   */

	.texto {
		color:rgba(42, 42, 42, 1);
		font-family:'Roboto', sans-serif;
		font-weight:normal;
		font-size:1em;
		padding:0 15px;
	}

	.translation, .menu, .menu-right {
		font-size:0.8em;
		text-align:center;
	}

	.menu {
		float:left;
		text-align:left;
	}

	.menu-right {
		float:right;
	}

	.translation {
		background-color:rgba(230, 230, 230, 1);
	}

	.translation:hover {
		background-color:rgba(230, 230, 230, 0.5);
	}

	.light {
		font-weight:normal;
	}

	.small {
		font-size:0.8em;
		line-height:1.5em;
	}

	.texto h3 {
		font-size:1em;
		margin:0 0 ;
	}

	.publication-type {
		background-color:rgba(255, 255, 153, 1);
		padding:0 5px;
	}

	.ongoing {
		color:rgba(91, 186, 174, 1);
	}

	.name {
		margin:14px 0;
		font-size: 1.4em;
	}

	.name2 { 
		color:rgba(204, 204, 204, 1);
	} 

/*   LINKS e HOVER  */

	a, a:active, a:visited {
		color:rgba(51, 51, 51, 0.6);
		text-decoration:none;
		padding-bottom:0.1em;
		cursor:pointer;
	}
 
	a:hover {
		color:rgba(51, 51, 51, 1);
		cursor:pointer;
	}

	.botao-menu {
		border:1px dotted transparent;
 		background-color:rgba(230, 230, 230, 0.2);
		cursor:pointer;
	}
	
	.botao-menu:hover {
		border-bottom:1px dotted red;
 		background-color:rgba(230, 230, 230, 0.2);
		cursor:pointer;
	}

	.botao-menu-active {
		border-bottom:2px solid red;
	}

	.botao-menu-active:visited, .botao-menu-active:visited:hover, .botao-menu-active:active  {
		cursor:pointer;
	}

	a.highlight { 
		color:rgba(255, 0, 0, 1);
	} 

	a.highlight:hover { 
		color:rgba(51, 51, 51, 0.6);
	} 

/* DOTS */

	.dot {
		height:8px;
		width:8px;
		background-color:rgba(230, 230, 230, 1);
		border-radius:50%;
		display:inline-block;
	}

	.dots {
		text-align:center;
	} 

	.active {
		background-color:rgba(255, 0, 0, 1);
	} 

/* ACCORDION */

	.accordion {
		color:#444;
		cursor:pointer;
		text-align:left;
		border:none;
		outline:none;
		transition:0.4s;
		padding:0;
		background-color:rgba(255, 255, 255, 1);
	}

	.active, .accordion:hover {
	}

	.panel {
 		padding:0 18px;
		display:none;
		overflow:hidden;
	}