/* CSS do Topo e do Rodapé*/

::root{	
  --yellow: #FAEA25;
  --lime: #DADB32;  
  --green-light: #9AC670;
  --green: #79C096;
  --green-dark: #56B2B8;
  --blue: #39A6DE;
  --blue-dark: #2071B7; 
}

/*@font-face {
    font-family: 'gotham_mediumregular';
    src: url('/webfont/gotham-medium-webfont.woff2') format('woff2'),
         url('/webfont/gotham-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body{font-family:'gotham_mediumregular'}*/

.bg-blue {
  background-color: var(--blue) !important;
}
.border-blue {
  border-color: var(--blue) !important;
}
.text-blue {
  color: var(--blue) !important;
}

.bg-blue-dark {
  background-color: var(--blue-dark) !important;
}
.border-blue-dark {
  border-color: var(--blue-dark) !important;
}
.text-blue-dark {
  color: var(--blue-dark) !important;
}

.bg-green {
  background-color: var(--green) !important;
}
.border-green {
  border-color: var(--green) !important;
}
.text-green {
  color: var(--green) !important;
}

.bg-green-dark {
  background-color: var(--green-dark) !important;
}
.border-green-dark {
  border-color: var(--green-dark) !important;
}
.text-green-dark {
  color: var(--green-dark) !important;
}

.bg-green-light {
  background-color: var(--green-light) !important;
}
.border-green-light {
  border-color: var(--green-light) !important;
}
.text-green-light {
  color: var(--green-light) !important;
}

.bg-lime {
  background-color: var(--lime) !important;
}
.border-lime {
  border-color: var(--lime) !important;
}
.text-lime {
  color: var(--lime) !important;
}

.bg-yellow {
  background-color: var(--yellow) !important;
}
.border-yellow {
  border-color: var(--yellow) !important;
}
.text-yellow {
  color: var(--yellow) !important;
}






/*////////////// TOPO RESPONSIVO MENU //////////////////*/	
.sobretopo .fa-2x {
	font-size: 1.5em;
}
.sobretopo a:hover, .sobretopo a:focus{
	outline: #007cc0 solid 3px;
}
#accessibility {
	font-size: 0.70rem;
	align-items: center;
	display: flex;
	flex-wrap: wrap;
}
ul#accessibility{padding:0; margin:0}
#accessibility li{ display:inline}
#accessibility a {
    color: #6c757d;
	margin-right:8px
}
#accessibility span {
    color: #fff;
    background: #6c757d;
    padding: 0 3px;
}
.menu_sobretopo{
	margin:0;
	padding:0;
	align-items: center;
	justify-content: flex-end ;
	display: flex;
	flex-wrap: wrap;
}
.menu_sobretopo li{list-style:none}
.menu_sobretopo .badge{font-weight: 400;}

.topo {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #ddd;
    background-color: #eee;
}
.wid_tempo {
	overflow: hidden
}
.wid_tempo img {
	margin-top: -34px;
	margin-bottom: -4px
}
.list-auto, .list-auto li {
	/*width: 100%;*/
	width: auto;
	float: left;
	display: block;
	position: relative;
}
.menu_hidden {
	display: none !important
}
#menu ul {
	margin: 0
}
#menu ul.list-auto {
	padding: 2px;
}
#menu li:first-child {
	border: none;
}
#menu li a {
	display: block;
	padding: 8px 18px;
	color: #FFF;
	font-size: 0.9rem;
	font-weight: bold;
	line-height: 1.5;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;
}
#menu li a:hover, #menu li a:focus {
	color: #007AC4;
	text-decoration: none;
	background-color: #FFF
}
input#control-nav {
	visibility: hidden;
	position: fixed;
	right: -9999px;
	opacity: 0;
}
.busca_geral form {
	background: transparent;
	border: none;
	width: 100%;
	display: inline-block;
	position: relative;
	padding: 0;
}
.busca_geral form input {
	width: 100%;
	border: 1px solid #DDD;
	border-radius: 8px;
	padding: 0 50px 0 10px;
	height: 42px;
	display: block;
	/*font-size:1.2rem*/
}
.busca_geral form button.submit {
	position: absolute;
	right: 1px;
	top: 1px;
	height: calc(100% - 2px);
	width: 50px;
	background: #007cc0;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0 8px 8px 0;
	cursor: pointer;
	color: #fff;
	border: none;
}
.busca_geral form button.submit:hover, .busca_geral form button.submit:focus {
	background:#6c757d;
}
.busca_mobile_lupa{
	display:none;
}
.menu_redes_mobile{display:none}

