/* ...................... geral ................................................................................................................................................. */


@font-face					{ font-family:owners; src:url(fontes/OwnersText_Light.woff); font-weight:400; font-style:normal; font-display:swap; }
@font-face					{ font-family:owners; src:url(fontes/OwnersText_Light_Italic.woff); font-weight:400; font-style:italic; font-display:swap; }

@font-face					{ font-family:owners; src:url(fontes/OwnersText_Regular.woff); font-weight:500; font-style:normal; font-display:swap; }
@font-face					{ font-family:owners; src:url(fontes/OwnersText_Regular_Italic.woff); font-weight:500; font-style:italic; font-display:swap; }

@font-face					{ font-family:owners; src:url(fontes/OwnersText_Medium.woff); font-weight:700; font-style:normal; font-display:swap; }
@font-face					{ font-family:owners; src:url(fontes/OwnersText_Medium_Italic.woff); font-weight:700; font-style:italic; font-display:swap; }

@font-face					{ font-family:neo sans w1g; src:url(fontes/OwnersText_Light.woff); font-weight:400; font-style:normal; font-display:swap; }
@font-face					{ font-family:neo sans w1g; src:url(fontes/OwnersText_Light_Italic.woff); font-weight:400; font-style:italic; font-display:swap; }

@font-face					{ font-family:neo sans w1g; src:url(fontes/OwnersText_Regular.woff); font-weight:500; font-style:normal; font-display:swap; }
@font-face					{ font-family:neo sans w1g; src:url(fontes/OwnersText_Regular_Italic.woff); font-weight:500; font-style:italic; font-display:swap; }

@font-face					{ font-family:neo sans w1g; src:url(fontes/OwnersText_Medium.woff); font-weight:700; font-style:normal; font-display:swap; }
@font-face					{ font-family:neo sans w1g; src:url(fontes/OwnersText_Medium_Italic.woff); font-weight:700; font-style:italic; font-display:swap; }

body						{ font-family:'owners', sans-serif; font-weight:400; }

b						{ letter-spacing:0; }

input, textarea, select, option, button		{ font-family:'owners', sans-serif; }

h1, h2, h3, h4, h5, h6				{ font-family:'owners', sans-serif; }

