body {
	margin: 0;
}

#npConteudo {
	float: left;
	width: 96%;
	box-sizing: border-box;
}

#npConteudo .cabecalho {
/* 	display: block; */
	display: none;
	width: 40%;
	width: 100% \9;
	min-height: 50px;
	padding: 5px 5px 5px 5px;
	font-size: 0.85em;
	line-height: 1.2em;
	text-decoration: none;
	text-align: center;
	background-image:
		url('https://www.al.sp.gov.br/_img/brasao_cabecalho.png');
	background-position: 0% 0%;
	background-size: contain;
	background-repeat: no-repeat;
	color: #333333;
	margin: 10px auto;
	box-sizing: border-box;
}

#npConteudo .cabecalho:hover {
	color: #333333;
	text-decoration: none;
}

#npConteudo div.quadro_compartilhe {
	margin-bottom: 20px;
}

#npConteudo div.quadro_compartilhe * {
	font-size: 0.777rem;
}

#npConteudo h3 {
	display: inline-block;
	margin: 5px 0.5% 0px 0.5%;
	padding: 10px;
	font-size: 0.9em;
	font-weight: 400;
	text-transform: none;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-right: 2px solid #999999;
	background-color: #EEEEEE;
}

#npConteudo h3.norma {
	color: #000055;
}

#npConteudo h3.propositura {
	color: #000055;
}

#npConteudo h3 strong {
	font-weight: bold;
}

/* Quadro com os dados da Lei */
#quadro {
	float: left;
	width: 98%;
	margin: -1px 0.5% 200px 0.5%;
	padding: 5px 5px 15px 5px;
	background-color: #EEEEEE;
	border-right: 2px solid #999999;
	border-top-right-radius: 5px;
	border-bottom: 2px solid #999999;
}

/* Link para cada subitem do quadro */
#quadro h4 {
	display: inline-block;
	width: 99%;
	margin: 5px 0.5% 0px 0.5%;
	padding: 3px 5px;
	font-size: 0.85rem;
	font-weight: 200;
	color: #333333;
	background-color: #DDDDDD;
	border: 1px solid #CCCCCC;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	box-sizing: border-box;
}

#quadro h4 a {
	font-size: 0.85rem;
	line-height: 1.5em;
	text-decoration: none;
	color: #333333;
}

#quadro h4 a:hover {
	color: #666666;
	text-decoration: underline;
}

#quadro h4 a:before {
	content: url('/_img/fichaNP/icoAbrir.png');
	margin: 5px;
	font-size: 0.85rem;
	line-height: 1.5em;
}

#quadro h4 a:hover:before {
	content: url('/_img/fichaNP/icoAbrirHV.png');
	margin: 5px;
	font-size: 0.85rem;
	line-height: 1.5em;
}

#quadro h4.ativo {
	border: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	box-sizing: border-box;
}

#quadro h4.ativo a:before {
	content: url('/_img/fichaNP/icoFechar.png');;
}

#quadro h4.ativo a:hover:before {
	content: url('/_img/fichaNP/icoFecharHV.png');;
}

/* Quadro de conte�do para cada subitem */
#quadro h4+div, #referencias, .quadroAviso {
	float: left;
	display: none;
	width: 99%;
	margin: 0px 0.5% 10px 0.5%;
	padding: 5px;
	background-color: #FFFFFF;
	box-sizing: border-box;
}

#referencias, #npConteudo .quadroAviso {
	display: block;
	margin-top: 10px;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	box-sizing: border-box;
}

#npConteudo .quadroAviso {
	padding: 40px;
}

#npConteudo .quadroAviso h3 {
	display: inline-block;
	margin: 0px 0px 5px 0px;
	padding: 0;
	font-size: 1.2em;
	border-radius: 0;
	border: 0;
	color: #990000;
	background-color: transparent;
	white-space: normal;
}

#npConteudo .quadroAviso h4 {
	display: inline-block;
	margin: 0;
	padding: 0;
	font-size: 0.85rem;
	border-radius: 0;
	border: 0;
	color: #333333;
	background-color: transparent;
}

#quadro h4.ativo+div {
	display: block;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	box-sizing: border-box;
}

