/****************************** TITULO E PARAGRAFO ******************************/
	.conteudo h1 {
		font-weight: bold;
		font-style: normal;
		font-size: 26px;
		color: #a6ce39;
		text-align: left;
		line-height: normal;
		text-transform: uppercase;
		margin: .50em 0;
	}


	.conteudo h2 {
		font-weight: bold;
		font-style: normal;
		font-size: 1.5em;
		color: #a6ce39;
		text-align: left;
		line-height: normal;
		text-transform: uppercase;
		margin: .3em 0 .8em 0;
	}

		.conteudo h3 {
		font-weight: bold;
		font-style: normal;
		font-size: 18px;
		color: #a6ce39;
		text-align: left;
		line-height: normal;
		text-transform: uppercase;
	}

	.conteudo h4{
		font-weight: 300;
		font-style: normal;
		font-size: 21px;
		color: #a6ce39;
		text-align: center;
		line-height: normal;
		text-transform: uppercase;
		margin-top: 5px;
		margin-bottom: 5px;
	}


	.conteudo p {
		font-weight: 400;
		font-style: normal;
		font-size: 13px;
		color: #4f4f4f;
		text-align: left;
		line-height: 20px;
	}

	.conteudo p b{
		font-weight: bold;
		font-style: normal;
		font-size: 13px;
		color: #4f4f4f;
		text-align: left;
		line-height: 25px;
	}

	.conteudo a {
	text-decoration: underline;
	color: #a6ce39;
	text-align: left;
	}

	.conteudo a:hover {
	text-decoration: none;
	color: #a6ce39;
	text-align: left;
	}

	/*****************************************/
	.maior {
		background-color: #a6ce39;
	}
	.menor {
		background-color: #81a325;
		color: #ffffff;
		font-size: .8em;
		padding: 0;
		text-align: right;
	}
/***************************************timeline*******************/
/*#timeline {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
  background: url('/relatorio-sustentabilidade-bj/_img/dot.gif') left 45px repeat-x;
  margin-top: 30px;
  padding: 10px 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#dates {
  width: 100%;
  height: 60px;
  overflow: hidden;
}
#dates li {
  list-style: none;
  float: left;
  width: 100px;
  height: 50px;
  font-size: 24px;
  text-align: center;
  background: url('/relatorio-sustentabilidade-bj/_img/biggerdot.png') center bottom no-repeat;
}
#dates a {
  line-height: 38px;
  padding-bottom: 10px;
}
#issues {
  /* width: 800px;
  overflow: hidden;
}
#issues li {
  list-style: none;
  float: left;
}
.fundo {
  	background-image: url(/relatorio-sustentabilidade-bj/_img/fundo4.png);
  	background-repeat: repeat;
	-webkit-border-radius: 5px;
  	-moz-border-radius: 5px;
  	border-radius: 5px;
	background-color: #fff;
}
#dates .selected {
  font-size: 29px;
}
:focus {
  color: #a6ce39 !important;
  text-decoration: underline;
}

.conteudo #timeline ul li {
list-style: none !important;
background: none !important;
}

#issues li img {
  float: left;
  margin: 10px 30px 10px 50px;
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

#issues li p {
  font-size: 1em;
  width: 45%;
  float: left;
  margin-right: 70px;
  font-weight: normal;
  line-height: 1.4em;
  font-family: Verdana, Geneva, sans-serif;
}
*/

#timeline a {
	color: #999999;
	font-size:0.6em;
	text-decoration: none;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
	font-weight:normal;
	
}
#timeline a:hover,
#timeline a.selected {
		color: #64a092;
	}

#timeline h1,#timeline h2, #timeline h4, #timeline h5, #timeline h6 {
	text-align: center;
	color: #ccc;
	margin-bottom: 5px;
}
#timeline h1 {
		font-size: 18px;
	}
#timeline h2 {
		font-size: 14px;
	}
