/* Geral */
.candidatos .title,
.candidato-dados .title,
.candidato-bio .title,
.candidato-bens .title,
.candidato-vice .title,
.candidato-vice-bens .title {
	display: block;
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0 0 6px 0;
	font: 36px 'folhaii-heavy';
	line-height: 1.11;
	color: #00adef;
	border-bottom: 1px solid #00adef;
}
.candidatos .title {
	text-transform: lowercase;
}

.candidatos header nav {
	padding: 0;
	margin: 0;
}
.candidatos header nav ul {
	width: 100%;
	height: 54px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.candidatos header nav ul li {
	display: block;
	float: left;
	list-style: none;
	width: 33.33%;
	height: 100%;
	margin: 0;
	padding: 15px 0;
	font: 16px 'Roboto-medium';
	text-align: center;
	color: #333;
	border-bottom: 1px solid #dedede;
	cursor: pointer;
}
.candidatos header nav ul li.active {
	color: #00adef;
	padding: 15px 0 14px 0;
	border-bottom: 2px solid #00adef;
	cursor: default;
}

.candidatos .ad-1,
.candidatos .ad-2 {
	background-color: #fafafa;
	margin: 0 0 40px 0;
	padding: 4px 0 20px 0;
}
.candidatos .ad-1 {
	margin-top: 30px;
}
.candidatos .advertising,
.candidatos .advertising .label {
	background-color: transparent;
	margin-top: 0;
}

/* Filtros */
form.candidatos-filter {
	width: 100%;
	display: block;
	background-color: #fafafa;
	padding: 10px 20px;
}
form.candidatos-filter input[type=text],
form.candidatos-filter select {
	display: inline-block;
	padding: 5px 10px;
	font: 15px 'Roboto';
	line-height: 18px;
	color: #8a9493;
	border-radius: 3px;
	background-color: #fff;
	border: solid 1px #dedede;
	margin: 0 0.5%;
}
form.candidatos-filter select {
	padding: 0 10px;
	height: 30px;
}
form.candidatos-filter select option {
	display: block;
	font: 15px 'Roboto';
	line-height: 18px;
	color: #8a9493;
	background-color: #fff;
	padding: 3px 10px;
}
form.candidatos-filter select option[disabled] {
	color: #ccc;
}
form.candidatos-filter input[name=nome] {
	width: 20%;
}
form.candidatos-filter input[name=numero],
form.candidatos-filter select[name=partido] {
	width: 10%;
}
form.candidatos-filter select[name=estado] {
	width: 23%;
}
form.candidatos-filter select[name=municipio] {
	width: 30%;
}

/* Candidatos */
.content-candidatos {
	margin-top: 30px;
}
.content-candidatos:after {
	content: '';
	width: 100%;
	display: block;
	clear: both;
}

/* Prefeitos SP */
.content-prefeitos-sp .candidato {
	float: left;
	display: block;
	width: 22%;
	text-align: center;
	margin: 0 1.5% 16px 1.5%;
}
.content-prefeitos-sp .candidato a {
	display: block;
	width: 100%;
	max-width: 170px;
	margin: 0 auto;
	padding: 0 0 10px 0;
	text-decoration: none;
	border-bottom: 1px solid #dedede;
}
.content-prefeitos-sp .candidato img {
	display: block;
	width: 100%;
	max-width: 170px;
	height: auto;
	margin: 0 auto;
}
.content-prefeitos-sp .candidato h4 {
	width: 100%;
	height: 40px;
	font: 14px 'Roboto-medium';
	color: #333;
	padding: 0;
	margin: 10px 0 0 0;
}
.content-prefeitos-sp .candidato p {
	width: 100%;
	height: 16px;
	font: 12px 'Roboto-medium';
	color: #8a9493;
	margin: 0;
	padding: 0;
}

/* Prefeitos e Vereadores */
.content-prefeitos table,
.content-vereadores table {
	width: 100%;
}
.content-prefeitos thead,
.content-vereadores thead {
	color: #01579b;
	border-bottom: 1px solid #01579b;
}
.content-prefeitos th,
.content-vereadores th {
	text-align: left;
	padding-bottom: 10px;
}
.content-prefeitos th.foto,
.content-vereadores th.foto {
	width: 20%;
}
.content-prefeitos th.nome,
.content-vereadores th.nome {
	width: 40%;
}
.content-prefeitos th.partido,
.content-vereadores th.partido {
	width: 15%;
}
.content-prefeitos th.numero,
.content-vereadores th.numero {
	width: 15%;
}
.content-prefeitos td,
.content-vereadores td {
	padding: 10px 0;
	border-bottom: 1px solid #dedede;
}
.content-prefeitos a,
.content-vereadores a {
	display: table-cell;
	width: 100%;
	height: 100%;
	text-decoration: none;
}
.content-prefeitos img,
.content-vereadores img {
	width: auto;
	height: 85px;
	margin: 0;
	padding: 0;
}
.content-prefeitos h4,
.content-vereadores h4 {
	width: 100%;
	font: 14px 'Roboto-medium';
	color: #333;
	padding: 0;
	margin: 0;
}
.content-prefeitos p,
.content-vereadores p {
	width: 100%;
	font: 12px 'Roboto-medium';
	color: #8a9493;
	margin: 0;
	padding: 0;
}
.content-prefeitos span,
.content-vereadores span {
	width: 100%;
	font: 12px 'Roboto-medium';
	color: #8a9493;
}

/* Paginação */
.paginacao {
	width: 100%;
	margin: 40px 0;
	padding: 0;
}
.paginacao nav {
	width: 100%;
	margin: 0;
	padding: 0;
}
.paginacao nav ul {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	font-size: 0;
}
.paginacao nav ul li {
	display: inline-block;
	width: 40px;
	height: 40px;
	list-style: none;
	margin: 0 4px;
	padding: 0;
	overflow: hidden;
}
.paginacao nav ul li a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	border-radius: 3px;
	border: 1px solid #01579b;
	color: #01579b;
	font: 16px 'Roboto';
	line-height: 40px;
	text-align: center;
}
.paginacao nav ul li.page a.active {
/*.paginacao nav ul li.page a:hover {*/
	background-color: #01579b;
	color: #fff;
	cursor: default;
}
.paginacao nav ul li.prev a,
.paginacao nav ul li.next a {
	border: none;
	font-size: 0;
}
.paginacao nav ul li.prev a {
	background: url('//f.i.uol.com.br/folha/especial/2016/eleicoes/svg/pagination_prev.svg') center center no-repeat;
}
.paginacao nav ul li.next a {
	background: url('//f.i.uol.com.br/folha/especial/2016/eleicoes/svg/pagination_next.svg') center center no-repeat;
}

