/*
Theme Name:		Sites da Prefeitura de Jundiaí 4.0
Theme URI:		https://jundiai.sp.gov.br/
Author:			CIJUN
Author URI:		https://cijun.sp.gov.br/
Template:		prefeituradejundiai-capa-4.0
Description:	Sites internos do portal da Prefeitura de Jundiaí
Version:		4.0
*/

/* tabela de cores */
/*
amarelo aviso borda		#f5e485
amarelo aviso fundo		#fffadf;
*/

/* ----- MENU LATERAL ----------------------------------------------------------- */

#botao-menu-lateral,
.menu-lateral-container {
	background: #eee;
}

.contraste #botao-menu-lateral,
.contraste .menu-lateral-container {
	background: transparent;
	border: 1px solid #fff;
}

#botao-menu-lateral {
	color: #000;
	border-bottom: 1px solid #DDD;
	width: 100%;
	padding: 10px;
	display: block;
	text-decoration: none;
}

.contraste #botao-menu-lateral {
	color: #E1FE0A;
	border-bottom-color: #fff;
}

#botao-menu-lateral .seta-menu-lateral {
	/* https://src.cijun.sp.gov.br/img/media/filled-version/SVG/97-arrows/arrow-down-12.svg */
	background-image: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"><g><path fill="black" d="M12,19.5c-0.294,0-0.573-0.13-0.763-0.354l-11-13C-0.12,5.725-0.067,5.094,0.354,4.736c0.422-0.355,1.053-0.305,1.409,0.118L12,16.952L22.237,4.854c0.357-0.423,0.987-0.474,1.409-0.118c0.421,0.357,0.474,0.988,0.117,1.409l-11,13C12.574,19.37,12.294,19.5,12,19.5z"/></g></svg>');
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 14px auto;
	padding-left: 20px;
}

.contraste #botao-menu-lateral .seta-menu-lateral {
	/* https://src.cijun.sp.gov.br/img/media/filled-version/SVG/97-arrows/arrow-down-12.svg */
	background-image: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"><g><path fill="white" d="M12,19.5c-0.294,0-0.573-0.13-0.763-0.354l-11-13C-0.12,5.725-0.067,5.094,0.354,4.736c0.422-0.355,1.053-0.305,1.409,0.118L12,16.952L22.237,4.854c0.357-0.423,0.987-0.474,1.409-0.118c0.421,0.357,0.474,0.988,0.117,1.409l-11,13C12.574,19.37,12.294,19.5,12,19.5z"/></g></svg>');
}

.menu-lateral-container {
	width: 100%;
	clear: both;
	display: none;
}

#menu-lateral {
	height: auto;
	list-style: none;
    margin: 0;
}

#menu-lateral a {
	display: block;
	padding: 10px;
}

#menu-lateral a:link,
#menu-lateral a:visited {
	color: #000;
	border-bottom: 1px solid #DDD;
	text-decoration: none;
}

#menu-lateral a:hover,
#menu-lateral a:active {
	background-color: #555;
	color: #FFF;
	text-decoration: none;
}

.contraste #menu-lateral a:link,
.contraste #menu-lateral a:visited,
.contraste #menu-lateral a:hover,
.contraste #menu-lateral a:active {
	background: transparent;
	color: #E1FE0A;
	border-bottom: 1px solid #fff;
}

#menu-lateral li {
	border-bottom: 1px solid #DDD;
	display: inline;
}

/* sub-item */
#menu-lateral li ul a { 
	padding-left: 20px;
}

/* sub do sub-item */
#menu-lateral li ul ul a { 
	padding-left: 40px;
}

/* e aí chega */
#menu-lateral li ul ul ul a { 
	display: none;
}

/* item atual */
#menu-lateral .current-menu-item a { 
	border-left: 3px solid #DDD;
}

.contraste #menu-lateral .current-menu-item a { 
	border-color: #fff;
}

