/* Portal Detran */
/* Autor: Prodesp 10/2013 */
/* Alterado: 31/08/2018 */
/* Geral
-------------------------------------------------- */
@import '../fontawesome/css/all.css';

* {margin: 0; padding: 0;}
*, ::after, ::before{
	box-sizing: border-box;
}

html {
	font-family: Verdana, Helvetica, sans-serif;
	color: #333;
	font-size:14px;
}

html body{background-color:#e9e9e9!important;}

body.paginaImpressao,
.bg-white{
	background-color:white!important;
}
body.paginaImpressao .govsp-topo, 
body.paginaImpressao .nav-primary{
	display:none!important;
}

body.paginaImpressao #header{margin-bottom:50px;}

table { 
	border-collapse: collapse; 
}
	
html body .layoutRow td  {
	/*width:auto!important;*/
	display: block;
	margin-left:auto;
	margin-right:auto;
}
	
html body .layoutRow td td,	
html body .layoutRow td td td,	
html body .layoutRow td td td td, 
html body .layoutRow td td td td td{
	display: table-cell;
}

tr.box_servico{
	float:left;
}

.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}

.row,.row-fluid{
	margin:0 -15px!important;
    flex-wrap: wrap;
	display:flex;
}

.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}

body .span1,
body .span2,
body .span3,
body .span4,
body .span5,
body .span6,
body .span7,
body .span8,
body .span9,
body .span10,
body .span11,
body .span12,
body .span6{
	width:100%;
	margin-left:0;
	padding:0 15px;
}

body .span3{max-width:280px;}
body .span4{max-width:33.33%;}
body .span5{max-width:50%;}
body .span6{max-width:50%;width:100%;}
.col-md-6{max-width:50%;width:100%;padding:0 15px;}
body .span8{max-width:754px;}
.col-md-8{max-width:66.66%;width:100%;padding:0 15px;}
body .span9{max-width:840px;}
body .span12{max-width:1140px;}

body .span3 .span3{padding:0!important;}

body .span6 .span1{
	max-width: 15%;
	margin:0;
}
body .span4 .span2{
	max-width: 24%;
	margin:0;
}
body .span4 .span10{
    max-width: 76%;
	padding:0 15px;
	margin:0;
}
body .span6 .span11{
    max-width: 85%;
	padding:0 15px;
	margin:0;
}

body .span3 img,
body .span4 img,
body .span5 img,
body .span6 img,
body .span8 img,
body .span9 img{
	max-width:100%;
	display:initial!important;
}

.float-right{float:right;}

.m-0 {
    margin: 0!important;
}
.mt-5, .my-5 {
    margin-top: 3rem!important;
}
.mt-3{
	margin-top: 20px;
}
.mb-3, .my-3 {
    margin-bottom: 1rem!important;
}

.mt-3, .my-3 {
    margin-top: 1rem!important;
}

.h-100 {
    height: 100%!important;
}

#destaques-rodape .row:before, #destaques-rodape .row:after{
	display:none;
}

#destaques-rodape .card .card-title {
    color: #034EA2;
    font-size: 1.2rem;
    font-weight: bold;
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 2rem 1.25rem;
}

.card-body .col-md-6 a{
	font-weight: bold;
	display: block;
	margin-bottom:1rem;
}

.border-info {
    border-color: #17a2b8!important;
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.boxServicosDash #accordion .card-header{
	margin: 4px 0 0 0;
	height:auto;
}

.boxServicosDash #accordion .card-header .btn-link{
	height: 68px;
}

#destaques-rodape .card .list-group-item {
    color: #4a77a9;
    padding: .5rem;
}

.list-group-flush>.list-group-item {
    border-width: 0 0 1px;
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0;
}

#contentSaibaMais .content h4.tit{
	background-color: rgba(0,0,0,.03);
    padding: 30px 20px;
}

#contentSaibaMais .content h4.tit:before,
#contentSaibaMais .content h4.tit:after{
	display:none;
}

#contentSaibaMais .content{
	width:47%;
	margin:0 1% 30px;
	border: 1px solid #17a2b8;
	background-color: white;
	display: inline-block;
	vertical-align: top;
}

#contentSaibaMais .content .lista1{
	padding:20px;
}

#contentSaibaMais .content .lista1 li{
	border-bottom: 1px solid rgba(0,0,0,.125);
    padding: 2px 0 6px;
}

#contentSaibaMais .content .lista1 li:last-child{
	border-bottom: none;
}

body .maisserv li .accordion-toggle{background-image:none!important;}

#accordion .card .card-header button {
	color: #034EA2;
	font-size: 1.8rem;
    font-weight: bold;
    text-align: left;
    width: 100%;
}

#dropdownMenuButton{
	text-align: left !important;
}

#ficha-servico #accordion .card-header button {
    font-size: 30px;
}

#accordion .card .card-header button.collapsed {
    color: #000;
}

#accordion .card [data-toggle="collapse"] .fa:before {
    content: "\f105";
}

#accordion .card [data-toggle="collapse"].collapsed .fa:before {
    content: "\f107";
}

#destaques-rodape .carousel{
	margin-bottom: 25px;
}

#destaques-rodape .carousel-inner > .item > img, 
#destaques-rodape .carousel-inner > .item > a > img{
	width: 100%;
	height: auto;
}

.govsp-topo,
#govsp-rodape {
  padding: 0;
}

#govsp-topbarGlobal {
  z-index: 100 !important;
}

.imgLoginFace,
.imgLoginNativo,
.imgCadastro {
  background-size: 100% !important;
}

.social-login,
.social-label {
  padding: 5px !important;
  line-height: normal;
}

.nav-tabs.nav-stacked > li > a > img{
	margin-right: 10px;
}


img {border: none;}
/* small { font-size: 12px;} */



.btn-icone-editar,
.btn-icone-excluir{
  min-width: auto!important;
  min-height: auto!important;
  width:auto!important;
}

.dialogmodal .dmDialogBorder{
	z-index:999;
}

/* Esconde texto de Acessibilidade */
.esconder {
	display: block;
	height: 1px;
	width: 1px;
	left: -999em;
	overflow: hidden;
	position: absolute;
}

.bottom-reset{
	margin-bottom:0 !important;
}

.margin-reset{
	margin:0 !important;
}

.bottom-10{
	margin-bottom:10px !important;
}

.bottom-20{
	margin-bottom:20px !important;
}

.top-10{
	margin-top:10px !important;
}

.margin-side{
	margin:0 10px;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.d-none {
    display: none!important;
}

.w-100{
	width: 100% !important;
}

#myImage{
	width: 100% !important;
}

@media (min-width: 1140px){
	.d-lg-block {
		display: block!important;
	}
}

.nav-tabs.nav-stacked{margin-bottom:30px;}

/* Links
-------------------------------------------------- */


a:focus {
    color: #369;
    text-decoration: none;
	outline: -webkit-focus-ring-color auto 1px!important;
	box-shadow: none!important;
}

:focus{
    text-decoration: none;
	outline: -webkit-focus-ring-color auto 1px!important;
	box-shadow: none!important;
}

/* Botao Voltar ao Topo */
#back-top {
	position: fixed;
	bottom: -13px;
	z-index: 99;
	left: 50%;
	margin-left: 500px;
	display: none;
}
#back-top span {
	width: 42px;
	height: 23px;
	display: block;
	margin-bottom: 71px;
	background: url(../img/icon_topo.png) no-repeat left 0px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader() !important;
}

/* Tipografia
-------------------------------------------------- */
h1.tit{ font-size: 2.5rem; line-height: 2.8rem; }

h1, h2, h3, h4, h5, h6{
	margin-bottom:20px;
}

h1.tit,
h2.tit{
	color: #000;
	font-weight: bold;
	line-height: normal;
    margin-bottom: 60px;
    padding: 40px 0 15px;
    text-transform: uppercase;
}

h2.tit{
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
}

h2.tit2{
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
	margin-bottom:10px;
}

h1.tit:before,
h2.tit:before,
h3.tit:before,
h4.tit:before{
	content:"";
	display:block;
	background: url(../img/bg-tit.png) no-repeat left top;
	width:100%;
	height:16px;
	margin:-40px 0 24px;
}

h1.tit:after,
h2.tit:after,
h3.tit:after,
h4.tit:after{
	content:"";
	display:block;
	background: url(../img/bg-tit.png) no-repeat left bottom;
	width:100%;
	height:12px;
	margin-bottom: -40px;
}

/* usado na ficha de servicos */
h2.tit-web{
	font-size:18px;
	line-height:1.5em;
	background-color:#369;
	padding:3px;
	color:#FFF;
	text-align:center;
	border-radius:4px;	
}


h2.borda{
	border-bottom:1px solid #333;
}

/* usado na ficha de servicos */
h3.tit{
	font-size:100%;
	margin-bottom:5px;
}

/* usado na listagem de noticias */
h4.tit{
	font-size: 100%;
	color: #666;
	border-bottom: 1px solid #999;
	margin-bottom: 8px;
}

.noticias-tit{
	margin-top:20px;
}

html body p{
	font-size: 0.97em \0/IE8;
	margin-bottom: 10px;
	line-height: 1.5em;
	margin-bottom: 1rem;
}

/* usado na barra de login */
.acesse p{
	font-size:100% !important;
	font-weight:bold;
	font-style:italic;
	margin-bottom:10px;
}

/* faca seu cadastro */
#content p.faca{
	margin-bottom:10px;
	font-size:142.85%;
	font-weight:bold;
}

#content p.botao{
	margin-bottom:20px;
}

/* Header
-------------------------------------------------- */
.govsp-link{
	border: 1px solid!important;
	padding: 7px 10px!important;
}

.govsp-acessibilidade{
	margin-left:2px;
}

div#govsp-topbarGlobal div#topbarGlobal{
	margin-bottom:0!important;
}

#header {
	height: auto;
	display:block;
	float:none;
	clear:both;
	background-color:#FFF;
}

#header .row{
	margin-bottom:0;
}

.btn_top{
	font-size: 78.5%;
	margin-top: 5px;
}

.btn_top a, .btn_top .cadastrese{
	margin-left:10px;
	cursor: pointer;
	display: initial;
}

.btn_top i{
	margin-right:2px;
	margin-top: -1px;
}

.boxIconesTopo{
	position: relative;float: left;width: 100%;margin: -3px 0 -6px 0;
}

.iconesTop{
	width: 80%;height: 23px;float: right;
}