#timeline .sociales {
	text-align: center;
	margin-bottom: 20px;
}
.fundo{
		/*background-image:url(/relatorio-sustentabilidade-bj/_img/fundo.png);*/
		background-repeat:repeat;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		background-color: #ffffff;
}
	#timeline {
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative;
		background: url('/relatorio-sustentabilidade-bj/_img/dot.gif') left 45px repeat-x;
		margin-top:30px;
		padding:10px 0 0 0;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
		#dates {
			width: 100%;
			height: 60px;
			overflow: hidden;
		}
			#dates li {
				list-style: none;
				float: left;
				width: 100px;
				height: 50px;
				font-size: 24px;
				text-align: center;
				background: url('/relatorio-sustentabilidade-bj/_img/biggerdot.png') center bottom no-repeat;
			}
				#dates a {
					line-height: 38px;
					padding-bottom: 10px;
				}
				#dates .selected {
			        font-size: 38px;
				}
		
		#issues {
			/*width: 800px;*/

			overflow: hidden;
		}	
			#issues li {
				width: 800px;
				list-style: none;
				float: left;
			}
				/*#issues li.selected img {
					-webkit-transform: scale(1.1,1.1);
					-moz-transform: scale(1.1,1.1);
				    -o-transform: scale(1.1,1.1);
				    -ms-transform: scale(1.1,1.1);
				    transform: scale(1.1,1.1);
				}*/
				#issues li img {
					float: left;
					margin: 10px 30px 10px 50px;
					background: transparent;
					-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */   
					filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7 */      
					/*zoom: 1;
					-webkit-transition: all 2s ease-in-out;
					-moz-transition: all 2s ease-in-out;
					-o-transition: all 2s ease-in-out;
					-ms-transition: all 2s ease-in-out; 
					transition: all 2s ease-in-out;
					-webkit-transform: scale(0.7,0.7);
					-moz-transform: scale(0.7,0.7);
				    -o-transform: scale(0.7,0.7);
				    -ms-transform: scale(0.7,0.7);
				    transform: scale(0.7,0.7);*/
				}
				#issues li h1 {
					color: #ffcc00;
					font-size: 3em;
					margin: 20px 0;
				}
				#issues li p {
					font-size: 1em;
					width:45%;
					float:left;
					margin-right: 70px;
					font-weight: normal;
					line-height: 1.4em;
					font-family:Verdana, Geneva, sans-serif;
				}
		
		#grad_left,
		#grad_right {
			width: 100px;
			height: 350px;
			position: absolute;
			top: 0;
		}
			#grad_left {
		        left: 0;
		         /*background: url('img/grad_left.png') repeat-y; */
			}
			#grad_right {
		        right: 0;
		      /*  background: url('img/grad_right.png') repeat-y;*/
			}
		
		#next,
		#prev {
			position: absolute;
			top: 0;
			font-size: 70px;
			top: 170px;
			width: 22px;
			height: 38px;
			background-position: 0 0;
			background-repeat: no-repeat;
			text-indent: -9999px;
			overflow: hidden;
		}
			#next:hover,
			#prev:hover {
				background-position: 0 -76px;
			}
			#next {
				right: 0;
				background-image: url('/relatorio-sustentabilidade-bj/_img/next.png');
			}
			#prev {
				left: 25px;
				background-image: url('/relatorio-sustentabilidade-bj/_img/prev.png');
			}
				#next.disabled,
				#prev.disabled {
					opacity: 0.2;
				}

.formatlink{
  font-family: 'Open Sans', 'Open Sans';
  font-weight: bold !important;
  font-style: normal !important;
  font-size: 14px !important;
  color: #2BB673 !important;
  text-align: left !important;
  line-height: normal !important;
  text-transform: uppercase !important;
  margin: 6px 0 10px 0 !important;
  text-decoration: none !important;
}
.formatlink a{
  font-family: 'Open Sans', 'Open Sans';
  font-weight: bold !important;
  font-style: normal !important;
  font-size: 14px !important;
  color: #2BB673 !important;
  text-align: left !important;
  line-height: normal !important;
  text-transform: uppercase !important;
  margin: 6px 0 10px 0 !important;
  text-decoration: none !important;
}
.formatlink a:hover{
  font-family: 'Open Sans', 'Open Sans';
  font-weight: bold !important;
  font-style: normal !important;
  font-size: 14px !important;
  color: #2BB673 !important;
  text-align: left !important;
  line-height: normal !important;
  text-transform: uppercase !important;
  margin: 6px 0 10px 0 !important;
  text-decoration: underline !important;
}
.formatlink a:visited{  font-family: 'Open Sans', 'Open Sans';
  font-weight: bold !important;
  font-style: normal !important;
  font-size: 14px !important;
  color: #2BB673 !important;
  text-align: left !important;
  line-height: normal !important;
  text-transform: uppercase !important;
  margin: 6px 0 10px 0 !important;
  text-decoration: none !important;
}