#menu-lateral .institucional,
#menu-lateral a[href*='jundiai.sp.gov.br/noticias'] {
	font-weight: 600;
}

#menu-lateral .institucional a:after,
#menu-lateral a[href*='jundiai.sp.gov.br/noticias']:after {
	content: "\00a0 \00BB";
}

@media only screen and (min-width: 960px) {

	#botao-menu-lateral {
		display: none;
	}

	.menu-lateral-container {
		display: block;
	}

	#menu-lateral li:first-child {
		display: block;
		border-bottom: none;
	}

	/* segundo nivel */
	#menu-lateral li ul { 
		background: #eee;
		width: 240px;
		margin: -40px 0 0 230px;
		position: absolute;
		left: -999em;
		z-index: 9999;
		box-shadow: 0px 5px 5px rgba(0,0,0,0.2);
	}

	.contraste #menu-lateral li ul {
		background: #222;
		border: 1px solid #fff;
	}

	/* não alterar! */
	#menu-lateral li:hover ul ul, #menu-lateral li:hover ul ul ul, #menu-lateral li.sfhover ul ul, #menu-lateral li.sfhover ul ul ul {left: -999em;}
	#menu-lateral li:hover ul, #menu-lateral li li:hover ul, #menu-lateral li li li:hover ul, #menu-lateral li.sfhover ul, #menu-lateral li li.sfhover ul, #menu-lateral li li li.sfhover ul {left: auto;}
	#menu-lateral li:hover, #menu-lateral li.sfhover {position: static;}
	
	#menu-lateral li ul a,
	#menu-lateral li ul ul a,
	#menu-lateral li ul ul ul a {
		padding-left: 10px;
	}

	/* setas para indicar que o item tem sub-itens */

	#menu-lateral .menu-item-has-children > a {
		/* https://src.cijun.sp.gov.br/img/media/filled-version/SVG/27-remove-add/add-1.svg */
		background-image: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"><g><path fill="rgba(0,0,0,0.4)" d="M23,11H13V1.001C13,0.448,12.574,0,12.021,0l0,0c-0.553,0-1,0.447-1,0.999L11.012,11H1c-0.553,0-1,0.447-1,1c0,0.552,0.447,1,1,1h10.01L11,22.999c-0.001,0.552,0.446,1,0.998,1.001h0.001c0.552,0,1-0.447,1.001-0.999V13h10c0.552,0,1-0.448,1-1C24,11.447,23.552,11,23,11z"/></g></svg>');
		background-position: calc(100% - 10px) center;
		background-repeat: no-repeat;
		background-size: 12px auto;
	}

	.contraste #menu-lateral .menu-item-has-children > a {
		background-image: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"><g><path fill="rgba(255,255,255,0.9)" d="M23,11H13V1.001C13,0.448,12.574,0,12.021,0l0,0c-0.553,0-1,0.447-1,0.999L11.012,11H1c-0.553,0-1,0.447-1,1c0,0.552,0.447,1,1,1h10.01L11,22.999c-0.001,0.552,0.446,1,0.998,1.001h0.001c0.552,0,1-0.447,1.001-0.999V13h10c0.552,0,1-0.448,1-1C24,11.447,23.552,11,23,11z"/></g></svg>');
		background-position: calc(100% - 10px) center;
		background-repeat: no-repeat;
		background-size: 12px auto;
	}

}

@media only screen and (min-width: 1024px) {

	#menu-lateral li ul {
		margin-left: 240px;
	}

}

@media only screen and (min-width: 1280px) {

	#menu-lateral li ul {
		width: 260px;
		margin-left: 280px;
	}

	#menu-lateral li ul  ul{
		margin-left: 250px;
	}

}

/* ----- SIDEBAR ---------------------------------------------------------------- */

#sidebar {
	margin-bottom: 40px;
}

@media only screen and (min-width: 960px) {

	#sidebar {
		width: 25%;
		float: left;
	}

	.pagina {
		width: 70%;
		float: right;
	}

}