.iconTop{
	width: 23px;height: 23px; float: right; margin: 0 0 0 20px !important;
}
/*
.iconTop_log{
	width: 23px;height: 23px; float: right; margin: 0 0 0 8px !important;
}
*/
.ico_top_msg{
	background: url(https://www.detran.sp.gov.br//DTRN/theme/imagens/ico_top_msg.png) no-repeat;
}

.ico_top_meu{
	background: url(https://www.detran.sp.gov.br//DTRN/theme/imagens/ico_top_meu.png) no-repeat;
}

.ico_top_cad{
	background: url(https://www.detran.sp.gov.br//DTRN/theme/imagens/ico_top_cad.png) no-repeat;
}

.ico_top_disque{
	background: url(https://www.detran.sp.gov.br//DTRN/theme/imagens/ico_top_disque.png) no-repeat;
}

.ico_top_duvidas{
	background: url(https://www.detran.sp.gov.br//DTRN/theme/imagens/ico_top_duvidas.png) no-repeat;
	width: 24px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
}
	
.ico_top_sair{
	background: url(https://www.detran.sp.gov.br//DTRN/theme/imagens/ico_top_sair.png) no-repeat;
}

.icoAlert{
	background: #e13a2b; position: absolute; padding: 1px 2px; margin: -3px 0 0 -6px;  color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}

.boxNomeTop {
	float: right;line-height: 23px;
}

.boxLinkTop {
	max-width: 140px;
}
/*
.boxLinkTop:after{
	content:" Entrar";
}
*/
/* logo */
#logo{	
	display:inline-block;
	float:left;
    padding: 12px 15px 10px;
    margin-right: 10px;
}

#logo h1{display:none}

.negativeMargin10 {
	margin-top: -10px;
	z-index: 1;
	}

.headerLinks {
	z-index: 2;
	position: relative;
	}


/* busca */
#busca{
	margin-top:21px;
}

#busca button[type="submit"]{
	width:50px;
	height:29px;
}

.input-append .btn-inverse	{
	height:30px;
}


.boxCadastro input.input[type="text"],
.boxCadastro textarea, 
.boxCadastro input.input[type="password"], 
.boxCadastro input.input[type="datetime"], 
.boxCadastro input.input[type="datetime-local"], 
.boxCadastro input.input[type="date"], 
.boxCadastro input.input[type="month"], 
.boxCadastro input.input[type="time"], 
.boxCadastro input.input[type="week"], 
.boxCadastro input.input[type="number"], 
.boxCadastro input.input[type="email"], 
.boxCadastro input.input[type="url"], 
.boxCadastro input.input[type="search"], 
.boxCadastro input.input[type="tel"], 
.boxCadastro input.input[type="color"],
.endereco .cep{
	background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    display: inline-block;
    height: auto!important;
    padding: 4px 6px;
    margin-bottom: 10px;
    color: #555555;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    margin-right: 10px;
}

table select{
	box-sizing: border-box;
    padding: 4px 6px;
    border: 1px solid #cccccc;
    height: auto;	
}

/* Barra Amarela com Botao Dropdown
-------------------------------------------------- */
#barra_button_login{
	border-bottom:3px solid #f0ff76;
	background-color:#FFF;
	overflow: hidden;
}

/* botao de login */
.btn_login{
	background-color:#F0FF76;
	border-radius:4px 4px 0 0;
	text-align:center;
	height:30px;
	cursor:pointer; /*IE7*/
}

p.btn_login{
	line-height:33px !important;
	font-size:12px !important;
	margin-bottom:0 !important;
}

.button_login i{
	margin-left:2px;
	vertical-align: text-bottom;
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus{
	background-color: #034EA2!important;
}

ul.nav {background-color:transparent;}

/* Barra Amarela com Login
-------------------------------------------------- */
/* barra amarela */
#barra_login{
	width:100%;
	background-color:#F0FF76;
	font-size:12px;
	padding:10px 0;
}

#barra_login .row{
	margin-bottom:0;
}

#barra_login .form-inline{
	margin:5px 0;
}

#barra_login select.tipo{
	width:85px;
}

a:link.button_login, a:hover.button_login, a:active.button_login, a:visited.button_login {
	text-decoration: none; 
	color: #000;
}

/*
.acesse{
	background:url(../img/maisServico.png) 304px center no-repeat;	
	display:block;
	width:400px;
	cursor:pointer;
} */

.acesse {
    background: url(../img/maisServico.png) 0px bottom no-repeat;
	display: block;
	width: 100%;
    max-width: 400px;
    text-indent: 25px;
    height: 56px;
}

.acesse a span {
	color: #3098C8;
}

.acesse h1{
	width: 190px;
	height:26px;
	text-indent:-999em;
	background:url(../img/tit_acesse.png) no-repeat;
	margin: 7px 0 5px;
    float: left;
}

.acesse p {
	line-height: 1.7em !important;
	margin: 0px !important;
	float: left;
}

.maisservico-carousel {
    background: url(../img/maisServicoLado.png) no-repeat;
    position: absolute;
    right: -5px;
    top: 80%;
    width: 52px;
    height: 100px;
    margin-top: -18px;
}

#barra_login .ajuda a{
	text-decoration:underline;
	margin-left:7px;
}

#barra_login .ajuda i{
	margin-right:2px;
}

#barra_login {
	padding:10px 0px 0px 0px;	
}

.cadastre-se{
	padding:10px 0px 0px 0px;	
	width: 437px;
    	float: left;
    	min-height: 1px;
    	margin-left: 20px;
	margin-bottom:10px;
}

.cadastre-se p {
	line-height:1.2em !important;
}

.loginFacebook {
	padding-top: 12px;
}

.btnLogin {
    line-height: 16px !important;
    font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
    padding: 4px 14px !important;
}

#barra_login .cadastre-se .form-inline{
	margin-bottom:10px;
}

#barra_login p.ainda{
	margin-bottom:10px;
	font-size:100%;
}

#barra_login p{
	font-size:12px;
	margin-top:10px;
}


/* Logado */
h1.bem_vindo{
	width: 382px;
	height:27px;
	text-indent:-999em;
	background:url(../img/tit_bem_vindo.png) no-repeat;
	margin-bottom:5px;
}

#barra_login .botoes button{
	width:140px;
}

#barra_login .botoes p{
	margin-bottom:5px;
}

#barra_login .botoes button.last{
	margin-bottom:0;
}

#barra_login .saudacao{
	text-align:right
}

#barra_login .saudacao p{
	line-height:1.5em;
	font-size:100%;
}

#barra_login .saudacao p.clique{
	font-size:12px;
	margin-top:10px;
}

/* Circulos Rotativos
-------------------------------------------------- */
#circulos_rotativos{
	width:100%;
	background:#CCC url(../img/bg_nav_main_home.gif);
	border-top:1px solid #A9A9A9;
	border-bottom:1px solid #A9A9A9;
	margin-bottom:20px;
	height: 136px;
	overflow: hidden;
}

#circulos_rotativos .item{
	height:185px;
	margin-left: 88px;
}

#circulos_rotativos ul{
	list-style-type:none;
}

#circulos_rotativos li{
	display:inline-block;
	height:185px;
}

#circulos_rotativos li a{
	display:inline-block;
	/*height:185px;*/
	text-align:center;
	font-size: 78.5%;
	font-weight:bold;
	line-height:14px;
	padding-top:10px;
}

#circulos_rotativos li a:hover{
	text-decoration:none;
}

#circulos_rotativos li.cnh_vencimento{
	background:url(../img/circulo_cnh_vencimento.png) center 27px no-repeat;
}

#circulos_rotativos li.veiculo_venda{
	background:url(../img/circulo_veiculo_venda.png) center 27px no-repeat;
}

#circulos_rotativos li.cnh_1a{
	background:url(../img/circulo_cnh_1a.png) center 27px no-repeat;
}

#circulos_rotativos li.cnh_mudanca_end{
	background:url(../img/circulo_cnh_mudanca_end.png) center 27px no-repeat;
}

#circulos_rotativos li.cnh_A{
	background:url(../img/circulo_cnh_A.png) center 27px no-repeat;
}

#circulos_rotativos .carousel-control.left {
  left: 18px;
}

#circulos_rotativos li.geral{
	background:url(../img/btn_geral.png) center 27px no-repeat;
}

.banner_carrosel{
    	position: relative;
    	width: 161px;
    	float:left;
    	padding-top: 2px !important;
}

.banner_carrosel img{
    	margin: 2px 0 -3px 0;
}

.slick-slide{
	height: auto!important;
}

/* Navegacao Principal
-------------------------------------------------- */

.btn-navbar{
    opacity: 0.5;
    background: transparent url(../img/menu/mobile-nav-button.png);
    background-color: transparent!important;
    background-size: 100%;
    width: 40px!important;
    height: 40px;
    float: right;
    border: 0!important;
    margin: 10px!important;
}

.btn.btn-navbar:hover,.btn.btn-navbar:focus{
	background: transparent url(../img/menu/mobile-nav-button.png);
    background-size: 100%;
	background-position:initial!important;
}

@media only screen and (min-width: 767px){
	.nav-collapse{
		display: flex!important;
		height: auto!important;
		visibility: visible!important;
		overflow: initial!important;
	}
	#nav_main ul{
		display: flex!important;
	}
	.btn-navbar{display:none!important;}
	.cadastrese{
		margin-top: 4px;
		text-align: left;
		font-weight:bold;
	}

	.affix {
		position: relative!important;
		top: 0!important;
		margin-top: 20px!important;
	}
				
	.affix-bottom	{
		position:absolute;
	}	
	.d-md-block {
		display: block!important;
	}
}

@media screen and (max-width: 1200px) and (min-width: 767px){
	.cadastrese{
		margin-top: 10px;
		width: 25%;
	}
}

@media only screen and (max-width: 767px){
	.nav-primary .btn{width:100%;}
	.nav-collapse{
		clear:both;
		margin: 0 auto;
		display: block!important;
		width: 80%;
		overflow:initial!important;
	}
	#nav_main{
		width: 100%;
	}
	#nav_main li{
		display:block!important;
		text-align:center;
		margin-right:0!important;
	}
	.cadastrese{
		text-align:center;
		width:100%;
	}
	.boxLinkTop{max-width:none;}
	#footer .links{
		width:100%;
		display:block;
		float:none;
	}
	#footer .links li{
		display:block!important;
		border: 1px solid #c4c4c4;
		padding: 5px;
		text-align: center;
	}
	#footer .links li a{
		border-right:none;
	}

}

@media only screen and (max-width: 575px){
	.nav-collapse{
		width: 100%;
	}
}