/* Tabelas de dados */
#quadro h4+div table.tabelaDados, #referencias table.tabelaDados {
	width: 100%;
	border-collapse: separate;
}

#quadro h4+div table.tabelaDados td, #referencias table.tabelaDados td {
	/* T�tulo do Campo */
	width: 20%;
	padding: 5px;
	vertical-align: top;
	font-size: 0.85rem;
	font-weight: bold;
	text-align: right;
}

#referencias table.tabelaDados td span {
	font-size: 0.85rem;
}

/*Defini��o da cor dos r�tulos de acordo com o tipo*/
#quadro.norma h4+div table.tabelaDados td, #referencias table.tabelaDados td
	{
	/*color: #006699;*/
	color: #000000;
}

#quadro.propositura h4+div table.tabelaDados td {
	/*color: #00A552;*/
	color: #000000;
}

#quadro h4+div table.tabelaDados td+td, #referencias table.tabelaDados td+td,
	#quadro.norma h4+div table.tabelaDados td+td, #quadro.propositura h4+div table.tabelaDados td+td
	{ /* Conte�do do Campo */
	width: 85%;
	font-weight: 200;
	text-align: left;
	color: #000000;
}

#quadro h4+div table.tabelaDados td a, #referencias table.tabelaDados td a
	{
	font-size: 0.85rem;
	text-decoration: none;
}

#quadro h4+div table.tabelaDados td a.linkDoc, #referencias table.tabelaDados td a.linkDoc
	{
	display: inline-block;
	padding-left: 25px;
	background-image: url('/_img/fichaNP/icoDoc.png');
	background-position: 0% 0%;
	background-repeat: no-repeat;
	line-height: 24px;
	text-decoration: none;
}

#quadro h4+div table.tabelaDados td a.linkDoc:hover, #referencias table.tabelaDados td a.linkDoc:hover
	{
	color: #666666;
	text-decoration: underline;
}

/* Define a cor do link de acordo com o tipo */
#quadro.norma h4+div table td a, #quadro.norma #referencias table.tabelaDados td a
	{
	color: #1E69B3;
}

#quadro.propositura h4+div table td a, #quadro.propositura #referencias table.tabelaDados td a
	{
/*	color: #23B554; */
	color: #006699;
}

#quadro h4+div table td a:hover, #referencias table td a:hover {
	color: #666666;
	text-decoration: underline;
}

#quadro h4+div table td a.linkProjeto, #referencias table td a.linkProjeto
	{
/*	color: #23B554 !important; */
	color: #006699;
}

#quadro h4+div table td a.linkNorma, #referencias table td a.linkNorma {
	color: #006699 !important;
}

#quadro h4+div table td a.linkProjeto:hover, #referencias table td a.linkProjeto:hover,
	#quadro h4+div table td a.linkNorma:hover, #referencias table td a.linkNorma:hover
	{
	color: #666666;
	text-decoration: underline;
}

.textoNorma, .textoCompilado, .textoDO {
	margin-right: 20px !important;
	padding-left: 18px !important;
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

.textoNorma {
	background-image: url(/_img/fichaNP/icoTexto.png);
}

.textoCompilado {
	background-image: url(/_img/fichaNP/icoCompilado.png);
}

.textoDO {
	background-image: url(/_img/fichaNP/ico_DO.png);
}

/* Lista de itens */
#quadro h4+div ul {
	list-style-type: none;
}

#quadro h4+div ul li {
	margin: 0px 0px 5px 5px;
	padding: 5px 5px 5px 25px;
	min-height: 23px;
	font-size: 0.85rem;
	line-height: 1.2em;
	font-weight: bold;
	text-align: left;
	text-indent: 0;
	color: #000000;
	background-image: url('/_img/fichaNP/icoItem.png');
	background-position: 0% 10%;
	background-repeat: no-repeat;
}

#quadro h4+div ul li a {
	font-size: 0.85rem;
	font-weight: 400;
	font-stretch: condensed;
	line-height: 1.1em;
	text-decoration: none;
}

/* Define a cor de acordo com o tipo */
#quadro.norma h4+div ul li a {
	color: #1E69B3;
}

#quadro.propositura h4+div ul li a {
	color: #23B554;
}