/* Candidato */
.candidato-bio.hide #ad-300x250-1,
.candidato-bio.hide #banner-300x250-1,
.candidato-bens.hide #ad-300x250-2 {
	display: none;
}
.candidato-dados,
.candidato-bio,
.candidato-bens,
.candidato-vice-dados,
.candidato-vice-bens {
	margin-bottom: 50px;
}

.candidato-dados img,
.candidato-vice-dados img {
	width: 140px;
	height: 185px;
	display: block;
	margin: 10px 0 0 0;
}
.candidato-dados h3,
.candidato-vice-dados h3 {
	width: 100%;
	margin: 4px 0 30px 0;
	padding: 0;
	font: 18px 'Roboto-medium';
	color: #333;
	text-transform: uppercase;
}
.candidato-dados label,
.candidato-vice-dados label {
	margin: 0 0 0px 0;
	padding: 0;
	font: 12px 'Roboto';
	color: #a5a5a5;
	text-transform: uppercase;
}
.candidato-dados p,
.candidato-vice-dados p {
	font: 15px 'Roboto-medium';
	color: #333;
	margin: 0 0 20px 0;
	padding: 0;
	word-break: break-word;
}

.page-candidato button {
	width: 140px;
	height: 44px;
	line-height: 44px;
	border-radius: 3px;
	border: solid 1px #00adef;
	color: #00adef;
	background-color: #fff;
	font: 15px 'Roboto-medium';
	text-align: center;
}
/*.page-candidato button:hover {
	background-color: #00adef;
	color: #fff;
}*/
.page-candidato button.button {
	display: block;
	margin: 10px 0;
}
.page-candidato  button.toggle {
	width: 100%;
}