.dropdown-menu .dropdown-item{
	display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
	border: 0;
	box-sizing: border-box;
}

.cadastrese,
.nav-primary .btn,
.nav-primary .btn:hover, 
.nav-primary .btn:focus, 
.nav-primary .btn:active, 
.nav-primary .btn.active, 
.nav-primary .btn.disabled, 
.nav-primary .btn[disabled]{
	background-color: #034EA2;
	color:white!important;
	display: inline-block;
	padding: 1rem;
	box-sizing: border-box;
}

.nav-primary{
	background: linear-gradient(90deg, #fff 60%, #034EA2 40%);
	font-size:1rem;	
	margin-bottom:50px;
}


.nav-primary .btn,
.nav-primary .btn, .btn-padrao{
	border-color:#034EA2!important;
	background-color:#034EA2!important;
	color:white!important;
	border:none;
	padding-top: 14px;
	border-radius: 0;
}

.btn-claro {
	border-color:#4a77a9!important;
	background: #4a77a9!important;
	color:white!important;
}

body #nav_main{
	background-color:black;
	display: inline-block!important;
	padding:15px 15px 0;
	font-weight: bold!important;
	box-sizing: border-box;
	min-width:80%;
}

#nav_main .row{
	margin-bottom:0;
}	

#nav_main li{
	list-style-type:none;
	display:inline-block;	
}

#nav_main li a{
	display:inline-block;
	color:white;
	padding:.5rem 10px .68rem;
	border-bottom:10px solid transparent;	
	box-sizing: border-box;
}

.nomeUsuarioLogadoSemIp:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

#nav_main li a:hover, #nav_main li a.active{
	border-color: #034EA2;
}

#nav_main li a.cnh:before{
	content:"";
	display:inline-block;
	width:50px;
	height:30px;
	vertical-align: middle;
	margin-right:4px;
	background:url(../img/menu/icon-cnh.png) center center no-repeat;
}

#nav_main li a.veiculos:before{	
	content:"";
	display:inline-block;
	width:50px;
	height:30px;
    vertical-align: middle;
	background:url(../img/menu/icon-veiculos.png) center center no-repeat;
}

#nav_main li a.infracoes:before{
	content:"";
	display:inline-block;
	width:50px;
	height:30px;
    vertical-align: middle;
	background:url(../img/menu/icon-infracoes.png) center center no-repeat;
}

#nav_main li a.educacao:before{
	content:"";
	display:inline-block;
	width:50px;
	height:30px;
    vertical-align: middle;
	background:url(../img/menu/icon-educacao.png) center center no-repeat;
}

/* Rodape
-------------------------------------------------- */
#footer{
	position:relative;
	bottom: 16px;
	margin-top: 60px;
	background-color:white;
}

div#govsp-footer-bottom{
    top: 68px!important;
}

#footer .bg_azul{
	background: #fff;
	-webkit-border-bottom-right-radius: 30px;
	-moz-border-radius-bottomright: 30px;
	border-bottom-right-radius: 30px;
	padding-bottom:20px;
}

#footer .bg-bandeira{
	background: #fff;
	padding-top:40px;
	padding-bottom:40px;
}

#footer .links {
    margin-top: 10px;
    float: left;
}

#footer .links li{
	display:inline;
}

#footer .links a{
	font-size:100%;
	font-weight:bold;
	color:black;
	margin-right:10px;
	border-right:1px solid black;
	padding-right:10px;
}

#footer .links li:last-child a{
	border-right:none;
}

#footer .social{
	float:right;
}

#footer .social li{
	display:inline;
}

#footer .social li a{
	display:inline-block;
	margin-left:10px;
	width:35px;
	height:34px;
	text-indent:-999em;
	background-image:url(../img/footer/icon_social_sprite.png);
	font-size: 0;
	background-repeat: no-repeat;
}

/* icones cinza */
#footer a.apps{
	background-position: 0 0;
}

#footer a.disque{
	background-position: -45px 0;
}

#footer a.fale{
	background-position: -90px 0;
}

#footer a.ouvidoria{
	background-position: -135px 0;
}

#footer a.youtube{
	background-position: -180px 0;
}

#footer a.twitter{
	background-position: -225px 0;
}

#footer a.facebook{
	background-position: -270px 0;
}

#footer a.sic{
	background-position: -315px 0;
}

/* icones com cor */
#footer a.apps:hover{
	background-position: 0 -44px;
}

#footer a.disque:hover{
	background-position: -45px -44px;
}

#footer a.fale:hover{
	background-position: -90px -44px;
}

#footer a.ouvidoria:hover{
	background-position: -135px -44px;
}

#footer a.youtube:hover{
	background-position: -180px -44px;
}

#footer a.twitter:hover{
	background-position: -225px -44px;
}

#footer a.facebook:hover{
	background-position: -270px -44px;
}

#footer a.sic:hover{
	background-position: -315px -44px;
}

#footer .logo-governosp {
    width: 185px;
    height: 70px;
    background: url(../img/logo_bg.gif) no-repeat;
    margin-top: 60px;
    margin-left: 755px;
    margin-bottom: 5px;
    display: flex;
}

#footer .logo-detran {
    width: 160px;
    height: 45px;
    text-indent: -999em;
    display: block;
    background: url(../img/logo-detran-footer.png) no-repeat;
    position: absolute;
    bottom: 115px;
}



/* Conteudo
-------------------------------------------------- */
#content{
	margin-bottom: 15px;
	min-height: 400px;
	height: 400px;
	height: auto !important;
	width: 100%;
	max-width:none;	
}

.parceiros #content{
	min-height: 200px;
	height: 200px;
}

.imagem_captcha{
	margin:10px 0;
}


/*CAPTCHAS MAI?SCULO*/

.captchaJ {
  text-transform: uppercase;
}

/* Boxes
-------------------------------------------------- */
.box{
	border:1px solid #CCC;
	border-radius:4px;
	height: 250px;
	padding:20px 15px;
	overflow:hidden;
	background-color:#FFF;
	position:relative;
}

.boxmenor{
	height: 196px !important;
}

.box h2{
	text-indent:-999em;
	height:24px;
	margin-bottom:10px;
}

/* Parceiros */
.box-parceiros{
	height: 220px;
}

.box-parceiros h2{
	width:275px;
	height:70px;
	display:block;
}

.medicos h2{
	background:url(../img/tit_medicos.png) no-repeat;
}

.cfc h2{
	background:url(../img/tit_cfc.png) no-repeat;
}

.despachantes h2{
	background:url(../img/tit_despachantes.png) no-repeat;
}

.examinadores h2{
	background:url(../img/tit_examinadores.png) no-repeat;
}

.desmanche h2{
	background:url(../img/tit_desmanche.png) no-repeat;
}

.ecvs h2{
	background:url(../img/tit_ecvs.png) no-repeat;
}


/* Servicos Online
-------------------------------------------------- */
.servicos_online h2{
	background:url(../img/tit_servicos_online.png) no-repeat;
}

.servicos_online table a{
	font-size:100%;
	font-weight:bold;
}

.servicos_online td{
	height:40px;
	padding-left:25px;
	vertical-align:middle;
}

.servicos_online .nro1{
	background:url(../img/nro1.png) left center no-repeat;
}
.servicos_online .nro2{
	background:url(../img/nro2.png) left center no-repeat;
}
.servicos_online .nro3{
	background:url(../img/nro3.png) left center no-repeat;
}
.servicos_online .nro4{
	background:url(../img/nro4.png) left center no-repeat;
}
.servicos_online .nro5{
	background:url(../img/nro5.png) left center no-repeat;
}

/* O que fazer
-------------------------------------------------- */
.oquefazer h2{
	background:url(../img/tit_oquefazer.png) no-repeat;
}

.oquefazer{
	padding:20px 0px 20px 15px;
}

.oquefazer li{
	position:relative;
	list-style-type:none;
	display:inline-block;	
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	border: 1px solid #ddd;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}

.oquefazer li img{
	display:block;
	margin:3px auto 0 auto;
}

.oquefazer li a{
	position:relative;
	width:110px;
	height:90px;
	font-size:12px;
	font-weight:bold;
	float:left;
	text-align:center;
	padding:0 10px;
	overflow:hidden;
}

.oquefazer li a:hover, 
.oquefazer li a:focus{
	border-color: #0088cc;
  	-webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
     -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
          box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}

.imagemOu{
	max-height: 54px;
    object-fit: cover;
    width: 416px;
}

li a.ico_documento{
	background: url(../img/icon_habilitacao_peq.gif) no-repeat 5px center;
	padding-left: 45px !important;
}
li a.ico_veiculo{
	background: url(../img/icon_veiculo_peq.gif) no-repeat 5px center;
	padding-left: 45px !important;
}

p.tit_opcao { color: #369;}

/* Noticias Home
-------------------------------------------------- */
.noticias h2{
	background:url(../img/tit_noticias.png) no-repeat;
	padding-bottom:15px;
}

.noticias > ul > li:first-child{
	width:280px;
	height:200px;
	float:left;
	margin-right:20px;
}

.noticias > ul > li:first-child img{
	margin-bottom:5px;
}

.noticias > ul > li:first-child .categ{
	margin-bottom:7px;
}

.noticias li{
	list-style-type:none;
	margin-bottom:20px;
}

.noticias span.categ{
	font-size:12px;
	font-weight:bold;
	color:#285ba7;
	display:block;
	margin-bottom:2px;
}

.noticias li a.texto{
	font-size:100%;
	font-weight:normal;
	line-height:1.5em;
}

/* Botao Ver mais
-------------------------------------------------- */
/* ver mais */
.box p.mais, .box-grupo p.mais, .box-servicos p.mais{
	position:absolute;
	bottom:0;
	right:15px;
}

.box-faq p.mais{
	margin-bottom:10px;
}

p.mais{
	display:block;	
	clear:both;
	float:none;
}

p.mais a{
	font-size:12px;
	font-weight:bold;
	padding-left:14px;
	background:url(../img/icon_mais.gif) left center no-repeat;
}

#content p.linha{
	border-top:1px dotted #CCC;
	margin-top:20px;
	padding-top:10px;
}

/* Campanhas
-------------------------------------------------- */
.campanhas h2{
	background:url(../img/tit_concurso_publico.png) no-repeat;
}

.campanhas li{
	list-style-type:none;
	margin-bottom:20px;
	display:inline-block;
}

.campanhas li a{
	font-size:100%;
	font-weight:bold;
	color:#666;
	line-height:18px;
}

.campanhas li span.area-figura{
	float:left;
	overflow:hidden;
	text-align:center;
}

.campanhas li img{
	max-width:65px;	
	max-height:75px;
	margin-right:15px;
}

/* Box Facebook
-------------------------------------------------- */
.box-facebook{
	background-color:#FFF;
	border-radius:4px;
	border:1px solid #CCC !important;
}

/* alterando css do plugin */
#facebook ._4ki > li._43q7{
	width:50px !important;
	border:1px solid red !important;
}

