h4{
	text-align:center;
}

#top{
	width:100%;
	position:fixed;
	z-index:500;
	
	background:rgba(255, 255, 255, 0.85);
	border-bottom: 1px solid #eaeced;
	
    -webkit-backdrop-filter:blur(15px);
    backdrop-filter:blur(15px);
	
    -webkit-box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 10%);
}

#top-color{
	width:100%;
	height:2px;
	
	background-color:#0071B6;
}

#top-bloco{
	width:calc(100% - 30px);
	max-width:1170px;
	height:50px;
	margin:28px 15px 30px 15px;
}

#top-logo{
	width:110px;
	height:50px;
	margin:0 10px 0 20px;
	float:left;
	
	background-image:URL(../IMG/logo-maceio.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	cursor:pointer;
	opacity:0.9;
}

#top-logo:hover{
	opacity:1;
}

#top-unidade{
	cursor:pointer;
}

#top-unidade-text{
	max-width:102px;
	height:20px;
	padding-right:8px;
	margin:15px 0 15px 8px;
    overflow:hidden;
	display:block;
	float:left;
	
	font-family:Poppins, sans-serif;
	font-weight:500;
	font-size:12px;
	text-overflow:ellipsis;
	line-height:20px;
	white-space:nowrap;
	color:#818789;
}

#top-unidade:hover #top-unidade-text{
	color:#606060;
}

#top-unidade-open{
	width:8px;
	height:8px;
	margin:21px 8px 21px 0;
	float:left;
	
	background-color:#818789;
	
	-webkit-mask-image:url(../IMG/icon-open.svg);
	mask-image:url(../IMG/icon-open.svg);
	
	-webkit-mask-size:center;
	mask-size:center;
	
	-webkit-mask-size:cover;
	mask-size:cover;
}

#top-unidade:hover #top-unidade-open{
	background-color:#606060;
}

#top-perfil{
	width:210px;
	height:40px;
	padding:5px 0;
	float:right;
	
	line-height:40px;
}

#top-perfil-icon{
	width:40px;
	height:40px;
	float:left;
	
	background-color:#1663A4;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	line-height:40px;
	color:#fff;
	
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
}

#top-perfil-nome{
	width:110px;
	height:40px;
	padding:0 10px;
	float:left;
	
	text-align:left;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	line-height:40px;
	color:#333;
}

#top-perfil-sair{
	width:40px;
	height:40px;
	margin-top:4px;
	float:left;
	display:block;
	
	cursor:pointer;
	
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
}

#top-perfil-sair-icon{
	width:25px;
	height:25px;
	
	background-color:#14467C;
	
	-webkit-mask-image:url(../IMG/icon-sair.svg);
	mask-image:url(../IMG/icon-sair.svg);
	
	-webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;
	
	-webkit-mask-position:center;
	mask-position:center;
	
	-webkit-mask-size:70%;
	mask-size:70%;
}

#top-perfil-sair:hover #top-perfil-sair-icon{
	background-color:#0071B6;
}

#top-perfil-sair-text{
	width:40px;
	height:15px;
	
	font-family:Poppins, sans-serif;
	font-weight:500;
	font-size:10px;
	line-height:15px;
	color:#083F6F;
}

#top-perfil-sair:hover #top-perfil-sair-text{
	color:#0071B6;
}

#top-perfil-login{
	width:210px;
	height:40px;
	margin-top:5px;
	float:right;
	display:block;
	
	background-color:#1663A4;
	font-family:rawline, sans-serif;
	line-height:40px;
	cursor:pointer;
	color:#fff;
}

#top-perfil-login:hover{
	background-color:#11477C;
}

#top-busca{
	width:100%;
	max-width:520px;
	height:50px;
}

#top-busca-tipos{
	width:calc(38% - 2px);
	height:44px;
	margin:3px 0;
	float:left;
	
	border:1px solid #eaeced;
	cursor:pointer;
}

