.grafico {border-top:1px dotted #ccc; border-bottom: 1px dotted #ccc; margin-bottom: 20px;  overflow: hidden;}
.grafico-topo {margin-bottom: 20px;  padding-top: 10px;}
.grafico-topo strong {font: 18px 'Gp1CondensedMedium', serif; color:#000; display: block;}
.grafico-topo span {font: 15px 'Gp1FranklinCondensedRegular', serif; color:#000; display: block;}

.grafico-bottom {margin-top: 20px; padding-bottom: 10px;}
.grafico-bottom span {/*font: 15px 'Gp1FranklinCondensedRegular', serif;*/ color:#000; display: block;}

/*horizantal*/
.pesquisa {padding: 0; list-style: none; margin: 0;}
.pesquisa li {margin-bottom: 17px;}
.pesquisa li .nome_pesq {font: 20px 'Georgia', serif; padding-bottom: 4px; display: block;}
.pesquisa li .quant_num {font: 16px 'Georgia', Serif; color:#000;position: absolute;}

.pesquisa li .barra {height: 21px;width:100%; background: transparent; vertical-align: middle;position: relative; border-radius: .25rem}
.pesquisa li .barra .barra-bar {background: #ED3237;height: 100%;float: left;margin-right: 4px; border-radius: .25rem 0 0 .25rem}
.pesquisa li .barra-cinza .barra-bar {background: #D2D3D5;}

.pesquisa li:hover .barra .barra-bar {background: #B73336;}
.pesquisa li:hover .barra-cinza .barra-bar {background: #96989A;}

.pesquisa li:hover .nome_pesq,
.pesquisa li:hover .quant_num {font-weight: 700; color:#000;}

/* Novo Graficos */
.grafico-vertical-2 {flex-direction: column}
.grafico-vertical-2 .barra {background: #f4f4f4; margin: 0 auto; height: 300px; flex: 0 0 40px; max-width: 40px}
.grafico-vertical-2 .barra .barra-bar {max-width: 100%; flex: 1 1 auto}
.grafico-vertical-2 .barra .barra-bar-bg {background: red}
.grafico-vertical-2 .total {font: 18px 'gp1franklincondenseddemibold', serif; display: block}
.grafico-vertical-2 .txt {font: 20px 'gp1serif-regular', serif; display: block; padding-top: 5px}
.grafico-vertical-2 .alinha-grafico {justify-content: space-evenly}

.grafico-horizontal-2 {margin-bottom: 40px}
.grafico-horizontal-2 .alinha-grafico {width: 100%; border-bottom: 1px solid #c1c3c4; position: relative}
.grafico-horizontal-2 .alinha-grafico:before {content: ""; width: 80%; height: 1px; background: white; position: absolute; right: 0; bottom: -1px}
.grafico-horizontal-2 .barra {background: transparent; width: 100%; border-left: 1px solid #c1c3c4; padding:10px 0; position: relative}
.grafico-horizontal-2 .barra:before {content: "";width: 1px;height: 90px;background: #c1c3c4;position: absolute;left: -1px;bottom: -18px;}
.grafico-horizontal-2 .barra .barra-bar {float: left; margin-right: 4px; height: 24px}
.grafico-horizontal-2 .txt { flex: 0 0 122px; padding-right: 10px; font: 16px 'gp1serif-regular', serif}
.grafico-horizontal-2 .txt span {color: #000; display: block; line-height: 1.2}
.grafico-horizontal-2 .total {font: 14px 'gp1franklincondenseddemibold', serif}

.grafico-ano-base .set {width: 20px; height: 20px}
.grafico-ano-base span {font: 14px 'gp1franklincondenseddemibold', serif; margin-top: 4px}

.grafico-horizontal-3 {display: flex; justify-content: center}
.grafico-horizontal-3 .alinha-grafico {margin-bottom: 1px; flex-direction: column-reverse; border-right: 1px solid #c1c3c4}
.grafico-horizontal-3 .alinha-grafico:last-child {border-right: 0}
.grafico-horizontal-3 .alinha-grafico .txt {text-align: center; width: 100%; padding: 10px; /*border-top: 1px solid red;*/ /*padding: 10px*/}
.grafico-horizontal-3 .alinha-grafico .txt span {font: 16px 'gp1serif-regular', serif}
.grafico-horizontal-3 .alinha-grafico .barra {position: relative; display: flex; align-items: end; height: 400px; border-bottom: 1px solid #c1c3c4; padding: 0 20px}
.grafico-horizontal-3 .alinha-grafico .barra:before {content: ""; width: 118%; height: 1px; background: #c1c3c4; position: absolute; bottom: -1px; left: -8px}
.grafico-horizontal-3 .alinha-grafico .barra .barra_box { width: 54px; height: 100%; display: flex; flex-direction: column-reverse; justify-content: end}
.grafico-horizontal-3 .alinha-grafico .barra .barra_box .total {text-align: center; font: 14px 'gp1franklincondenseddemibold', serif}



/* ***** Compartilhar mobile*/
.btn-compartilhar-box {text-align: center; display: none; }
.btn-compartilhar {background: #97200f; margin: 0 auto; display: inline-block; color: #fff; padding: 3px 8px; border-radius: 4px;}
.btn-compartilhar span {display: inline-block; vertical-align: middle; font:20px 'Gp1FranklinCondensedDemiBold', serif;}
.btn-compartilhar span:first-child { margin-right: 10px;}


/* ### MOBILE ### */
@media (max-width: 480px) {

	.btn-compartilhar-box {display: block;}

    .pesquisa li .pesquisa-col,
	.pesquisa li .pesquisa-col-2 {width: 74%;}
	.pesquisa li .pesquisa-col {width: 24%;}

    .pesquisa li .barra {width: 245px;}


	/* PESQUISAR VERTICAL */

    /*.pesquisa-vertical li {width: 8%;}*/
	/*.pesquisa-vertical li {width: calc(14% - 5px);}*/
	/*.pesquisa-vertical li .pesquisa-col {height: 35px;}*/
    /*.pesquisa-vertical li .nome_pesq {font: 0.6em 'Gp1Serif-Regular', serif;display: block;}*/

    /*.pesquisa-vertical li .barra {height: 280px; width:18px;}*/
	/*.pesquisa-vertical li .barra .barra-bar .porcento {margin-left: -7px; width: 35px;}*/



	/* PESQUISA COM FOTO */
    .pesquisa-img li .pesquisa-wrap .image-box {width: 140px;padding: 4px;}
    .pesquisa-img li:last-child {margin-top:7px;}

	.pesquisa-img li .pesquisa-wrap .image-box img {width: 45px;}
	.pesquisa-img li .pesquisa-wrap .image-box span {width: 75px;padding-right: 0; font-size: 14px;line-height: 1.2;}
	.pesquisa-img li:hover .pesquisa-wrap .image-box span {font: 14px 'Gp1Serif-Bold', serif;}

	.pesquisa-img li .pesquisa-wrap .barra {width: 130px;}
	/*.pesquisa-img li .pesquisa-wrap .barra .barra-bar .porcento .quant_num {margin-right: -42px;}*/


	.pesquisa-img li .pesquisa-wrap .coluna-1 {width: auto !important;}


	.grafico-vertical-2 .alinha-grafico {align-items: baseline !important}
	.grafico-vertical-2 .alinha-grafico .line {flex: 1 1; text-align: center}


	.grafico-horizontal-2 .alinha-grafico:before {width: 40%}


	.grafico-horizontal-2 .total {font-size: 15px}

	.grafico-ano-base span {font-size: 14px; margin-top: 4px}

}

@media (max-width: 320px) {
    /*.pesquisa li .pesquisa-col {width: 108px;}*/
    /*.pesquisa li .barra {width: 175px;}*/
}