/* uso geral do site */

@font-face {
	font-family: mytFont;
	src: url(../fontes/prometo-thin.otf);
}

@font-face {
    font-family: "Gilroy";
    src: url(../fontes/GilroyLight.otf) ;
    src: url(../fontes/GilroyLight.ttf) ;
}

#mainMenu li a{
    font-family: "Gilroy" !important;
}
	#mainMenu li a.nav-link{
		font-size: 15px;
		font-weight: bold;
	}

#mainMenu li .dropdown-menu a.dropdown-item {
    font-weight: bold !important;
    font-size: 13px !important
}


* {
    /*font-family: 'mytFont', sans-serif;	*/
    font-size: 14px;
}
html,body{
    width: 100%;
    height: 100%;
    position: relative
}
body {
    margin-top: 30px;
    /*background-image: url('../img/fundo_bandeira.png');*/
    background-position: center top;
    background-repeat: no-repeat;
    font-family: "Gilroy";
    background-color: #f5f5f5
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color:#5b5b5b;
}

/*slide*/
.slide a { text-decoration: none; }
.slide .categoria{ font-size: 15px; color: yellow; font-style: italic;}
.slide .titulo{ font-size: 18px; color: white; }
.slide .categoria-mobile{ font-size: 12px; color: yellow; font-style: italic;}
.slide .titulo-mobile{ font-size: 12px; color: white; }

/*outros destaques*/
.outros_destaques .card{margin-bottom: 0px; }
.outros_destaques .card-body{height: 180px; }
.outros_destaques a{text-decoration: none; color:#000; }
.outros_destaques .categoria{font-size: 15px; color: #0067c0; font-weight: bold; margin-bottom: 5px; font-style: italic;}
.outros_destaques .titulo{font-size: 15px;}

/*botoes acessibilidade*/
#acessibilidade .botao{
	background-color: #e9e9e9;
	border: 0;
	width: 31px;
	height: 31px;
	border-radius: 8px 8px 8px 8px;
}

.botaoAcess{
	background-color: #e9e9e9;
	border: none;
	width: 40px;
	height: 40px;
	border-radius: 8px 8px 8px 8px;
	text-decoration: none;
}
.botaoAcess:active, .botaoAcess:hover, .botaoAcess:focus{
	border: none;
	outline: none;
}

/* acessibilidade contraste */
#logo-positivo,
.contrast #logo-negativo {
	display: block;
}
.contrast #logo-positivo,
#logo-negativo {
	display: none;
}

.contrast,
.contrast nav,
.contrast div,
.contrast li,
.contrast ol,
.contrast header,
.contrast footer,
.contrast section,
.contrast main,
.contrast aside,
.contrast article {
	background: black !important;
	color: white !important;
}

.contrast h1,
.contrast h2,
.contrast h3,
.contrast h4,
.contrast h5,
.contrast h6,
.contrast p,
.contrast label,
.contrast strong,
.contrast em,
.contrast cite,
.contrast q,
.contrast i,
.contrast b,
.contrast u,
.contrast span,
.contrast table {
	color: white !important;
}


/**MENU TOP**/
#menu-top a{ color: #505050; text-decoration: none; border-bottom: 2px solid transparent; }
#menu-top a:hover {color: #0067c0; text-decoration: underline; text-decoration: none; border-bottom: 2px solid #0067c0; }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	color: #fff;
	background-color: #ccc;
	color: #000;
	text-decoration: none;
}

.dropdown-item{
	font-size: 12px;
	padding: 10px 30px 10px 10px;
}


/** FORM DE PESQUISA **/
#form-pesquisa .input-group-text{background-color: transparent; border-right: 0px solid; }
#form-pesquisa .form-control{background-color: transparent; border-left: 0px solid; }


/** slide **/
.content {
	background: rgba(255, 255, 255, 0) linear-gradient(to bottom, transparent 0%, #000 90%) repeat scroll 0 0;
	position: relative;
	margin-top: -200px;
	height: 200px;
	border-radius: 0px 0px 3px 3px;
	opacity: 1;
}


/** #licenciamento **/
#licenciamento { color: #0067c0; font-size: 12px; }
#licenciamento .titulo { font-size: 18px; margin-bottom: 10px;}
#licenciamento table th { font-size: 12px; }
#licenciamento table td { font-size: 12px; line-height: 1.1; }

/** noticia **/
#noticia .titulo {
	color: #0067c0;
	font-size: 18px;
	margin-bottom: 10px;
}
#noticia .texto{
	text-align: justify;
}


/** botao servicos **/
.btn-servico-main {
	height: 100px !important;
}

.btn-servico{
	height: 170px;
	border-radius: 10px;	
	background-image: linear-gradient(-180deg, #0067C0, #003566);
}

.btn-servico #titulo{	
	font-size: 25px;
}

.btn-servico #titulo-menor{
	font-size: 15px;
}

/** noticias governo, avisos, educacao **/
#noticias-aviso-educacao .titulo,
#vaga-estagio .titulo{
	color: #0067c0;
	font-size: 20px;
	text-align: center;
	margin-bottom: 25px;
}