#quadro h4+div ul li a:hover {
	color: #666666;
	text-decoration: underline;
}

#quadro h4+div ul li p {
	font-size: 0.85rem;
	line-height: 1.3em;
	font-weight: 200;
	text-indent: 0;
	color: #000000;
	margin-bottom: 0;
}

#quadro h4+div ul li p a {
	font-size: 0.85rem;
	font-weight: 200;
	text-decoration: none;
	color: #BE7876;
}

#quadro h4+div ul li p a:hover {
	color: #666666;
	text-decoration: underline;
}

/* Tabelas responsivas */
#quadro h4+div table.tabelaResp {
	box-sizing: border-box;
	border-collapse: collapse;
	width: 100%;
}

#quadro h4+div table.tabelaResp thead tr {
	
}

#quadro h4+div table.tabelaResp thead tr th {
	padding: 8px 4px;
	font-size: 0.85rem;
	text-align: center;
	color: #FFFFFF;
	background-color: #666666;
	border-bottom: 2px solid #333333;
}

#quadro h4+div table.tabelaResp tbody tr:nth-child(even) {
	background-color: #F4F4F4;
}

#quadro h4+div table.tabelaResp tbody tr td {
	padding: 6px;
	font-size: 0.85rem;
	text-align: center;
	vertical-align: middle;
	color: #333333;
	border-bottom: 1px solid #DDDDDD\9;
}

#quadro h4+div table.tabelaResp tbody tr td.algEsquerdo {
	text-align: left;
}

#quadro h4+div table.tabelaResp tbody tr td a {
	font-size: 0.85rem;
	text-decoration: none;
}

#quadro h4+div table.tabelaPropositura tbody tr td a {
	color: #009933;
}

#quadro h4+div table.tabelaPropositura tbody tr td a:hover {
	color: #666666;
	text-decoration: underline;
}

#quadro h4+div table.tabelaResp thead th a {
	color: #FFFFFF;
	text-decoration: none;
}

#quadro h4+div table.tabelaResp thead th a:hover {
	color: #CCCCCC;
	text-decoration: none;
}

#quadro h4+div table.tabelaResp thead th a.ordenacaoAZ {
	padding-right: 21px;
	background-image: url('/_img/fichaNP/ico_AZ.png');
	background-position: 99% 50%;
	background-repeat: no-repeat;
}

#quadro h4+div table.tabelaResp thead th a.ordenacaoZA {
	padding-right: 21px;
	background-image: url('/_img/fichaNP/ico_ZA.png');
	background-position: 99% 50%;
	background-repeat: no-repeat;
}

#quadro h4+div table.tabelaResp tbody tr td a.icoVer {
	display: inline-block;
	color: transparent;
	color: #FFFFFF\9;
	z-index: -1\9;
	background-image: url('/_img/fichaNP/icoDoc.png');
	background-position: 0% 0%;
	background-repeat: no-repeat;
	width: 18px;
	height: 24px;
}

#quadro h4+div table.tabelaResp tbody tr td a.icoVer:hover {
	color: transparent;
	color: #FFFFFF\9;
}

#quadro h4+div table.tabelaResp tfoot tr td {
	padding: 6px 4px;
	font-size: 0.85rem;
	text-align: center;
	border-top: 2px solid #333333;
	color: #FFFFFF;
	background-color: #666666;
}

#quadro a.linkImg {
	display: inline-block;
	color: transparent;
	color: #FFFFFF\9;
	z-index: -1\9;
	background-image: url('/_img/fichaNP/icoImg.png');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	line-height: 24px;
	margin-left: 10px;
	width: 18px;
	height: 24px;
}

#quadro h4+div table.tabelaResp tbody tr td a:hover {
	color: #666666;
	text-decoration: underline;
}

/*Quadro Pesquisa */
#quadro h4+div fieldset.quadroPesquisa {
	box-sizing: border-box;
	width: 100%;
	padding: 10px 5px;
	background-color: #666666;
	border: 0;
	text-align: right;
}

#quadro h4+div fieldset.quadroPesquisa legend {
	visibility: hidden;
}

#quadro h4+div fieldset.quadroPesquisa label {
	display: inline-block;
	padding-left: 10px;
	font-family: "gisha";
	font-size: 1em;
	font-weight: 200;
	color: #FFFFFF;
}