#top-busca-tipos-text{
	width:calc(100% - 70px);
	height:44px;
	margin:0 15px;
	float:left;
	
	font-family:Poppins, sans-serif;
	font-weight:500;
	font-size:13px;
	text-align:left;
	line-height:44px;
	letter-spacing:0.025em;
	color:#0071B6;
	
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	
	
}

#top-busca-tipos:hover #top-busca-tipos-text{
	color:#083F6F;
}

#top-busca-tipos-open{
	width:10px;
	height:10px;
	margin:17px 15px;
	float:right;
	
	background-color:#0071B6;
	
	-webkit-mask-image:url(../IMG/icon-open.svg);
	mask-image:url(../IMG/icon-open.svg);
	
	-webkit-mask-size:cover;
	mask-size:cover;
}

#top-busca-tipos:hover #top-busca-tipos-open{
	background-color:#083F6F;
}

#top-busca-input{
	width:62%;
	height:46px;
	margin:3px 0;
	padding:0 40px 0 15px;
	outline:none;
	float:left;
	
	background-color:transparent;
	border-width:1px 1px 1px 0;
	border-style:solid;
	border-color:#eaeced;
	font-family:Poppins, sans-serif;
	font-weight:500;
	font-size:13px;
	text-transform:uppercase;
	letter-spacing:0.025em;
	color:#0071B6;
	
	-webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
}

#top-busca-input::placeholder{
	opacity: 0.75;
	color:#0071B6;
}

#top-busca-input:-ms-input-placeholder{
	opacity:0.75;
	color:#0071B6;
}

#top-busca-input::-ms-input-placeholder{
	opacity: 0.75;
	color:#0071B6;
}

#top-busca-submit{
	width:15px;
	height:15px;
	margin-top:18px;
	margin-left:-30px;
	float:left;
	
	background-color:#0071B6;
	cursor:pointer;
	
	-webkit-mask-image:url(../IMG/icon-buscar.svg);
	mask-image:url(../IMG/icon-buscar.svg);
	
	-webkit-mask-position:center;
	mask-position:center;
	
	-webkit-mask-size:cover;
	mask-size:cover;
}

#top-busca-submit:hover{
	background-color:#083F6F;
}

#top-space{
	height:111px;
}

#aviso{
	width:calc(100% - 40px);
	padding:5px 20px;
	z-index:501;
    
	background-color:#0071B6;
	color:#fff;
	
	-webkit-box-shadow:0px 0px 16px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow:0px 0px 16px 0px rgba(0,0,0,0.1);
    box-shadow:0px 0px 16px 0px rgb(0 0 0 / 10%);
}

#aviso b{
	color:#fff;
}

#banner-loading{
	width:100%;
	z-index:450;
	
	background-color:#000414;
}

#banner-loading-rotate{
	width:50px;
	height:50px;
	
	background-image:URL(../IMG/banner-loading.png);
	background-position:center;
	background-size:cover;
}

#banner-control{
	position:relative;
	z-index:470;
	margin-top:-30px;
	padding:5px 0;

	background-color:rgba(255, 255, 255, 0.75);

	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);

	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;

	-webkit-box-shadow:0px 0px 16px 0px rgb(0 0 0 / 10%);
	-moz-box-shadow:0px 0px 16px 0px rgba(0,0,0,0.1);
	box-shadow:0px 0px 16px 0px rgb(0 0 0 / 10%);
}

#loading-back{
	top:0;
	left:0;
	width:100%;
	height:100%;
	position:fixed;
	z-index:520;
	
	background-color:#fff;
	opacity:0.4; 
}

#loading-animation{
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:50px;
	height:50px;
	margin:auto;
	position:fixed;
	z-index:522;
	
	background-image:URL(../IMG/icon-loading.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
	
}

#loading-logo{
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:36px;
	height:36px;
	margin:auto;
	position:fixed;
	z-index:523;
	
	background-image:URL(../IMG/icon-logo-maceio.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
}

#loading-color{
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:42px;
	height:42px;
	margin:auto;
	position:fixed;
	z-index:521;
	
	background-color:#fff;
	
	-webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
}

