.faqHeader {
	font-size: 23px;
	color: #0094d5
}

.panel-heading [data-toggle=collapse]:after {
	float: right;
	color: #fdc300;
	font-size: 18px;
	line-height: 22px
}

.panel-heading [data-toggle=collapse].collapsed:after {
	color: #454444
}

.accordion-toggle {
	color: #666;
	font-size: 14px
}

#contatos {
	text-align: center;
	margin-top: 18px
}

#login {
	margin: 40px auto;
	/*width: 1024px*/
}

.icone-login {
	font-size: 30px;
	margin-right: 10px
}

.card {
	border-radius: 8px
}

.btn-acesso {
	margin-top: 20px
}

#legenda {
	color: #666;
	font-size: 12px
}

#aceite-termos {
	color: #666;
	font-size: 12px;
	font-weight: 400;
}

.login-clean {
	background: #fbfbfb;
	padding: 40px 0
}

#promo, #promo .jumbotron, #promo-legislacao {
	padding: 40px
}

.login-clean form {
	max-width: 320px;
	width: 90%;
	margin: 0 auto;
	background-color: #fff;
	padding: 40px;
	border-radius: 4px;
	color: #505e6c;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, .1)
}

.login-clean .illustration {
	text-align: center;
	padding: 0 0 20px;
	font-size: 100px;
	color: #f4476b
}

.login-clean form .form-control {
	background: #f7f9fc;
	border: none;
	border-bottom: 1px solid #dfe7f1;
	border-radius: 0;
	box-shadow: none;
	outline: 0;
	color: inherit;
	text-indent: 8px;
	height: 42px
}

.login-clean form .btn-primary {
	background: #f4476b;
	border: none;
	border-radius: 4px;
	padding: 11px;
	box-shadow: none;
	margin-top: 26px;
	text-shadow: none;
	outline: 0 !important
}

.login-clean form .btn-primary:active, .login-clean form .btn-primary:hover
	{
	background: #eb3b60
}

.login-clean form .btn-primary:active {
	transform: translateY(1px)
}

.login-clean form .forgot {
	display: block;
	text-align: center;
	font-size: 12px;
	color: #6f7a85;
	opacity: .9;
	text-decoration: none
}

.login-clean form .forgot:active, .login-clean form .forgot:hover {
	opacity: 1;
	text-decoration: none
}

footer {
	background-color: #19459d;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .12);
	box-sizing: border-box;
	width: 100%;
	text-align: left;
	font: 700 16px sans-serif;
	padding: 55px 50px;
	margin-top: 40px;
	bottom: 0;
	color: #fff
}

.fa.footer-contacts-icon, .social-links a {
	background-color: #33383b;
	text-align: center
}

.footer-navigation h3 {
	margin: 0 0 20px;
	font: 400 36px Cookie, cursive;
	color: #fff
}

.footer-navigation h3 a {
	text-decoration: none;
	color: #fff
}

.footer-navigation h3 span {
	color: #5383d3
}

.footer-navigation p.links a {
	color: #fff;
	text-decoration: none
}

.footer-navigation p.company-name {
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	margin-top: 20px
}

@media ( max-width :767px) {
	.footer-contacts {
		margin: 30px 0
	}
}

.footer-contacts p {
	display: inline-block;
	color: #fff;
	vertical-align: middle
}

.footer-contacts p a {
	color: #5383d3;
	text-decoration: none
}

.fa.footer-contacts-icon {
	color: #fff;
	font-size: 18px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	line-height: 38px;
	margin: 10px 15px 10px 0
}

span.new-line-span {
	display: block;
	font-weight: 400;
	font-size: 14px;
	line-height: 2
}

.footer-about h4 {
	display: block;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 20px
}

.footer-about p {
	line-height: 15px;
	color: #fff;
	font-size: 11px;
	font-weight: 400;
	margin: 0
}

div.social-links {
	margin-top: 20px;
	color: #fff
}

.social-links a {
	display: inline-block;
	width: 35px;
	height: 35px;
	cursor: pointer;
	border-radius: 2px;
	font-size: 20px;
	color: #fff;
	line-height: 35px;
	margin-right: 5px;
	margin-bottom: 5px
}

#acoes, .campo-senha, .descritivo {
	text-align: left
}

#top-bar {
	height: 10px;
	background-color: #0093d9;
	text-align: center
}

.brasao-prefeitura {
	max-width: 120px;
	margin-top: 20px
}

.brasao-footer {
	margin-bottom: 20px;
	margin-right: 40px;
	max-width: 180px
}

.icone-user {
	margin-right: 6px
}

.descritivo {
	color: #888
}

#acoes {
	margin-bottom: 10px;
	margin-top: 10px
}

.acoes-primarias {
	text-align: right
}

.acoes-secundarias, .col-md-6.item-passo {
	text-align: left
}

#acoes-primarias {
	float: left
}

#acoes-secundarias {
	float: right
}