#facebook ._4ki > li > a.link{
	width:50px !important;
	border:1px solid red !important;
}

#facebook ._4ki > li > img.img{
	width:50px !important;
	border:1px solid red !important;
}

/* TV Detran
-------------------------------------------------- */
.videos h2{
	background:url(../img/tit_tv.png) no-repeat;
}

.videos .youtube{
	width:270px;
	height:190px;
	position:absolute;

}

.img_video{
	float: left;
	margin:0 20px 10px 0;
	width:120px;
	height:90px;

}

.lista_video{
	float: left;
	margin-bottom:20px;
	width: 100%;
}

.lista_video p{
	font-size:12px !important;
}

.lista_video small{
	font-size:78.5% !important;
}

/* Enderecos
-------------------------------------------------- */
.enderecos h2{
	background:url(../img/tit_enderecos.png) no-repeat;
}

.enderecos ul li{
	line-height:18px;
	margin-bottom:5px;
	font-size:100%;
	list-style-type: none;

}

.enderecos ul li a{
	padding-left: 14px;
	background: url(../img/bullet_seta_preta.gif) left 3px no-repeat;	
	line-height:1.5em;
	margin-bottom:5px;

}

ul.lista_enderecos li{
	line-height:30px;
	margin-bottom:5px;
	font-size:16px;
	font-weight: bold;
	list-style-type: none;		
	padding-left: 14px;
		background: url(../img/bullet_quad_preto.gif) left 12px no-repeat;
}

ul.lista_enderecos li ul li{
	line-height:22px;
	margin-bottom:5px;
	font-size:100%;
	list-style-type: none;	
	font-weight: normal;
	background: none;
	background: url(../img/bullet_seta_preta.gif) left 6px no-repeat;



}

ul.lista_enderecos li ul li ul li{
	line-height:18px;
	font-size:13px;
	background: none;
	padding-left: 14px;
}

address {
  font-size: 100%;
}


/* Comunicados
-------------------------------------------------- */
.comunicados h2{
	background:url(../img/tit_comunicados.png) no-repeat;
}

.comunicados h4{
	background-color: #FFF;
	width: 66px;
	height: 14px;
	padding: 2px;
	color: #004F77;
	font-size: 1.0em;
	margin: 0;
}
.comunicados h3{	
	padding-top: 4px;
	font-size: 13px;
	margin-bottom: 5px !important;
}
.comunicados h3 a{ text-decoration: none;color: #007DC5;}

.comunicados p{
	font-size: 78.5% !important;
}


/* Estatisticas de Transito
-------------------------------------------------- */
.estatransito{
	background: #e8f5ed url(../img/bg_estatistica.gif) no-repeat bottom;
}

.estatransito h2{
	background:url(../img/tit_estatransito.png) no-repeat;
}

.estatransito p{
	font-size: 78.5% !important;
	font-weight: bold;
}
.estatransito ul{
	margin-left: 10px;
	margin-bottom: 22px;	
	list-style: none;
	font-size: 12px;
	line-height: 22px;
}

.estatransito ul li{text-decoration: none;font-weight:bold;}

.estatransito ul li a {
	background:url(../img/bullet_seta_preta.gif) center left no-repeat;
	padding-left:10px;
	color: #004F77;
}

/* Unidades
-------------------------------------------------- */
.unidades h2{
	background:url(../img/tit_unidades.png) no-repeat;
}

.unidades ul li{
	line-height:18px;
	margin-bottom:5px;
	font-size:100%;
	list-style-type: none;
}

.unidades ul li a{
	padding-left: 14px;
	background: url(../img/bullet_seta_preta.gif) left 3px no-repeat;	
	line-height:1.5em;
	margin-bottom:5px;
}

.unidades p{
	font-size: 78.5% !important;
	font-weight: bold;
}

/* Legislacao
-------------------------------------------------- */
.legislacao h2{
	background:url(../img/tit_legislacao.png) no-repeat;
}

.legislacao ul li{
	line-height:18px;
	margin-bottom:5px;
	font-size:100%;
	list-style-type: none;
}

.legislacao ul li a{
	padding-left: 14px;
	background: url(../img/bullet_seta_preta.gif) left 3px no-repeat;	
	line-height:1.5em;
	margin-bottom:5px;
}

/* Servicos
-------------------------------------------------- */
.box-servicos {
	position:relative;
	margin-bottom:10px;
	border:1px solid #CCC;
	border-radius:5px;
	padding:15px;
	min-height: 140px;
	/* height: 210px !important; */
	height: auto;
	background:#F9F9F9 url(../img/bg_listras.png) repeat-x;
}

.box-servicos h3{
	margin-bottom: 50px;
	/* border-bottom:1px dotted #CCC; */
	padding-bottom:5px;
	line-height:1.3em;
	font-size: 142.85%;
	text-decoration: none;
	color: #333;
}
.box-servicos a{
	text-decoration: none;
	color: #333;
}

.box-servicos.menor h3{
	font-size: 16px;
}

.box-servicos img.quadro_grande{
	float: left;
	margin:0 20px 20px 0;
	display:block;
	width:100px;
	height:100px;
}

.box-servicos span.etiqueta{
    margin-bottom: 5px;
}

.box-new-model img{
	float: left;
	margin:0 20px 10px 0;
	display:block;
	width:100px;
	height:100px;
}

a.link_box_servico:hover{
	text-decoration: none;
	color: #333;
}
.span6 a:focus,.span6 a:hover{
	text-decoration: none;
	color: #333;
}

.span4 a:focus,.span4 a:hover{
	text-decoration: none;
	color: #333;
}

.box-sidebar{	
	width:280px!important;
	box-sizing: border-box;
}

.box-faq{
	background:#dfefff url(../img/bg_listras.png) repeat-x;
}

.box-faq h3{
	background:url(../img/tit_faq.png) no-repeat;
	display:block;
	height:38px;
	text-indent:-999em;
	border-bottom:none;
	margin-bottom:5px;
}

.box-servicos div.box-titulo{
	height:80px;
}

.boxCaptcha .tit::after,
.boxCaptcha .tit::before{
	display: none;
}
.boxCaptcha .tit{
	font-size: smaller;
}
/* breadcrumbs (migalhas)
-------------------------------------------------- */

.wpthemeControlBody{
	max-width:1140px;
	margin:0 auto;
}

#breadcrumb{margin-bottom:2rem;}

#breadcrumb li{display:inline-block;margin-right:5px;}
#breadcrumb li:before{content:"»";display:inline-block;padding-right:5px;}
#breadcrumb li:first-child:before{display:none}
#breadcrumb li a{font-weight:bold;text-decoration: underline;color:#666;}

ul#breadcrumbs {
	color: #666;
	margin: -20px 0 15px;
	font-size:12px;

}
ul#breadcrumbs li {
	padding: 0;
	display: inline;
	background: none;
	font-weight:bold;
	line-height:50px;
}
ul#breadcrumbs li a {
	display: block;
	padding-right: 12px;
	margin-right: 5px;
	background: url(../img/bullet-right_dupla.gif) no-repeat right center;
	float: left;
	color: #666;
	font-weight: normal;
	text-decoration:underline;
}

/* Noticias Internas
-------------------------------------------------- */
.filtro{
	width:100%;
	background-color:#F1F1F1;
	border:1px solid #CCC;
	margin-bottom:20px;
}

.filtro_conteudo{
	padding:10px;
}

.filtro label{
	margin-left:20px;
	vertical-align:text-top;
}

img.foto{	
	max-width:898px;
	margin:10px 0;
}

#content p.data_pub {
	font-size:12px;
	font-weight:bold;
	color: #999;
	margin-bottom:0;
}

/* Listas
-------------------------------------------------- */
/* usado em noticias, campanhas, o que fazer, servicos */
.lista1, .lista2 {
	margin-bottom:20px;
	font-size:100%;	
	list-style-type: none; 
}

.lista1 li{
	padding-left: 12px;
	background: url(../img/bullet_seta_preta.gif) left 6px no-repeat;	
	line-height:1.5em;
	margin-bottom:5px;
}

/* usado no menu lateral de servicos */
.lista2 li{
	border-bottom:1px dotted #CCC;
	padding-top:10px;
	padding-bottom:10px;
}

.lista2 li.active a{
	font-weight:bold;
	color:#666;
}

#accordion .card{
	background: none !important;
	border: none;
}

#accordion .card .card-header {
    background: none;
    border: none;
	border-bottom: 1px solid #034EA2;
    padding-left: 0;
}

#accordion .card .card-header h5{
	margin-bottom: 0;
}

#accordion .card .card-header button:focus{
	outline: none !important;
	border: none!important;
}

.accordion-inner .lista2 li a{
	display:block;
}

.accordion-inner .lista2 li:first-child{
	padding-top:0;
}

.accordion-inner .lista2 li:last-child{
	border-bottom:none;
	padding-bottom:0;
}

.lista3, .lista3_menor{
	margin-bottom:20px;
	list-style-type:none;
}

.lista3 li{
	line-height:1.5em;
	margin-bottom:7px;
	font-size:100%;
}

.lista3 label{
	font-weight:bold;
	display:block;
}

.lista3 li.inline label{
	display:inline;
}

.box-faq .lista1 li{
	margin-bottom:10px;
	color:#666;
}

/* Menu Lateral sem fundo - usado em servicos
-------------------------------------------------- */
.sidebar form{	
	margin-bottom:20px;
}

.sidebar p.exibir{
	font-size:16px;
	margin-bottom:5px;
	font-weight:bold;
}

.btn-sidebar{
	width:196px;
	*width:210px; /* IE7 */
	margin-bottom:20px;
}

/* Veja Mais
-------------------------------------------------- */
.box_vejamais{
	margin-bottom:20px;
	border:1px solid #CCC;
	border-radius:5px;
	padding:15px;
	background:#dfefff url(../img/bg_listras.png) repeat-x;
}

.box_vejamais h3{
	margin-bottom:10px;
	font-size:100%;
	border-bottom:1px dotted #CCC;
	padding-bottom:5px;
	line-height:1.3em;
}