#select-unidade{
	top:78;
	left:150;
	width:calc(100% - 20px);
	max-width:160px;
	padding:10px;
	position:fixed;
	z-index:501;
	
	border:1px solid #eaeced;
	background-color:#fff;
	
	-webkit-box-shadow:0px 2px 3px 0px rgba(0,0,0,0.15);
	-moz-box-shadow:0px 2px 3px 0px rgba(0,0,0,0.15);
	box-shadow:0px 2px 3px 0px rgba(0,0,0,0.15);
}

#select-busca-tipos{
	top:78;
	left:0;
	right:322;
	width:calc(38% - 20px);
	max-width:176px;
	margin:auto;
	padding:10px;
	position:fixed;
	z-index:501;
	
	border:1px solid #eaeced;
	background-color:#fff;
	
	-webkit-box-shadow:0px 2px 3px 0px rgba(0,0,0,0.15);
	-moz-box-shadow:0px 2px 3px 0px rgba(0,0,0,0.15);
	box-shadow:0px 2px 3px 0px rgba(0,0,0,0.15);
}

#content{
	width:calc(100% - 40px);
	padding-bottom:30px;
	
	text-align:left
}

#content-info{
	padding:30px 0 30px 0;
	
	text-align:center;
}

#bottom{
	width:100%;
	min-height:61px;
	
	background-color:#083F6F;
}

#bottom-table{
	width:calc(100% - 40px);
	max-width:1160px;
	margin:0 20px;
	
	background-color:transparent !important;
}

#bottom-table-copyright{
	font-family:Poppins, sans-serif;
	font-weight:500;
	font-size:14px;
	text-align:center;
	letter-spacing:0.025em;
	color:#e0e0e0;
}

#newsletter-back{
	top:0;
	left:0;
	width:100%;
	height:100%;
	position:fixed;
	z-index:502;
	
	background-color:#000;
	opacity:0.4;
}

#newsletter{
	top:0;
	right:0;
	bottom:0;
	left:0;
	width:calc(100% - 50px);
	max-width:600px;
	height:fit-content;
	padding:10px 20px 20px 20px;
	margin:auto;
	position:fixed;
	z-index:503;
	
	background-color:#fff;
	
	-webkit-box-shadow:0px 0px 16px 0px rgb(0 0 0 / 10%);
	-moz-box-shadow:0px 0px 16px 0px rgba(0,0,0,0.1);
	box-shadow:0px 0px 16px 0px rgb(0 0 0 / 10%);
}

#newsletter p{
	padding:20px 0;
	text-indent:20px;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
}

#newsletter p b{
	font-weight:900;
}

#newsletter-scroll{
	width:100%;
	height:fit-content;
	margin-left:-10px;
	padding:0 10px;
	overflow-y:auto;
}

#newsletter-scroll::-webkit-scrollbar{
	width:2px;
	height:2px;
}

#newsletter-scroll::-webkit-scrollbar-track{
	background:#fff;
}

#newsletter-scroll::-webkit-scrollbar-thumb{
	background:#888;
}

#newsletter-scroll::-webkit-scrollbar-thumb:hover{
	background:#333;
}

#newsletter-buttons-flex{
	display:flex;
	margin-top:10px;
	justify-content:center;
}

#newsletter-button-sim{
	background-color:#1663A4;
	color:#fff;
}

#newsletter-button-sim:hover{
	background-color:#11477C;
}

#newsletter-button-nao{
	background-color:#ddd;
}

#newsletter-button-nao:hover{
	background-color:#ccc;
	color:#333;
}

.banners{
	width:100%;
	position:relative;
	z-index:460;
	
	background-color:#000414;
	background-size:cover;
}

.banner-content{
	width:calc(100% - 60px);
	max-width:1100px;
	height:150px;
	padding:20px;
	position:relative;
}