/* ----- ELEMENTOS BASICOS ------------------------------------------------------ */

.lista-com-recuo {
	margin-left: 50px !important;
}

/* ----- AVISOS ----------------------------------------------------------------- */

.aviso-amarelo {
	background: #fffadf;
	border: 1px solid #f5e485;
	padding: 10px;
	margin: 20px 0 !important;
	font-style: normal !important;
}

.aviso-amarelo ul {
	margin-bottom: 0 !important;
}

.aviso-amarelo ul li {
	margin-bottom: 10px !important;
}

.aviso-internet-explorer {
	text-align: center;
}

.aviso-internet-explorer p {
	margin-bottom: 0 !important;
}

.aviso-cinza {
	background: #EEEEEE;
	border: 1px solid #CCC;
	padding: 10px;
	margin: 20px 0 !important;
	font-style: normal !important;
}

.aviso-cinza h2 {
	margin-top: 0 !important;
}

.aviso-cinza p:last-child {
	margin-bottom: 0 !important;
}

.contraste .aviso-amarelo,
.contraste .aviso-cinza {
	background: transparent;
	border-color: transparent;
}

/* ----- LISTAS ----------------------------------------------------------------- */

/* http://www.jundiai.sp.gov.br/esportes/complexos-educacionais-culturais-e-esportivos/ */ 

.lista-espacada li {
	margin-bottom: 1.5em;
	text-align: left;
}

/* ----- FAQ ISSQN -------------------------------------------------------------- */

/* https://jundiai.sp.gov.br/financas/issqn/perguntas-frequentes/ */

#faq-issqn {
	list-style: none;
	margin: 2em 0;
}

#faq-issqn > li {
	padding: 0;
	margin: 0;
}

#faq-issqn p.item {
	background-repeat: no-repeat;
	background-position: 0 4px;
	padding-left: 24px;
	cursor: pointer;
}

#faq-issqn p.item {
	background-image: url(https://src.cijun.sp.gov.br/img/icones-arquivos/icone-mais-16x16-pb.png);
}

#faq-issqn p.item.active {
	background-image: url(https://src.cijun.sp.gov.br/img/icones-arquivos/icone-menos-16x16-pb.png);
}

#faq-issqn h3 {
	margin: 30px 0 20px;
	font-size: 20px;
}

#faq-issqn .issqn-conteudo {
	display: none;
	margin-left: 30px;
	margin-bottom: 30px;
}

/* ----- TABELAS ---------------------------------------------------------------- */

/* http://www.jundiai.sp.gov.br/financas/iptu/pagamento-como-pagar-a-2a-via-do-iptu/como-e-onde-pagar-vencimentos-e-descontos/ */

.tabela-iptu-opcoes-de-pagamento {
	width: 500px !important;
	margin-left: auto;
	margin-right: auto;
	table-layout: fixed;
}

.tabela-iptu-opcoes-de-pagamento th,
.tabela-iptu-opcoes-de-pagamento td {
	text-align: center !important;
}

.tabela-iptu-opcoes-de-pagamento th {
	vertical-align: middle;
}

/* http://www.jundiai.sp.gov.br/financas/iptu/pagamento-como-pagar-a-2a-via-do-iptu/como-e-onde-pagar-vencimentos-e-descontos/ */

.tabela-iptu-vencimentos-2015 {
	width: 500px !important;
	margin-left: auto;
	margin-right: auto;
	table-layout: fixed;
}

.tabela-iptu-vencimentos-2015 th,
.tabela-iptu-vencimentos-2015 td {
	text-align: center !important;
}

/* http://www.jundiai.sp.gov.br/financas/iptu/certidoes/certidoes-disponiveis/ */

.tabela-iptu-certidoes-disponiveis th,
.tabela-iptu-certidoes-disponiveis td {
	padding: 10px !important;
}

