.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: 20px 'Gp1headlinebold', serif; color:#000; display: block; line-height: 1.2}
.grafico-topo span {font: 15px 'Gp1FranklinCondensedRegular', serif; color:#000; display: block; margin-top: 5px}


.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: 10px;}
.pesquisa li .pesquisa-col,
.pesquisa li .pesquisa-col-2 {display: inline-block;vertical-align: middle;}
.pesquisa li .pesquisa-col {width: 115px}
.pesquisa li .nome_pesq {font: 18px 'Gp1Serif-Regular', serif; text-align: left; display: block;}
.pesquisa li .quant_num {font: 18px 'Gp1FranklinCondensedDemiBold', serif;color:#000;position: absolute;}

.pesquisa li .barra {height: 18px;width:610px;vertical-align: middle;position: relative;}
.pesquisa li .barra .barra-bar {background: red;height: 100%;float: left;margin-right: 4px;}
.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 {font: 18px 'Gp1Serif-Bold', serif;}
.pesquisa li:hover .quant_num {font: 18px 'Gp1FranklinCondensedDemiBold', serif; color:#000;}

/*vertical*/
.pesquisa-vertical {padding: 0; list-style: none; text-align: center; margin: 40px 0 10px; display: flex}
.pesquisa-vertical li {margin: 0 5px; text-align: center;  flex: 1 0 1rem}
.pesquisa-vertical li .pesquisa-col,
.pesquisa-vertical li .pesquisa-col-2 { display:inline-block; vertical-align: middle;}
.pesquisa-vertical li .pesquisa-col {display: block; /*height: 65px;*/}
.pesquisa-vertical li .nome_pesq {font: 18px 'Gp1Serif-Regular', serif; display: block;}
.pesquisa-vertical li .quant_num {font: 15px 'Gp1FranklinCondensedDemiBold', serif; color:#000; text-align: center;}

.pesquisa-vertical li .quant_num {margin-left: -8px}

/*.pesquisa-vertical li .barra {height: 300px; width:18px; vertical-align: bottom; position: relative;}*/
.pesquisa-vertical li .barra {height: 300px; width:35px; vertical-align: bottom; position: relative;}
.pesquisa-vertical li .barra .barra-bar {background: #ED3237; width: 100%; display: block; position: absolute; bottom: 0;}
.pesquisa-vertical li .barra-cinza .barra-bar {background: #D2D3D5;}
/*.pesquisa-vertical li .barra .barra-bar .porcento { margin-top: -27px; width: 35px; margin-left: -9px;}*/
.pesquisa-vertical li .barra .barra-bar .porcento {margin-top: -28px;width: 42px;display: block;}

.pesquisa-vertical li:hover .barra .barra-bar {background: #B73336;}
.pesquisa-vertical li:hover .barra-cinza .barra-bar {background: #96989A;}
.pesquisa-vertical li:hover .nome_pesq {font: 18px 'Gp1Serif-Bold', serif;}
.pesquisa-vertical li:hover .quant_num {font: 18px 'Gp1FranklinCondensedDemiBold', serif; color:#000;}

/* #### Pesquisa Imagem */
.pesquisa-img {padding: 0; margin:0; list-style: none}
.pesquisa-img li {transition: 1s}
.pesquisa-img li .pesquisa-wrap {display: flex; flex-wrap: nowrap; align-items: center}
.pesquisa-img li .pesquisa-wrap .coluna-1 {align-items: center}
.pesquisa-img li .pesquisa-wrap .coluna-1:nth-child(1) {width: auto !important; background: transparent}
.pesquisa-img li .pesquisa-wrap .coluna-1:nth-child(2) {flex: 1}

.pesquisa-img li .pesquisa-wrap .image-box {display: flex; justify-content: space-between; align-items: center; width: 200px; border-bottom: 1px solid #C1C3C4; border-right: 1px solid #C1C3C4; padding: 4px 4px 4px 0; position: relative;}
.pesquisa-img li .pesquisa-wrap .image-box div:nth-child(1) {border: 1px solid #fff; width: 62px; height: 62px; background:#fff url("../images/bg_pesquisa.jpg") no-repeat; border-radius: 100%}
.pesquisa-img li .pesquisa-wrap .image-box div:nth-child(2) {flex: 1}
.pesquisa-img li .pesquisa-wrap .image-box span {font: 16px 'Gp1Serif-Regular', serif; text-align: left; display: block; padding-left: 6px; /*padding-right: 8px;*/ line-height: 1.2; transition: 1s;}
/*.pesquisa-img li .pesquisa-wrap .image-box span {width: 95px; font: 18px 'Gp1Serif-Regular', serif; display: block; !*padding-right: 8px;*! line-height: 1.2; transition: 1s;}*/
.pesquisa-img li .pesquisa-wrap .image-box img {background: #fff; display: inline-block; vertical-align: top; border-radius: 100%;}
.pesquisa-img li .pesquisa-wrap .image-box:before {content: ""; width: 60px; height: 1px; background: #C1C3C4; position: absolute; bottom: -1px; right: -61px;}
.pesquisa-img li .pesquisa-wrap .image-box:after {content: ""; height: 10px; width: 1px; background: #C1C3C4; position: absolute; bottom: -10px; right: -1px;}


.pesquisa-img li .pesquisa-wrap .barra {width: 610px; height: 42px; position: relative;}
.pesquisa-img li .pesquisa-wrap .barra .barra-bar {background: #B20000; height: 100%; position: absolute;}
.pesquisa-img li .pesquisa-wrap .barra .barra-bar .porcento {position: relative; height: 100%;}
.pesquisa-img li .pesquisa-wrap .barra .barra-bar .porcento .quant_num {margin-right: -53px;font: 18px 'Gp1FranklinCondensedDemiBold', serif;color:#000;float: right;width: 46px;margin-top: 10px;}

/* Barra cinza*/
.pesquisa-img li .nulo .image-box div:first-child {display: none;}
.pesquisa-img li .nulo .image-box div:last-child {width: 100%}
.pesquisa-img li .nulo .image-box span {width: auto; display: block; text-align: center; padding: 20px 0;}
.pesquisa-img li .pesquisa-wrap .barra-cinza .barra-bar {background: #A7B8C6;}

/* PARTE INFERIOR LISTA */
.pesquisa-img li:last-child .pesquisa-wrap .image-box {border-bottom: 0;}
.pesquisa-img li:last-child .pesquisa-wrap .image-box:before {display: none;}

/* Hover */
.pesquisa-img li:hover .pesquisa-wrap .barra .barra-bar {background: #760000;}
.pesquisa-img li:hover .pesquisa-wrap .barra-cinza .barra-bar {background: #7d8d9a;}



/* #### NOVO GRAFICO #### */
.graphic_institute {font-family: "Noto Serif", serif; background: transparent; position: relative}
.graphic_institute .grafico-topo strong {font: 600 20px "Noto Serif", serif}
.graphic_institute .grafico-bottom span {color:#525252; font: 400 12px "Noto Serif", serif}
.graphic_institute .graphic_institute_img {margin: 0; padding: 0; width: 396px}
.graphic_institute .graphic_institute_img li {margin-bottom: 8px}
.graphic_institute .graphic_institute_img li .pesquisa-wrap {
	display: flex;
	align-items: center;
}
.graphic_institute .graphic_institute_img li .pesquisa-wrap .box_1 {
	position: relative;
}
.graphic_institute .graphic_institute_img li .pesquisa-wrap .box_1 i {
	border-radius: 100%;
	margin-right: 10px;
	display: inline-block;
}
.graphic_institute .graphic_institute_img li .pesquisa-wrap .box_1 img {
	border-radius: 100%;
}

.graphic_institute .graphic_institute_img li .pesquisa-wrap .box_2 {
	flex: 1;
}
.graphic_institute .graphic_institute_img li .pesquisa-wrap .box_2 div span {
	font-family: "Noto Serif", serif;
	font-size: 17px;
	display: block;
	/*line-height: 1.2;*/
	margin-bottom: 2px;
}

.graphic_institute .graphic_institute_img li .pesquisa-wrap .box_2 .barra {
	display: flex;
	align-items: center;
}
.graphic_institute .graphic_institute_img li .pesquisa-wrap .box_2 .barra-bar {
	background: #0054ce;
	height: 18px;
}

.graphic_institute .graphic_institute_img li .pesquisa-wrap .box_2 .porcento {
	margin-left: 5px;
}
.graphic_institute .graphic_institute_img li .pesquisa-wrap .box_2 .porcento .quant_num {
	color: #000;
	font-family: "Noto Serif", serif;
	font-size: 15px;
	margin-bottom: 0;
	line-height: 1;
}
.graphic_institute .graphic_institute_img li .pesquisa-wrap .img-default_off img {
	filter: opacity(0.5);
}

.graphic_institute .graphic_institute_img li .pesquisa-wrap .box_2 .barra-cinza .barra-bar {
	background: #A0A0A0 !important;
}

.graphic_institute .graphic_institute_img li .null-vote .box_1 div {
	width: 60px;
	height: 60px;
	border: 1px solid #A0A0A0;
	border-radius: 100%;
	margin-right: 10px;
	background: url("../../poll/images/null-vote.png");
}


/* #### NOVO GRAFICO comparativo #### */
.graphic_comparative .graphic_institute_img li {
	margin-bottom: 28px;
}
.graphic_comparative .graphic_institute_img li .pesquisa-wrap .box_1 img {
	width: 70px;
}

.graphic_comparative .graphic_institute_img li .pesquisa-wrap .box_2 .barra {
	margin-bottom: 3px;
}
.graphic_comparative .graphic_institute_img li .pesquisa-wrap .box_2 .barra-bar {
	height: 9px;
}

/*.graphic_comparative .graphic_institute_img li .pesquisa-wrap .box_2 .porcento {
	background: yellow;
}*/
.graphic_institute .graphic_institute_img li .pesquisa-wrap .box_2 div span {
	font-size: 15px
}
.graphic_comparative .graphic_institute_img li .pesquisa-wrap .box_2 .porcento .quant_num {
	display: block;
	font-size: 12px;
	margin-bottom: 0;
}

.graphic_comparative .cenarios {
	margin-bottom: 20px;
}
.graphic_comparative .cenarios div {
	display: flex;
	align-items: center;
	margin-right: 20px;
}
.graphic_comparative .cenarios .set {
	margin-right: 5px;
	width: 15px;
	height: 15px;
	background: #0054ce;
	border-radius: 50%;
	flex: 0 0 15px;
}

/* #### FIM #### */



/* antigos html -- */

/* antigos 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; margin-bottom: 6px}
.grafico-horizontal-3 .alinha-grafico .barra .barra-bar {border-radius: 3px 3px 0 0}


/* ***** 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: 182px;}

	.pesquisa li .pesquisa-col {width: 23%}
	.pesquisa li .nome_pesq {font-size: 15px}

	.pesquisa li .quant_num {font-size: 15px !important;}


	/* PESQUISAR VERTICAL */
	.pesquisa-vertical {justify-content: space-between}
	.pesquisa-vertical li {margin: 0 !important;}
	.pesquisa-vertical li .nome_pesq {font-size: 11px}

	.pesquisa-vertical li .quant_num {font-size: 12px}

	.pesquisa-vertical li:hover .quant_num,
	.pesquisa-vertical li:hover .nome_pesq {font-size: 14px}


	/* 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: 13px; padding-left: 6px; 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 .image-box div:nth-child(1) {background-size: 100% 100%}

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

	.pesquisa-img li .pesquisa-wrap .barra .barra-bar .porcento .quant_num {font-size: 15px; margin-top: 13px;}

	.pesquisa-img li .pesquisa-wrap .image-box div:nth-child(1) {width: 45px; height: 45px}


	.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}

	.grafico-horizontal-3 .alinha-grafico .barra {padding: 0 17px}

	/* ### GRAICO COMPARATIVO ### */
	/*	.grafico-topo {*/
	/*		font-size: 13px;*/
	/*	}*/
	/*	.grafico-topo strong {*/
	/*		font-size: 14px;*/
	/*	}*/
		.graphic_institute .grafico-topo {
			font-size: 10px;
			margin-bottom: 13px;
			margin-left: 4px;
		}
		.graphic_institute .grafico-topo strong {
			font: 600 14px "Noto Serif", serif;
		}

		.graphic_comparative .grafico-topo {
			font-size: 13px;
		}
		.graphic_comparative .grafico-topo strong {
			font: 600 13px "Noto Serif", serif;
		}


		.graphic_institute .graphic_institute_img {
			width: auto;
		}
		.graphic_institute .graphic_institute_img li {
			margin-bottom: 6px;
		}
		.graphic_institute .graphic_institute_img li .pesquisa-wrap .box_1 {
			width: 58px;
		}
		.graphic_institute .graphic_institute_img li .pesquisa-wrap .box_1 img {
			width: 48px;
		}
		.graphic_institute .graphic_institute_img li .pesquisa-wrap .box_2 .barra-bar {
			height: 9px;
		}
		.graphic_institute .graphic_institute_img li .pesquisa-wrap .box_2 div span {
			font-size: 13px;
			font-family: "Noto Serif", serif;
		}
		.graphic_institute .graphic_institute_img li .pesquisa-wrap .box_2 .porcento .quant_num {
			font-size: 13px;
		}

		.graphic_institute .graphic_institute_img li .null-vote .box_1 div {
			width: 48px;
			height: 48px;
			background-size: 100% 100%;
		}


		/* ---------  */

		.graphic_comparative .graphic_institute_img li {
			margin-bottom: 15px;
		}
		.graphic_comparative .graphic_institute_img li .pesquisa-wrap .box_2 .barra {
			/*margin-bottom: -1px;*/
			margin-bottom: 0;
		}
		/*.graphic_comparative .graphic_institute_img li .pesquisa-wrap {*/
		/*	align-items: end;*/
		/*}*/
		.graphic_comparative .cenarios {
			margin-top: -12px;
		}
		.graphic_comparative .cenarios div {
			margin-right: 17px;
			font-size: 11px;
		}

		.graphic_comparative .cenarios .set {
			flex: 0 0 11px;
			height: 11px;
		}



		.graphic_institute .graphic_institute_img li .pesquisa-wrap .box_2 div span {
			font-size: 12px;
			margin-bottom: 0;
		}
		.graphic_comparative .graphic_institute_img li .pesquisa-wrap .box_2 div span {
			/*line-height: 1;*/
			margin-bottom: 2px;
		}
		.graphic_comparative .graphic_institute_img li .pesquisa-wrap .box_2 .porcento .quant_num {
			font-size: 10px;
		}

		.graphic_comparative .graphic_institute_img li .pesquisa-wrap .box_2 .barra-bar {
			height: 6px;
		}


		.grafico-bottom span {
			font-size: 11px;
		}


}

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


	.grafico-horizontal-3 .alinha-grafico .barra .barra_box {width: 34px}
	.grafico-horizontal-3 .alinha-grafico .barra {padding: 0 10px}
}