.page-candidato button span {
	width: 13px;
	height: 8px;
	display: inline-block;
	margin: 0 0 0 10px;
	padding: 0;
}
.page-candidato button span.icon-down {
	background: url('//f.i.uol.com.br/folha/especial/2016/eleicoes/svg/arrow_bottom_blue.svg') center center no-repeat;
}
.page-candidato button span.icon-up {
	background: url('//f.i.uol.com.br/folha/especial/2016/eleicoes/svg/arrow_top_blue.svg') center center no-repeat;
}

.candidato-bio p {
	font: 16px 'Roboto';
	color: #333;
	margin: 20px 0;
	padding: 0;
}

.candidato-bio img {
	width: 100%;
	height: auto;
	display: block;
}

.candidato-bio .toggle-bio {
	margin: 0;
	padding: 0;
	border-bottom: solid 1px #dedede;
}
.candidato-bio .toggle-bio header {
	font: 16px 'Roboto-medium';
	color: #01579b;
	margin: 20px 10px 20px 0;
	padding: 0;
	cursor: pointer;
	background: url('//f.i.uol.com.br/folha/especial/2016/eleicoes/svg/arrow_top_darkblue.svg') right center no-repeat;
}
.candidato-bio .toggle-bio p {
	margin-top: 0;
	padding-left: 20px;
}
.candidato-bio .toggle-bio.close header {
	color: #333;
	background: url('//f.i.uol.com.br/folha/especial/2016/eleicoes/svg/arrow_bottom.svg') right center no-repeat;
}
.candidato-bio .toggle-bio.close p {
	display: none;
}

.candidato-bens table,
.candidato-vice-bens table {
	width: 100%;
	font-family: 'Roboto';
}
.candidato-bens thead,
.candidato-vice-bens thead {
	color: #01579b;
	border-bottom: 1px solid #01579b;
	font-size: 16px;
}
.candidato-bens th,
.candidato-vice-bens th {
	text-align: left;
	padding-bottom: 10px;
}
.candidato-bens th.tipo,
.candidato-vice-bens th.tipo {
	width: 40%;
}
.candidato-bens th.descricao,
.candidato-vice-bens th.descricao {
	width: 40%;
}
.candidato-bens th.valor,
.candidato-vice-bens th.valor {
	width: 20%;
}
.candidato-bens tbody,
.candidato-vice-bens tbody {
	font-size: 15px;
}
.candidato-bens tr,
.candidato-vice-bens tr {
	width: 100%;
}
.candidato-bens tbody span,
.candidato-vice-bens tbody span {
	font-family: 'Roboto-medium';
}
.candidato-bens tbody label,
.candidato-vice-bens tbody label {
	display: block;
	color: #01579b;
	font-size: 12px;
	text-transform: uppercase;
}
.candidato-bens tbody p,
.candidato-vice-bens tbody p {
	margin: 0;
	padding: 0;
}
.candidato-bens tbody td,
.candidato-vice-bens tbody td {
	padding: 10px 0;
	border-bottom: 1px solid #dedede;
}
.candidato-bens .valor,
.candidato-vice-bens .valor {
	text-align: right;
}
.candidato-bens .total,
.candidato-vice-bens .total {
	font-family: 'Roboto-medium';
	font-size: 16px;
	color: #01579b;
	margin: 0;
	padding: 10px 0;
	text-transform: uppercase;
	text-align: right;
}