#menu{
	margin-left: auto;
    margin-right: auto;
}

.topo_container{
	position:relative
}
.topo_degrade{
	display:flex;
	position:absolute;
	top:0;
	left:0;
	width:100%
}
.degrade_amarelo{
	background-color:#F6B032;
	flex: 0 0 50%;
	min-height:42px;
}
.degrade_azul{
	background-color:#2071B7;
	flex: 0 0 50%;
	min-height:42px;
}
#menu ul.list-auto {
    padding: 0px;
}
#menu li a{padding:10px 18px}


@media (min-width: 768px) {
	.header_mobile{display:none}
}
@media (max-width: 767px) {
	.topo_degrade{display:none}
	
	.list-auto, .list-auto li {
		/*width: 100%;*/
		float: none;
	}
	.links_atalhos, .hide_mobile{display:none}
	.menu_sobretopo {
		justify-content: space-between !important;
	}
	.topo {
		border-top: 0;
		border-bottom: solid 6px #007dc4;
		padding: 2px 0;
		min-height: 62px;
	}
	header{min-height: 62px;}
	.wraper_logo_topo {
		text-align: center;
		height:51px;
	}
	.wraper_logo_topo img{margin-top:5px;max-height: 51px;}
	
	.menu_hidden {
		display: block !important
	}
	.menu_redes_mobile{
		display:flex;
		justify-content: center;
    	margin-top: 15px;
	}
	.header_mobile{
		padding:10px;
		text-align:center;
		background: #eee;
	}
	.header_mobile img{
		width:70%;
		height:auto
	}
	.container {
		overflow: hidden
	}
	.wraper_wid_tempo {
		display: none
	}
	/*////// BUSCA MOBILE /////*/
	
	.busca_geral {
		position: fixed;
		top: 0px;
		left: 0;
		right: 0;
		background-color: #ededed;
		width: 100%;
		border-bottom: solid 2px #666;
		box-shadow: 2px 2px 3px rgba(204, 204, 204, 0.45);
		padding: 15px !important;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: ease-in-out all 0.2s;
		-moz-transition: ease-in-out all 0.2s;
		-ms-transition: ease-in-out all 0.2s;
		-o-transition: ease-in-out all 0.2s;
		transition: ease-in-out all 0.2s;
		z-index: 9999;
	}
	.busca_mobile_bg {
		position: fixed;
		right: 0;
		top: 0;
		bottom: 0;
		left: 0;
		display: none;
		z-index: 999;
		background: rgba(0, 0, 0, 0.8);
		-webkit-transition: all 200ms ease;
		transition: all 200ms ease;
		opacity: 0;
		margin:0
	}
	.busca_mobile_lupa {
		padding: 8px;
		position: absolute;
		top: -40px;
		font-size: 1.3rem;
		border-radius: 10px;
		right: -5px;
		color: #007dc4;
		cursor:pointer;
		display:inherit
	}
	input#busca_checkbox:checked ~ .busca_geral,  input#busca_checkbox:checked ~ .busca_mobile_bg {
		opacity:1;
		display:block;
		visibility:visible;
	}
	
	/*////// FIM BUSCA MOBILE///////*/
	
	nav#menu {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		width: calc(100vw - 70px);
		border-left: 1px solid #ccc;
		background: #FFF;
		overflow-x: auto;
		z-index: 120;
		-webkit-transition: all 500ms ease;
		transition: all 500ms ease;
		-webkit-transform: translate(-100%, 0);
		-ms-transform: translate(-100%, 0);
		transform: translate(-100%, 0);
		
		
	}
	#menu ul.list-auto {
		padding: 0
	}
	#menu ul.list-auto li {
		width: 100%;
		border: solid #e4e4e4;
		border-width: 0 0 1px;
		background-color: #FFF;
	}
	#menu li a {
		padding: 12px 10px;
		/*color: #333;*/
		font-size: 15px;
		font-weight: 500;
	}
	#menu li a:hover {
		color: #FFF;
		text-decoration: none;
		background-color: #007AC4
	}
	.control-nav {
		position: absolute;
		left: 10px;
		top: -50px;
		display: block;
		padding: 7px;
		z-index: 120;
		cursor: pointer;
		font-size: 1.5rem;
		border-radius: 4px;
		color: #007dc4;
	}
	.control-nav:after {
		content: "\f0c9";
	}
	.control-nav-close {
		position: fixed;
		right: 0;
		top: 0;
		bottom: 0;
		left: 0;
		display: block;
		z-index: 110;
		background: rgba(0,0,0,0.7);
		-webkit-transition: all 500ms ease;
		transition: all 500ms ease;
		-webkit-transform: translate(-100%, 0);
		-ms-transform: translate(-100%, 0);
		transform: translate(-100%, 0);
		margin:0
	}
	/* checked nav */
	input#control-nav {
		display: block;
	}
	input#control-nav:focus ~ .control-nav {
		border-color: #000;
		box-shadow: 0px 0px 9px rgba(0,0,0,0.3);
	}
	input#control-nav:focus ~ .control-nav:before {
		background: #000;
	}
	input#control-nav:checked ~ nav,  input#control-nav:checked ~ .control-nav-close {
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	input#control-nav:checked ~ .control-nav {
		transition: all 500ms ease;
		-webkit-transform: translate( calc(100vw - 70px) , 0);
		-ms-transform: translate(calc(100vw - 70px), 0);
		transform: translate(calc(100vw - 70px), 0);
		background-color: #FFF;
		position: fixed;
		top: 50%;
		margin-top: -32px;
	}
	input#control-nav:checked ~ .control-nav:after {
		content: "\f104";
	}
	
	.modal-content {
		padding: 10px 5%;
		min-width: 88%;
	}
}

