.govsp-blue {
	background: #034ea2;
}

.govsp-black {
	background: #11161d;
}

.govsp-gray {
	background: #4d4d4f;
}

.govsp-white {
	background: #fff;
}

img.govsp-icon-social {
	margin-left: 4px;
}

	img.govsp-icon-social:hover {
		filter: drop-shadow(1);
		box-shadow: inset 0 0 0 20px #111;
		border-radius: 3px;
	}

.govsp-link:hover {
	background: #444 !important;
	color: #fff;
	border-color: #444;
	text-decoration: none !important;
}

p.govsp-social {
	width: 82px;
	color: #444;
	font-size: 10px !important;
	margin-top: 0;
	height: 0;
	padding-right: 20px;
	margin-bottom: 10px;
}

::-moz-selection {
	background: #666;
	text-shadow: none;
	color: #fff;
}

::selection {
	background: #666;
	text-shadow: none;
	color: #fff;
}

.govsp-link {
	font-size: 10px;
	color: #444;
	border: 1px solid;
	border-radius: 16px;
	padding: 6px 10px;
	margin-right: 40px;
	text-decoration: none;
}

@media only screen {
	#govsp-topbarGlobal {
		width: 100%;
		display: block;
		box-sizing: border-box;
		z-index: 9999999;
		position: relative;
	}

		#govsp-topbarGlobal * {
			box-sizing: border-box;
			font-family: Verdana,Arial,Sans-serif;
		}

		#govsp-topbarGlobal.blu-e {
			background-color: #fff;
		}

		#govsp-topbarGlobal.gre-y {
			background-color: #ccc;
		}

		#govsp-topbarGlobal.yello-w {
			background-color: #fc0;
		}

		#govsp-topbarGlobal.re-d {
			background-color: red;
		}

		#govsp-topbarGlobal.blac-k {
			background-color: #11161d;
		}

		#govsp-topbarGlobal #topbarGlobal {
			width: 100%;
			max-width: 968px;
			margin: auto;
			font-size: 0;
			text-align: right;
		}

		#govsp-topbarGlobal #topbarLink {
			font-size: 20px;
			font-weight: 700;
			width: auto;
			text-align: left;
		}

			#govsp-topbarGlobal #topbarLink a {
				text-decoration: none;
				padding: 5px;
			}

				#govsp-topbarGlobal #topbarLink a:active, #govsp-topbarGlobal #topbarLink a:visited {
					color: inherit;
				}

				#govsp-topbarGlobal #topbarLink a:hover {
					cursor: pointer;
					text-decoration: underline;
				}

		#govsp-topbarGlobal.blac-k #topbarLink a, #govsp-topbarGlobal.blu-e #topbarLink a, #govsp-topbarGlobal.re-d #topbarLink a {
			color: #fff;
		}

		#govsp-topbarGlobal.blac-k #topbarLink a, #govsp-topbarGlobal.re-d #topbarLink a, #govsp-topbarGlobal.whit-e #topbarLink a {
			color: #11161d;
		}

		#govsp-topbarGlobal.gre-y #topbarLink a, #govsp-topbarGlobal.yello-w #topbarLink a {
			color: #11161d;
		}

		#govsp-topbarGlobal #topbarMenu, #govsp-topbarGlobal #topbarOpen {
			font-size: 13px;
			color: #fff;
			padding: 0;
			margin: 0;
		}

			#govsp-topbarGlobal #topbarMenu li, #govsp-topbarGlobal #topbarOpen li {
				display: block;
			}

			#govsp-topbarGlobal #topbarMenu br + li, #govsp-topbarGlobal #topbarOpen br + li {
				padding: 4px 8px;
				margin-top: -8px;
				cursor: default;
				font-weight: 700;
			}

			#govsp-topbarGlobal #topbarMenu a, #govsp-topbarGlobal #topbarOpen a {
				display: block;
				width: 100%;
				color: #fff;
				text-decoration: none;
				line-height: 1.3;
				padding: 4px 8px;
			}

				#govsp-topbarGlobal #topbarMenu a:hover, #govsp-topbarGlobal #topbarOpen a:hover {
					background-color: rgba(166,166,166,.6);
				}

			#govsp-topbarGlobal #topbarOpen > li {
				position: relative;
				margin: 0 10px 0 0;
			}

				#govsp-topbarGlobal #topbarOpen > li span {
					font-size: 22px;
					line-height: 0;
					font-weight: 400;
					display: inline-block;
					vertical-align: text-top;
					margin-top: 4px;
					width: 13px;
				}

			#govsp-topbarGlobal #topbarOpen.topbarOpening #topbarMenu {
				display: block !important;
			}

		#govsp-topbarGlobal #topbarMenu {
			margin-left: 0;
			overflow-y: auto;
			position: absolute;
			left: 0;
			height: 450px;
			width: 350px;
			text-align: left;
			background-color: #999;
			background: -webkit-gradient(linear,left top,left bottom,from(#999),to(#11161d));
			background: -webkit-linear-gradient(top,#999,#11161d);
			background: -moz-linear-gradient(top,#999,#11161d);
			background: -ms-linear-gradient(top,#999,#11161d);
			background: -o-linear-gradient(top,#999,#11161d);
			background: linear-gradient(to bottom,#999,#11161d);
			border-radius: 0 10px 10px 0;
		}

			#govsp-topbarGlobal #topbarMenu::-webkit-scrollbar-track {
				-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
				border-radius: 10px;
				background-color: #a6a6a6;
			}

			#govsp-topbarGlobal #topbarMenu::-webkit-scrollbar {
				width: 10px;
				border-radius: 10px;
				background-color: #f2f2f2;
			}

			#govsp-topbarGlobal #topbarMenu::-webkit-scrollbar-thumb {
				background-color: #d9d9d9;
			}
}

@media only screen and (max-width:968px) {
	#govsp-topbarGlobal #topbarMenu {
		left: inherit;
		right: 0;
	}

	#govsp-topbarGlobal #topbarLink {
		width: 47%;
	}
}