.box_vejamais li{
	list-style-type:none;
	margin-bottom:10px;
}

.box_vejamais li{
	margin-bottom: 7px \0/IE8;
}



.box_vejamais li a{
	font-size:100%;
	line-height:1.3em !important;
}

/* Ficha
-------------------------------------------------- */
.webservice{
	font-size:100%;
}

.webservice ul{
	margin-bottom:20px;
	margin-left:16px;
}

.webservice ol{
	margin-bottom:10px;
	margin-left:20px;
}

.webservice ul li, .webservice ol li{
	line-height:18px;
	margin-bottom:5px;
	font-size:100%;
}

#content .webservice p.obs_tit{
	font-weight:bold;
	color:#666;
	margin:10px 0 0;
}

#content .webservice p.obs_desc{
	margin-bottom:0;
}

.box_obs{
	padding:0 10px 10px 10px;
	border:1px solid #fbeed5;
	/*background-color:transparent!important;*/
	border-radius:5px;
	margin:10px 0;
	width:auto!important;
}

.accordion-inner ul{
	margin-bottom:0;
}

.ficha .accordion-toggle{
	text-decoration:none;
}

/* area logada
-------------------------------------------------- */
.box_alerta{
	min-height: 170px;
	height: 170px;
	height: auto !important;
	background:url(../img/bg_alerta.jpg) 730px 80px no-repeat;	
	margin-bottom:20px;
}

.box_alerta h1{
	font-size:142.85%;
	line-height:1.25em;
	margin-bottom:10px;
}

/* box pequeno */
.span2 .box{
	height: 140px;
	padding:0;
	border:0;
}

.box.iirgd	{background:url(../img/icon_iirgd.png) center no-repeat;}
.box.cdhu	{background:url(../img/icon_cdhu.png) center no-repeat;}
.box.ses	{background:url(../img/icon_ses.png) center no-repeat;}

/*.box.iirgd:hover	{background-color:#d7ece0;}
.box.cdhu:hover		{background-color:#f8e9bb;}
.box.ses:hover		{background-color:#d7ece0;}*/

.span2 .box a{
	text-indent:-999em;
	width:140px;
	height:140px;
	display:block;
}

/* Boxe Agendamento
-------------------------------------------------- */
.lista2 label{
	font-weight:bold;
}

/* Ferramentas do conteudo */
#ferramentas{
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 10px 0;
}
#ferramentas ul {list-style: none; padding: 0;}
#ferramentas ul li{display: inline;	height: 18px;}
#ferramentas ul li a{
	font-size: 13px;
	font-weight: bold;
	color: #666;	
	text-decoration: none;
	padding-left: 21px; 
	/*margin-right: 50px;*/
}
#ferramentas ul li a.imprimir{background: url(../img/icon_print.gif) top left no-repeat;}
#ferramentas ul li a.email{background: url(../img/icon_email.gif) top left no-repeat;}

.ferramentas_conteudo{border:0 !important;text-align: right; padding:0 !important; margin:0 !important;position: relative;top: -15px; min-height: 16px;}

.ferramentas_conteudo{margin-bottom: -1px \0/;}

/* link PDF */
span.pdf a {
	background:url(../img/file_acrobat.gif) no-repeat left center;
	padding-left: 20px;
	font-weight: bold;
}

/* Ficha
-------------------------------------------------- */
.ficha p{
	font-size:12px !important;
	color: #666;
	line-height: 22px !important;
}

.ficha a{
	text-decoration:underline;
}

.ficha ul{
	margin-bottom:20px;
	margin-left:16px;
}

.ficha ol{
	margin-bottom:10px;
	margin-left:20px;
}

.ficha ul li, .ficha ol li{
	line-height:18px;
	margin-bottom:5px;
	font-size:12px;
	color: #666;
	line-height: 22px;
}

.ficha .btn-group{margin-bottom: 20px;}

ul.lista_ficha{
  margin-left: 0;
  list-style: none;
}

ul.lista_ficha li{
  margin-left: 20px;
}

.lista_ficha2 li{
	padding-left: 10px;
	background: url(../img/bullet_quad_cinza.gif) left 8px no-repeat;	
	line-height:1.5em;
	margin-bottom:5px;
}

.ficha .accordion-inner .lista_ficha, .ficha .accordion-inner .lista_ficha2{
	margin-bottom:0;
	padding-bottom:0;
}

#content .ficha p.obs_tit{
	font-weight:bold;
	color:#666;
	margin:10px 0 0;
}

#content .ficha p.obs_desc{
	margin-bottom:0;
}

/* usado na ficha de servicos */
h2.tit-ficha{
	font-size:142.85%;
	line-height:12px;
	color:#369;
	margin:20px 0 10px 0 !important;
	padding-top:25px; /* para deixar espacamento superior ao clicar no menu */
	/*font-family: 'Titan One', cursive;*/
}


h2.borda{
	border-bottom:1px solid #333;
}

a.linkbanco{
	text-decoration:none !important;
}
span.link_bb{
	background: url(../img/logo_bb.png) left center no-repeat;	
	padding: 5px 0 5px 36px;
}

span.link_santander{
	background: url(../img/logo_santander.png) left center no-repeat;	
	padding: 5px 0 5px 36px;
}

span.link_bradesco{
	background: url(../img/logo_bradesco.png) left center no-repeat;	
	padding: 5px 0 5px 36px;	
}

.accordion-toggle {
  display: block;
  padding: 8px 15px;
}

.well {
  overflow: hidden;
}

/***** MenuLogin*****/
#memuLogin{
	display: block;
   	text-align: left;
    	font-size:1.0em;
   	text-decoration: none;
}
#menuLogin ul {
	width:100%;
    	height: 34px;
	padding: 0;
	line-height: 34px; 
	text-decoration: none;
   	 background: url(https://www.detran.sp.gov.br//DTRN/images/menu_bg.jpg) repeat-x left top;
}
/*Left Corner*/
#menuLogin ul li.left{
	display: block;
	float: left;
	clear: left;
	width: 30px;
	height: 34px;
  	 background: url(https://www.detran.sp.gov.br//DTRN/images/menu_l.jpg) no-repeat left top;
}
/*Right Corner*/
#menuLogin ul li.right {
	display: block;
	float: right;
	clear: right;
	width: 30px;
	height: 34px;
    	background: url(https://www.detran.sp.gov.br//DTRN/images/menu_r.jpg) no-repeat right top;
}
#menuLogin ul li{ 
	display: inline;
	float: left;
	list-style: none;

	text-decoration: none;
}			
#menuLogin ul li a{ 
	display: block;
	text-decoration: none;
	text-transform: inherit;
	padding: 0 15px;
	color: #CCC;
}
#menuLogin l li em {
	display: block;
	float: left;
	width: 2px;
	height: 34px;
    background: url(https://www.detran.sp.gov.br//DTRN/images/menu_sep.jpg) no-repeat left top;
}
/*last separator*/
#menuLogin ul li.sep {
	width: 2px;
    background: url(https://www.detran.sp.gov.br//DTRN/images/menu_sep.jpg) no-repeat left top;
}	  
#menuLogin ul li a:hover, #menuLogin ul li a.active { 
	background: transparent url(https://www.detran.sp.gov.br//DTRN/images/menu_over.jpg) repeat-x center top;
	text-decoration: none;
	Color: #FFF;
}
#menuLogin ul li a.active {
	font-weight: bold;
	cursor: pointer;
}

/***** Layout*****/
.layoutRow {
	width: 100% !important;
}

.component-control {
	padding: 0 !important;
}

.offset9 {
    margin-bottom: 0px !important;
 
}
dl.dl {
  margin-bottom: 20px;
	font-size:100%;
}

dl.dl dt,
dl.dl dd {
  line-height: 20px;
}

dl.dl dt {
  font-weight: bold;
}

dl.dl dd {
	margin-bottom:20px;
}

.dl-horizontal {
  *zoom: 1;
}

.dl-horizontal:before,
.dl-horizontal:after {
  display: table;
  line-height: 0;
  content: "";
}

.dl-horizontal:after {
  clear: both;
}

.dl-horizontal dt {
  float: left;
  width: 160px;
  overflow: hidden;
  clear: left;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dl-horizontal dd {
  margin-left: 180px;
}

.addNoticiaHome {
margin-top:-30px; margin-bottom:20px; margin-left:90px;
}


/* Revela / Esconde - enderecos
-------------------------------------------------- */

#box-toggle .tgl {margin-bottom:30px;}
#box-toggle span {
line-height: 30px;
margin-bottom: 5px;
font-size: 16px;
font-weight: bold;
list-style-type: none;
background: url(../img/bullet_quad_preto.gif) left 12px no-repeat;	
cursor:pointer;
}
.alertaSemConteudoCadastrado {
font-size:10px;
color:blue;

}

.bl-endereco {
width:300px;
border:1px solid red;
}

.contentInternoSemMenu {margin:0 auto;max-width: 1140px;}

.contentInternoSemMenu img{
margin-bottom: -3px \0/;
}

/*** Ajustes responsividade 26-04-2018***/
/*#content img{width:100%;}*/

.container {
	width: 100%!important;
	max-width:1140px;
	padding: 0 15px;
}

.container .container,
.container .container .container{
	padding:0;
}

.component-container{margin:0!important;}

.containerCentro {
	margin:0 auto;
	width:950px;
	padding: 10px 0 0 0;
}

.wpthemeTopCol .wpthemeHeadlineContainer{
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}

.wpthemeFull{
	width: 100% !important;
}

.wptheme3Col.wpthemeUnequal .wpthemePrimaryContainer {
    width: auto !important;
    float: none !important;
    margin: 0 !important;
}

.wpthemeMedium .component-control .wpthemeOverflowAuto {
    overflow: auto;
    width: 940px;
    margin: 0 auto;
}

.wptheme3Col.wpthemeUnequal .wpthemeSecondaryContainer, .hiddenWidgetsDiv,
#servicosOnline_rotativos_menu_horizontal{
	display: none;
}
/*** FIM - Ajustes responsividade 26-04-2018***/

.boxServicoDestaque {
    float: left;
}

.component-control{

}


#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
 // display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:530px !important;
  height:450px !important;
 // display:none;
  z-index:9999;
  padding:20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

#boxes #dialog {
  width:420px; 
  height:203px;
  padding:10px;
  background-color:#ffffff;
}

#boxes #dialogAviso {
  width:375px; 
  height:203px;
  padding:10px;
  background-color:#ffffff;
}