#como-funciona h1 {
	margin-bottom: 40px;
	margin-top: 20px
}

.jumbotron.titulo {
	max-width: 1024px;
	margin: 0 auto;
	padding: 30px;
}

#main, .h4, h4 {
	margin-top: 20px
}

#main {
	max-width: 1024px
}

#lista-legislacao p {
	color: #666;
	font-size: 12px
}

#lista-legislacao a {
	font-size: 14px;
	text-align: left
}

.h4, h4 {
	font-weight: 700;
	font-size: 26px;
	margin-bottom: 20px
}

.lista-legislacao p {
	font-size: 12px;
	color: #666
}

.lista-legislacao a {
	font-size: 14px
}

body {
	font-family: 'Open Sans'
}

#promo {
	text-align: center;
	background: url(../paginas/assets/img/bannerInicial.jpg);
	background-size: cover
}

#promo .jumbotron {
	border-radius: 20px;
	background: rgba(255, 255, 255, .75);
	max-width: 960px;
	margin: 0 auto
}

#como-funciona, .dark-section {
	background-color: #eee
}

#navegacao-principal {
	background-color: rgba(255, 255, 255, .8);
	border-bottom: solid 2px #4b6caf
}

.navbar-light .navbar-brand {
	background-image: url(../../assets/img/logoPortal.png);
	width: 200px;
	height: 55px;
	background-position: center;
	background-size: 80%;
	background-repeat: no-repeat
}

.logo-footer {
	max-width: 150px;
	margin-bottom: 3px
}

.footer-icon {
	font-size: 30px;
	color: #abb8d2;
	float: left;
	margin-right: 10px;
	margin-bottom: 34px
}

.titulo-footer, .titulo-footer-contato {
	font-style: italic;
	font-size: 11PX;
	font-weight: bolder
}

.titulo-footer {
	color: #fff
}

.titulo-footer-contato {
	color: #abb8d2;
	margin-top: 20px;
	text-transform: capitalize;
	width: 160PX
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active,
	.navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link
	{
	border-bottom: solid 2px #19459d
}

@media ( max-width :576px) {
	#promo .jumbotron {
		padding: 20px
	}
}

@media ( max-width :768px) {
	#promo {
		padding: 20px
	}
}

.section-servicos {
	text-align: center;
	padding: 40px 0
}

.section-servicos h1 {
	font-weight: bolder;
	margin-bottom: 30px
}

#bem-vindo p {
	max-width: 960px;
	font-size: 20px;
	margin: 0 auto
}

#bem-vindo .item i {
	font-size: 40px
}

#bem-vindo .item h4 {
	font-weight: 600;
	color: #19459d
}

.condicao, .item-passo p {
	color: #666
}

#bem-vindo .item {
	margin-top: 30px
}

.passo {
	border-radius: 10px
}

.btn-acessar {
	margin-top: 10px
}

#beneficios {
	border-radius: 20px;
	text-align: left
}

#como-funciona, .endereco {
	text-align: center
}

.icone-beneficios {
	font-size: 40px;
	margin-right: 10px
}

#como-funciona {
	padding: 30px
}

.condicao {
	font-size: 14px
}

.btn-calcular {
	margin-bottom: 10px
}

.btn-botoes {
	font-size: 15px;
	margin-right: 6px
}

#tabela-dados td, #tabela-dados th {
	font-size: smaller;
	vertical-align: middle
}

.pesquisar-cep {
	padding: 0 5px
}

.btn-adicionar {
	margin-top: 30px
}

.no-result, .results tr[visible=false] {
	display: none
}

.counter {
	padding: 8px;
	color: #ccc
}

#tabela-dados td, .alinha-esquerda {
	text-align: left
}

.selecao {
	text-align: center;
	width: 30px
}

.alinha-direita {
	text-align: right !important
}

.totalizador {
	font-weight: 700
}

#navegacao-lateral {
	font-size: 9px;
	padding: 6px 0;
	text-align: center;
}

.icone-menu {
	font-size: 30px;
	color: #555;
}

.titulo-principal {
	font-size: 2em;
}

.dashboard-move-panel {
	font-size: 13px;
}

#ppi {
    margin-bottom: 60px;
    border: 2px solid #19459d;
    border-radius: 10px;
    padding-bottom: 40px;
}

h1.titulo-ppi {
    color: #19459d;
    font-size: 29px;

}

.col-md-6.item.acesso {
    border-right: 2px solid #e7e7e7;
}

label.acesso {
    font-weight: bold;
    float: left;
}

p.explicacao {
    color: #0e0e0e;
    line-height: normal;
    text-align: center;
    font-size: 18px !important;
}

.row.acesso-parcelado {
    margin-top: 42px;
}

.row.divisoria {
    border-top: 2px solid #e7e7e7;
    margin-top: 20px;
}

.cadastroAcesso
{
	font-size: .850rem;
}