@media only screen and (min-width:769px) {
	#govsp-topbarGlobal {
		padding: 0;
	}

		#govsp-topbarGlobal #topbarGlobal {
			min-width: 84px;
			min-height: 70px;
		}

		#govsp-topbarGlobal #topbarLink, #govsp-topbarGlobal #topbarLogo, #govsp-topbarGlobal #topbarOpen {
			display: inline-block;
			vertical-align: middle;
		}

		#govsp-topbarGlobal #topbarLogo {
			background-repeat: no-repeat;
			min-width: 84px;
			min-height: 60px;
			background-position: center right;
			padding: 16.5px 0;
			width: 18%;
		}
}

@media only screen and (max-width:480px) {
	#govsp-topbarGlobal #topbarLink.govsp-blue {
		padding: 20px 16px 0 2% !important;
	}
}

@media only screen and (max-width:460px) {
	a.govsp-link {
		margin-right: 30px;
	}

		a.govsp-link:hover {
			background: #444 !important;
			text-decoration: none !important;
		}
}

@media only screen and (max-width:400px) {
	a.govsp-link {
		margin-left: 10px;
		margin-right: 20px;
	}

		a.govsp-link:hover {
			background: #444 !important;
			text-decoration: none !important;
		}

	.govsp-portal {
		font-size: 16px;
		margin-top: 4px;
	}
}

@media only screen and (min-width:769px) {
	.govsp-kebab {
		display: none;
	}

	div#govsp-topbarGlobal div#topbarGlobal {
		max-width: 100% !important;
		display: flex;
		position: relative;
		justify-content: flex-end;
		border-bottom: solid 3px #444;
	}

		div#govsp-topbarGlobal div#topbarGlobal #topbarLink {
			background-image: url(https://www.saopaulo.sp.gov.br/barra-govsp/img/flag-sp.png);
			background-repeat: no-repeat;
			background-position: right;
			position: absolute;
			width: 350px;
			height: 67px;
			top: 0;
			left: 0;
		}

	.govsp-portal {
		margin-top: 20px;
		margin-left: 30px;
	}
}

