/* GERAL */
html{padding: 0; margin: 0; font-size: 15px; position: relative;}
body {  
	background-color: #2b2c2e;
	position: relative;
	padding-top: 0;
	font-family: 'Roboto', sans-serif;
	color:#FFF;
}

.shadow{box-shadow: 1px 1px 7px 2px rgba(115,115,115,0.95);}
.separador{
	margin:1.5rem 0.5rem;
	height: 1px;
	background-color: #9c9ea0;
}
.border-bottom{border-bottom: 1px solid #9d9fa2;}

.campoRequired{ border-color: #0026DC;}

.resBusca .text-info{color:#cc7128 !important; font-weight: bold;}
/* fontes */

.ftBranco{color:#fff !important;}
.ftAzul{color:#56cdff;}
.ftChumbo{color:#18181c !important;}
.ftCinza{color:#9d9fa2;}
.ftPreto{color:#000;}

.semBack{ background:none !important;}
.bgTransparent{ background: transparent !important; }
.bgBranco{background-color: #FFF;}
.bgPreto{background-color: #000;}
.bgChumbo{background-color: #343437;}
.bgCinza{background-color: #89898b;}
.bgAzul{background-color: #0088c1;}

.contain {object-fit: contain;width: 100%;height: 100%;}
.cover {object-fit: cover;width: 100%;height: 100%;}

/* basic classes */
a{color : #56cdff; text-decoration : none;}
a:hover{color : #0088c1; text-decoration : none;}
p,div,span,input,textarea{font-family: 'Roboto', sans-serif; font-size: 1rem;color:#FFF;}
/*    14px = 0.7778rem
    16px = 0.8889rem
    18px = 1rem (base)
    20px = 1.111rem
    24px = 1.333rem
    26px = 1.444rem
    28px = 1.556rem
    30px = 1.667rem
    32px = 1.778rem
    34px = 1.889rem
    36px = 2rem
    38px = 2.111rem
    40px = 2.222rem*/
/*h1{color:#007b3f;font-size: 2.5rem;font-family: 'Open Sans', sans-serif; font-weight: bold;}
h2{color:#007b3f;font-size: 2rem;font-family: 'Open Sans', sans-serif; font-weight: bold;}
h3{color:#007b3f;font-size: 1.7rem;font-family: 'Open Sans', sans-serif; font-weight: bold;}
h4{color:#007b3f;font-size: 1.35rem;font-family: 'Open Sans', sans-serif; font-weight: bold;}
h5{color:#007b3f;font-size: 1.1rem;font-family: 'Open Sans', sans-serif; font-weight: bold;}*/
/* Navbar */
.navbar-brand img{max-width: 400px;}
#navtop.shrink{
	background-color: rgba(31,31,31,0.70);
	transition: all 0.4s ease-in-out;
}

#navtop.inicial{
	background-color: none;
	transition: all 0.4s ease-in-out;
}
#navtop.shrink .navbar-brand img{
	max-width:200px;
	transition: all 0.4s ease-in-out;
}

#navtop.inicial .navbar-brand img{
	max-width:400px;
	transition: all 0.4s ease-in-out;
}
#navtop.inicial .navbar-nav .nav-link {
	font-size: 1.2rem;
	transition: all 0.4s ease-in-out;
}
#navtop.shrink .navbar-nav .nav-link {
	font-size: 1rem;
	transition: all 0.4s ease-in-out;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
.carousel {
  background-color:none;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: auto;
}

/* HOME
-------------------------------------------------- */

/* Páginas Internas */
.conteudo{
	padding-top: 1.5rem;
}

.conteudo .card{border-color: #fff;}
.card-columns {column-count: 3;}
.listagem{
	padding-top: 1.2rem;
}
.listagem p{padding: 0rem; margin: 0; margin-bottom: 0.3em;}
.page-item .page-link {
	z-index: 1;
	color:#fff;
	background-color:#89898b;
	border-color:#89898b;
}
.page-item .page-link.disabled {
	z-index: 1;
	color:#18181c !important;
	background-color:#89898b;
	border-color:#89898b;
} 
.page-item.active .page-link {
	z-index: 1;
	color:#fff;
	background-color:#0088c1;
	border-color:#0088c1;
}
/* RESPONSIVE MEDIA QUERIES */
/* Medium Devices, Desktops (col-md-*)*/
@media only screen and (max-width : 992px) {
	html, body { 
		font-size: 14px;
	}
	#navtop.shrink .navbar-brand img{
		max-width:190px;
		transition: all 0.4s ease-in-out;
	}

	#navtop.inicial .navbar-brand img{
		max-width:300px;
		transition: all 0.4s ease-in-out;
	}
	.card-columns {
		column-count: 3;
	}
}
/* Small Devices, Tablets (col-sm-*)*/
@media only screen and (max-width : 768px) {
	html, body { 
		font-size: 13px;
	}
	#navtop.shrink .navbar-brand img{
		max-width:170px;
		transition: all 0.4s ease-in-out;
	}

	#navtop.inicial .navbar-brand img{
		max-width:260px;
		transition: all 0.4s ease-in-out;
	}
	.card-columns {
		column-count: 2;
	}
}

/* Extra Small Devices, Phones (col-xs-*)*/ 
@media only screen and (max-width : 480px) {
	html, body { 
		font-size: 12px;
	}
	
	#navtop.shrink .navbar-brand img{
		max-width:150px;
		transition: all 0.4s ease-in-out;
	}

	#navtop.inicial .navbar-brand img{
		max-width:210px;
		transition: all 0.4s ease-in-out;
	}
	.card-columns {
		column-count: 1;
	}

}