#quadro h4+div fieldset.quadroPesquisa input, #quadro h4+div fieldset.quadroPesquisa select
	{
	margin-left: 5px;
	padding: 0px 3px;
	color: #333333;
	font-weight: bold;
	width: 50px;
	min-height: 25px;
	max-height: 25px;
	border: none;
	border-radius: 2px;
}

#quadro h4+div fieldset.quadroPesquisa select {
	color: #999999; /*Igualar cor do placeholder dos demais campos*/
	width: auto;
}

#quadro h4+div fieldset.quadroPesquisa select option {
	color: #333333;
}

.pequeno {
	width: 60px;
}

#quadro h4+div fieldset.quadroPesquisa .btBuscarDoc {
	float: right;
	display: inline;
	cursor: pointer;
	margin: 0;
	width: 25px;
	height: 25px;
	background-color: transparent;
	background-image: url(/_img/fichaNP/icoPesquisa.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	border: none;
}

#quadro h4+div fieldset.quadroPesquisa legend {
	visibility: visible;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	color: #333333;
}

#quadro h4+div fieldset.quadroPesquisa label {
	display: inline-block;
	width: 15%;
	font-size: 0.9em;
	font-weight: bold;
	text-align: right;
	color: #336633;
}

#quadro h4+div fieldset.quadroPesquisa input, #quadro h4+div fieldset.quadroPesquisa select
	{
	width: 75%;
	margin-left: 5px;
	margin-bottom: 20px;
	padding: 2px;
	border: 1px solid #cccccc;
}

#quadro h4+div fieldset.quadroPesquisa select {
	width: 77.3%;
	padding: 0;
}


/* Pagina��o */
#quadro #paginacao {
	width: 50%;
	margin: 5px 25%;
	text-align: center;
}

#quadro #paginacao input[type='button'] {
	cursor: pointer;
	width: 10%;
	margin: 5px 10px;
	padding: 5px 10px;
	color: #666666;
	font-weight: bold;
	font-size: 1.5em;
	text-transform: uppercase;
	background-color: transparent;
	border: none;
}

#quadro #paginacao select {
	width: 15%;
	padding: 4px;
	color: #333333;
	font-weight: bold;
	text-align: center;
	min-width: 40px;
	border: 0;
	background-color: #F4F4F4;
}

/* Botão Voltar */
#quadro #voltar {
	display: inline-block;
	width: 99%;
	margin: 0.5%;
	padding: 3px 5px;
	font-size: 0.85rem;
	line-height: 1.5em;
	text-decoration: none;
	text-transform: uppercase;
	color: #333333 !important;
	background-color: #CCCCCC;
	border: 1px solid #CCCCCC;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	box-sizing: border-box;
}

#quadro #voltar:hover {
	color: #666666 !important;
	text-decoration: none !important;
}

#voltar:hover:before {
	background-color: #CCCCCC;
}

#quadro #voltar:before {
	content: url('/_img/fichaNP/icoVoltar.png');
	margin: 5px;
	font-size: 0.85rem;
	line-height: 1.5em;
}

#quadro #voltar:hover:before {
	content: url('/_img/fichaNP/icoVoltarHV.png');
	margin: 5px;
	font-size: 0.85rem;
	line-height: 1.5em;
}

/* Sem tooltip */
.noTooltip {
	font-weight:normal !important;
 	cursor: none;
  	opacity: 100 !important;
	position: relative;
	z-index: inherit;
}

/* Tooltip*/
.tooltip {
	cursor: help;
	opacity: 100 !important;
	position: relative;
	z-index: inherit;
}

.btNotificacao, .btNotificacaoDetalhe, .btNotificacaoDetalheProposicao {
	float: left;
	display: inline-block;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	margin-right: 3px !important;
	cursor: pointer !important;
}

.ativarNotificacao {
	background-image: url("/_img/fichaNP/btNotificacaoAtivar.png")
		!important;
}

.desativarNotificacao {
	background-image: url("/_img/fichaNP/btNotificacaoDesativar.png")
		!important;
}