.close{display:block; text-align:right;}

.inputLogin{margin-right:3px !important}

input,
#genericautonome, 
#genericautotipo, 
#genericautomunicipio, 
#genericautobairro{height:auto!important;}


/******************************* SIM *******************************/
.tableAcompanhamento-odd-row	{
	background-color:#FFF;
	height: 40px;
	font-size:13px;
	}

.tableAcompanhamento-even-row	{
	background-color:#eee;
	height: 40px;
	font-size:13px;
	}

.tableAcompanhamento-header 	{
	background-color:#369;
	color:#fff;
	}

.tableAcompanhamento-fieldset	{
	border:0;
	}

.tableAcompanhamento	{
	margin-top:5px;
	}



.radio-justificativa	{
	margin-bottom:15px;
	}

.btn-margin-left	{
	margin-left:15px;
	}


/**** Links barra de login ****/
.barra-links-login{
	margin-top: 7px;
	}

.link-novo-cadastro{
	width: 220px;
	float: left;
	margin-left: 3px;
	}

.link-novo-cadastro a{
	font-weight:bold;
	}

.link-esqueci-senha{
	width: 135px;
	float: left;
	margin-left: 3px;
	font-weight:bold;
	}
	
/******************************* Pesquisa de CFC *******************************/

.scroller	{
	margin:0 auto;
	border:1px solid #ddd;
	border-radius:5px;
	}
	
.scroller td	{
	border-right:1px solid #ddd;
	padding:5px 10px;
	font-size:12px;
	font-family:Arial;
	}

.scroller td:nth-child(3)	{
	background:none !important;
	padding-left:0;
	padding-right:0;
	}
	
.scroller td:last-child {
	border-right:0;
	}
	
.scroller td:hover	{
	background-color:#369;
	color:#FFF;
	}

.scroller td a	{
	text-decoration:none;
	color:#333;
	}

.scroller a:hover	{
	text-decoration:underline;
	color:#FFF;
	}

.paginator td:hover, .paginator td:active	{
	background-color:#369;
	}

.paginator td:nth-child(3)	{
	padding-left:5px !important;
	padding-right:5px !important;
	}
	
.paginator td:nth-child(3):hover, .paginator td:nth-child(3):active	{
	background-color:#369 !important;
	padding-left:5px !important;
	padding-right:5px !important;
	}
	

.pesquisa-cfc	{
	width:100%;
	display: block;
	font-size: 1em;
	margin: 15px 0 20px 0;
	}
	
.pesquisa-cfc .titulo	{
	background-color:#ddd;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: left;
	}

.pesquisa-cfc .nome	{
	width: 76%;
	padding: 3px;
	}
	
.pesquisa-cfc .situacao, .pesquisa-cfc .tipo	{
	width: 12%;
	border-left: 1px solid #fff;
	padding: 3px;
	}

.pesquisa-cfc tr td	{
	padding: 5px;
	}

.pesquisa-cfc tr:hover	{
	background-color:#eee;
	}

.pesquisa-cfc .odd	{
	background-color:#f9f9f9;
	}
	
.pesquisa-cfc .credenciado	{
	color:#3FB339;
	}
	
.pesquisa-cfc .bloqueado	{
	color:#E81A1A;
	}
	
.pesquisa-cfc tr td a:hover	{
	color:#000;
	}	

.tabela-cfc-descricao	{
	width:100%;
	}

.tabela-cfc-descricao th	{
	background-color:#ddd;
	}

.tabela-cfc-descricao tbody tr td	{
	padding:3px 0;
	}

.tabela-cfc-filtros tr td	{
	padding:3px 0;
	}

.tabela-cfc-categorias tr td	{
	padding-left: 10px;
	}

.tabela-cfc-categorias tr td:first-child	{
	padding-left: 0;
	}

.tabela_cassacao_cnh_dados	{
	margin-bottom:30px;
	}

.tabela_cassacao_cnh_dados	tr td	{
	padding:5px 2px;
	}

.tabela_cassacao_cnh_portarias	{
	margin-bottom:15px;
	}

.tabela_cassacao_cnh_portarias tr th	{
	padding:5px;
	background-color: #ddd !important;
	border-right:1px solid #eee;
	}

.tabela_cassacao_cnh_portarias tr td	{
	padding:5px;
	font-size:12px;
	border-right:1px dashed #fff;
	}

.tabela_cassacao_cnh_portarias tr:nth-child(2n) {
	background-color: #f1f1f1;
        }

.tabela_cassacao_cnh_portarias tr:hover	{
	background-color:#ddd;
	}
	
/*Correcao bootstrap*/

.collapse {
	display: none;
	visibility: hidden;
	}
	
.collapse.in {
	display: block;
	visibility: visible;
	}
	
tr.collapse.in {
	display: table-row;
	}
	
tbody.collapse.in {
	display: table-row-group;
	}

.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition-timing-function: ease;
		-o-transition-timing-function: ease;
         transition-timing-function: ease;
	-webkit-transition-duration: .35s;
		-o-transition-duration: .35s;
		transition-duration: .35s;
	-webkit-transition-property: height, visibility;
		-o-transition-property: height, visibility;
        transition-property: height, visibility;
	}
	
/******************************* Transpar?ncia *******************************/
.listaTransparencia {
	padding-left: 80px;
	margin-bottom:20px;
	font-size:100%;
	list-style-type: none;
}

.listaTransparencia li{
    float: left;
	padding-left: 12px;
	background: url(../img/bullet_seta_preta.gif) left 6px no-repeat;	
	line-height:1.5em;
	margin-bottom:2px;
	width: 175px;
}

.box-transparencia{
	position:relative;
	margin-bottom:10px;
	border:1px solid #CCC;
	border-radius:5px;
	padding:15px;
	min-height: 243px;
	height: auto !important;
	background:#F9F9F9 url(../img/bg_listras.png) repeat-x;
}

.box-transparencia img.quadro_medio{
	float: left;
	margin:0 20px 10px 0;
	display:block;
	width:60px;
	height:60px;
}	
#btnLoginFacebook {
	background: url('https://www.detran.sp.gov.br//DTRN/images/btn_facebook.png');
	border: none;
	color: #fff;
	padding: 6px 21px;
	border-radius: 5px;
	text-indent: 24px;
	width: 86px;
	cursor: pointer;
	height: 27px;
	}



.wpthemeControl {
	margin: 0px !important;
}

/******************************* Provas Realizadas *******************************/
.lineGrey {
	background-color: #f1f1f1;
	}

.tableProva-odd-row	{
	background-color:#FFF;
	height: 20px;
	font-size:13px;
}

.tableProva-even-row	{
	background-color:#eee;
	height: 20px;
	font-size:13px;
}

.tableProva-header 	{
	background-color:#369;
	color:#fff;
}

.tableProva-fieldset	{
	border:0;
}

.tableProva	{
	margin-top:5px;
}

.tableProvaInfo tr td, .tableProvaResult tr td, .tableProvaResult tr th	{
	padding:3px;
}





.wpthemeClear{
	overflow: hidden !important;
}	

.comboModeloPesquisaVeiculo{
	line-height: 14px !important;
}

.AjusteEspacamentoCaptcha{
	line-height: 10px;
}


.AjusteEspacamentoBotaoFaca_AdvertenciaPorEscrito{
	padding-bottom: 10px \0/; /*IE*/
}

.AjusteEspacamentoTitulos_TransferenciaVeiculo{
	/* padding-top: 15px; */
}

.AjusteEspacamentoBox_AtendimentoDetran{
	height: 115px;
}

.AjusteEspacamentoBox_Quem_e_quem{
	margin-top: -18px;
}

#Table_01{
	font-size: 0 !important;
}



/* Servicos Online Rotativos
-------------------------------------------------- */

.servico_titulo {
    width: 140px !important;
    margin-left: 12px;
}

.servico_banner_carrosel{
    	position: relative;
	width: 161px;
	float:left;
    	padding-top: 26px !important;
}

#servicosOnline_rotativos{
	width:100%;
	background:#E8E878;
	height: 118px;
}

#servicosOnline_rotativos_menu_horizontal{
	width:100%;
	background:#E8E878;
	border-top:1px solid #A9A9A9;
}

.servico_banner_carrosel .serv-icon img, .servico_banner_carrosel a img{
	width: 86px;
	height: 66px;
}

.banner_carrosel a img{
	width: 83px;
	height: 83px;
}

#servicosOnline_rotativos .item{
	height:185px;
	margin-left: 88px;
}

#servicosOnline_rotativos ul{
	list-style-type:none;
}

#servicosOnline_rotativos li{
	display:inline-block;
	height:185px;
}

#servicosOnline_rotativos li .serv-icon, #servicosOnline_rotativos li a{
	display:inline-block;
	/*height:185px;*/
	text-align:center;
	font-size: 78.5%;
	font-weight:bold;
	line-height: 14px;
	cursor: pointer;
}

#servicosOnline_rotativos li a:hover{
	text-decoration:none;
}

#servicosOnline_rotativos .carousel-control.left {
  left: 18px;
}

#servicosOnline_rotativos li.geral{
	background:url(../img/btn_geral.png) center 27px no-repeat;
}

.rowServicosOnline{
    	margin-bottom: 0 !important;
}

.areaMaisServicos{
    float: left;
	padding: 0 5px 0 25px;	
}

.areaDownload{
	float: right;
	width: 290px;
	font-weight: bold;
	margin: 0px 5px 0 20px;
	padding: 8px 0 0 0;
}

.downloadMobile {
    background:url(../img/appGoverno.png) no-repeat;
    height: 56px;
    width: 74px;
    float: left;
}

.iconeAndroid {
	background:url(../img/androidHome.png) no-repeat;
    text-indent: 25px;
	width: 120px;
    height: 20px;
    line-height: 28px;
    float: left;
}

.iconeIOS {
	background:url(../img/iosHome.png) no-repeat;
	text-indent: 25px;
	height: 20px;
	line-height: 28px;
	float: right;
	margin-right: 4px;
}

.comboApp{
	float: left;
	margin: 0px 0 4px 0;
	font-size: 16px;
}

.linhaBranca{
	width: 940px;
    position: absolute;
    border: 1px solid #FFFFFF;
}

/*------------------- Servico destaque home ---------------------*/
.boxServicoDestaque {
	width: 296px;
}

.boxServicoDestaque h2 {
	text-indent: inherit !important;
}

.boxServicoDestaqueTexto {
	float: left;
	width: 150px;
	height: 190px;
	margin-top: 40px;
}