#noticias-aviso-educacao #avisos{
	background-color: #eee;
	height: 235px !important;
	text-align: justify;
}


/** footer **/
.box-footer{
	background-color: #ccc;
	padding: 40px;
	font-size: 13px;
}

/*servicos*/
.servicos .card {
	border-radius: 10px;	
	background-image: linear-gradient(-180deg, #0067C0, #003566);
	color: #fff;
	cursor: pointer;
}

.servicos .card-title {
	color:#fff;
}

.bannerImage {
	width: 100%;
}

.unidade-mapa {
	max-width: 100%;
}

#carouselNoticias{
	z-index: 0;
}

#carouselBanners{
	z-index: 0;
}

.btn-Detran {
    background-color: #01448a !important;
    border: 1px solid #01448a !important;
	font-size: 0.875rem !important;
}

nav#menuPrincipal {
	font-size: initial !important;
	background-color: #e2e2e2 !important;
}
.nav-link-detran-menu {
  border-right: 1px solid #cfcfcf !important;
}
.nav-link-detran-menu:hover,.nav-link-detran-menu-clicked {
	background-color: rgba(0,0,0,0.1) !important;
	border-radius: .3rem!important;
}

/*
	Modificações realizadas por Rodrigo Guedes
	1. Configuração da página de estatística - Aba e botões
*/

#abasGovBr ul{display: flex; flex-direction: row}
#abasGovBr ul li{list-style: none; width: 50%; text-align: center; padding: 10px 0; font-size: 13px; font-family: "Gilroy"; color: #164194; }

#abasProcessos{
	display: flex;
	justify-content: space-between;
	list-style: none;
	padding: 0;
	margin: 0
}
#abasProcessos li{
	border: 1px solid #c0c0c0 !important;
	background: #f5f5f5;
	padding: 10px 15px;
	width: 100%;
	text-align: center ;
	font-weight: bold;
	border-radius: 10px 10px 0 0;
	box-shadow: 0px -6px 12px #e0e0e0 inset;
	cursor: pointer 
}
#abasProcessos li.abaActive{
	border-bottom: none !important;
	/*background-color: #fff;*/
	background: #fff linear-gradient(to right, #2198D2 0, #2198D2 33%, #629123 33%, #629123 66%, #fbb900 66%, #fbb900 ) bottom no-repeat;
	background-size: 100% 10%;
	box-shadow: none;
	
}

.active{
	display: block !important;
}


.tabGovBr{
	border: 1px solid #9f9f9f
}
.tabelaBackground{
    display: flex;
    flex-direction: column;
    background:
    linear-gradient(
        to top,
        #eee 0,
        #eee 50%,
        #d9d9d9 50%,
        #d9d9d9 100%
    );
}
.tabelaHead p, .tabelaLabel p{padding: 0; margin: 0}
.tabelaHead{
    padding: 5px 0;
	height:55px;
	justify-content:center
}
.tabelaLabel{
    padding: 5px 0;
}
.tabelaHead,.tabelaLabel{
    min-height: 50%;
    justify-content: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;

}

      ul.list-estat{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-evenly
      }
      .list-estat li {
        padding:30px 10px;
        background: #fff linear-gradient(to right, #2198D2 0, #2198D2 33%, #629123 33%, #629123 66%, #fbb900 66%, #fbb900 ) bottom no-repeat;
        background-size: 100% 3px;
        text-align: center;
        font-family: Verdana, Geneva, sans-serif;
        align-content: center;
				color: #164194
      }
			.list-estat li.botaoServicoDestaque{
				width: 18.28%;
			}
			.list-estat li.botaoServicoDestaque7{
				width: 13.5% !important;
			}
			  ul.list-estat li:hover{
					transform: scale(1.075);
					transition: all .15s;
				}
			.list-estat li svg{
				font-size: 50px !important;
				padding-bottom: 10px;
			}
      .list-estat li a, .list-estat li p{
        padding: 20px 0 10px;
        text-decoration: none;
        color: #164194;
				font-size: 20px
			}

@media only screen and (max-width: 1160px) {
	ul.list-estat li.botaoServicoDestaque7{
		width:22.5% !important
	}
}

@media only screen and (max-width: 780px) {
	ul.list-estat li.botaoServicoDestaque7{
		width:31.5% !important
	}
}

@media only screen and (max-width: 555px) {
	ul.list-estat li.botaoServicoDestaque7{
		width:48.5% !important
	}
}

@media only screen and (max-width: 460px) {
	ul.list-estat li.botaoServicoDestaque7{
		width:inherit !important
	}
}

@media only screen and (max-width: 890px) {
	ul.list-estat li.botaoServicoDestaque{
		width:31.5% !important
	}
}		

@media only screen and (max-width: 540px) {
	ul.list-estat li.botaoServicoDestaque{
		width:inherit !important
	}
}			


/* 
@media only screen and (max-width: 700px) {
	ul.list-estat{
		flex-direction: column !important;
	}
		 ul.list-estat li.botaoServicoDestaque{
			width: inherit !important;
		}
		ul.list-estat li:hover{
			transform: scale(1) !important;
			
		}

} */