@media only screen and (max-width:768px) {
	.govsp-social {
		margin-top: 14px;
		margin-right: 2px;
	}

	p.govsp-social {
		margin-top: 22px;
		margin-left: 2px;
	}

	.govsp-link {
		font-size: 10px;
		color: #444;
		border: 1px solid;
		border-radius: 16px;
		padding: 6px 10px;
		margin-top: 10px;
		margin-left: 20px;
		margin-right: 100px;
	}

	#govsp-topbarGlobal #topbarLink.govsp-black, #govsp-topbarGlobal #topbarLink.govsp-blue, #govsp-topbarGlobal #topbarLink.govsp-gray, #govsp-topbarGlobal #topbarLink.govsp-white {
		width: 76%;
		text-align: left;
		height: 67px;
		padding: 20px 16px 0 2%;
	}

	nav.govsp-navbar.govsp-navbar-expand-lg {
		display: none;
	}

	div#govsp-topbarGlobal {
		border-bottom: solid 3px #444;
	}

	#govsp-topbarGlobal #topbarLink.govsp-blue {
		background: url(https://www.saopaulo.sp.gov.br/barra-govsp/img/flag-sp.png) right no-repeat #034ea2;
	}

	#govsp-topbarGlobal #topbarLink.govsp-black {
		background: url(https://www.saopaulo.sp.gov.br/barra-govsp/img/flag-sp.png) right no-repeat #11161d;
	}

	#govsp-topbarGlobal #topbarLink.govsp-gray {
		background: url(https://www.saopaulo.sp.gov.br/barra-govsp/img/flag-sp.png) right no-repeat #4d4d4f;
	}

	#govsp-topbarGlobal #topbarLink.govsp-white {
		background: url(https://www.saopaulo.sp.gov.br/barra-govsp/img/flag-sp.png) right no-repeat #fff;
	}

	.govsp-kebab {
		cursor: pointer;
		position: absolute;
		display: inline-block;
		box-sizing: border-box;
		padding: 0;
		float: right;
		top: 20px;
		right: 30px;
		width: 7px;
		height: 26px;
	}

		.govsp-kebab.govsp-active {
			display: -webkit-box;
			top: 28px;
			margin-right: 10px;
		}
}

.govsp-kebab figure {
	width: 6px;
	height: 6px;
	border-radius: 5px;
	background: #444;
	margin: 3px 0;
}

.govsp-middle {
	transform: scale(1);
	position: relative;
	box-shadow: 0 .1px .1px 0 rgba(0,0,0,.16),0 .1px .3px 0 rgba(0,0,0,.12);
	-webkit-filter: blur(.1px);
	filter: blur(.1px);
}

	.govsp-middle.govsp-active {
		margin-left: 3px;
		margin-right: 3px;
		padding-left: 3px;
		padding-right: 3px;
		box-shadow: 0 .1px .1px 0 rgba(0,0,0,.16),0 .1px .3px 0 rgba(0,0,0,.12);
	}

.govsp-cross {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) scale(0);
	margin-top: -1px;
	font-family: Nunito,sans-serif;
	color: #fff;
	transition: all .2s cubic-bezier(.72,1.2,.71,.72);
	font-size: 22px;
	user-select: none;
}

	.govsp-cross.govsp-active {
		transform: translate(-50%,-50%) scale(1);
		transition: all .15s cubic-bezier(.32,2.04,.85,.54);
	}

.govsp-dropdown {
	position: fixed;
	width: 100%;
	left: 0;
	top: 64px;
	padding: 0 0 10px;
	border-bottom: solid 1px #444;
	transform: scale(0);
}

	.govsp-dropdown li {
		display: block;
	}

		.govsp-dropdown li a {
			display: inline-block;
			white-space: pre;
			box-sizing: border-box;
		}

			.govsp-dropdown li a:hover {
				background: #ebebeb;
			}

	.govsp-dropdown:hover ul {
		transform: scale(1);
	}

	.govsp-dropdown.govsp-active {
		position: fixed;
		display: inline-flex;
		transform: scale(1);
		transition: all .25s cubic-bezier(.5,1.8,.9,.8);
		background: #fff;
	}

@media (min-width:992px) {
	.govsp-navbar-expand-lg {
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
}

.govsp-navbar {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: .5rem 1rem;
}

body, section.govsp-topo {
	margin: 0;
}

ul.govsp-dropdown.govsp-active.hide-dropdown {
	display: none;
}

.govsp-acessibilidade {
	margin-right: 2px;
	margin-top: 2px;
}

a.govsph-pasta {
	padding: 0 !important;
}

	a.govsph-pasta:hover {
		text-decoration: none !important;
	}