.boxServicoDestaqueImg {
	padding-top: 44px;
	float: right;
	width: 110px;
	height: 190px;
	text-align: center;
}

/*------------------------ Banner Paginas Intermediarias ------------------------*/

.banner_pagina_intermediaria{
	width: 200px;
	display:inline-block;
    padding: 20px 10px!important;
    text-align: center;
	font-weight: bold;
	vertical-align:top;
}

.banner_pagina_intermediaria img{
	margin: 0 auto 10px;
    display: block;
}


/*----------------------- Link Bullet--------------------------------------------------*/

.linksblue {
    color: #0072BC !important;
    text-decoration: none !important;
}

.alignbullet ul {

    display: block;
    padding: 0 0 0 40px;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}


/*----------------------- Tooltip customizado -----------------------*/
.ui-tooltip {
	padding: 5px 10px !important;
	border: 1px !important;
	text-transform: none !important;
	font-weight: normal !important;
	font-family: Arial, Verdana !important;
	font-size: 100% !important;
	max-height: 20px !important;
	overflow:hidden !important;	
  }

.btn-atualizar-veiculos {
	height: 25px;
	width: 25px;
	margin: 2px 0px 0px 10px;
	background-image: url(https://www.detran.sp.gov.br//DTRN/images/btn_atualizar_veiculo.png);
	background-size: 25px 25px;
	position: absolute;
	}

.btn-inserir-placa-veiculos{
	height: 25px;
	width: 25px;
	margin: 2px 0px 0px 50px;
	background-image: url(https://www.detran.sp.gov.br//DTRN/images/btn_inserir_texto.png);
	background-size: 25px 25px;
	position: absolute;
	}

/* CSS do GIF Laod	*/
.load {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 11;
	background-color: white;
	width: 100%;
	height: 100%;
	opacity: .5;
	display: none;
}

#waitShow {
	margin-top: 20%;
	margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.box-servicos2{
	position:relative;
	margin-bottom:10px;
	border:1px solid #CCC;
	border-radius:5px;
	padding:15px;
	min-height: 240px;
	height: 210px !important;
	height: auto;
	background:#F9F9F9 url(../img/bg_listras.png) repeat-x;
}

.box-servicos2 h3{
	margin-bottom:20px;
	border-bottom:1px dotted #CCC;
	padding-bottom:5px;
	line-height:1.3em;
	font-size: 142.85%;
	text-decoration: none;
	color: #333;
}
.box-servicos2 a{
	text-decoration: none;
	color: #333;
}

.box-servicos2.menor h3{
	font-size: 16px;
}

.box-servicos2 img.quadro_grande{
	float: left;
	margin:0 20px 20px 0;
	display:block;
	width:100px;
	height:100px;
}

.box-servicos2 span.etiqueta{
    margin-bottom: 5px;
}

#footer .linksFooter {
    margin-left: 252px;
    margin-top: 78px;
    float: left;
}

#footer .linksFooter li {
    display: inline;
}

#footer .linksFooter a {
    padding: 0 30px 0 30px;
    border-right: 1px solid;
    color: #414042;
    text-decoration: none;
    font-family: Verdana;
    font-size: 16px;
}

a.no-border {
    border: none !important;
}

/*Barra Acessibilidade Topo*/
.barra-acessibilidade{
	height: 30px;
	line-height: 22px;
	background: white;
	z-index: 4;
	margin-top: -10px;
	box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.20);
	border-bottom:1px solid;
	display:none;
}

.barra-acessibilidade.fixed-barra-acessibilidade{
	width: 100%;
	position: fixed;    
    top: 0;
}

.barra-acessibilidade-esq {
    float: left;
    text-align: left;
 }

 .barra-acessibilidade-dir {
    float: right;
    text-align: right;
 }

.barra-acessibilidade ul {
	padding: 0;
	margin: 2px 0 0 0;
	text-align: center;
}

.barra-acessibilidade ul li{
	display: inline-block;
	border-left: 1px solid rgba(255, 255, 255, 0.4);
    list-style-type: none;
    padding: 0 10px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 80%;
    cursor: pointer;
}

.ico-acessibilidade{
	font-size: 0px;
	background: url(https://www.detran.sp.gov.br//DTRN/theme/imagens/sprite.png) no-repeat;
}
.ico-acessibilidade.ico-contraste{
	padding: 16px 8px 9px 8px;
    background-position: -465px -3px;
}

.ico-acessibilidade.ico-human{
	padding: 16px 8px 9px 8px;
    background-position: -495px -3px;
}

.barra-acessibilidade-esq li:first-child{
	border-left: none;
}

.barra-acessibilidade-esq li:last-child{
	border-right: 1px solid rgba(255, 255, 255, 0.4);
}

.barra-acessibilidade a{
	font-weight: bold;
}

.ico-libras {
    font-size: 0px;
	background: url(https://www.detran.sp.gov.br//DTRN/theme/imagens/icon_libras.png) no-repeat;    
	width: 26px;
    display: inline-block;
    height: 27px;
    line-height: 32px;
}

.accordion-inner p{
	/* font-size: 85% !important; */
	font-size: medium;
}

.loginServ input.span3 {
  width: 100%!important;
  max-width: 206px;
  margin-left: 0!important;
  padding:4px 6px;
}

body .accordion-heading vlibraswidget.icon-plus-sign, body .accordion-heading vlibraswidget.icon-minus-sign {
	width: 100%!important;
	background-size: 14px;
	height: auto;
}
    
.liberacaoVeiculo .labelCpfCnpj,
.liberacaoVeiculo .labelPlaca,
.liberacaoVeiculo .labelRenavam,
.liberacaoVeiculo .labelEmail,
.liberacaoVeiculo .labelConfEmail,
.liberacaoVeiculo .labelDtApreencao,
.liberacaoVeiculo .labelLocal,
.liberacaoVeiculo .labelMunicipio,
.liberacaoVeiculo .labelPatio,
.liberacaoVeiculo .labelDtApreensao,
.liberacaoVeiculo .labelCep{
    height: 40px;
	margin: 0 0 0 0;
	vertical-align: top;
	width: 200px;
}

body input.input[type="file"]{
	font-size: 14px;
}

.filesLiberacaoVeiculos tr{
	padding-bottom: 10px;
	display: block;
}

.tablePortaria-header{
    text-align: left;
    width: 310px;
}

#drive-crv{
    background: #036;
    color: #fff;
    font-style: oblique;
    margin-top: -20px;
    margin-bottom: 20px;
    padding: 15px 0 25px;
    text-align: center;
}
#drive-crv h3,
#drive-crv p,
#drive-crv a{
    font-family: 'Cairo', sans-serif;
}
#drive-crv h3{
    font-size: 1.6rem;
    margin-bottom: -10px;
}
#drive-crv p{
    font-size: 1.2rem;
	margin-bottom: -5px;
}
#drive-crv a{
    background: none !important;
    border: none;
    color: yellow;
    font-weight: bold;
    font-size: 1.2rem
}

#myCarouselNew .item{
    background: #afc1d2;
    text-align: center;
    min-height: 167px;
}
#myCarouselNew .item + .item{
    background: #aac1d1;
}
#myCarouselNew .carousel-control-prev{
    width: unset;
    position: absolute;
    left: 10px;
    top: 35%;
}

#myCarouselNew .carousel-control-next{
    width: unset;
    position: absolute;
    right: 10px;
    top: 35%;
}
#myCarouselNew .item img{
    max-width: 100%;
    margin: auto;
}
#myCarouselNew .item + .item img{
    padding-top: 15px;
}
#myCarouselNew .carousel-indicators{
    left: 49%;
}

#circulos_rotativos + section img{
    max-width: 100%;
}

@media only screen and (max-width: 1000px){
    #myCarouselNew .item{
        min-height: 138px;
    }
    #myCarouselNew .item img {
        max-width: 85%;
        margin: auto;
    }
}

@media only screen and (max-width: 600px){
    #myCarouselNew .item{
        min-height: 138px;
        padding-top: 10%;
    }

    #myCarouselNew .carousel-control-prev{
        left: 5px;
    }
    #myCarouselNew .carousel-control-next{
        right: -5px;
    }
    #myCarouselNew .carousel-control-prev img,
    #myCarouselNew .carousel-control-next img{
        max-width: 60%;
    }
}



/*Responsivo do site geral*/

.wizard{display:flex;margin:1rem 0 2rem;}
.wizard a{width:100%;display: inline-block;padding:0.4rem;text-align: center;border:1px solid white;border-right:0px;background-color:rgb(238, 238, 238);}
.wizard a.actived{color:#428bca;background-color:#ffffff;border-color:#428bca;}
.wizard a.current{color:white;background-color:#428bca;border-color:#428bca;}
.wizard a h3{margin:0;}
body .cadastro-responsivo input[type="text"]{width:100%;box-sizing:border-box;padding:14px 8px!important;}
body .cadastro-responsivo label{display:block;}
body .d-inline{display:inline-block!important;}
.img-logo-facebook{display:inline-block;}
/*body #servicosOnline_rotativos_menu_horizontal,body #servicosOnline_slick{background-color:#F0FF76;}*/

/*Leilão*/
.veiculo-box{
	width: 100%;
	height:150px;
	display: flex;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	overflow: hidden;
	font-size: 0.9rem;
	margin-bottom: 15px;
	box-sizing: border-box;
}
.veiculo-box img{
	width:180px;
	height:100%;
	object-fit: cover;
}

.veiculo-box .box-one{
	padding: 12px 15px;
	width: 60%;
}

.veiculo-box .box-two{
	padding: 12px 15px;
	width: 40%;
	text-align: right;
}

.box-desciption,
.box-ficha-tecnica{
	padding: 15px;
    border: 1px solid #e5e5e5;
	border-radius: 4px;
	margin-bottom: 20px;
}

.veiculo-box .caracteristica{
	margin-bottom: 12px;
}



/* Botao Voltar */
p.voltar{
	display:inline-block;
	clear:both;
	margin-top:10px;
}

.voltar a:before{
	/*content: "<  ";*/
    display: inline-block;
}

.voltar{
	background-color: #034EA2;
    border-color: #034EA2;
	color:white!important;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
	border-radius: .25rem;
	display: inline-block;
}

.voltar a{color:white!important;}

.btn-primary{
	background-color: #034EA2!important;;
    border-color: #034EA2!important;;
}

.btn-primary.search-car,
.btn-primary.search-car:hover{
	font-weight: bold;
    width: 100%;
    box-sizing: border-box;
	margin-top: 5px;
	line-height: 1.6rem;
	background: #036;
	border-color: #036;
}

.veiculo-box p,
.veiculo-box h4{
	margin-bottom: 0!important;
}

.veiculo-box .valor-lance:before{
	content: "Lance incial";
    display: block;
    font-weight: normal;
    font-size: 0.8rem;
    margin-top: -4px;
}

.info-veiculo{
	font-size: 0.9rem;
}

.info-ano-fabricacao:before{
	content: "Ano de fabricação";
    display: block;
    font-weight: normal;
    font-size: 0.8rem;
}

.info-edital:before{
	content: "Edital: ";
	margin-right: 5px;
    display: inline-block;
    font-weight: normal;
}

.info-ano-modelo:before{
	content: "Ano de modelo";
    display: block;
    font-weight: normal;
    font-size: 0.8rem;
}

.info-combustivel:before{
	content: "Combustível";
    display: block;
    font-weight: normal;
    font-size: 0.8rem;
}

.info-cambio:before{
	content: "Transmissão";
    display: block;
    font-weight: normal;
    font-size: 0.8rem;
}

.info-km:before{
	content: "Km";
    display: block;
    font-weight: normal;
    font-size: 0.8rem;
}

.info-cor:before{
	content: "Cor";
    display: block;
    font-weight: normal;
    font-size: 0.8rem;
}

.info-carroceria:before{
	content: "Carroceria";
    display: block;
    font-weight: normal;
    font-size: 0.8rem;
}

.info-portas:before{
	content: "Portas";
    display: block;
    font-weight: normal;
    font-size: 0.8rem;
}

.info-tipo:before{
	content: "Tipo de veículo";
    display: block;
    font-weight: normal;
    font-size: 0.8rem;
}

.search-leilao{
	display: flex!important;
}

.search-leilao .btn-inverse {
	margin-left: -4px!important;
}

.lance-inicial{
	display:flex;
}

.lance-inicial input{
	width: 40%;
	margin-right: 10px;
}

#carousel-car .slick-slider{
	margin-left: 0;
	padding: 0;
}

#carousel-car .slick-slider .slick-list,
#carousel-car .slick-slider .slick-track{
	height: auto;
	max-height: 350px;
}