a						{ color:#35B1D3; }

a:hover						{ color:#35B1D3; }

::selection					{ background:#35B1D3; color:#fff; }
::-moz-selection				{ background:#35B1D3; color:#fff; }

.bg_dark					{ background:#18181e; }
.bg_acontrol					{ background-image:url(images/bg_acontrol.png); background-repeat:no-repeat; background-position:center bottom; }

  .rel						{ max-width:100%; }

  #carregando .barra				{ background:#35B1D3; }


/* ...................... botões ................................................................................................................................................ */


.botao						{ background-color:#35B1D3; color:#fff; }

.botao.mais					{ background-color:#35B1D3; color:#fff; background-image:url(images/ico_mais4_2.png); }
.botao.mais.ver_msgs				{ background-image:url(images/ico_msg2_2.png); }
.botao.mais.cifrao				{ background-image:url(images/ico_cifrao_2.png); }

.botao.supdir					{ background-color:#35B1D3; color:#fff; background-image:url(images/seta_supdir_2.png); }

.botao.seta					{ background-color:#35B1D3; color:#fff; background-image:url(images/seta_dir3_2.png); }

.botao.bordado:hover				{ background:#35B1D3; border-color:#35B1D3; }

.botao.mini.verde				{ background:#35B1D3; border-color:#35B1D3; color:#fff; }

.botao.mais2					{ background-image:url(images/ico_mais6_2.png); }
.botao.alterar					{ background-image:url(images/ico_alterar_2.png); }
.botao.refresh					{ background-image:url(images/ico_refresh_2.png); }
.botao.lupa					{ background-image:url(images/ico_lupa4_2.png); }
.botao.print					{ background-image:url(images/ico_print_2.png); }
.botao.salvar					{ background-image:url(images/ico_salvar_2.png); }
.botao.sosalvar					{ background-image:url(images/ico_salvar_2.png); }
.botao.salvarenviar				{ background-image:url(images/ico_salvarenviar_2.png); }

.botao:hover					{ background-color:#2A9ABE; color:#fff; }

.botao.enviando					{ border:1px dashed #999; background-color:transparent; color:#999; }

.botao.continuar				{ background-color:#35B1D3; color:#fff; background-image:url(images/seta_dir2_2.png); }

.b_atualizar					{ background-color:#35B1D3; color:#fff; background-image:url(images/ico_refresh_2.png); }

/* ...................... tarja ................................................................................................................................................. */


#tarjasup					{ background:#18181e; color:#999; font-size:14px; border-bottom:1px solid #333; }

    #tarjasup a					{ font-weight:500; color:#999; }

    #tarjasup a:hover				{ color:#35B1D3; }

      #tarjasup a.ico_whatsapp4 img		{ filter:brightness(0) saturate(100%) invert(66%) sepia(0%) saturate(1347%) hue-rotate(182deg) brightness(93%) contrast(85%); }
      #tarjasup a.ico_whatsapp4:hover img	{ filter:invert(37%) sepia(94%) saturate(1462%) hue-rotate(142deg) brightness(95%) contrast(102%); }

      #tarjasup a.ico_facebook img		{ filter:brightness(0) saturate(100%) invert(66%) sepia(0%) saturate(1347%) hue-rotate(182deg) brightness(93%) contrast(85%); }
      #tarjasup a.ico_facebook:hover img	{ filter:brightness(0) saturate(100%) invert(37%) sepia(17%) saturate(7341%) hue-rotate(201deg) brightness(96%) contrast(98%); }

      #tarjasup a.ico_instagram img		{ filter:brightness(0) saturate(100%) invert(66%) sepia(0%) saturate(1347%) hue-rotate(182deg) brightness(93%) contrast(85%); }
      #tarjasup a.ico_instagram:hover img	{ filter:brightness(0) saturate(100%) invert(22%) sepia(89%) saturate(2557%) hue-rotate(316deg) brightness(89%) contrast(88%); }

#tarja.tarja_cargo				{ background:#18181e; }

  #tarja.tarja_cargo .rel			{ min-height:39px; }

  #tarja.tarja_cargo .logo			{ height:39px; display:block; position:absolute; top:0; }

  #ico_menu					{ background-image:url(images/ico_menu2.png); }

  #ico_fechar					{ background-image:url(images/ico_fechar2_2.png)}

  #nav						{ font-family:'owners', sans-serif; }

	#nav li a				{ font-weight:400; }

	#nav li a:hover				{ text-decoration:none; color:#fff; border-color:#35B1D3; }

	#nav ul.nav_usuario li a.n_login	{ background:none; border-radius:0; border-bottom:2px solid transparent; padding:8px 0 6px 0; margin:0 15px 0 15px; }

	#nav ul.nav_usuario li a.n_login:hover	{ background:none; color:#fff; }

	#tarja.tarja_cargo #nav li a		{ color:#fff; }

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

  #nav						{ background:#18181e; }

      #nav li					{ border-color:#333; }
      #nav li:first-child			{ border-color:#333; }

}

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

#tarjasup					{ background:#18181e; color:#999; font-size:14px; border-bottom:1px solid #333; }

}


/* ...................... inicial ............................................................................................................................................... */


#slideshow					{ height:659px; }

#slideshow.slide_acontrol01			{ background-image:url(images/slide_acontrol01.jpg); background-size:110%; background-position:center center; }

  #slideshow .slide_degrade			{ position:absolute; z-index:-1; height:100%; width:100%; bottom:0; left:0; background:#18181e; background:linear-gradient(182deg,rgba(24, 24, 30, 0) 40%, rgba(24, 24, 30, 1) 85%); }

  #slideshow .rel				{ font-family:'owners', sans-serif; text-align:center; justify-content:flex-end; box-sizing:border-box; padding-bottom:40px; }

    #slideshow h1				{ max-width:100%; font-size:56px; font-weight:400; color:#fff; }

    #slideshow h2				{ margin-top:20px; max-width:100%; font-size:36px; font-weight:400; color:#B7B7B7; }

    #slideshow .div_botao			{ display:flex; align-items:center; justify-content:center; }

      #slideshow #b_servicos			{ border-radius:100%; border:2px solid #B7B7B7; width:48px; height:48px; overflow:hidden; display:block; display:flex; align-items:center; justify-content:center; }

	#slideshow #b_servicos .arrow		{ position:relative; display:inline-block; width:2px; height:30px; margin:0 4.3px; border-radius:9999px; background-color:#b7b7b7; }

	#slideshow #b_servicos .arrow::before,
	#slideshow #b_servicos .arrow::after	{ content:""; position:absolute; bottom:0; left:calc(50% - 1px); width:2px; height:8px; border-radius:9999px; background-color:#b7b7b7; transform-origin:50% calc(100% - 1px); }

	#slideshow #b_servicos .arrow::before	{ transform:rotate(45deg); }

	#slideshow #b_servicos .arrow::after	{ transform:rotate(-45deg); }

      #slideshow #b_servicos:hover		{ border-color:#35B1D3; }

	#slideshow #b_servicos:hover .arrow	{ background-color:#35B1D3; }

	#slideshow #b_servicos:hover .arrow::before,
	#slideshow #b_servicos:hover .arrow::after	{ background-color:#35B1D3; }

#servs.cargo					{ color:#B7B7B7; background:none; }

  #servs.cargo h2				{ border:none; font-weight:400; font-size:48px; padding-bottom:0; margin-bottom:30px; }

  #servs.cargo .rel>p				{ font-weight:400; font-size:18px; text-align:center; margin:0; padding:0; }

    #servs .box					{ background:#1F1F28; border:1px solid #424242; box-sizing:border-box; border-radius:5px; padding:40px 40px 40px 40px; line-height:180%; }

      #servs .box h3				{ font-size:22px; font-weight:500; margin-bottom:20px; }

      #servs .picto				{ height:116px; min-width:116px; margin:0 0 30px 0; background-size:116px; }

      #servs .box:nth-child(1) .picto		{ background-image:url(images/box_picto_acontrol1.png); }
      #servs .box:nth-child(2) .picto		{ background-image:url(images/box_picto_acontrol2.png); }
      #servs .box:nth-child(3) .picto		{ background-image:url(images/box_picto_acontrol3.png); }

      #servs p					{ font-weight:400; }

#bgcolor					{ color:#B7B7B7; background:none; }

  #bgcolor .rel					{ display:block; align-items:stretch; text-align:center; }

    #bgcolor h2					{ border:none; font-weight:400; font-size:48px; padding-bottom:0; margin-bottom:20px; }

    #bgcolor .rel>p				{ font-weight:400; font-size:18px; text-align:center; margin:0; padding:0; }

    #bgcolor .thumb_site			{ position:relative; bottom:auto; left:50%; transform:translate(-50%,0); border:none; width:1070px; -webkit-box-shadow:none; box-shadow:none; }

#vantagens.cargo				{ color:#B7B7B7; background:none; padding-top:40px; padding-bottom:60px; text-align:center; }

  #vantagens .rel				{ display:block; }

    #vantagens h2				{ font-weight:400; font-size:48px; margin-bottom:30px; }

    #vantagens h3				{ margin:0 0 30px 0; font-size:22px; font-weight:500; }

    #vantagens .trestercos			{ background:#1F1F28; border:1px solid #424242; box-sizing:border-box; border-radius:5px; padding:50px 40px 40px 40px; line-height:180%; margin-bottom:40px; }

      #vantagens ul				{ list-style:disc inside none; margin:0; padding:0; }

      #vantagens .doistercos ul			{ column-count:2; column-gap:40px; }

	#vantagens li				{ margin:0 0 10px 0; padding:0; font-size:18px; font-weight:400; line-height:120%; background:none; }

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

#slideshow.slide_acontrol01			{ background-size:auto 130%; }

  #slideshow .rel				{ padding-bottom:0; }

    #slideshow h1				{ font-size:44px; }

    #slideshow h2				{ font-size:20px; }

#vantagens.cargo				{ padding-top:0; }

}


/* ...................... conteúdo interno ...................................................................................................................................... */


      .subit_h li a:hover			{ color:#35B1D3; }


/* ...................... consulta .............................................................................................................................................. */


	.placa_num				{ font-size:36px; }

	.checklist button.checar.ativo		{ background-color:#35B1D3; }

/* ...................... pós-venda ............................................................................................................................................. */


  #posvenda_abrir				{ background-color:#35B1D3; color:#fff; }

    #posv input[type=submit]			{ background-image:url(images/seta_dir2_2.png); }


/* ...................... pedido manual ......................................................................................................................................... */


      .botao.peq.b_add_veiculo			{ background-color:#35B1D3; color:#fff; }


/* ...................... tabelas ............................................................................................................................................... */


    ul.indice li a.ativo			{ background-color:#35B1D3; color:#fff; }

      .tab_tit .detalit.btn a			{ background-color:#35B1D3; color:#fff; }

  .bloco .tabela .tr.highlight			{ border-left:3px solid #35B1D3; border-right:3px solid #35B1D3; background-image:repeating-linear-gradient(45deg, rgba(53,177,211,0.3) 0, rgba(53,177,211,0.3) 5px, transparent 0, transparent 50%); }

  .bloco .tabela .tr.highlight:hover		{ background-image:repeating-linear-gradient(45deg, rgba(53,177,211,0.3) 0, rgba(53,177,211,0.3) 5px, transparent 0, transparent 50%); }

  .botao.mostrar_mais				{ background-color:#35B1D3; color:#fff; }

  .botao.mostrar_mais:hover			{ background-color:#2A9ABE; color:#fff; }

      .tab_tit .detalit.btn a:hover		{ background-color:#2A9ABE; color:#fff; }


/* ...................... processos ............................................................................................................................................. */


    .timeline .etapa.ativa .num			{ background:#35B1D3; }


/* ...................... formulários ........................................................................................................................................... */


    .formulario label				{ font-weight:500; }

    .formulario input.borda_vermelha,
    .formulario select.borda_vermelha		{ border-color:#35B1D3; color:#35B1D3; }

  form.formulario.anexar button.botao.verde	{ background-color:#35B1D3; color:#fff; }

  form.formulario.anexar button.botao.verde:hover	{ background-color:#35B1D3; color:#fff; }

  form.formulario.embutido .botm:hover		{ background-color:#35B1D3; }


/* ...................... painel ................................................................................................................................................ */


  .formulario#busca_placa label			{ font-size:13px; font-weight:500; text-transform:uppercase; }

    .bloco .botao:not(.mais,.mais2,.lupa,.seta,.mostrar_mais,.enviando)		{ background-color:#fff; color:#2A9ABE; }
    .bloco .botao:not(.mais,.mais2,.lupa,.seta,.mostrar_mais,.enviando):hover	{ background-color:#2A9ABE; color:#fff; }

    .bloco .botao.verde				{ background-color:#35B1D3; color:#fff; }
    .bloco .botao.verde:hover			{ background:#2A9ABE; color:#fff; }

    .bloco .botao.ativo				{ background-color:#35B1D3; color:#fff; }

	.bg_assinatura .botao.save:hover	{ background-color:#2A9ABE; color:#fff; }


/* ...................... assinatura de documentos .............................................................................................................................. */


  .blocos_assinatura .bloco .botao		{ background-color:#35B1D3; color:#fff; }

	.bg_assinatura .botao.save		{ background-color:#35B1D3; color:#fff; }


/* ...................... rotinas ............................................................................................................................................... */


  .cont .bloco_rotinas h2			{ color:#35B1D3; border-top-color:#35B1D3; border-bottom-color:#35B1D3; }


/* ...................... revenda ............................................................................................................................................... */


#tarja.revenda					{ background:#CCFF03; padding:10px 0 10px 0; }

  #tarja.revenda .rel				{ min-height:53px; }

  #tarja.revenda .logo				{ height:53px; display:block; position:absolute; top:0; }

  #tarja.revenda #nav				{ margin-left:40px; }

    #tarja.revenda #nav ul			{ align-items:flex-end; justify-content:flex-end; }

	#tarja.revenda #nav li a		{ color:rgb(0,64,109); font-weight:700; font-size:16px; }

	#tarja.revenda #nav li a:hover		{ text-decoration:none; color:#333; }

	#tarja.revenda #nav li a.quero		{ color:#CCFF03; background:#00406D; border-radius:17px; padding-left:20px; padding-right:20px; border:1px solid transparent; box-sizing:border-box; margin-right:0; }

	#tarja.revenda #nav li a.quero:hover	{ color:#00406D; background:#CCFF03; border:1px solid #00406D; }

footer nav					{ background:#2D2D30; }


/* ...................... rodapé ................................................................................................................................................ */


footer						{ font-family:'owners', sans-serif; }

  footer p					{ margin:10px 0 10px 0; }

  footer ul					{ margin:0; padding:0; list-style:none; }

    footer ul li				{ line-height:140%; margin:10px 0 25px 0; }

    footer nav ul li				{ list-style-image:none; }

  footer nav					{ color:#fff; font-size:14px; padding:35px 0 0 0; margin:0; }

    footer nav a				{ color:#fff; transition:.5s }

    footer nav a:hover				{ color:#35B1D3; text-decoration:none; }

    footer nav img				{ max-width:100%; max-height:78px; }

    footer nav img.logo_acontrol		{ max-width:260px; }

    footer nav .wrapper				{ display:flex; flex-wrap:wrap; padding-bottom:0; }

      footer nav .wrapper>div			{ flex:1; }

      footer nav .wrapper>div.rod_logo		{ flex:none; width:100%; padding-bottom:40px; padding-top:20px; }

      footer nav .wrapper>div:nth-child(2)	{ padding:0 80px 0 0; }

      footer nav .wrapper>div.footer_social	{ flex:none; width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; padding:55px 0 20px 0; }

	footer nav .social img			{ width:42px; margin:0 10px 0 0; }

	footer nav .endereco			{ display:flex; justify-content:space-between; width:65%; text-align:center; font-size:18px; }

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

    footer nav .wrapper				{ display:block; }

      footer nav .wrapper>div			{ flex:none; }

      footer nav .wrapper>div:nth-child(2)	{ padding-right:0; }

      footer nav .wrapper>div:nth-child(3)	{ margin-top:40px; }

    footer ul li				{ margin:15px 0 15px 0; }

      footer nav .wrapper>div:first-child	{ flex:0 0 100%; padding-right:0; }

    footer nav .social				{ text-align:center; }

    footer nav .endereco			{ display:block; width:100%; font-size:16px; margin-top:30px; }

      footer nav .endereco strong		{ display:block; }

}