/*//////////////////////// RODAPÉ ////////////////////////////////////////*/
#rodape{
	background-image:url(/images/gestao/predios3.png);
	background-position: bottom;
	background-repeat:repeat-x;
}

.rodape {
    padding-top: 50px;
    padding-bottom: 75px;
    /*background-color: #3395BA;*/
	
    color: var(--blue-dark);
    font-size: 0.8rem;
    font-weight: 600;
}
.rodape2 {
    padding-top: 10px;
    padding-bottom: 10px;
    /*background-color: #2071b7;*/
    color: #fff;
    font-size: 0.8rem;
	font-weight:600
}
.rodape a{
    color: var(--blue-dark);
    text-decoration: none;
    font-weight: 600;
}
.rodape2 a {
    color: #fff;
    text-decoration: none;
    font-weight: 800;
}
.rodape a:hover,
.rodape2 a:hover {
    color: #ff9;
    text-decoration: none;
}
.rodape hr {
    border: #fff;
}
.done {
    background-color: #f3fcf3 !important;
    border: 1px solid green !important;
}
.erro {
    background-color: #ffe2e2 !important;
    border: 1px solid red !important;
}
.fade-in {
    animation-name: fadeIn;
    animation-duration: 1.3s;
    animation-timing-function: cubic-bezier(0, 0, 0.4, 1);
    animation-fill-mode: forwards;
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
/*.title_sessao {
    font-weight: 700;
    margin-top: 20px;
    text-align: center;
    font-size: 1.9rem;
}*/
.offscreen {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
}
a.veja_mais {
    display: inline-block;
    border-radius: 25px;
    border: 2px solid #444;
    text-transform: uppercase;
    padding: 10px 35px;
    font-size: 0.8rem;
    line-height: 0.8rem;
    font-weight: 700;
    color: #444;
}
a.veja_mais:hover {
    background: #444;
    color: #fff;
    text-decoration: none;
}

/*///// MEDIAS QUERIES //////*/
@media (max-width: 575px) {
    .rodape_cadastros {
        justify-content: center;
    }
}
@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
    .rodape-endereco,
    .rodape-erro {
        text-align: center;
    }
}
@media (min-width: 768px) {
    .rodape-endereco {
        text-align: right;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
    .rows_rodape {
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    /*#menu li a {
        padding: 8px 10px;
    }*/
}