#carousel-car .car-slider-nav{
	margin-top: 0;
}

#carousel-car .wide img{
	width: 100%;
	height: 350px; 
	object-fit: cover;
}

#carousel-car .car-slider-nav .slick-slide img,
#carousel-car .slick-prev, #carousel-car .slick-next{
	width:100%!important;
	height: 75px!important;
	object-fit: cover;
}

#carousel-car .slick-prev, #carousel-car .slick-next{
	top: -195px;
}

body .maisserv li a{
	background-image: none!important;
	height: auto!important;
	padding: 14px 0 4px 40px!important;
}

@media screen and (max-width: 940px){

	/*largura máxima*/
	.container, 
	.boxServicoDestaque,
	.navbar-static-top .container, 
	.navbar-fixed-top .container, 
	.navbar-fixed-bottom .container, 
	.wpthemeMedium .component-control 
	.wpthemeOverflowAuto,
	.contentInternoSemMenu {
		max-width: 940px;
		width: 100%!important;
		min-height: auto!important;
		margin: 0;
		box-sizing: border-box;
		clear: both;
	}

	body .box-sidebar,
	body .span2, 
	body .span3, 
	body .span4, 
	body .span5,
	body .span6,
	body .span7,
	body .span8,
	body .span9,
	body .span10,
	body .span11,
	body .col-md-6,
	.control-group,
	.control-group input,
	.control-group textarea {
		max-width:100%!important;
		float: none;
		box-sizing: border-box;
		clear: both;
	}

	body .span6 .span1,
	body .span4 .span2{
		max-width: 12%;
		padding:0;
	}
	body .span4 .span10,
	body .span6 .span11{
		max-width: 88%!important;
		padding:0;
	}
	
	
	body #content p{
		line-height: 1.2em!important;
	}
    
    .control-group input.codigoAreaJ{
        width:20%!important;
        margin-right:5%!important;
    }
    
    .control-group input.numberJ{
        width:75%!important;
	}
	
	.areaMaisServicos{
		padding: 0 15px;
	}

	body div.serv {
		width: 100%;
		margin-left: 0;
	}

	body .row{
		margin:0!important;
	}

	/*margin 0*/
	.barra-acessibilidade,
	.btn_top {
		margin:0;
	}

	.barra-acessibilidade,
	.noticias li {
		height: auto;
	}

    .barra-acessibilidade ul,
    tr.box_servico {
		float:none;
		clear: both;
	}

	.boxIconesTopo {
		float:none;
		clear: both;
		margin:0;
		height:auto;
	}

	#busca, 
	.home #nav_main{
		text-align:center;
		padding:10px 0;
	}

	#nav_main li a{
		float: none;
		width: 100%;
		text-align:center;
		border-bottom:0;
	}	

	#nav_main li a:hover, #nav_main li a.active{
		background-color: #034EA2;
	}
	
	#nav_main li a:last-child{margin-bottom:10px;}

	.iconesTop{
		float: none; 
		width: 100%;
		text-align: center;
		padding: 10px 0;
	}

	.linhaBranca {
		width: 100%!important;
		max-width: 940px;
	}

	.btn_top a, 
	.btn_top .cadastrese,
	.iconTop_log, 
	body .form-duvidas .control-group {
		margin: 0!important;
		display: inline-block;
		box-sizing: border-box;
	}

	.box_facebook_eleitoral,
	.boxServicoDestaque,
	.home .wpthemeControlBody .span8,
	#box_facebook_eleitoral,
	#box_tvdetransp_eleitoral,
	#box_enderecos_eleitoral {
		padding: 0 15px 15px;
		box-sizing: border-box;
	}

	.boxServicoDestaque img{
		max-width: none!important;
	}

	body .box-facebook{		
		width: auto!important;
		margin: 15px auto 0!important;
		display: block;
		height: auto!important;
	}

	#box_tvdetransp_eleitoral .videos .youtube{
		padding-bottom: 20px;
		position: relative;
		width: 100%;
	}

	.box,.noticias > ul > li:first-child{
		height:auto;
	}

	.addNoticiaHome div{
		clear: both;
	}

	.carousel img,
	.container img{
		max-width:100%;
		height: auto;
    }

	body .maisserv li.serv,
	body #content .tabela td{
		height: auto;
		padding: 5px;
		display: inline-block;
		width: 100%!important;
    }
    
    body .maisserv li.serv a, 
	body .maisserv li.serv div,
	body .serv .cont{
        padding: 10px 15px;
		height: auto;
		margin-left: 0;
	}

	body .maisserv .sub-bnt,
	body .serv .cont .sub-bnt{
		margin-bottom: 0!important;
	}

	body .serv .cont.sub-bnt{margin-bottom:0!important;}

    body .maisserv li .accordion-toggle{
        border-radius: 4px;
    }

    .servimg{
        margin-top: -20px;
        margin-left: -60px;
        
	}
	
	iframe {
		width: 360px;
		height: 200px;
		margin: 0 auto;		   
		display: block;
	}

	body #content table{
		background: none;
	}

	/*Footer*/

	#footer .social,
	#footer .links{
		float: none;
		text-align: center;
		/*position:absolute!important;*/
	}
    #footer .social li a,
    .btn_top a{
		margin: 0 5px!important;
    }

	.box-servicos,
	body .layoutRow td td,	
	body .layoutRow td td td{
        width: auto;
        box-sizing: border-box;
    }

    .maisserv li.serv,
	.lista_servicos,
	body .form {
        margin-left: 0;
    }
    
    /* Login */

    body .remodal,
    body .containerLoginModal,
    body .boxLoginFaceModal,
    body .loginFace,
    body .loginNativo,
    body .cadastroNativoModal{
        width: 100%!important;
        float: none;
        margin: 10px auto;
        box-sizing: border-box;
        height: auto;
    }
    
    body .loginFace,
    body .loginNativo,
    body .cadastroNativoModal{
        padding-bottom: 20px;
    }

    .imgLoginFace,
    .social-login .fb,
    .imgLoginNativo,
    .imgCadastro{
        width: 288px;
        margin: 0 auto;
        box-sizing: border-box;
    }



	
    body .maisserv li.serv .servimg,
	body .serv .cont .servimg{
		display: none;
	}

	.introjs-helperLayer{
		width: 100%!important;
		left: 0!important;
	}

	body .rc-anchor-normal{
		width: 100%!important;
	}
	
	/*Modal*/
	
	body .introjs-tooltip{
		width: auto!important;
		height: auto;
		margin-top: 0!important;
		box-sizing: border-box;
	}

	body .introjs-laudoBoxInterno{
		display: block;
	}

	body .introjs-laudoBoxInterno .indice{
		display: block;
		clear: both;
		float: none;
	}
	
	body .introjs-laudoPanoramica,
	body .introjs-laudoDianteira,
	body .introjs-laudoTraseira {
		display: block;
		float: none;
		width: 100%;
	}
	
	body img{
		max-width: 100%;
		height: auto!important;
		margin: 0 auto;
	}	

	.tabela tbody{
		display: inline-table;
		width: 100%;
	}

	body .tableResultadoLaudo,
	body .contentInternoSemMenu .tabela{
		width: 600px;
		display: block;
		margin: 10px auto;
		overflow-x: auto;
	}

}

@media screen and (max-width: 600px){

	body.home .span8,
	body.home .span4{
		padding-left: 15px;
		padding-right: 15px;
	}

	body .slick-slider{margin-left:0;}

	body .tableResultadoLaudo,
	body .contentInternoSemMenu .tabela{
		width: 350px;
	}
	#carousel-car{
		width: 100%;
		max-width: 98vw;
		box-sizing: border-box;
	}
	.veiculo-box{
		width: 100%;
		max-width: 400px;
		height: auto!important;
		display: block!important;
		margin:0 auto 20px!important;
		box-sizing: border-box;
	}
	
	.veiculo-box .box-one {
		width: 50%!important;
		display: inline-block;
		box-sizing: border-box;
	}
	
	.veiculo-box .box-two {
		width: 50%!important;
		display: inline-block;
		box-sizing: border-box;
		float: right;
	}

	.veiculo-box img{
		width: 100%!important;
		height: 45vw!important;
		display: block;
	}
}

@media screen and (max-width: 350px){
	body .tableResultadoLaudo,
	body .contentInternoSemMenu .tabela{
		width: 250px;
	}
}