/* CSS Document */
#graf3d-tl{
	display:block;
	position:relative;
}

	#graf3d-tl .listGraf-tl{
		display:none;
		
	}
	

.boxGraf-tl{
	display:block;
	height:100%;
	width:100%;
	padding:10px;
	position:relative;
	border:1px solid #ECECEC;
}

	.boxGraf-tl .box-referenceLineGraf-tl{
		display:block;
		height:75%;
		width:96%;
		position:absolute;
		top:5%;
		left:2%;
	}
	
		.boxGraf-tl .box-referenceLineGraf-tl .lineReference-tl{
			display:block;
			position:absolute;
			width:100%;
			bottom:0;
			left:0;
		}
		
			.boxGraf-tl .box-referenceLineGraf-tl .lineReference-tl div{
				display:block;
				right:0;
				top: 0;
				width:100%;
				position:absolute;
				padding-top:10px;
				color:#666;
				font-size:12px;
				font-family:Arial, Helvetica, sans-serif;
			}
		
				.boxGraf-tl .box-referenceLineGraf-tl .lineReference-tl div:after{
					content:'';
					display:block;
					position:absolute;
					width:calc(100% - 50px);
					right:0;
					top:0;
					border-top:1px dashed #CCC;
				}
				
				.boxGraf-tl .box-referenceLineGraf-tl .lineReference-tl div:before{
					content:'';
					display:block;
					position:absolute;
					width:30px;
					right:calc(100% - 51px);
					border-top:1px dashed #CCC;
					transform: rotate(-20deg);
					top: 5px;
				}
				
				.boxGraf-tl .box-referenceLineGraf-tl .lineReference-tl.indice-inicial div:after{
					border-top:1px solid #CCC;
				}
				
				.boxGraf-tl .box-referenceLineGraf-tl .lineReference-tl.indice-inicial div:before{
					border-top:1px solid #CCC;
				}
	
	
	.boxGraf-tl .box-barGraf-tl{
		display:table;
		width:85%;
		height:75%;
		position:absolute;
		top:5%;
		right:0;
	}
	
		.boxGraf-tl .box-barGraf-tl .itembarGraf-tl{
			display:table-cell;
			position:relative;
		}
		
			.boxGraf-tl .box-barGraf-tl .itembarGraf-tl .barGraf-tl{
				display:block;
				position:absolute;
				background-color:#0CC;
				width:50%;
				bottom:-10px;
				left:15%;
				box-shadow:10px -10px 0px #09C;
			}
			
			.boxGraf-tl .box-barGraf-tl .itembarGraf-tl .barGraf-tl:after{
				content:'';
				display:block;
				position:absolute;
				bottom:0;
				right:-10px;
				border-left: 10px solid #09C;
  				border-bottom: 10px solid transparent;
			}
			
				.boxGraf-tl .box-barGraf-tl .itembarGraf-tl .barGraf-tl .barGraf-tl-top{
					display:block;
					position:absolute;
					background-color:#069;
					width:100%;
					height:10px;
					top:-10px;
					right:-10px;
				}
				
				.boxGraf-tl .box-barGraf-tl .itembarGraf-tl .barGraf-tl .barGraf-tl-top:after{
					content:'';
					display:block;
					position:absolute;
					top:0;
					right:0;
					border-right: 10px solid #09C;
					border-top: 10px solid transparent;
				}
				
				.boxGraf-tl .box-barGraf-tl .itembarGraf-tl .barGraf-tl .barGraf-tl-top:before{
					content:'';
					display:block;
					position:absolute;
					top:0;
					left:-10px;
					border-right: 10px solid #069;
					border-top: 10px solid transparent;
				}
					
			
				.boxGraf-tl .box-barGraf-tl .itembarGraf-tl .barGraf-tl span{
					display: block;
					width: 100%;
					left: 10px;
					top: -25px;
					text-align: center;
					color: #666;
					font-size: 12px;
					position: absolute;
					font-family:Arial, Helvetica, sans-serif;
				}
			
			.boxGraf-tl .box-barGraf-tl .itembarGraf-tl .lengendBar-tl{
				display: block;
				position: absolute;
				bottom: -35px;
				text-align:left;
				left: 15%;
				font-size: 11px;
				transform: rotateZ(20deg);
				color:#666;
				font-family:Arial, Helvetica, sans-serif;	
			}
			
						
			.boxGraf-tl .box-barGraf-tl .itembarGraf-tl .barGraf-tl.percentual-3:after{
  				border-bottom: 8px solid transparent;
			}
			
			.boxGraf-tl .box-barGraf-tl .itembarGraf-tl .barGraf-tl.percentual-2:after{
  				border-bottom: 6px solid transparent;
			}
			
			.boxGraf-tl .box-barGraf-tl .itembarGraf-tl .barGraf-tl.percentual-1:after{
				display:none;
			}
			
			.boxGraf-tl .box-barGraf-tl .itembarGraf-tl .barGraf-tl.percentual-1 .barGraf-tl-top:after{
				border-right: 10px solid #FFF !important;
			}
			
			.boxGraf-tl .box-barGraf-tl .itembarGraf-tl .barGraf-tl.percentual-0:after{
				display:none;
			}
			
			.boxGraf-tl .box-barGraf-tl .itembarGraf-tl .barGraf-tl.percentual-0 .barGraf-tl-top:after{
				border-right: 10px solid #FFF !important;
			}
			
				
			
			/*COR 1*/
			
			.boxGraf-tl .box-barGraf-tl .itembarGraf-tl .barGraf-tl.barCor1{
				background-color:#0CC;
				box-shadow:10px -10px 0px #09C;
			}
			
			.boxGraf-tl .box-barGraf-tl .itembarGraf-tl .barGraf-tl.barCor1:after{
				border-left: 10px solid #09C;
			}
			
				.boxGraf-tl .box-barGraf-tl .itembarGraf-tl .barGraf-tl.barCor1 .barGraf-tl-top{
					background-color:#069;
				}
				
				.boxGraf-tl .box-barGraf-tl .itembarGraf-tl .barGraf-tl.barCor1 .barGraf-tl-top:after{
					border-right: 10px solid #09C;
				}
				
				.boxGraf-tl .box-barGraf-tl .itembarGraf-tl .barGraf-tl.barCor1 .barGraf-tl-top:before{
					border-right: 10px solid #069;
				}
				
			/*COR 2*/
			
			.boxGraf-tl .box-barGraf-tl .itembarGraf-tl .barGraf-tl.barCor2{
				background-color:#FF4D4D;
				box-shadow:10px -10px 0px #D93600;
			}
			
			.boxGraf-tl .box-barGraf-tl .itembarGraf-tl .barGraf-tl.barCor2:after{
				border-left: 10px solid #D93600;
			}
			
				.boxGraf-tl .box-barGraf-tl .itembarGraf-tl .barGraf-tl.barCor2 .barGraf-tl-top{
					background-color:#8C0000;
				}
				
				.boxGraf-tl .box-barGraf-tl .itembarGraf-tl .barGraf-tl.barCor2 .barGraf-tl-top:after{
					border-right: 10px solid #D93600;
				}
				
				.boxGraf-tl .box-barGraf-tl .itembarGraf-tl .barGraf-tl.barCor2 .barGraf-tl-top:before{
					border-right: 10px solid #8C0000;
				}
				
			/*COR 3*/
			
			.boxGraf-tl .box-barGraf-tl .itembarGraf-tl .barGraf-tl.barCor3{
				background-color:#6DD900;
				box-shadow:10px -10px 0px #00B259;
			}
			
			.boxGraf-tl .box-barGraf-tl .itembarGraf-tl .barGraf-tl.barCor3:after{
				border-left: 10px solid #00B259;
			}
			
				.boxGraf-tl .box-barGraf-tl .itembarGraf-tl .barGraf-tl.barCor3 .barGraf-tl-top{
					background-color:#008C00;
				}
				
				.boxGraf-tl .box-barGraf-tl .itembarGraf-tl .barGraf-tl.barCor3 .barGraf-tl-top:after{
					border-right: 10px solid #00B259;
				}
				
				.boxGraf-tl .box-barGraf-tl .itembarGraf-tl .barGraf-tl.barCor3 .barGraf-tl-top:before{
					border-right: 10px solid #008C00;
				}
				
			/*COR 4*/
			
			.boxGraf-tl .box-barGraf-tl .itembarGraf-tl .barGraf-tl.barCor4{
				background-color:#FFC926;
				box-shadow:10px -10px 0px #D9A300;
			}
			
			.boxGraf-tl .box-barGraf-tl .itembarGraf-tl .barGraf-tl.barCor4:after{
				border-left: 10px solid #D9A300;
			}
			
				.boxGraf-tl .box-barGraf-tl .itembarGraf-tl .barGraf-tl.barCor4 .barGraf-tl-top{
					background-color:#8C6900;
				}
				
				.boxGraf-tl .box-barGraf-tl .itembarGraf-tl .barGraf-tl.barCor4 .barGraf-tl-top:after{
					border-right: 10px solid #D9A300;
				}
				
				.boxGraf-tl .box-barGraf-tl .itembarGraf-tl .barGraf-tl.barCor4 .barGraf-tl-top:before{
					border-right: 10px solid #8C6900;
				}
				
			/*COR 5*/
			
			.boxGraf-tl .box-barGraf-tl .itembarGraf-tl .barGraf-tl.barCor5{
				background-color:#A64DFF;
				box-shadow:10px -10px 0px #A300D9;
			}
			
			.boxGraf-tl .box-barGraf-tl .itembarGraf-tl .barGraf-tl.barCor5:after{
				border-left: 10px solid #A300D9;
			}
			
				.boxGraf-tl .box-barGraf-tl .itembarGraf-tl .barGraf-tl.barCor5 .barGraf-tl-top{
					background-color:#69008C;
				}
				
				.boxGraf-tl .box-barGraf-tl .itembarGraf-tl .barGraf-tl.barCor5 .barGraf-tl-top:after{
					border-right: 10px solid #A300D9;
				}
				
				.boxGraf-tl .box-barGraf-tl .itembarGraf-tl .barGraf-tl.barCor5 .barGraf-tl-top:before{
					border-right: 10px solid #69008C;
				}