#conteiner {
	
}

#conteiner .graficos {
	margin: 35px auto;
	width: 1030px;
	clear: both;
}

#conteiner .graficos .grafico {
	float: left;
	margin: 15px;
	width: 311px;
	height: 290px;
}

#conteiner .graficos .grafico h3 {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

#conteiner .graficos .grafico .controles {
	margin: 0 0 22px;
	padding: 0 0 22px;
}

#conteiner .graficos .grafico .controles a {
	color: #000;
}

#conteiner .graficos .grafico .setaEsq {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #F0F0F0;
	border: 1px solid #818181;
	float: left;
	font-size: 24px;
	height: 25px;
	width: 25px;
}

#conteiner .graficos .grafico .setaEsq:hover {
	background-color: #818181;
	border: 1px solid #F0F0F0;
	color: #FFF;
	cursor: pointer;
}

#conteiner .graficos .grafico .setaEsq a {
	margin: -4px 6px;
	float: left;
}

#conteiner .graficos .grafico .setaDir {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #F0F0F0;
	border: 1px solid #818181;
	float: right;
	font-size: 23px;
	height: 25px;
	width: 25px;
	text-align: right;
	float: right;
}

#conteiner .graficos .grafico .setaDir:hover {
	background-color: #818181;
	border: 1px solid #F0F0F0;
	color: #FFF;
	cursor: pointer;
}

#conteiner .graficos .grafico .setaDir a {
	margin: -3px 7px;
	float: right;
}

#conteiner .graficos .grafico .titleGrafico {
	float: left;
	margin: 0 auto;
	text-align: center;
	width: 82%;
}

.carousel {
	width: 311px;
	height: 252px;
	margin: 0 auto;
}

.charts {
	overflow: hidden;
	position: relative;
	width: 314px;
	height: 255px;
}

.charts ul {
	position: relative;
	left: 0;
	top: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 750px;
}

.charts li {
	width: 311px;
	height: 252px;
	float: left;
}

.charts li .chart_div {
	border: 1px solid #818181;
}

.charts li img, .charts li .chart_div {
	width: 311px;
	height: 252px;
	z-index: 1;
	background: #E3E3E3;
}

.charts li a span.viewChart {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #818181;
	color: #000;
	float: left;
	margin: 210px 0 0 13px;
	position: absolute;
	z-index: 2;
	height: 25px;
	width: 70px;
	background-color: #F0F0F0;
}

.charts li a span.viewChart:hover {
	background-color: #818181;
	border: 1px solid #F0F0F0;
	color: #FFF;
	cursor: pointer;
}

.charts li a span.viewChart .mais {
	font-size: 18px;
	font-weight: bold;
	float: left;
	margin: 0;
	padding: 2px 4px 0 6px;
}

.charts li a span.viewChart .barra {
	color: #DFDFDF;
	font-size: 18px;
	margin: 0;
}

.charts li a span.viewChart .zoom {
	font-size: 15px;
	padding: 3px;
}

.charts li a span.backModulo {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #818181;
	color: #000;
	float: right;
	margin: 210px 0 0 180px;
	position: absolute;
	z-index: 2;
	height: 25px;
	width: 115px;
	background-color: #F0F0F0;
}

.charts li a span.backModulo:hover {
	background-color: #818181;
	border: 1px solid #F0F0F0;
	color: #FFF;
	cursor: pointer;
}

.charts li a span.backModulo span {
	float: right;
	font-size: 15px;
	margin: 3px 12px;
}

.charts li span hr {
	float:left;
    margin:200px 15.5px 0;
    position:absolute;
    text-align:center;
    width:280px;
    z-index:2;
}

.panel-stat3 .pin-button {
    position: absolute;
    bottom: 10px;
    right: 10px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    color: rgba(0,0,0,.3);
}

.panel-stat3 .btn-group{
    position: absolute;
    top: 4px;
    left: 10px;
}

.bg-purple {
	background-color: #a084b5;
}

.choices input[type=checkbox], input[type=radio] {
	opacity: 1;
    position: relative;
    width: 20px;
    height: 10px;
}

.panel-stat3 {
	cursor: auto !important;
}

#flotTip {
    padding: 3px 5px;
    background-color: #000;
    z-index: 100;
    color: #fff;
    opacity: .80;
    filter: alpha(opacity=85);
}

.pizzaTitulo {
    width: 100px;
    margin: 0px;
}

.tool-bar {
	margin-top: -20px;
}

.valorTotalPizza {
	position: absolute;
	margin-top: 120px;
	margin-left: 120px;
	z-index: 10;
	cursor: pointer;
}

.anos {
	margin-top: 0px !important;
}

.cor-legenda-azul-claro {
	color: #afd8f8;
	font-weight: 10;
}

.cor-legenda-marrom {
	color: #cb4b4b;
	font-weight: 10;
}

.cor-legenda-verde {
	color: #4da74d;
	font-weight: 10;
}

.cor-legenda-roxo {
	color:#9440ed;
	font-weight: 10;
}

.cor-legenda-amarelo {
	color:#edc240;
	font-weight: 10;
}

.cor-legenda-vermelho {
	color: #f35a5a;
	font-weight: 10;
}
.cor-legenda-bege {
	color: rgb(189,155,51);
	font-weight: 10;
}