@media (max-width: 991px) {
	.candidatos .title,
	.candidato-dados .title,
	.candidato-bio .title,
	.candidato-bens .title,
	.candidato-vice .title,
	.candidato-vice-bens .title {
		font-size: 28px;
	}

	form.candidatos-filter input[name=nome],
	form.candidatos-filter select[name=municipio] {
		width: 24%;
	}
	form.candidatos-filter select[name=partido],
	form.candidatos-filter input[name=numero],
	form.candidatos-filter select[name=estado] {
		width: 14.5%;
	}

	.candidato-dados,
	.candidato-bio,
	.candidato-bens,
	.candidato-vice-dados,
	.candidato-vice-bens {
		margin-bottom: 40px;
	}
	.candidato-dados img,
	.candidato-vice-dados img {
		margin: 0 auto;
	}
	.page-candidato button.button {
		margin: 10px auto;
	}
	.candidato-dados h3,
	.candidato-vice-dados h3 {
		margin: 20px 0;
	}

	.candidato-bens tbody tr,
	.candidato-vice-bens tbody tr {
		display: block;
		padding: 10px 0;
		border-bottom: 1px solid #dedede;
	}
	.candidato-bens tbody tr:first-child,
	.candidato-vice-bens tbody tr:first-child {
		padding-top: 0;
	}
	.candidato-bens tbody td,
	.candidato-vice-bens tbody td {
		display: block;
		width: 100%;
		border: none;
		padding: 5px 0;
	}
	.candidato-bens .valor,
	.candidato-vice-bens .valor {
		text-align: left;
	}

	.candidato-bio .toggle-bio p {
		padding-left: 0;
	}

	.paginacao nav ul li {
		width: 30px;
		height: 30px;
	}
	.paginacao nav ul li a {
		line-height: 30px;
	}
}

@media (max-width: 767px) {
	.candidatos header nav ul li {
		font-size: 14px;
		width: 100%;
	}
	.content-prefeitos-sp .candidato {
		width: 28%;
		margin: 0 2.5% 16px 2.5%;
	}
}

@media (max-width: 639px) {
	form.candidatos-filter input[type=text],
	form.candidatos-filter select {
		margin-bottom: 10px;
	}
	form.candidatos-filter input[name=nome],
	form.candidatos-filter select[name=estado],
	form.candidatos-filter select[name=municipio] {
		width: 100%;
	}
	form.candidatos-filter select[name=partido] {
		width: 55%;
		margin-right: 0;
	}
	form.candidatos-filter input[name=numero] {
		width: 40%;
		float: right;
		margin-left: 0;
		margin-right: 0;
	}

	.content-candidatos {
		margin-top: 20px;
	}

	.content-prefeitos-sp .candidato {
		width: 44%;
		margin: 0 3% 16px 3%;
	}

	.content-prefeitos thead,
	.content-vereadores thead {
		display: none;
	}
	.content-prefeitos .candidato,
	.content-vereadores .candidato {
		content: '';
		width: 100%;
		display: block;
		clear: both;
		padding: 10px 0;
		border-bottom: 1px solid #dedede;
	}
	.content-prefeitos td,
	.content-vereadores td {
		padding: 0;
		border: none;
		display: block;
	}
	.content-prefeitos td:first-child,
	.content-vereadores td:first-child {
		float: left;
	}
	.content-prefeitos img,
	.content-vereadores img {
		margin: 0 15px 0 0;
	}
	.content-prefeitos h4,
	.content-vereadores h4,
	.content-prefeitos p,
	.content-vereadores p,
	.content-prefeitos span,
	.content-vereadores span {
		height: 28px;
		line-height: 28px;
	}
}