.tabela-iptu-certidoes-disponiveis th,
.tabela-iptu-certidoes-disponiveis .tabela-iptu-certidoes-disponiveis-certidao strong {
	text-transform: uppercase;
}

.tabela-iptu-certidoes-disponiveis td {
	width: 37%;
	vertical-align: middle;
}

.tabela-iptu-certidoes-disponiveis .tabela-iptu-certidoes-disponiveis-certidao {
	width: 26%;
	font-weight: bold;
	text-align: center !important;
}

/* http://www.jundiai.sp.gov.br/financas/iptu/nao-incidencia/ */

.tabela-iptu-nao-incidencia td,
.tabela-iptu-nao-incidencia th {
	width: 16%;
	text-align: center !important;
	vertical-align: middle;
}

.tabela-iptu-nao-incidencia .demais-documentos {
	width: 20%;
}

.tabela-iptu-nao-incidencia-pedido .pedido {
	width: 20%;
	text-align: center !important;
	vertical-align: middle;
}

/* https://www.jundiai.sp.gov.br/gestao-de-pessoas/tabelas-salariais/ */

.tabela-salarial {
	table-layout: fixed;
}

.tabela-salarial,
.tabela-salarial th,
.tabela-salarial td {
	border: 1px solid #CCC;
	text-align: center !important;
}

.tabela-salarial th {
	background: #F5F5F5;
}

/* http://www.jundiai.sp.gov.br/servicos-publicos/ */

.tabela-servicos-publicos td {
	vertical-align: middle !important;
}

.tabela-servicos-publicos .orgao {
	text-align: center !important;
}

/* https://www.jundiai.sp.gov.br/esportes/copa-jundiai-de-futsal-2016-carlos-alberto-iamonti/ */

.tabela-futsal td,
.tabela-futsal th {
	text-align: center !important;
}

.tabela-futsal .horario {
	width: 10%;
}

.tabela-futsal .placar {
	width: 5%;
}

.tabela-futsal .time {
	width: 37.5%;
}

/* http://www.jundiai.sp.gov.br/esportes/complexos-educacionais-culturais-e-esportivos/modalidades-por-complexo-esportivo/ */

.tabela-modalidade td,
.tabela-modalidade th {
	text-align: center !important;
	vertical-align: middle !important;
}

.tabela-modalidade .tabela-modalidade-divisor {
	background: #F5F5F5;
	color: #F5F5F5
}

/* http://www.jundiai.sp.gov.br/administracao-e-gestao-de-pessoas/concursos/concursos-concluidos/homologacoes-e-vencimentos/ */

.tabela-homologacoes td,
.tabela-homologacoes th {
	font-size: 12px;
	text-align: center !important;
	vertical-align: middle !important;
}

.tabela-homologacoes .processo {
	width: 110px;
}

.tabela-homologacoes .data {
	width: 80px;
}


/* ----- BOTÕES ----------------------------------------------------------------- */

/* https://jundiai.sp.gov.br/desenvolvimento-economico/banco-de-projetos-patrocinaveis/ */

.botao-banco-projetos {
	background: #003371;
	color: #fff !important;
	width: auto;
	margin: auto !important;
	padding: 20px;
	display: block;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none !important;
	text-align: center;

	-webkit-border-radius: 5px;
	-moz-border-radius:    5px;
	border-radius:         5px;
}


/* ----- TABELAS ---------------------------------------------------------------- */

.tabela-cabecalho-azul,
.tabela-cabecalho-azul th,
.tabela-cabecalho-azul td {
	border: 1px solid #CCC;
}

.tabela-cabecalho-azul th {
	text-align: center;
	vertical-align: middle;
	font-weight: 600;
}

.tabela-cabecalho-azul {
	margin: 20px auto 40px;
}

.tabela-cabecalho-azul th {
	background: #003371;
	color: #fff;
}

.tabela-cabecalho-azul th,
.tabela-cabecalho-azul td {
	padding: 5px;
}