/* �cone de sinaliza��o Carregando... */
.carregando {
	display: block !important;
	width: 25px;
	height: 25px;
	background-image: url(/_img/fichaNP/loading.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	cursor: default !important;
}

table {
	border: 0px solid #FFF !important;
}

@media screen and (max-width: 1199px) {
	#npConteudo {
		margin: 0;
		width: 100%;
	}
	
	
	#quadro #voltar {
/* 		width: 96%; */
/* 		margin: 10px auto 0px auto; */
		margin: 5px 0;
/* 		padding: 8px; */
		/* 		font-size: 1.1em; */
	}
	#quadro #paginacao {
		position: relative;
		width: 96%;
		margin: 5px 1%;
		text-align: center;
	}
	#quadro #paginacao select {
		width: 15%;
		padding: 6px;
		color: #333333;
		font-weight: bold;
		min-width: 40px;
	}
	#quadro h4+div fieldset.quadroPesquisa {
		position: relative;
		width: 96%;
		margin: 8px 1%;
		padding: 10px 5px 5px 5px;
		border: 1px solid #CCCCCC;
		border-radius: 5px;
		background-color: #F4F4F4;
		text-align: left;
	}
	#quadro h4+div fieldset.quadroPesquisa label {	
		width: 20%;
	}
	#quadro h4+div fieldset.quadroPesquisa input, #quadro h4+div fieldset.quadroPesquisa select{
		width: 70%;
	}
	#quadro h4+div ul li {
		padding: 5px 5px 5px 20px;
		background-size: 16px;
		background-position: 0% 0%;
	}
	#npConteudo .cabecalho {
		font-size: 0.66em;
		line-height: 1.2em;
		margin: 5px auto 10px auto;
		background-size: contain;
	}
	#npConteudo .cabecalho {
/*  	display: block; */
		display: none;
		width: 98%;
		font-size: 0.66em;
		line-height: 1.1em;
		margin: 5px auto 10px auto;
		background-size: contain;
	}
	#quadro h4+div table.tabelaResp {
		border: 0;
	}
	#quadro h4+div table.tabelaResp thead {
		display: none;
	}
	#quadro h4+div table.tabelaResp tr {
/* 		margin-bottom: 10px; */
		display: block;
		border-bottom: 2px solid #ddd;
	}
	#quadro h4+div table.tabelaResp tbody tr td {
		border: 0;
		text-align: left;
	}
	#quadro h4+div table.tabelaResp td {
		display: block;
		font-size: 1.1em;
		border-bottom: 1px dotted #ccc;
	}
	#quadro h4+div table.tabelaResp td:last-child {
		border-bottom: 0;
	}
	#quadro h4+div table.tabelaResp td:before {
		display: block;
		padding-right: 10px;
		content: attr(data-label);
		float: left;
		font-weight: bold;
		text-align: right;
		color: #254B25;
	}
	#quadro h4+div table.tabelaResp td:after {
		content: "\0003";
		color: #FFFFFF;
		/*Insere uma quebra de linha ao final do conteúdo, 
		evitando encavalamento de colunas quando estas estiverem vazias */
	}	
	#quadro h4+div table.tabelaDados td, #referencias table.tabelaDados td {
		/* Título do Campo */
		width: 25%;
		font-size: 0.85rem;
	}
	#quadro h4+div table.tabelaDados td+td, #referencias table.tabelaDados td+td
		{ /* Conte�do do Campo */
		width: 75%;
	}
	/* Fim de Tabela Responsiva */
	#npConteudo h3 {
		margin: 0;
	}
	#quadro {
		width: 100%;
		margin: -2px auto 0px auto;
	}
	#quadro h4 {
		width: 99%;
		margin: 5px auto 0px auto;
		padding: 3px 0px;
		font-size: 1em;
		box-sizing: border-box;
	}
	#quadro h4+div, #referencias, #npConteudo .quadroAviso {
		width: 99%;
		margin: 5px auto;
		padding: 5px;
		background-color: #FFFFFF;
		box-sizing: border-box;
	}
	#npConteudo .quadroAviso {
		padding: 15px;
	}
	#quadro h4+div fieldset.quadroPesquisa .btBuscarDoc {
		background-image: url(/_img/fichaNP/icoPesquisaMobile.png);
		
		margin-right:25px;
	}
	
}