.banner-text{
	bottom:40px;
	width:calc(100% - 60px);
	max-width:600px;
	padding:10px;
	position:absolute;
	float:left;
	
	background-color:rgba(0, 0, 0, 0.5);

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

.banner-title{
	text-align:justify;
	text-shadow:0px 0px 3px rgba(0, 0, 0, 1);
	color:#fff;
}

.banner-description{
	margin-top:10px;
	
	color:#fff;
	font-size:15px;
	text-align:justify;
	text-indent:1.5em;
	text-shadow:0px 0px 3px rgba(0, 0, 0, 1);
}

.banner-controller{
	width:10px;
	height:10px;
	margin:0 5px;
	float:left;
	
	background-color:#999;
	cursor:pointer;
	
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
}

.banner-controller:hover{
	background-color:#666;
}

.banner-controller-active{
	background-color:#333 !important;
}

.select-bloco, .select-bloco-unidade{
	width:100%;
	max-height:192px;
	overflow-y:scroll;
}

.select-bloco-unidade::-webkit-scrollbar{
	width:2px;
}

.select-bloco-unidade::-webkit-scrollbar-track{
	background:#fff;
}

.select-bloco-unidade::-webkit-scrollbar-thumb{
	background:#888;
}

.select-bloco-unidade::-webkit-scrollbar-thumb:hover{
	background:#333;
}

.select-bloco{
	width:100%;
	max-height:192px;
	overflow-y:scroll;
}

.select-bloco::-webkit-scrollbar{
	width:2px;
}

.select-bloco::-webkit-scrollbar-track{
	background:#fff;
}

.select-bloco::-webkit-scrollbar-thumb{
	background:#0071B6;
}

.select-bloco::-webkit-scrollbar-thumb:hover{
	background:#083F6F;
}

.select-espaco{
	width:calc(100% - 10px);
	height:25px;
	padding:5px;
	display:block;
	
	cursor:pointer;
}

.select-espaco:hover{
	background-color:#f8f8f8;
}

.select-icon-unidade{
	width:15px;
	height:15px;
	margin:5px 10px 5px 5px;
	float:left;
	
	fill:#818789;
	
	-webkit-mask-size:cover;
    mask-size:cover;
}

.select-espaco:hover .select-icon-unidade{
	fill:#606060;
}

.select-text-unidade{
	width:calc(100% - 30px);
	height:25px;
	float:left;
	overflow:hidden;
	display:block;
	
	font-family:Poppins, sans-serif;
	font-weight:500;
	font-size:14px;
	text-overflow:ellipsis;
	text-align:left;
	line-height:25px;
	white-space:nowrap;
	color:#818789;
}

.select-espaco:hover .select-text-unidade{
	color:#606060;
}

.select-icon{
	width:15px;
	height:15px;
	margin:5px 10px 5px 5px;
	float:left;
	
	fill:#0071B6;
	
	-webkit-mask-size:cover;
    mask-size:cover;
}

.select-espaco:hover .select-icon{
	fill:#083F6F;
}

.select-text{
	width:calc(100% - 30px);
	height:25px;
	float:left;
	overflow:hidden;
	display:block;
	
	font-family:Poppins, sans-serif;
	font-weight:500;
	font-size:14px;
	text-overflow:ellipsis;
	text-align:left;
	line-height:25px;
	white-space:nowrap;
	color:#0071B6;
}

.select-espaco:hover .select-text{
	color:#083F6F;
}

.newsletter-button{
	padding:10px 30px;
	margin:5px;
	float:left;

	cursor:pointer;
}

@media (max-width:1114px){
	#top-bloco{
		height:110px;
	}
	
	#top-busca{
		max-width:100%;
		padding-top:60px;
	}
	
	#top-space{
		height:171px;
	}
	
	#loading-back{
		top:171;
	}
	
	#select-busca-tipos{
		top:138;
		left:15;
		right:unset;
		max-width:calc(38% - 33px);
	}
	
	#content{
		min-height:calc(100% - 250px);
	}
}

@media (max-width:529px){
	#top-unidade{
		display:none;
	}
	
	#select-unidade{
		display:none !important;
	}
}