/* ...................... geral ................................................................................................................................................. */

@font-face					{ font-family:neo sans w1g; src:local("Neo Sans W1G"),local("NeoSansW1G-Regular"),url(fontes/NeoSansW1G-Regular.woff2) format("woff2"),url(fontes/NeoSansW1G-Regular.woff) format("woff"); font-weight:400; font-style:normal; font-display:swap; }

@font-face					{ font-family:neo sans w1g; src:local("Neo Sans W1G Medium"),local("NeoSansW1G-Medium"),url(fontes/NeoSansW1G-Medium.woff2) format("woff2"),url(fontes/NeoSansW1G-Medium.woff) format("woff"); font-weight:500; font-style:normal; font-display:swap; }

@font-face					{ font-family:neo sans w1g; src:local("Neo Sans W1G Bold"),local("NeoSansW1G-Bold"),url(fontes/NeoSansW1G-Bold.woff2) format("woff2"),url(fontes/NeoSansW1G-Bold.woff) format("woff"); font-weight:700; font-style:normal; font-display:swap; }

html						{ height:100%; width:100%; }

body						{ margin:0; padding:0; background:#fff; height:100%; font-family:'neo sans w1g', arial; font-size:14px; color:#363636; line-height:160%; }

input, textarea, select, option, button		{ font-family:'neo sans w1g', arial; font-size:13px; color:#514B40; outline:0; }

select[readonly]				{ pointer-events:none; touch-action:none; }

h1, h2, h3, h4, h5, h6				{ font-weight:normal; font-family:'neo sans w1g', sans-serif; }

img						{ border:none; }

a						{ color:#72A500; text-decoration:none; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition: all 0.3s ease; }

a:hover						{ color:#72A500; text-decoration:underline; }

::selection					{ background:#CCFF03; color:#333; }
::-moz-selection				{ background:#CCFF03; color:#333; }

::-webkit-input-placeholder			{ font-weight:400; color:#999; font-style:italic; }
::-moz-placeholder				{ font-weight:400; color:#999; font-style:italic; }
:-ms-input-placeholder				{ font-weight:400; color:#999; font-style:italic; }
:-moz-placeholder				{ font-weight:400; color:#999; font-style:italic; }

form						{ margin:0; padding:0; }

  fieldset					{ margin:0; padding:0; border:none; }

.clear						{ clear:both; display:block; }

body li.clear					{ clear:both; height:0; padding:0; margin:0; width:100%; float:none; }

.tudo						{ position:relative; width:100%; z-index:1; }

  .rel						{ padding:0 120px 0 120px; max-width:1440px; box-sizing:border-box; margin:0 auto; position:relative; }

.hidden						{ display:none !important; }

.centralizado					{ text-align:center; }

#mascara					{ display:none; background:#000; opacity:0.8; position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; }

#mascara2					{ display:none; background:rgba(0,0,0,0.8); position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; }
#mascara2.carregando				{ background-image:url(images/loading.gif); background-position:center; background-repeat:no-repeat; background-size:100px 100px; }

#dialog						{ display:none; background:#fff; border-radius:3px; position:fixed; z-index:9999; top:50%; left:50%; max-height:90%; overflow:auto; transform:translate(-50%,-50%); -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.3); box-shadow:0 0 5px rgba(0, 0, 0, 0.3); }

#carregando					{ display:none; position:fixed; z-index:9999; top:50%; left:50%; width:300px; min-height:60px; border-radius:2px; overflow:hidden; margin:-30px 0 0 -150px; }

  #carregando .barra				{ position:absolute; left:0; top:0; height:4px; background:#CCFF03; width:0; border-radius:2px; }

  #carregando #barra_legenda			{ position:absolute; left:0; top:14px; color:#fff; width:100%; min-height:20px; text-align:center; }

@media only screen and (max-width : 1400px) {

  .rel						{ padding:0 60px 0 60px; }

}

@media only screen and (max-width : 1100px) {

  .rel						{ padding:0 40px 0 40px; }

}

@media only screen and (max-width : 600px) {

  .rel						{ padding:0 20px 0 20px; }

}


/* ...................... botões ................................................................................................................................................ */


.botao						{ font-family:'neo sans w1g', sans-serif; display:inline-block; font-size:16px; cursor:pointer; font-weight:500; text-align:center; height:50px; line-height:50px; padding:0 40px 0 40px; background:#CCFF03; color:#333; border:none; border-radius:5px; text-transform:uppercase; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition: all 0.3s ease; }

.botao.cinza					{ color:#333; background:#ddd; }

.botao.bordado					{ background:none; border:1px solid #666; color:#666; text-transform:uppercase; padding:0 60 0 60px; font-size:22px; border-radius:10px; height:60px; line-height:60px; font-weight:500; }

.botao.bordado:hover				{ background:#CCFF03; border-color:#CCFF03; color:#666; }

.botao.mais					{ height:22px; width:22px; margin:0 0 -6px 0; padding:0; background-image:url(images/ico_mais4.png); background-color:#B8EB00; background-position:center; background-repeat:no-repeat; }
.botao.mais.ver_msgs				{ background-image:url(images/ico_msg2.png); }
.botao.mais.cifrao				{ background-image:url(images/ico_cifrao.png); }

.botao.supdir					{ height:22px; width:22px; margin:0 0 -6px 0; padding:0; background-image:url(images/seta_supdir.png); background-color:#B8EB00; background-position:center; background-repeat:no-repeat; }

.botao.seta					{ height:22px; width:22px; margin:0 0 -6px 0; padding:0; background-image:url(images/seta_dir3.png); background-color:#B8EB00; background-position:center; background-repeat:no-repeat; }

.botao.medio					{ height:44px; line-height:44px; padding:0 20px 0 20px; }

.botao.peq					{ height:34px; line-height:34px; padding:0 15px 0 15px; font-size:14px; }

.botao.mini					{ font-size:12px; height:auto; line-height:100%; padding:5px; text-transform:lowercase; }

.botao.mini2					{ font-size:12px; height:auto; line-height:100%; padding:7px 10px 7px 10px; }

.botao.mini.verde				{ background:#CCFF03; border-color:#CCFF03; }
.botao.mini.vermelho				{ background:#D93600; border-color:#D93600; color:#fff; }

.botao.centralizado				{ position:relative; left:50%; transform:translate(-50%,0); }

.botao.noup					{ text-transform:none; }

.botao.m_top					{ margin-top:40px; }
.botao.m_top0, .m_top0				{ margin-top:0 !important; }
.botao.m_top2					{ margin-top:20px; }
.botao.m_top3, .m_top3				{ margin-top:10px !important; }
.botao.m_bottom, .m_bottom			{ margin-bottom:20px; }
.botao.m_left					{ margin-left:10px; }
.botao.m_left2					{ margin-left:20px; }
.botao.m_left3					{ margin-left:5px; }
.botao.m_left4					{ margin-left:2px; }
.botao.m_right					{ margin-right:10px; }
.botao.m_right2					{ margin-right:20px; }

.p_top0						{ padding-top:0 !important; }
.p_top10					{ padding-top:10px !important; }

.botao.mais2					{ background-image:url(images/ico_mais6.png); background-position:15px center; background-repeat:no-repeat; padding-left:36px; }
.botao.alterar					{ background-image:url(images/ico_alterar.png); background-position:15px center; background-repeat:no-repeat; padding-left:36px; }
.botao.x					{ background-image:url(images/ico_x2.png); background-position:15px center; background-repeat:no-repeat; background-color:#D93600; padding-left:36px; color:#fff; }
.botao.refresh					{ background-image:url(images/ico_refresh.png); background-position:15px center; background-repeat:no-repeat; padding-left:36px; }
.botao.lupa					{ background-image:url(images/ico_lupa4.png); background-position:15px center; background-repeat:no-repeat; padding-left:38px; }
.botao.print					{ background-image:url(images/ico_print.png); background-position:15px center; background-repeat:no-repeat; padding-left:38px; }
.botao.salvar					{ background-image:url(images/ico_salvar.png); background-position:15px center; background-repeat:no-repeat; padding-left:38px; }
.botao.sosalvar					{ background-image:url(images/ico_salvar.png); background-position:40px center; background-repeat:no-repeat; padding-left:64px; }
.botao.salvarenviar				{ background-image:url(images/ico_salvarenviar.png); background-position:40px center; background-repeat:no-repeat; padding-left:68px; }

.botao:hover					{ background-color:#AEE100; text-decoration:none; color:#333; }

.botao.x:hover					{ background-color:#C52200; color:#fff; }

.botao.continuar				{ display:block; float:right; font-size:14px; cursor:pointer; font-weight:700; text-align:center; height:50px; line-height:50px; padding:0 60px 0 40px; background:url(images/seta_dir2.png) right 40px center no-repeat #CCFF03; border:none; border-radius:3px; text-transform:uppercase; }

.botao.enviando					{ border:1px dashed #999; background-color:transparent; cursor:default; font-weight:400; color:#999; }
.botao.enviando.checado				{ background-image:url(images/val_ok.png) ; background-position:40px center; background-repeat:no-repeat; padding-left:68px; }

.botao.mais2.enviando				{ background-image:url(images/ico_mais5.png); }

.voltar						{ display:inline-block; font-size:13px; color:#999; background:url(images/seta_esq.png) left center no-repeat; padding-left:20px; margin-bottom:30px; }

.voltar:hover					{ text-decoration:none; color:#999; padding-left:15px; }

#cad_veiculo					{ }

.b_excluir					{ display:inline-block; background:url(images/ico_fechar3.png) center no-repeat #D93600; border-radius:3px; width:20px; height:20px; cursor:pointer; }
.b_excluir:hover				{ background-color:#C52200; }

.b_xls						{ height:30px; margin-left:5px; float:right; line-height:30px; font-size:11px; color:#333; font-weight:700; padding:0 10px 0 30px; background:url(images/ico_xls.png) 10px center no-repeat #eee; border-radius:3px; }
.b_xls:hover					{ text-decoration:none; color:#333; background-color:#ddd; }

.b_pdf						{ height:30px; margin-left:5px; float:right; line-height:30px; font-size:11px; color:#333; font-weight:700; padding:0 10px 0 30px; background:url(images/ico_pdf.png) 10px center no-repeat #eee; border-radius:3px; display:inline-block; }
.b_pdf:hover					{ text-decoration:none; color:#333; background-color:#ddd; }

.b_print					{ height:30px; margin-left:5px; float:right; line-height:30px; font-size:11px; color:#333; font-weight:700; padding:0 10px 0 30px; background:url(images/ico_print.png) 10px center no-repeat #eee; border-radius:3px; display:inline-block; }
.b_print:hover					{ text-decoration:none; color:#333; background-color:#ddd; }

.b_atualizar					{ height:30px; margin-left:5px; float:right; line-height:30px; font-size:11px; color:#333; font-weight:700; padding:0 10px 0 30px; background:url(images/ico_refresh.png) 10px center no-repeat #CCFF03; border-radius:3px; display:inline-block; }
.b_atualizar:hover				{ text-decoration:none; color:#333; background-color:#ddd; }

.b_pdf_box					{ background:url(images/ico_pdf.png) center 10px no-repeat; border:1px solid #eee; border-radius:3px; padding:40px 10px 10px 10px; font-size:12px; display:inline-block; min-width:70px; margin-right:5px; margin-bottom:5px; line-height:130%; text-align:center; color:#333; }
.b_pdf_box:visited				{ text-decoration:none; color:#999; background-color:#f1f1f1; }
.b_pdf_box:hover				{ text-decoration:none; color:#333; background-color:#eee; }

.floatnone					{ float:none; }

.fechadura					{ background:url(images/bolinha.png) 5px center no-repeat #D93600; border-radius:10px; height:20px; line-height:20px; min-width:56px; display:inline-block; box-sizing:border-box; color:#fff; font-weight:700; font-size:12px; cursor:pointer; padding:0 10px 0 22px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition: all 0.3s ease; }

.fechadura.aberta				{ background-position:right 5px center; background-color:#78BB1E; padding:0 22px 0 10px; }

.ico_dica					{ cursor:pointer; display:inline-block; padding-right:20px; background-image:url(images/ico_dica.png); background-position:right center; background-repeat:no-repeat; }

.ico_check					{ display:block; height:22px; width:22px; background:center no-repeat; background-image:url(images/val_ok2.png); }
.ico_block					{ display:block; height:22px; width:22px; background:center no-repeat; background-image:url(images/val_nok2.png); }


/* ...................... pop up ................................................................................................................................................ */


#pop						{ display:none; background:#000; opacity:0.8; position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; }

#pop_cont					{ display:none; position:fixed; z-index:9999; top:50%; left:50%; max-width:400px; border-radius:3px; transform:translate(-50%,-50%); background:#fff; box-sizing:border-box; padding:20px 20px 80px 20px; }

  #pop_cont h2					{ margin:0 0 10px 0; padding:0; font-size:20px; font-weight:700; text-align:center; position:relative; z-index:10; }

  #pop_cont p					{ margin:0 0 10px 0; padding:0; font-size:16px; text-align:center; position:relative; z-index:10; }

  #pop_cont .botao				{ width:calc(100% - 40px); position:absolute; left:20px; bottom:20px; font-size:15px; padding:0; }


/* ...................... tarja ................................................................................................................................................. */


#tarjasup					{ background:#fff; color:#666; font-size:15px; border-bottom:1px solid #eee; }

  #tarjasup .rel				{ display:flex; flex-flow:row wrap; align-items:stretch; justify-content:space-between; }

    #tarjasup .ts_esq				{ flex:0 0 auto; padding:8px 0 8px 0; }

    #tarjasup .ts_dir				{ flex:0 0 auto; padding:8px 0 8px 0; text-align:right; }

    #tarjasup a					{ font-weight:900; color:#666; margin-left:20px; display:inline-block; }

    #tarjasup a:hover				{ text-decoration:none; color:#72A500; }

      #tarjasup a.ico_whatsapp4 img		{ width:20px; height:20px; margin-bottom:-4px; filter:invert(37%) sepia(94%) saturate(1462%) hue-rotate(142deg) brightness(95%) contrast(102%); }
      #tarjasup a.ico_whatsapp4:hover img	{ filter:invert(13%) sepia(78%) saturate(4932%) hue-rotate(169deg) brightness(88%) contrast(95%); }

    #tarjasup a.ico_facebook			{ width:20px; height:20px; margin-bottom:-4px; }

      #tarjasup a.ico_facebook img		{ width:20px; height:20px; margin-bottom:-4px; filter:invert(42%) sepia(0%) saturate(0%) hue-rotate(12deg) brightness(94%) contrast(92%); }
      #tarjasup a.ico_facebook:hover img	{ filter:invert(17%) sepia(1%) saturate(0%) hue-rotate(1deg) brightness(95%) contrast(89%); }

    #tarjasup a.ico_instagram			{ width:20px; height:20px; margin-bottom:-4px; }

      #tarjasup a.ico_instagram img		{ width:20px; height:20px; margin-bottom:-4px; filter:invert(42%) sepia(0%) saturate(0%) hue-rotate(12deg) brightness(94%) contrast(92%); }
      #tarjasup a.ico_instagram:hover img	{ filter:invert(17%) sepia(1%) saturate(0%) hue-rotate(1deg) brightness(95%) contrast(89%); }

#tarja						{ background:#fff; width:100%; box-sizing:border-box; padding:28px 0 28px 0; z-index:3; }

  #tarja .rel					{ min-height:48px; }

  #tarja .logo					{ height:48px; display:block; position:absolute; top:0; }

  #ico_menu					{ display:none; position:absolute; right:10px; top:0; height:40px; background:url(images/ico_menu.png) center no-repeat; width:40px; cursor:pointer; }

  #ico_fechar					{ display:none; position:absolute; right:10px; top:0; height:40px; background:url(images/ico_fechar.png) center no-repeat; width:40px; cursor:pointer; }

  #nav						{ padding-top:7px; margin-left:365px; display:flex; flex-flow:row wrap; align-items:stretch; font-family:'neo sans w1g'; }

    #nav ul					{ list-style:none; margin:0; padding:0; display:flex; flex-flow:row wrap; align-items:stretch; flex:1; }

      #nav li					{ margin:0; padding:0; flex:0 0 auto; }

	#nav li a				{ display:inline-block; color:#333; font-weight:500; font-size:15px; line-height:120%; padding:8px 0 6px 0; margin:0 15px 0 15px; border-bottom:2px solid transparent; }

	#nav li a:hover				{ text-decoration:none; color:#333; border-color:#CCFF03; }

    #nav ul.nav_usuario				{ flex:0 0 auto; }

	#nav ul.nav_usuario li a		{ font-weight:500; text-transform:uppercase; }

	#nav ul.nav_usuario li a.n_login	{ background:#CCFF03; border-radius:5px; margin-left:10px; border:none; padding:8px 15px 8px 15px; }

	#nav ul.nav_usuario li a.n_login:hover	{ background:#B8EB00; color:#333; }

@media only screen and (max-width : 1100px) {

  #tarjasup .rel				{ display:block; }

    #tarjasup .ts_esq				{ text-align:center; }

    #tarjasup .ts_dir				{ display:none; }

#tarja						{ position:relative; padding:18px 0 18px 0; }

  #tarja .rel					{ min-height:0; }

  #tarja .logo					{ /*content:url('images/logo2.png');*/ height:40px; position:relative; top:auto; }

  #ico_menu					{ display:block; }

  #ico_fechar					{ display:block; }

  #nav						{ display:block; text-align:center; margin:0; position:fixed; top:0; right:-700px; max-width:280px; height:100%; background:#fff; padding:80px 0 0 0; box-sizing:border-box; -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.3); box-shadow:0 0 5px rgba(0, 0, 0, 0.3); }

    #nav ul					{ display:block; }

	#nav li a				{ padding:16px 25px 16px 25px; font-size:18px; }

	#nav li a.b_consultar			{ border-radius:30px; }

    #nav ul.nav_usuario				{ margin-top:40px; }

}


/* ...................... inicial ............................................................................................................................................... */


.tit1						{ font-size:12px; font-weight:400; color:#666; text-transform:uppercase; line-height:120%; margin:0 0 7px 0; padding:0; }

.tit2						{ font-size:20px; font-weight:700; text-transform:uppercase; line-height:120%; margin:0; padding:0 0 20px 0; background:url(images/linha2.png) bottom left no-repeat; }

#taok						{ background:#000; opacity:0.8; position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; }

#taok_cont					{ position:fixed; z-index:9999; top:50%; left:50%; width:400px; height:200px; border-radius:3px; margin:-100px 0 0 -150px; background:#fff; box-sizing:border-box; padding:20px; font-size:22px; }
#taok_cont.ops					{ height:auto; margin-top:0; transform:translate(0,-50%); padding-bottom:90px; font-size:18px; }

  #taok_cont .joia				{ position:absolute; left:120px; top:-80px; background:url(images/joia.png) center 35px no-repeat #fff; width:160px; height:160px; border-radius:100%; z-index:9; }
  #taok_cont.ops .joia				{ background-image:url(images/ops.png); }

  #taok_cont p					{ margin:35px 0 0 0; padding:0; font-weight:700; text-align:center; position:relative; z-index:10; }

  #taok_cont a.whatsapp				{ height:40px; line-height:40px; font-size:16px; display:inline-block; padding:0 15px 0 46px; background:url(images/ico_whatsapp5.png) 15px center no-repeat #2A2A2A; border-radius:20px; color:#fff; margin-top:10px; }

  #taok_cont .botao				{ width:calc(100% - 40px); position:absolute; left:20px; bottom:20px; font-size:15px; padding:0; }

.whatsapp_cab2					{ width:60px; height:60px; position:fixed; bottom:20px; right:20px; z-index:100; filter:invert(37%) sepia(94%) saturate(1462%) hue-rotate(142deg) brightness(95%) contrast(102%); }

.whatsapp_cab2:hover				{ filter:invert(13%) sepia(78%) saturate(4932%) hue-rotate(169deg) brightness(88%) contrast(95%); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition: all 0.3s ease; }

#slideshow					{ height:715px; position:relative; background:center bottom no-repeat; z-index:1; background-size:cover; overflow:hidden; }

#slideshow.slide01				{ background-image:url(images/slide01.jpg); }
#slideshow.slide02				{ background-image:url(images/slide02.jpg); }
#slideshow.slide03				{ background-image:url(images/slide03.jpg); }
#slideshow.slide04				{ background-image:url(images/slide04.jpg); background-position:center center; }
#slideshow.slide05				{ background-image:url(images/slide05.jpg); }
#slideshow.slide06				{ background-image:url(images/slide06.jpg); background-position:center center; }

  #slideshow .rel				{ height:100%; display:flex; flex-flow:column wrap; align-items:stretch; justify-content:center; font-family:'neo sans w1g', sans-serif; position:relative; }

    #slideshow .slide_losango			{ position:absolute; z-index:-1; height:100%; width:956px; top:0; left:-200px; background:url(images/slide_losango.png) center no-repeat; }

    #slideshow h1				{ margin:0; padding:0; max-width:430px; font-size:54px; font-weight:700; line-height:120%; color:#333; }

      #slideshow h1 span			{ display:inline-block; background:#CCFF03; }

    #slideshow h2				{ margin:40px 0 40px 0; padding:0; max-width:500px; font-size:24px; font-weight:400; line-height:140%; color:#333; }

#servs						{ padding-top:100px; padding-bottom:80px; }

#servs.cargo					{ color:#fff; background:rgb(91,142,189); background:linear-gradient(90deg, rgba(91,142,189,1) 0%, rgba(17,53,105,1) 100%); }

  #servs h2					{ padding:0 0 40px 0; margin:0 0 30px 0; border-bottom:1px solid #eee; font-weight:500; font-size:38px; text-align:center; }

  #servs.cargo h2				{ border-bottom-color:rgba(255,255,255,0.1); }

  #servs .boxes					{ display:flex; flex-flow:row wrap; margin-left:-40px; }

    #servs .box					{ flex:0 0 calc(33.3% - 40px); margin:40px 0 0 40px; text-align:center; }

      #servs .box h3				{ margin:0; padding:0; font-size:24px; font-weight:500; }

      #servs .picto				{ height:131px; min-width:132px; background:center no-repeat; margin:30px 0 30px 0; }

      #servs .box:nth-child(1) .picto		{ background-image:url(images/box_picto1.png); }
      #servs .box:nth-child(2) .picto		{ background-image:url(images/box_picto2.png); }
      #servs .box:nth-child(3) .picto		{ background-image:url(images/box_picto3.png); }

      #servs p					{ margin:0; padding:0; font-size:18px; }

	#servs p small				{ font-size:14px; color:#666; line-height:120%; display:inline-block; margin-top:10px; }

	#servs.cargo p small			{ opacity:0.5; color:#fff; }

      #servs.cargo .botao.bordado		{ border-color:rgba(255,255,255,0.5); color:#fff; }
      #servs.cargo .botao.bordado:hover		{ border:none; color:#2C5688; }

  #servs h2.mantenha				{ font-weight:700; padding:0; margin:100px 0 40px 0; line-height:120%; text-align:center; border:none; }

    #servs h2.mantenha span			{ background:#CCFF00; }

    #servs.cargo h2.mantenha span		{ color:#2C5688; }

#bgcolor					{ background:rgb(188,221,241); background:linear-gradient(45deg, rgba(188,221,241,1) 0%, rgba(201,249,40,1) 100%); }

  #bgcolor .bg					{ background:url(images/bg_losango.png) center no-repeat; }

    #bgcolor .rel				{ display:flex; flex-flow:row wrap; align-items:stretch; }

      #bgcolor .metade				{ flex:0 0 calc(50% - 40px); padding-right:40px; position:relative; padding-top:200px; padding-bottom:200px; }

	#bgcolor h2				{ padding:0; margin:0 0 60px 0; font-weight:500; font-size:38px; line-height:110%; }

	#bgcolor p				{ padding:0; margin:0 0 20px 0; font-size:24px; line-height:130%; font-weight:400; }

	#bgcolor .botao				{ margin-top:40px; }

	#bgcolor .thumb_site			{ position:absolute; bottom:-40px; left:0; border:10px solid #eee; display:block; width:882px; border-radius:5px; -webkit-box-shadow:5px 5px 20px 7px rgba(0,0,0,0.25); box-shadow:5px 5px 20px 7px rgba(0,0,0,0.25); }

#vantagens					{ background:url(images/bg_frota.jpg) center bottom no-repeat; background-size:100% auto; padding-top:130px; padding-bottom:450px; }
#vantagens.cargo				{ background-image:url(images/bg_frota2.jpg); }

  #vantagens .rel				{ display:flex; flex-flow:row wrap; align-items:stretch; }

    #vantagens h2				{ flex:0 0 100%; padding:0; margin:0; font-weight:500; font-size:38px; line-height:110%; text-align:center; }

    #vantagens h3				{ margin:70px 0 50px 0; padding:0; font-size:24px; font-weight:500; }

    #vantagens .doistercos			{ flex:0 0 66.6%; }

    #vantagens .umterco				{ flex:0 0 calc(33.4% - 40px); margin-left:40px; }

      #vantagens ul				{ list-style:none; margin:0; padding:0; }

      #vantagens .doistercos ul			{ column-count:2; column-gap:40px; }

	#vantagens li				{ margin:0 0 10px 0; padding:0 0 0 30px; font-size:20px; line-height:120%; background:url(images/ico_losango.png) left 5px no-repeat; }

    #vantagens .icos_los			{ flex:0 0 100%; margin-top:80px; display:flex; flex-flow:row wrap; align-items:center; justify-content:center; margin-left:-40px; }

      #vantagens .ico_los			{ flex:0 0 164px; height:164px; background:center no-repeat; text-indent:-999px; overflow:hidden; margin-left:40px; }

      #vantagens .ico_los:nth-of-type(1)	{ background-image:url(images/ico_los_tradicao.png); }
      #vantagens .ico_los:nth-of-type(2)	{ background-image:url(images/ico_los_qualidade.png); }
      #vantagens .ico_los:nth-of-type(3)	{ background-image:url(images/ico_los_inovacao.png); }

#perguntas					{ text-align:center; padding:50px 0 50px 0; }

  #perguntas p					{ margin:0 0 20px 0; padding:0; font-size:18px; }

#faq						{ padding-top:80px; padding-bottom:70px; }

  #faq ul					{ list-style:none; margin:30px 0 0 0; padding:0; }

    #faq li					{ margin:0 0 10px 0; padding:0; cursor:pointer; border-radius:3px; border:1px solid #eee; padding:15px 15px 15px 50px; background:url(images/ico_mais.png) 18px 18px no-repeat; }

      #faq li h5				{ font-size:16px; font-weight:400; margin:0; padding:0; line-height:120%; }

      #faq li.ativo h5				{ font-weight:700; }

      #faq li p					{ display:none; font-size:15px; margin:15px 0 0 0; padding:0; font-weight:400; }

    #faq li:hover				{ background-color:#eee; }

@media only screen and (max-width : 1200px) {

#slideshow					{ height:600px; }

    #slideshow h1				{ font-size:40px; }

    #slideshow h2				{ font-size:20px; }

      #bgcolor .metade				{ flex:0 0 100%; padding-top:100px; padding-bottom:0; padding-right:0; text-align:center; }

	#bgcolor h2				{ margin-bottom:30px; }

	#bgcolor .thumb_site			{ margin:0 auto 100px auto; position:relative; bottom:auto; left:auto; width:auto; max-width:100%; }

}

@media only screen and (max-width : 1100px) {

  #slideshow .rel				{ align-items:center; height:100%; }

    #slideshow .slide_losango			{ left:50%; margin-left:-478px; }

    #slideshow h1				{ text-align:center; }
    #slideshow h2				{ text-align:center; }

#vantagens					{ padding-top:80px; padding-bottom:250px; background-size:150%; }

    #vantagens .doistercos			{ flex:0 0 100%; }

    #vantagens .umterco				{ flex:0 0 100%; margin-left:0; }

#faq						{ padding-top:40px; padding-bottom:30px; }

}

@media only screen and (max-width : 800px) {

    #slideshow .slide_losango			{ background-size:80%; }

    #servs .box					{ flex:0 0 calc(100% - 40px); }

      #vantagens .doistercos ul			{ column-count:1; column-gap:0; }

}

@media only screen and (max-width : 600px) {

#vantagens					{ background-size:200%; }

      #vantagens .ico_los			{ margin-top:20px; }

}


/* ...................... conteúdo interno ...................................................................................................................................... */


.titulo						{ background:#3E3E3E; padding-top:50px; padding-bottom:50px; background-size:cover; }

  .titulo h1					{ padding:0; margin:0; line-height:100%; font-size:30px; font-weight:700; color:#fff; }

  .titulo h2					{ padding:0; margin:10px 0 0 0; line-height:100%; font-size:20px; font-weight:400; color:#999; }

  .titulo h3					{ padding:0; margin:0 0 10px 0; line-height:100%; font-size:14px; font-weight:400; color:#999; }

.subit_h_bloco					{ background:#3E3E3E; font-family:'neo sans w1g'; }

  .subit_h					{ list-style:none; margin:0; padding:0; display:flex; flex-flow:row wrap; justify-content:space-between; border-top:1px solid #525252; z-index:9000; }

    .subit_h li					{ margin:0; padding:0; flex:0 0 auto; position:relative; }

    .subit_h li:last-child			{ margin-right:0; }

    .subit_h li:hover ul			{ display:block; }

      .subit_h li a				{ display:block; padding:10px 15px 10px 15px; background:#3E3E3E; color:#fff; text-align:center; text-transform:uppercase; font-size:12px; font-weight:400; }

      .subit_h li a:hover			{ color:#CCFF03; text-decoration:none; }

      .subit_h li a.ativo			{ background:#fff; color:#3E3E3E; }

      .subit_h li ul				{ position:absolute; top:100%; left:-20px; background:#3E3E3E; z-index:9000; list-style:none; margin:0; padding:0; display:none; }
      .subit_h li ul.right			{ left:auto; right:-20px; }

	.subit_h li ul li			{ flex:0 0 100%; border-top:1px solid rgba(255,255,255,0.1); }

	  .subit_h li ul li a			{ padding:5px 30px 5px 30px; text-transform:none; white-space:nowrap; text-align:left; }

	  .subit_h li ul li a.ativo		{ background:rgba(255,255,255,0.1); color:#fff; }

.cont						{ padding-top:40px; padding-bottom:40px; min-height:330px; }

  .cont h2					{ margin-top:40px; }

  .cont h2.tit_secao				{ font-size:16px; font-weight:700; padding:7px 20px 7px 20px; margin:0 0 20px 0; background:#585858; color:#fff; border-radius:3px; }

  .cont h2.subtitulo				{ font-size:16px; font-weight:700; margin:0 0 20px 0; border-radius:3px; background:#f1f1f1; padding:10px; }

  .cont h3.subtitulo				{ text-transform:uppercase; font-size:14px; font-weight:700; margin:20px 0 20px 0; }

  .cont #faq					{ padding:0; padding-bottom:0; }

  .cont .texto					{ font-size:16px; font-weight:300; line-height:160%; }

    .cont .texto p				{ margin:15px 0 15px 0; padding:0; }

  .blocoborda					{ border:1px solid #ddd; padding:20px; margin-top:20px; }

    .blocoborda h2				{ text-transform:uppercase; font-size:14px; font-weight:700; margin:0 0 20px 0; padding:0 0 10px 0; }

.fx_cinza					{ background:#EFEFEF; padding-bottom:0; }

  ul.valores					{ display:flex; flex-flow:row wrap; align-items:stretch; justify-content:center; list-style:none; margin:0 0 0 -40px; padding:0; }

    ul.valores li				{ flex:0 0 calc(33.3% - 40px); max-width:220px; margin:0 0 0 40px; padding:120px 0 0 0; text-align:center; background:center top no-repeat; }

      ul.valores li:nth-of-type(1)		{ background-image:url(images/val_tradicao.png); }
      ul.valores li:nth-of-type(2)		{ background-image:url(images/val_inovacao.png); }
      ul.valores li:nth-of-type(3)		{ background-image:url(images/val_qualidade.png); }

      ul.valores li h3				{ font-size:30px; margin:0 0 15px 0; padding:0; }

      ul.valores li p				{ font-size:18px; margin:0; padding:0; font-weight:300; }

.fx_chumbo					{ background:#3E3E3E; }

  .video_quemsomos				{ width:100%; height:500px; margin:0 auto; }

.depoimentos_int				{ list-style:none; margin:0 0 0 -20px; padding:0; display:flex; flex-flow:row wrap; align-items:stretch; }

  .depoimentos_int li				{ flex:0 0 calc(33.3% - 20px); margin:0 0 20px 20px; padding:0; }

    .depoimentos_int iframe			{ width:100%; height:216px; }

    .depoimentos_int p				{ margin:10px 0 0 0; padding:0; text-align:center; }

.midia_int					{ list-style:none; margin:50px 0 0 -50px; padding:0; display:flex; flex-flow:row wrap; align-items:stretch; justify-content:center; }

  .midia_int li					{ flex:0 0 auto; margin-left:50px; }

    .midia_int li a				{ display:block; width:170px; height:170px; border-radius:100%; border:2px solid #D2D2D2; background:center no-repeat #fff; background-size:75%; text-indent:-9999px; }

    .midia_int li a.mid_exame			{ background-image:url(images/midia_exame.jpg); }
    .midia_int li a.mid_gazetadodia		{ background-image:url(images/midia_gazetadodia.jpg); }
    .midia_int li a.mid_mundodomarketing	{ background-image:url(images/midia_mundodomarketing.jpg); }
    .midia_int li a.mid_agenciaoglobo		{ background-image:url(images/midia_agenciaoglobo.jpg); }

    .midia_int li a:hover			{ border-color:#EF3F43; }

@media only screen and (max-width : 1000px) {

  .depoimentos_int li				{ flex:0 0 calc(50% - 20px); }

.midia_int					{ margin-left:-10px; margin-top:10px; }

  .midia_int li					{ margin-left:10px; margin-top:10px; }

    .midia_int li a				{ width:130px; height:130px; }

}

@media only screen and (max-width : 800px) {

.cont						{ overflow-x:auto; }

    .cont .subit_h li				{ margin-right:1px; }

      .cont .subit_h li a			{ font-size:13px; }

  ul.valores					{ margin-left:0; display:block; }

    ul.valores li				{ max-width:100%; padding:0 0 0 120px; min-height:100px; margin-bottom:20px; margin-left:0; text-align:left; background:left top no-repeat; display:flex; flex-flow:column wrap; justify-content:center; }

}

@media only screen and (max-width : 500px) {

.depoimentos_int				{ margin-left:0; }

  .depoimentos_int li				{ flex:0 0 100%; margin-left:0; }

}


/* ...................... consulta .............................................................................................................................................. */


p.aviso						{ text-align:center; font-size:18px; }

#consulta					{ display:flex; flex-flow:row wrap; align-items:stretch; }

  #veiculo					{ flex:0 0 100%; order:1; position:relative; display:flex; flex-flow:row wrap; align-items:stretch; padding-bottom:40px; border-bottom:1px solid #eee; }

    .placa					{ flex:0 0 211px; background:#fff; border-radius:4px; width:211px; height:71px; box-sizing:border-box; margin-right:30px; font-family:'neo sans w1g', sans-serif; }

      .placa_cont				{ border-radius:4px; border:3px solid #333; width:100%; height:100%; box-sizing:border-box; }

	.placa_tarja				{ background:url(images/flag_brasil.png) right 5px center no-repeat #0736A0; border-radius:1px; color:#fff; width:100%; height:16px; line-height:16px; box-sizing:border-box; font-size:10px; font-weight:700; text-align:center; white-space:nowrap; }
	.placa_tarja.laranja			{ background-color:#9677D5; }

	.placa_num				{ font-size:41px; font-weight:700; text-align:center; line-height:49px; white-space:nowrap; }

    #veiculo .box				{ flex:0 0 1; padding-top:4px; margin-left:30px; }

      #veiculo .box .info			{  }

	#veiculo .box .perg			{ display:inline-block; font-size:12px; font-weight:300; text-transform:uppercase; width:100px; padding:5px 0 5px 0; }

	#veiculo .box .perg.maior		{ width:150px; }

	#veiculo .box .resp			{ display:inline-block; font-size:14px; font-weight:700; padding:5px 0 5px 0; }

  #resultado					{ flex:0 0 100%; order:2; padding-top:30px; display:flex; flex-flow:row wrap; align-items:stretch; }

    #resultado h2				{ min-height:31px; line-height:31px; font-size:20px; font-weight:700; margin:0 0 20px 0; padding:0; }

      #resultado h2 span			{ display:inline-block; height:31px; width:31px; margin-right:15px; background:#363636; border-radius:100%; color:#fff; text-align:center; line-height:31px; }

    .atencao					{ padding:5px; background:#D93600; line-height:140%; color:#fff; text-align:center; margin:0 0 20px 0; border-radius:3px; }

      .atencao .botao				{ background:#fff; color:#D93600; margin-top:10px; margin-bottom:5px; }

    .subit_h_bloco .atencao			{ margin-top:-20px; }

    .checklist					{ margin:0; padding:0; list-style:none; }

    .checklist.inativo				{ display:none; }

      .checklist>li				{ margin:0 0 8px 0; padding:10px 40px 10px 45px; font-weight:700; border:1px solid #eee; border-radius:3px; font-size:14px; position:relative; }

      .checklist>li.total			{ background:#363636; color:#fff; }

	.checklist>li span.valor		{ float:right; }

	.checklist>li span#ver_parcelas		{ float:right; cursor:pointer; margin-left:20px; background:#EF3F43; padding:0 5px 0 5px; border-radius:3px; }

	.checklist>li>ul			{ margin:10px 0 0 -35px; padding:10px 0 0 0; border-top:1px solid #eee; list-style:none; display:none; }

	  .checklist>li>ul li			{ padding:5px 0 5px 45px; font-weight:700; font-size:12px; margin:0; position:relative; }

	    .checklist>li>ul li span.valor	{ float:right; }

	    .checklist>li>ul li span.detalhes	{ font-weight:400; }

	    #parcelas_retorno				{ border-top:1px solid #eee; margin-top:10px; padding-top:5px; display:flex; align-items:stretch; flex-flow:row wrap; }

	      .checklist>li #parcelas_retorno ul	{ display:block; flex:0 0 50%; margin:0; padding:0; list-style:none; }

		.checklist>li #parcelas_retorno ul li	{ margin:5px 0 5px 0; padding:0; font-size:12px; font-weight:normal; }

      .checklist li.vermelho			{ color:#D93600; }

	.checklist button.checar		{ width:20px; height:20px; background:#eee; border-radius:3px; position:absolute; left:10px; top:10px; cursor:pointer; border:none; margin:0; padding:0; }

	.checklist button.checar.ativo		{ background:url(images/ico_check2.png) center no-repeat #EF3F43; }

	.checklist button.checar.ativo.laranja	{ background-color:#FAAD45; }

	.checklist button.checar:disabled	{ cursor:default; }

	.checklist button.checar:disabled.ativo	{ background:url(images/ico_check.png) center no-repeat #eee; }

	.checklist button.seta			{ width:20px; height:20px; background:url(images/seta_baixo.png) center no-repeat; position:absolute; right:10px; top:10px; cursor:pointer; border:none; margin:0; padding:0; }

	.checklist button.seta.ativo		{ background-image:url(images/seta_cima.png); }

	.checklist>li>ul>li button.seta		{ right:-30px; }

    #debitos					{ flex:0 0 calc(50% - 30px); margin-right:30px; }

      .debitos_box				{ }

	.debitos_box h3				{ background:#eee; border-radius:3px; font-size:14px; font-weight:400; padding:10px 40px 10px 45px; margin:0 0 8px 0; position:relative; }

	  .debitos_box h3 a			{ font-weight:700; color:#333; }

	  .debitos_box h3 button.seta		{ width:20px; height:20px; background:url(images/seta_baixo.png) center no-repeat; position:absolute; right:10px; top:10px; cursor:pointer; border:none; margin:0; padding:0; }

	  .debitos_box h3 button.seta.ativo	{ background-image:url(images/seta_cima.png); }

      #filtros_deb				{ display:flex; flex-flow:row wrap; border-radius:3px; border:1px solid #eee; padding:10px 10px 5px 5px; font-size:11px; margin-bottom:20px; }

	#filtros_deb div.legenda		{ flex:0 0 calc(100% - 5px); margin:0 0 10px 5px; padding:0 0 5px 0; font-weight:700; font-size:12px; text-align:center; border-bottom:1px solid #eee; }

	#filtros_deb div.fdi			{ flex:1 0 auto; margin:0 0 5px 5px; padding:1px 5px 1px 5px; cursor:pointer; border-radius:3px; background:#eee; text-align:center; }

	#filtros_deb div.fdi:hover		{ background:#ddd; }

	#filtros_deb div.fdi.ativo		{ /*border-color:#78BB1E;*/ font-weight:700; background-color:rgba(120,187,30,0.3); }

	#filtros_deb form.formulario		{ flex:0 0 calc(100% - 5px); display:flex; max-width:100%; padding:0; flex-flow:row wrap; padding-top:10px; padding-bottom:5px; border-top:1px solid #eee; margin-top:5px; margin-left:5px; gap:10px; justify-content:center; }

	  #filtros_deb form.formulario label	{ text-transform:none; font-size:12px; color:#333; height:25px; line-height:25px; position:relative; top:auto; left:auto; }

	  #filtros_deb form.formulario input[type=date]	{ width:auto; height:25px; line-height:25px; }

    #pagto					{ flex:0 0 calc(50% - 30px); margin-left:30px; }

      #pagto form				{ margin-top:40px; min-height:50px; }

	#pagto fieldset				{ }

	  a.ssl					{ display:block; width:157px; height:50px; background:url(images/ico_ssl.png) center no-repeat; float:right; margin-right:40px; margin-top:20px; text-indent:-999px; overflow:hidden; }

      #parcelas_cont .botao			{ width:calc(100% - 40px); position:absolute; left:20px; bottom:20px; font-size:15px; padding:0; }

@media only screen and (max-width : 1024px) {

    .placa					{ margin-bottom:20px; }

    #debitos					{ flex:0 0 100%; margin-right:0; margin-bottom:30px; }

    #pagto					{ flex:0 0 100%; margin-left:0; }

	  a.ssl					{ margin-right:0; margin-top:0; float:none; position:relative; right:0; top:20px; margin-bottom:20px; }

}

@media only screen and (max-width : 500px) {

	    #m_credito span.valor		{ display:none; }

	      .checklist>li #parcelas_retorno ul	{ display:block; flex:0 0 100%; }

}


/* ...................... entrega ............................................................................................................................................... */


#entrega					{ flex:0 0 calc(50% - 30px); margin-right:30px; }

#dados_pagto					{ flex:0 0 calc(50% - 30px); margin-left:30px; }

  dl.extrato					{ margin:10px 0 20px 0; padding:0; border:none; display:flex; flex-flow:row wrap; align-items:stretch; }

    dl.extrato dt				{ flex:0 0 calc(100% - 90px); margin:0; padding:5px 0 5px 0; border-bottom:1px solid #eee; }

    dl.extrato.emaior dt			{ flex:0 0 50%; }

      dl.extrato dt small			{ font-size:12px; }

    dl.extrato dd				{ flex:0 0 90px; margin:0; padding:5px 0 5px 0; border-bottom:1px solid #eee; text-align:right; }

    dl.extrato.emaior dd			{ flex:0 0 50%; }

    .riscado					{ text-decoration:line-through; }

  #img_bandeira					{ height:46px; display:table-cell; line-height:46px; padding-left:5px; }

    #img_bandeira img				{ vertical-align:middle; }

ul#bandeiras					{ display:flex; flex-flow:row wrap; list-style:none; margin:0 0 0 -5px; padding:0; }

  ul#bandeiras li				{ margin:0; padding:0; flex:0 0 50px; height:44px; cursor:pointer; margin-left:5px; border:1px solid #fff; background:center no-repeat; overflow:hidden; text-indent:-999px; border-radius:3px; }
  ul#bandeiras li[data-bandeira='1']		{ background-image:url(images/pag_visa.png); }
  ul#bandeiras li[data-bandeira='2']		{ background-image:url(images/pag_mastercard.png); }
  ul#bandeiras li[data-bandeira='3']		{ background-image:url(images/pag_elo.png); }
  ul#bandeiras li[data-bandeira='5']		{ background-image:url(images/pag_americanexpress.png); }
  ul#bandeiras li[data-bandeira='7']		{ background-image:url(images/pag_hipercard.png); }
  ul#bandeiras li[data-bandeira='9']		{ background-image:url(images/pag_cabal.png); }

  ul#bandeiras li.ativo				{ border-color:#999; }

@media only screen and (max-width : 1024px) {

#entrega					{ flex:0 0 100%; margin-right:0; margin-bottom:30px; }

#dados_pagto					{ flex:0 0 100%; margin-left:0; }

}


/* ...................... confirmação pedido .................................................................................................................................... */


.linha_digitavel				{ font-size:18px; font-weight:700; border:1px solid #eee; padding:10px; text-align:center; display:block; margin:5px 0 30px 0; border-radius:3px; }

.link_pagamento					{ border:1px solid #ddd; padding:10px; text-align:center; display:block; margin:5px 0 30px 0; border-radius:3px; }

  .link_pagamento a				{ font-size:18px; font-weight:700; display:inline-block; margin-bottom:5px; }

  .link_pagamento span				{ font-size:12px; color:#999; }

/* ...................... processos ............................................................................................................................................. */


.progresso_box					{ background:#f9f9f9; padding:40px 0 30px 0; margin-bottom:30px; border-radius:5px; }

.progresso					{ display:flex; flex-flow:row wrap; margin:0; width:100%; border-top:1px dashed #ddd; }

  .progresso .etapa				{ flex:1 1 0; position:relative; text-align:center; line-height:120%; margin-top:-1px; padding-top:20px; font-size:13px; }

  .progresso .etapa:first-child			{ background:linear-gradient(to right, #f9f9f9 50%, transparent 50%) top; }
  .progresso .etapa:last-child			{ background:linear-gradient(to right, transparent 50%, #f9f9f9 50%) top; }

    .progresso .etapa .num			{ background:#666; border:2px solid #f9f9f9; border-radius:100%; width:5px; height:5px; text-align:center; font-weight:700; position:absolute; top:-4px; left:calc(50% - 2px); }

    .progresso .etapa.ativa .num		{ width:9px; height:9px; top:-5px; left:calc(50% - 4px); }

    .progresso .etapa span.etq			{ padding:5px 7px 5px 7px; background:none; border-radius:3px; position:relative; color:#666; }

    .progresso .etapa.ativa .etq		{ background:#eee; color:#fff; }
    .progresso .etapa.ativa .etq.amarelo	{ background:rgb(213,150,4); }
    .progresso .etapa.ativa .etq.laranja	{ background:rgb(150,119,213); }
    .progresso .etapa.ativa .etq.azul		{ background:rgb(50,134,152); }
    .progresso .etapa.ativa .etq.verde		{ background:rgb(120,187,30); }
    .progresso .etapa.ativa .etq.verdao		{ background:rgb(94,145,23); }

    .progresso .etapa.ativa .etq:before		{ content:""; width:0; height:0; position:absolute; border-style:solid; border-width:0 5px 5px 5px; border-color:transparent transparent #ddd transparent; left:calc(50% - 2px); top:-5px; }

    .progresso .etapa.ativa .etq.amarelo:before	{ border-color:transparent transparent rgb(213,150,4) transparent; }
    .progresso .etapa.ativa .etq.laranja:before	{ border-color:transparent transparent rgb(150,119,213) transparent; }
    .progresso .etapa.ativa .etq.azul:before	{ border-color:transparent transparent rgb(50,134,152) transparent; }
    .progresso .etapa.ativa .etq.verde:before	{ border-color:transparent transparent rgb(120,187,30) transparent; }
    .progresso .etapa.ativa .etq.verdao:before	{ border-color:transparent transparent rgb(94,145,23) transparent; }

dl.definicoes					{ margin:10px 0 20px 0; padding:0; border:none; display:flex; flex-flow:row wrap; align-items:stretch; }

  dl.definicoes dt				{ flex:0 0 100px; margin:0; padding:5px 0 5px 0; border-bottom:1px solid #eee; font-size:12px; }

  dl.definicoes.maior dt			{ flex:0 0 150px; }

  dl.definicoes dt.destaque			{ background:#eee; font-weight:700; }

  dl.definicoes dd				{ flex:0 0 calc(100% - 100px); margin:0; padding:5px 0 5px 0; border-bottom:1px solid #eee; }

  dl.definicoes.maior dd			{ flex:0 0 calc(100% - 150px); }

  dl.definicoes dd.destaque			{ background:#eee; font-weight:700; }

  dl.definicoes dt.vermelho, dl.definicoes dd.vermelho	{ background:#D93600; color:#fff; font-weight:700; }

  dl.definicoes dt:last-of-type			{ border-bottom:none; }
  dl.definicoes dd:last-of-type			{ border-bottom:none; }

  dl.definicoes .ddflex				{ display:flex; align-items:center; }

    dl.definicoes .ddflex *			{ flex:0 0 auto; }

  dl.definicoes .ddblock			{ margin-right:20px; padding-right:20px; border-right:1px solid #eee; }
  dl.definicoes .ddblock:last-of-type		{ border-right:none; }

  .def_multa					{ margin:0; display:flex; flex-flow:row wrap; align-items:flex-start; }

    .def_multa dl.definicoes			{ flex:0 0 calc(50% - 10px); margin:0 0 20px 0; }
    .def_multa dl.definicoes:first-of-type	{ margin-right:20px; }

      .def_multa dl.definicoes dt		{ flex:0 0 150px; padding:2px 0 2px 0; }
      .def_multa dl.definicoes dd		{ flex:0 0 calc(100% - 150px); padding:2px 0 2px 0; font-size:12px; }

  dl.definicoes fieldset			{ padding-top:0; padding-left:120px; }

    dl.definicoes fieldset label		{ font-size:12px; color:#333; text-transform:none; font-weight:400; top:5px; }

  .ico_whatsapp_min				{ display:inline-block; background:url(images/ico_whatsapp3.png) center no-repeat; width:18px; height:18px; margin-left:20px; }

.anexos_lista					{ list-style:none; margin:0; padding:0; }

  .anexos_lista li				{ margin:0 5px 5px 0; padding:0; }

    .anexos_lista a				{ padding:0 10px 0 36px; height:36px; border-radius:3px; display:inline-block; position:relative; background:url(images/ico_anexo.png) 7px center no-repeat #eee; line-height:36px; color:#333; font-weight:500; }

    .anexos_lista a:hover			{ background-color:#ddd; text-decoration:none; }

@media only screen and (max-width : 800px) {

  .def_multa					{ display:block; }

    .def_multa dl.definicoes:first-of-type	{ margin-right:0; }

.linha_digitavel				{ word-wrap:break-word; }

.link_pagamento a				{ word-wrap:break-word; }

}


/* ...................... pós-venda ............................................................................................................................................. */


#posvenda					{ position:fixed; right:-320px; top:0; box-shadow:0 0 6px rgba(0,0,0,0.4); width:340px; height:100%; background:#fff; box-sizing:border-box; padding:20px; overflow:show; overflow-y:auto; z-index:9999; }

  #posvenda_abrir				{ position:absolute; top:0; left:0; height:100%; width:20px; background:url(images/seta_esq2.png) center no-repeat #CCFF03; cursor:pointer; }
  #posvenda_fechar				{ position:absolute; top:20px; right:20px; height:24px; width:24px; background:url(images/ico_fechar2.png) center no-repeat; cursor:pointer; }

  #posvenda h2					{ margin-top:0; }

  #posvenda ul					{ list-style:none; margin:10px 0 0 0; padding:0; }

    #posvenda li				{ margin:10px 0 0 0; padding:10px 0 0 0; border-top:1px solid #eee; line-height:120%; }

      #posvenda li p.msg			{ font-size:13px; color:#333; display:block; margin:0 0 5px 0; padding:0; }

	#posvenda li p.msg span.autor_nome	{ font-weight:700; display:inline-block; margin-right:5px; }

      #posvenda li span.data			{ font-size:11px; color:#999; display:block; }

      #posvenda li span.status			{ font-size:11px; display:inline-block; }

  #posvenda .formulario fieldset		{ padding-left:0; min-height:auto; max-width:100%; display:flex; flex-flow:row wrap; justify-content:stretch; }

    #posvenda .formulario label			{ position:relative; left:auto; top:auto; height:auto; line-height:120%; margin:7px 0 2px 0; flex:0 0 100%; }

    #posvenda input[type=text], #posvenda select, #posvenda textarea	{ padding:5px; }

    #posvenda input[type=text], #posvenda select			{ height:36px; line-height:34px; }

    #posvenda .botao				{ margin-top:10px; }

    #posv textarea				{ width:calc(100% - 31px); resize:vertical; flex:0 0 calc(100% - 31px); }
    #posv input[type=submit]			{ margin:0 0 0 5px; width:26px; height:100%; text-indent:-999px; background-image:url(images/seta_dir2.png); background-position:center; background-repeat:no-repeat; }


/* ...................... pedido manual ......................................................................................................................................... */


.formulario .bloco_debitos			{ position:relative; padding-left:180px; padding-bottom:10px; }

.formulario .bloco_debitos.nopadding		{ padding-left:0; padding-top:1px; }

  .formulario .bloco_debitos legend		{ position:absolute; height:28px; line-height:28px; left:0; top:20px; font-size:13px; color:#999; font-weight:700; text-transform:uppercase; }

  .formulario .bloco_debitos.nopadding legend	{ position:relative; top:auto; left:auto; height:auto; line-height:120%; margin:20px 0 10px 0; }

  .formulario .bloco_debito:not(.inline)	{ position:relative; left:0; margin-left:-10px; margin-bottom:2px; box-sizing:border-box; flex-flow:row wrap; align-items:stretch; display:none; }

  .formulario .bloco_debito.bordado		{ margin-left:0; border:1px solid #ddd; padding-bottom:5px; border-radius:3px; margin-bottom:5px; }
  .formulario .bloco_debito.verde		{ background-color:rgba(120,187,30,0.2); padding-bottom:5px; }
  .formulario .bloco_debito.vermelho		{ background-color:rgba(217,54,0,0.2); padding-bottom:5px; }
  .formulario .bloco_debito.p_top5		{ padding-top:5px; }

  .formulario .bloco_debito.ativo		{ display:flex; }
  .formulario .bloco_debito.ativo.nowrap	{ flex-flow:row nowrap; }

  .formulario .bloco_debito#bloco_deferimento	{ display:block; margin-top:10px; }

    .formulario .bloco_debito:not(.inline) fieldset		{ flex:0 0 auto; padding-left:0; margin:0 0 0 10px; max-width:300px; vertical-align:middle; }

    .formulario .bloco_debito fieldset:nth-of-type(1)		{ flex-grow:0; }
    .formulario .bloco_debito fieldset:nth-of-type(3)		{ flex-grow:0; }

      .formulario .bloco_debito:not(.inline) label.not(.wrap)	{ display:block; position:relative; top:auto; left:auto; height:28px; line-height:28px; }

      .formulario .bloco_debito input[type=text],
      .formulario .bloco_debito select				{ display:block; float:left; height:36px; line-height:34px; }

      .formulario span.val_ok					{ display:block; float:left; height:36px; width:36px; background:center no-repeat; background-image:url(images/val_ok.png); }
      .formulario span.val_nok					{ display:block; float:left; height:36px; width:36px; background:center no-repeat; background-image:url(images/val_nok.png); }

      .formulario .bloco_debito fieldset span.inputmask		{ position:absolute; right:10px; top:6px; height:34px; line-height:34px; color:#999; text-align:center; font-size:12px; }

      .botao.peq.b_add_veiculo					{ display:block; float:left; margin-top:5px; height:26px; line-height:26px; width:auto; text-transform:none; font-size:12px; color:#333; padding:0 10px 0 24px; box-sizing:border-box; white-space:nowrap; background:url(images/ico_mais4.png) 10px center no-repeat #CCFF03; }

      .formulario .bloco_debito .ativar_anexo			{ float:left; height:36px; line-height:36px; margin:0 5px 5px 0; text-transform:none; font-size:12px; background:#ccc; color:#333; padding:0 10px 0 24px; box-sizing:border-box; background-image:url(images/ico_mais4.png); background-position:10px center; background-repeat:no-repeat; }

      .formulario .bloco_debito .ativar_anexo[data-doc=civ]	{ display:none; }
      .formulario .bloco_debito .ativar_anexo[data-doc=cipp]	{ display:none; }

      .formulario .bloco_debito .ativar_anexo:hover 		{ background-color:#bbb; }

      .formulario .bloco_debito .ativar_anexo.enviando		{ border:1px dashed #999; line-height:24px; background-color:transparent; cursor:default; font-weight:400; }
      .formulario .bloco_debito .ativar_anexo.checado		{ background-image:url(images/val_ok2.png); padding-left:29px; }

      .formulario .bloco_debito .anexar_obs			{ float:left; height:36px; line-height:36px; margin:0 5px 5px 0; text-transform:none; font-size:12px; background:#ccc; color:#333; padding:0 10px 0 24px; box-sizing:border-box; background-image:url(images/ico_mais4.png); background-position:10px center; background-repeat:no-repeat; }

      .formulario .bloco_debito input[type=file]		{ display:none; }

      .formulario .bloco_debito div.enviados			{ float:left; height:36px; padding:2px; box-sizing:border-box; border:1px dashed #999; border-radius:3px; display:none; }
      .formulario .bloco_debito div.enviados.show		{ display:block; }

	.formulario .bloco_debito div.enviados i		{ font-size:12px; color:#999; line-height:32px; display:inline-block; padding:0 5px 0 5px; }

	.formulario .bloco_debito div.enviados a		{ background:center no-repeat; display:inline-block; width:26px; height:30px; border-radius:2px; border:none; }

	.formulario #bloco_deferimento div.enviados a		{ margin-right:0; }

	.formulario .bloco_debito div.enviados a.ico_crlv	{ background-image:url(images/ico_crlv.png); }
	.formulario .bloco_debito div.enviados a.ico_civ	{ background-image:url(images/ico_civ.png); }
	.formulario .bloco_debito div.enviados a.ico_cipp	{ background-image:url(images/ico_cipp.png); }
	.formulario .bloco_debito div.enviados a.ico_outros	{ background-image:url(images/ico_anexo.png); }
	.formulario .bloco_debito div.enviados a.ico_anexo	{ background-image:url(images/ico_anexo.png); }
	.formulario .bloco_debito div.enviados a.ico_anexo_ok	{ background-image:url(images/ico_anexo_ok.png); }
	.formulario .bloco_debito div.enviados a.ico_anexo_nok	{ background-image:url(images/ico_anexo_nok.png); }

	.formulario .bloco_debito div.enviados a:hover		{ text-decoration:none; background-color:rgba(0,0,0,0.1); border:none; }

    .formulario .bloco_debito fieldset.field_arquivos		{ min-width:150px; max-width:calc(100% - 60px); }

    .formulario .bloco_debito fieldset.field_retorno		{ margin-left:30px; max-width:100% !important; flex:0 1 auto; }

    .formulario .field_retorno .campo				{ display:flex; align-items:center; border-radius:3px; padding:5px 0 5px 0; box-sizing:border-box; }

      .formulario .field_retorno .r_status			{ border-radius:3px; display:inline-block; padding:0 5px 0 5px; height:26px; line-height:26px; font-size:13px; font-weight:700; }
      .formulario .field_retorno .r_status.vermelho		{ background:#D93600; color:#fff; }
      .formulario .field_retorno .r_status.verde		{ background:#5E9117; color:#fff; }

      .formulario .field_retorno .r_obs				{ display:inline-block; font-size:13px; margin-left:5px; color:#D93600; line-height:120%; }

    .formulario .bloco_debito fieldset.field_excluir		{ margin-left:auto !important; }

    .formulario .field_excluir .campo				{ display:flex; align-items:center; border-radius:3px; padding:8px 10px 8px 0; box-sizing:border-box; }

      .formulario .field_excluir span.excluir			{ display:inline-block; background:url(images/ico_fechar3.png) center no-repeat #D93600; border-radius:3px; width:20px; height:20px; cursor:pointer; }
      .formulario .field_excluir span.excluir:hover		{ background-color:#C52200; }

  .formulario #add_debito					{ margin:20px 0 0 0; height:26px; line-height:26px; text-transform:none; font-size:12px; background:url(images/ico_mais4.png) 10px center no-repeat #ccc; color:#333; padding:0 10px 0 26px; box-sizing:border-box; }
  .formulario #add_todos					{ margin:20px 0 0 10px; height:26px; line-height:26px; text-transform:none; font-size:12px; background:url(images/ico_mais4.png) 10px center no-repeat #ccc; color:#333; padding:0 10px 0 26px; box-sizing:border-box; }
  .formulario #add_responsavel, .formulario #add_procurador	{ margin:20px 0 0 0; height:26px; line-height:26px; text-transform:none; font-size:12px; background:url(images/ico_mais4.png) 10px center no-repeat #ccc; color:#333; padding:0 10px 0 26px; box-sizing:border-box; }

  .formulario #add_debito:hover, .formulario #add_todos:hover	{ background-color:#bbb; }


/* ...................... tabelas ............................................................................................................................................... */


ul.indice					{ list-style:none; margin:0 0 20px 0; padding:0; display:flex; flex-flow:row wrap; }

  ul.indice li					{ margin:0 1px 1px 0; padding:0; flex:0 0 auto; }

    ul.indice li a				{ display:block; padding:0 10px 0 10px; height:30px; border-radius:3px; background:#eee; font-size:12px; color:#333; display:flex; align-items:center; justify-content:center; }
    ul.indice li a:hover			{ text-decoration:none; background-color:#ccc; }

    ul.indice li a.ativo			{ background-color:#CCFF03; }

ul.tablegenda					{ display:flex; flex-flow:row wrap; border:1px solid #ddd; padding:0 10px 10px 10px; border-radius:3px; margin:0 0 30px 0; list-style:none; }

  ul.tablegenda li				{ flex:0 0 auto; height:14px; line-height:14px; margin:10px 20px 0 0; padding:0 0 0 22px; position:relative; }

    ul.tablegenda li .square			{ width:14px; height:14px; border-radius:2px; position:absolute; left:0; top:0; }

    ul.tablegenda li.vermelho .square		{ background:rgba(217,54,0,0.2); }
    ul.tablegenda li.amarelo .square		{ background:rgba(213,150,4,0.2); }
    ul.tablegenda li.azul .square		{ background:rgba(50,134,152,0.2); }
    ul.tablegenda li.roxo .square		{ background:rgba(128,0,128,0.2); }
    ul.tablegenda li.chumbo .square		{ background:rgba(0,0,0,0.2); }

.mar						{ width:1158px; }

.tabela						{ width:100%; display:table; font-size:12px; padding:0; margin:0; border:none; border-collapse:collapse; }

.tabela.m_bottom20				{ margin-bottom:20px; }
.tabela.bordada					{ border:1px solid #ddd; margin:4px 0 10px 0; padding:0 9px 0 9px; box-sizing:border-box; border-radius:3px; }
.tabela.bordada.escura				{ border-color:#ccc; margin-top:20px; }
.tabela.fragmentada				{ margin:0 0 20px 0; box-sizing:border-box; border-collapse:separate; border-spacing:0 1px; }

  .tabela .tr					{ width:100%; display:table-row; border:none; margin:0; padding:0; border-bottom:1px solid #ddd; }
  .bloco .tabela .tr.bordagrossa		{ border-top:2px solid #666; }

  .tabela.fragmentada .tr			{ margin:5px 0 5px 0; border:none; background:#f9f9f9; border-radius:3px; }

  .tabela.bordada.escura .tr			{ border-color:#ccc; }

  .bloco .tabela .tr				{ border-color:#ccc; }

  .tabela tfoot .tr				{ border-bottom:none; }

  .tabela .tr:hover				{ background:#eee; }
  .tabela .tr.nohover:hover			{ background:transparent; }

  .tabela .tr.subtr				{ background:rgba(0,0,0,0.05); }

    .tabela .tr.subtr .td:first-child		{ background:url(images/seta_l.png) 8px center no-repeat; padding-left:25px; }

  .tabela .tr.verde				{ background:rgba(120,187,30,0.1); }
  .tabela .tr.verde:hover			{ background:rgba(120,187,30,0.2); }

  .tabela .tr.vermelho				{ background:rgba(217,54,0,0.1); }
  .tabela .tr.vermelho:hover			{ background:rgba(217,54,0,0.2); }

  .tabela .tr.amarelo				{ background:rgba(213,150,4,0.1); }
  .tabela .tr.amarelo:hover			{ background:rgba(213,150,4,0.2); }

  .tabela .tr.azul				{ background:rgba(50,134,152,0.1); }
  .tabela .tr.azul:hover			{ background:rgba(50,134,152,0.2); }

  .tabela .tr.laranja				{ background:rgba(150,119,213,0.1); }
  .tabela .tr.laranja:hover			{ background:rgba(150,119,213,0.2); }

  .bloco .tabela .tr.verde			{ background:rgba(120,187,30,0.1); }
  .bloco .tabela .tr.verde:hover		{ background:rgba(120,187,30,0.2); }

  .bloco .tabela .tr.vermelho			{ background:rgba(217,54,0,0.1); }
  .bloco .tabela .tr.vermelho:hover		{ background:rgba(217,54,0,0.2); }

  .bloco .tabela .tr.amarelo			{ background:rgba(213,150,4,0.1); }
  .bloco .tabela .tr.amarelo:hover		{ background:rgba(213,150,4,0.2); }

  .bloco .tabela .tr.azul			{ background:rgba(50,134,152,0.1); }
  .bloco .tabela .tr.azul:hover			{ background:rgba(50,134,152,0.2); }

  .tabela .tr.laranja				{ background:rgba(150,119,213,0.2); }
  .tabela .tr.laranja:hover			{ background:rgba(150,119,213,0.3); }

  .tabela .tr.chumbo,
  .bloco .tabela .tr.chumbo			{ color:#333 !important; background-image:repeating-linear-gradient(45deg, #e5e5e5 0, #e5e5e5 1px, transparent 0, transparent 50%); background-size:10px 10px; background-color:#f6f6f6; }

  .tabela .tr.chumbo *,
  .bloco .tabela .tr.chumbo *			{ color:#333 !important; }

  .tabela .tr.chumbo:hover,
  .bloco .tabela .tr.chumbo:hover		{ background:#e5e5e5; }

  .tabela .tr.roxo				{ background:rgba(128,0,128,0.1); }

  .tabela .tr.cinza				{ color:#999; font-style:italic; }

  .tabela .tr.vcli				{ cursor:pointer; }

  /*.tabela .tr.highlight			{ outline:2px solid #333; border-left:2px solid #333; border-right:2px solid #333; border-radius:3px; }*/

  .bloco .tabela .tr.highlight			{ border-left:3px solid #72A500; border-right:3px solid #72A500; background-image:repeating-linear-gradient(45deg, rgba(204,255,3,0.3) 0, rgba(204,255,3,0.3) 5px, transparent 0, transparent 50%); background-size:10px 10px; background-color:trasnparent; }

  .bloco .tabela .tr.highlight:hover		{ background-image:repeating-linear-gradient(45deg, rgba(204,255,3,0.3) 0, rgba(204,255,3,0.3) 5px, transparent 0, transparent 50%); background-size:10px 10px; background-color:trasnparent; }

    .tabela .td, .tabela .th			{ display:table-cell; padding:7px 10px 7px 0; margin:0; text-align:left; vertical-align:middle; }

    .tabela .th					{ line-height:140%; }

    .tabela tr[role=search]			{ border-bottom:1px solid #ccc; }

      .tabela tr[role=search] td		{ padding-top:5px; padding-bottom:5px; padding-right:10px; }

	.tabela tr[role=search] input,
	.tabela tr[role=search] select		{ display:block; width:100%; box-sizing:border-box; border:1px solid #ccc; background:#fefefe; height:26px; line-height:24px; padding:0 5px 0 5px; margin:0; font-size:12px; border-radius:2px; -webkit-box-shadow:inset 0 0 3px 0px rgba(0,0,0,0.1); box-shadow:inset 0 0 3px 0px rgba(0,0,0,0.1); }

	.tabela tr[role=search] *.disabled	{ display:none; }

	.tabela tr[role=search] input::-webkit-search-cancel-button	{ position:relative; right:0; -webkit-appearance:none; height:12px; width:12px; background:url(images/ico_x.png) center no-repeat; }

    div.tabela .td, div.tabela .th		{ padding-left:10px; }

    .tabela .td.bleft, .tabela .th.bleft	{ border-left:1px solid #ccc; padding-left:10px; }

    .tabela .td.relative			{ position:relative; }

    .tabela.row26 .td				{ min-height:26px; vertical-align:middle; }

    .tabela .td.minright			{ width:100px; }
    .tabela .td.minright2			{ width:20px; position:relative; }
    .tabela .td.minright3			{ width:45px; position:relative; }
    .tabela .td.minright4			{ width:160px; }

    .tabela .td.nowrap, .tabela .th.nowrap	{ white-space:nowrap; }
    .tabela .td.semiwrap, .tabela .th.semiwrap	{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:150px; }

    .tabela .td.amarelo				{ color:#D59604; font-weight:700; }
    .tabela .td.vermelho			{ color:#D93600; font-weight:700; }
    .tabela .td.verde				{ color:#78BB1E; font-weight:700; }

    .tabela .deb_obs				{ display:inline; color:#D93600; }

    .tabela .tr:last-child .td			{ border-bottom:none; }

    .tabela .th.col_mais			{ width:22px; padding-right:0; }

    .tabela .th					{ font-weight:700; cursor:pointer; }

    .tabela .th:hover				{ border-bottom:1px solid #666; }

      span.line-through				{ text-decoration:line-through; }

      span.cinza				{ color:#999; }
      span.amarelo				{ color:#D59604; }
      span.laranja				{ color:#9677D5; }
      span.azul					{ color:#328698; }
      span.verde, dd.verde			{ color:#78BB1E; }
      span.verdao, dd.verdao			{ color:#5E9117; }
      span.vermelho, dd.vermelho		{ color:#D93600; }

      span.bgcinza				{ background:#eee; border-radius:3px; padding:0 5px 0 5px; display:inline-block; }
      span.bgverde				{ background:#78BB1E; border-radius:3px; padding:0 5px 0 5px; display:inline-block; color:#fff; }
      span.bgvermelho				{ background:#D93600; border-radius:3px; padding:0 5px 0 5px; display:inline-block; color:#fff; }

      .manual					{ margin-left:10px; display:inline-block; cursor:default; }

      .b_adicional				{ margin-right:10px; display:inline-block; cursor:default; }

      .adicional_cont				{ display:none; position:absolute; padding:10px; bottom:35px; left:-20px; background:#fff; border-radius:3px; z-index:999; -webkit-box-shadow:0px 0px 6px #B2B2B2; white-space:nowrap; }
      .adicional_cont::after			{ background-color:#fff; box-shadow:2px 2px 2px 0 rgba( 178, 178, 178, .4 ); content:"\00a0"; display:block; height:12px; width:12px; position:absolute; bottom:-6px; left:20px; transform:rotate( 45deg ); -moz-transform: rotate( 45deg ); -ms-transform: rotate( 45deg ); -o-transform: rotate( 45deg ); -webkit-transform: rotate( 45deg ); }

  .botao.mostrar_mais				{ position:absolute; left:50%; transform:translate(-50%,-13px); text-transform:lowercase; background-color:#B8EB00; }

  .botao.mostrar_mais:hover			{ background-color:#AEE100; }

  .ico_raio					{ background:url(images/ico_raio.png) left center no-repeat; height:13px; width:6px; display:inline-block; margin-left:5px; margin-bottom:-2px;  }

  a.ico_anexo_p					{ background:url(images/ico_anexo.png) left center no-repeat; width:18px; margin-left:5px; display:inline-block; border-radius:2px; }
  a.ico_anexo_p:first-of-type			{ margin-left:10px; }
  a.ico_anexo_p.alignl				{ margin-left:0; }
  a.ico_anexo_p.alignl:first-of-type		{ margin-right:5px; }
  a.ico_anexo_p:hover				{ text-decoration:none; background-color:rgba(0,0,0,0.1); }

  a.ico_crlv_p					{ background:url(images/ico_crlv.png) left center no-repeat; width:18px; margin-left:5px; display:inline-block; border-radius:2px; }
  a.ico_crlv_p:hover				{ text-decoration:none; background-color:rgba(0,0,0,0.1); }

  .ico_obs_p					{ background:url(images/ico_obs.png) left center no-repeat; width:18px; display:inline-block; border-radius:2px; }
  .ico_obs_p:hover				{ text-decoration:none; background-color:rgba(0,0,0,0.1); }

  .obs_dialog					{ position:absolute; right:calc(100% - 1px); top:calc(100% - 7px); background:#fff; border-radius:3px; padding:5px 8px 5px 8px; min-width:300px; max-width:90%; z-index:999; -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.3); box-shadow:0 0 5px rgba(0, 0, 0, 0.3); }

  .td div.botao.mini.pagar			{ text-transform:none; background:#ccc; color:#333; }
  .td div.botao.mini.pago			{ text-transform:none; background:#78BB1E; color:#fff; cursor:default; }
  .td div.botao.mini.pago.enviando		{ background:none; color:#78BB1E; border-color:#78BB1E; }
  .td div.botao.mini.naopago			{ text-transform:none; background:#D93600; color:#fff; cursor:default; }

  .td div.botao.mini.editar			{ background:url(images/ico_editar.png) center no-repeat #ccc; width:23px; height:23px; position:absolute; right:0; padding:0; }
  .td div.botao.mini.editar			{ background:url(images/ico_editar.png) center no-repeat #ccc; width:23px; height:23px; position:absolute; right:0; padding:0; }

  .td span.editar				{ display:block; background:url(images/ico_editar.png) center no-repeat #ccc; border-radius:3px; width:20px; height:20px; cursor:pointer; margin-right:5px; float:left; }

  .td span.editar.fnone				{ float:none; margin:0; position:absolute; right:5px; }

  .td span.editar:hover				{ background-color:#bbb; }

  .td span.excluir2				{ display:block; background:url(images/ico_fechar3.png) center no-repeat #D93600; border-radius:3px; width:20px; height:20px; cursor:pointer; float:left; }

  .td span.excluir2:hover			{ background-color:#C52200; }

  .plaquinha					{ display:inline-block; border:1px solid #ccc; border-top-width:3px; font-size:13px; width:70px; text-align:center; height:26px; line-height:26px; color:#666; margin:0 5px 5px 0; border-radius:3px; font-family:consolas; font-weight:700; }

  .botao.peq.add_deb				{ height:26px; line-height:26px; margin:0; text-transform:none; font-size:12px; background:#ccc; color:#333; padding:0 10px 0 20px; box-sizing:border-box; background-image:url(images/ico_mais4.png); background-position:8px center; background-repeat:no-repeat; }
  .botao.peq.add_deb:hover			{ background-color:#bbb; }

.tab_tit					{ background:#eee; border-radius:3px; padding:10px 10px 10px 10px; margin-bottom:1px; line-height:22px; font-size:12px; position:relative; background:#eee; display:flex; flex-flow:row wrap; justify-content:space-between; }

.tab_tit.centralizado				{ display:block; }

.tab_tit.verde					{ background-color:rgba(120,187,30,0.3); }
.tab_tit.verdao					{ background-color:rgba(94,145,23,0.3); }
.tab_tit.amarelo				{ background-color:rgba(213,150,4,0.2); }

.tab_tit.default				{ cursor:default; }

.tab_tit.fraco					{ opacity:0.5; }

  .tab_tit #expandir				{ background:url(images/seta_baixo.png) center no-repeat; position:absolute; right:0; top:0; height:100%; width:50px; cursor:pointer; }
  .tab_tit.ativo #expandir			{ background-image:url(images/seta_cima.png); }

  .tab_tit .anexos				{ position:absolute; right:386px; top:8px; }

  .anexos					{ height:26px; min-width:26px; margin-right:10px; }
  .anexos.adireita				{ right:50px; }
  .anexos.adireita2				{ right:-6px; top:4px; }

  .tabela .td.anexos				{ padding:0 40px 0 0; margin:0; height:auto; text-align:right; position:relative; }
  .tabela .td.anexos.left			{ padding:0; text-align:left; }

  .tab_tit.centralizado .anexos			{ position:relative; right:auto; top:auto; min-height:0; min-width:0; height:auto; margin-right:0; text-align:center; }

    .anexos a					{ display:inline-block; height:26px; width:22px; background:url(images/ico_anexo.png) center no-repeat; margin-right:5px; border-radius:3px; position:relative; }
    .anexos.left a				{ margin-bottom:-9px; }

    .anexos a.ico_crlv				{ background-image:url(images/ico_crlv.png); }
    .anexos a.ico_chat				{ background-image:url(images/ico_chat.png); }
    .anexos a.ico_anexo_ok			{ background-image:url(images/ico_anexo_ok.png); }
    .anexos a.ico_anexo_nok			{ background-image:url(images/ico_anexo_nok.png); }

    .tab_tit.centralizado .anexos a		{ margin:0 3px 5px 3px; }

    .anexos a:hover				{ background-color:rgba(0,0,0,0.1); }

      .anexos a span.excluir			{ display:block; position:absolute; bottom:-2px; right:-2px; background:url(images/ico_fechar3.png) center no-repeat #D93600; border-radius:2px; width:12px; height:12px; z-index:2; }
      .anexos a span.excluir:hover		{ background-color:#C52200; }

    .anexos .aprovardoc				{ padding:3px 5px 3px 36px; border-radius:3px; display:inline-block; margin:0 10px 0 0; position:relative; background:#eee; }
    .anexos.adireita2 .aprovardoc		{ margin-right:0; margin-left:10px; background:#ddd; }
    .anexos .aprovardoc.verde			{ background:rgba(120,187,30,0.15); }
    .anexos .aprovardoc.vermelho		{ background:rgba(217,54,0,0.1); }

      .anexos .aprovardoc .apico		{ position:absolute; left:4px; top:4px; cursor:pointer; width:24px; height:24px; display:block; background:url(images/val_pendente.png) center no-repeat; border-radius:2px; }
      .anexos .aprovardoc.verde .apico		{ background-image:url(images/val_ok2.png); }
      .anexos .aprovardoc.vermelho .apico	{ background-image:url(images/val_nok2.png); }

      .anexos .aprovardoc .apico:hover		{ background-color:rgba(0,0,0,0.05); }

      .anexos .aprovardoc a.ico_anexo		{ display:block; margin-right:0; }

      .anexos .aprovardoc .ico_formobs		{ position:absolute; top:40px; left:5px; border-radius:3px; border:1px solid #ddd; width:20px; height:20px; display:block; z-index:99; cursor:pointer; background:url(images/ico_msg2.png) center no-repeat #fff; }
      .anexos .aprovardoc .ico_formobs:before	{ content:""; width:0; height:0; position:absolute; border-style:solid; border-width:0 5px 5px 5px; border-color:transparent transparent #ddd transparent; left:5px; top:-5px; }

      .anexos .aprovardoc .formobs		{ position:absolute; top:40px; left:0; border-radius:5px; background:#fff; border:1px solid #ddd; padding:5px; color:#666; line-height:110%; display:none; z-index:100; min-width:309px; }
      .anexos .aprovardoc .formobs:before	{ content:""; width:0; height:0; position:absolute; border-style:solid; border-width:0 5px 5px 5px; border-color:transparent transparent #ddd transparent; left:10px; top:-5px; }

	.anexos .aprovardoc .formobs input[type=text]	{ flex:0 0 auto; height:28px; line-height:26px; padding:0 5px 0 5px; font-size:12px; margin:0 5px 0 0; width:260px; }
	.anexos .aprovardoc .formobs input[type=button]	{ flex:0 0 auto; margin:0; }

      .anexos .obsdoc				{ display:none; font-size:13px; padding:5px; position:absolute; bottom:40px; left:0; min-width:300px; background:#fff; border:1px solid #EF3F43; border-radius:3px; line-height:120%; z-index:100; color:#EF3F43; }
      .anexos .obsdoc:before			{ content:""; width:0; height:0; position:absolute; border-style:solid; border-width:5px 5px 0 5px; border-color:#EF3F43 transparent transparent transparent; left:10px; bottom:-5px; }

  .tab_tit form.formulario.anexar		{ position:absolute; right:36px; top:8px; height:32px; }

  .tab_tit.centralizado form.formulario.anexar	{ position:relative; right:auto; top:auto; height:auto; }

  .tab_tit .divcheck				{ flex:0 0 26px; margin-right:10px; display:flex; align-items:center; justify-content:center; }
  .tab_tit .tit_principal			{ flex:1 1 auto; }

  .chat_dialog					{ display:none; position:absolute; right:30px; bottom:35px; background:#fff; width:500px; height:188px; border-radius:3px; padding:5px 8px 5px 8px; min-width:300px; max-width:90%; z-index:999; -webkit-box-shadow:0px 0px 6px #B2B2B2; }
  .chat_dialog::after				{ background-color:#fff; box-shadow:2px 2px 2px 0 rgba( 178, 178, 178, .4 ); content:"\00a0"; display:block; height:12px; width:12px; position:absolute; bottom:-6px; right:20px; transform:rotate( 45deg ); -moz-transform: rotate( 45deg ); -ms-transform: rotate( 45deg ); -o-transform: rotate( 45deg ); -webkit-transform: rotate( 45deg ); }

  .chat_dialog .fechar				{ display:block; background:url(images/ico_fechar4.png) center no-repeat; width:20px; height:20px; cursor:pointer; position:absolute; bottom:17px; left:15px; }

  .tab_tit .detalordem				{ height:26px; line-height:26px; color:#333; border-radius:3px; padding:0 10px 0 10px; display:inline-block; margin-right:5px; font-weight:700; border:1px solid #ccc; box-sizing:border-box; }

  .tab_tit .detal				{ /*position:absolute; right:10px; top:8px;*/ display:flex; flex-flow:row nowrap; max-width:calc(100% - 280px); margin:-2px -2px -2px 0; }

    .tab_tit .detalit				{ background:#ccc; color:#333; border-radius:3px; padding:5px 10px 5px 10px; /*min-height:26px; line-height:26px;*/ line-height:120%; font-size:12px; flex:0 0 auto; margin:0 0 0 5px; font-weight:700; cursor:pointer; max-width:calc(100% - 5px); }

    .tab_tit .detalit:hover			{ background:#bbb; }

      .tab_tit .detalit span			{ font-weight:400; }

      .tab_tit .detal.detalvei .detalit		{ background:none; box-sizing:border-box; border:1px solid #ccc; }

      .tab_tit .detal.detalvei .detalit.btn	{ background:none; border:none; padding:0; }

      .tab_tit .detal.detalvei .detalit.observ	{ flex-shrink:1; }

      .tab_tit .detalit.btn a			{ line-height:28px; height:28px; background:#CCFF03; color:#333; display:block; border-radius:3px; padding:0 10px 0 10px; }
      .tab_tit .detalit.btn a:hover		{ background-color:#AEE100; text-decoration:none; color:#333; }

  .tab_tit .detal .anexos			{ position:relative; right:auto; top:auto; flex:0 0 auto; margin-left:5px; }

  .tab_tit .detal form.formulario.anexar	{ position:relative; right:auto; top:auto; flex:0 0 auto; margin-left:5px; }

@media only screen and (max-width : 800px) {

  .tab_tit .anexos				{ position:relative; right:auto; top:auto; border-top:1px solid #ddd; margin-top:5px; padding-top:5px; flex:0 0 100%; }

  .tab_tit form.formulario.anexar		{ position:relative; right:auto; top:auto; border-top:1px solid #ddd; margin-top:5px; padding-top:5px; height:auto; display:flex; flex-flow:row wrap; align-items:stretch; width:100%; }

  .tab_tit form.formulario.anexar select, .tab_tit form.formulario.anexar input		{ flex:0 0 auto; }

  .tab_tit form.formulario.anexar select		{ flex:0 0 100%; margin:5px 0 0 0; max-width:100%; }

}


/* ...................... ctrl + f .............................................................................................................................................. */


#ctrlf						{ display:none; position:fixed; top:0; left:0; width:100%; max-height:100%; overflow:hidden; overflow-y:auto; box-sizing:border-box; z-index:9999; background:#fff; padding:20px; -webkit-box-shadow:0px 0px 7px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5); box-shadow:0px 0px 7px 0px rgba(0,0,0,0.5); }

  #ctrlf input[name=termobusca]			{ display:block; width:calc(100% - 80px); max-width:600px; box-sizing:border-box; border:1px solid #ccc; background:#fefefe; height:46px; line-height:44px; padding:0 10px 0 10px; margin:0; font-size:13px; border-radius:5px; -webkit-box-shadow:inset 0 0 3px 0px rgba(0,0,0,0.1); box-shadow:inset 0 0 3px 0px rgba(0,0,0,0.1); }

  #ctrlf_qtd					{ display:block; position:absolute; left:640px; top:20px; height:46px; line-height:46px; color:#999; }

  #ctrlf .tabela#resultado			{ display:none; margin-top:20px; }

    #ctrlf .tabela#resultado .td.hidden		{ display:block; }

  #ctrlf_fechar					{ display:block; position:absolute; right:10px; top:22px; height:40px; background:url(images/ico_fechar.png) center no-repeat; width:40px; cursor:pointer; }


/* ...................... ctrl + g .............................................................................................................................................. */


#ctrlr						{ display:none; position:fixed; top:0; left:0; width:100%; max-height:100%; overflow:hidden; overflow-y:auto; box-sizing:border-box; z-index:9999; background:#fff; padding:20px; -webkit-box-shadow:0px 0px 7px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5); box-shadow:0px 0px 7px 0px rgba(0,0,0,0.5); }

  #ctrlr input[name=termobusca]			{ display:block; width:calc(100% - 80px); max-width:510px; box-sizing:border-box; border:1px solid #ccc; background:#fefefe; height:46px; line-height:44px; padding:0 10px 0 10px; margin:0; font-size:13px; border-radius:5px; -webkit-box-shadow:inset 0 0 3px 0px rgba(0,0,0,0.1); box-shadow:inset 0 0 3px 0px rgba(0,0,0,0.1); }
  #ctrlr select[name=limitebusca]		{ display:block; position:absolute; left:540px; top:20px; width:80px; box-sizing:border-box; border:1px solid #ccc; background:#fefefe; height:46px; line-height:44px; padding:0 10px 0 10px; margin:0; font-size:13px; border-radius:5px; -webkit-box-shadow:inset 0 0 3px 0px rgba(0,0,0,0.1); box-shadow:inset 0 0 3px 0px rgba(0,0,0,0.1); }

  #ctrlr_qtd					{ display:block; position:absolute; left:640px; top:20px; height:46px; line-height:46px; color:#999; }

  #ctrlr .cadastro_atual_txt			{ display:inline-block; margin-top:20px; background:#ddd; padding:2px 10px 2px 10px; border-radius:5px; color:#333; font-size:13px; }

  #ctrlr .tabela#resultado			{ display:none; margin-top:20px; }

    #ctrlr .tabela#resultado th			{ text-align:left; }

    #ctrlr .tabela#resultado .td.hidden		{ display:block; }

  #ctrlr_fechar					{ display:block; position:absolute; right:10px; top:22px; height:40px; background:url(images/ico_fechar.png) center no-repeat; width:40px; cursor:pointer; }


/* ...................... ampliação ............................................................................................................................................. */


.ampliado, .bloco.ampliado			{ opacity:0; position:fixed; top:0; left:0; margin:0; width:100%; max-height:100%; overflow:hidden; overflow-y:scroll; height:100%; box-sizing:border-box; z-index:9998; background:#fff; padding:20px; -webkit-box-shadow:0px 0px 7px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5); box-shadow:0px 0px 7px 0px rgba(0,0,0,0.5); }

  .ampliado .mar				{ width:100%; }

  .ampliado .tabela				{ position:relative; top:0; max-height:100%; }

      .ampliado .tabela th			{ position:sticky; top:-20px; border-bottom:1px solid #ddd; background:#fff; z-index:99; }

  .ico_pesquisar				{ width:23px; height:23px; background:#333; cursor:pointer; position:absolute; right:53px; top:19px; border-radius:2px; background:url(images/ico_lupa4.png) center no-repeat; transition:all 0.3s ease; }
  .ico_pesquisar:hover				{ background-color:rgba(0,0,0,0.1); }

  .ico_ampliar					{ width:23px; height:23px; background:#333; cursor:pointer; position:absolute; right:20px; top:19px; border-radius:2px; background:url(images/ico_ampliar.png) center no-repeat; transition:all 0.3s ease; }
  .ico_ampliar:hover				{ background-color:rgba(0,0,0,0.1); }

  .ico_ampliar_x				{ width:40px; height:40px; background:red; cursor:pointer; position:absolute; right:10px; top:10px; background:url(images/ico_fechar.png) center no-repeat; }


/* ...................... processos ............................................................................................................................................. */


.timeline					{ display:flex; flex-flow:row wrap; margin:30px 0 -1px 40px; }

  .timeline .etapa				{ flex:0 0 auto; background:#f6f6f6; border-bottom:1px solid #ddd; border-top-left-radius:3px; border-top-right-radius:3px; padding:20px; margin-right:5px; box-sizing:border-box; color:#333; }
  .timeline .etapa:hover			{ color:#333; text-decoration:none; background:#eee; }

  .timeline .etapa.ativa			{ background:#fff; border:1px solid #ddd; border-bottom-color:#fff; font-weight:700; cursor:default; }

    .timeline .etapa .num			{ background:#ddd; border-radius:3px; display:inline-block; width:23px; height:23px; line-height:23px; text-align:center; font-weight:700; margin-right:5px; }
    .timeline .etapa.ativa .num			{ background:#CCFF03; }


/* ...................... formulários ........................................................................................................................................... */


.erro						{ padding:5px; background:#D93600; line-height:160%; color:#fff; text-align:center; margin:0 0 40px 0; font-size:16px; border-radius:3px; }

.confirma					{ padding:5px; background:#78BB1E; line-height:160%; color:#fff; text-align:center; margin:0 0 40px 0; font-size:16px; border-radius:3px; }

  .confirma a					{ color:#fff; text-decoration:underline; }

.observacoes					{ padding:10px; border:1px dashed #999; line-height:160%; margin:30px 0 20px 0; font-size:14px; border-radius:3px; }
.observacoes.vermelha				{ padding:10px; border:1px dashed #D93600; color:#D93600; line-height:160%; margin:30px 0 20px 0; font-size:14px; border-radius:3px; background:rgba(217,54,0,0.05); }

.formulario					{ /*border:1px solid #eee;*/ margin:0 auto; max-width:420px; padding:30px 40px 30px 40px; border-radius:3px; }

.formulario.sem_estilo				{ border:none; max-width:100%; padding:0; margin:0; border-radius:0; }

.formulario.cartao				{ border:none; max-width:100%; padding:0; margin:0; border-radius:0; }

.formulario.bordado				{ border:1px solid #ddd; max-width:100%; padding:0; margin:0; border-radius:3px; }

.formulario.grande				{ max-width:800px; }
.formulario.grande2				{ max-width:1024px; }

  .formulario legend				{ font-weight:700; margin:0 0 20px 0; padding:0; font-family:'neo sans w1g', sans-serif; text-transform:uppercase; font-size:14px; }
  .formulario legend.bordado			{ border-top:1px solid #ddd; padding-top:20px; margin-top:20px; }

  .formulario fieldset				{ position:relative; padding:5px 0 5px 180px; min-height:38px; }

  .formulario.grande2 fieldset			{ padding-left:250px; }

  .formulario fieldset.nopadding		{ padding-left:0; }

  .formulario fieldset.bordado			{ border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:20px; }
  .formulario fieldset.bordado_top		{ border-top:1px solid #ddd; padding-top:20px; margin-top:20px; }

  .formulario fieldset.field_cinza		{ padding:10px; background:#eee; border-radius:3px; }

  .formulario fieldset:last-of-type		{ border-bottom:none; }

    .formulario label				{ display:block; position:absolute; left:0; top:8px; height:38px; line-height:38px; font-size:13px; color:#999; font-weight:700; text-transform:uppercase; }

    .formulario label.wrap			{ height:auto !important; top:auto; left:auto; line-height:110%; position:relative; padding:5px 0 5px 0; }

    .formulario fieldset.nopadding label	{ position:relative; top:auto; left:auto; height:auto; line-height:120%; margin:20px 0 10px 0; }
    .formulario fieldset.nopadding label.nomtop	{ margin-top:0; }

    .formulario input[type=text],
    .formulario input[type=email],
    .formulario input[type=file],
    .formulario input[type=date],
    .formulario input[type=month],
    .formulario input[type=password]		{ display:block; width:100%; box-sizing:border-box; border:1px solid #ccc; background:#fefefe; height:46px; line-height:44px; padding:0 10px 0 10px; margin:0; font-size:13px; border-radius:5px; -webkit-box-shadow:inset 0 0 3px 0px rgba(0,0,0,0.1); box-shadow:inset 0 0 3px 0px rgba(0,0,0,0.1); }

    .formulario .campos_radio			{ display:flex; height:46px; line-height:100%; align-items:center; }

    .formulario .campos_radio2			{ display:flex; line-height:100%; align-items:center; }

    .formulario textarea			{ display:block; width:100%; box-sizing:border-box; border:1px solid #ccc; background:#fefefe;  padding:10px; margin:0; font-family:'Neo Sans W1G'; font-size:13px; border-radius:5px; -webkit-box-shadow:inset 0 0 3px 0px rgba(0,0,0,0.1); box-shadow:inset 0 0 3px 0px rgba(0,0,0,0.1); }

    .formulario select				{ display:block; max-width:calc(100% - 30px); box-sizing:border-box; border:1px solid #ccc; background:#fefefe; height:46px; line-height:44px; padding:0 10px 0 10px; margin:0; font-size:13px; border-radius:5px; -webkit-box-shadow:inset 0 0 3px 0px rgba(0,0,0,0.1); box-shadow:inset 0 0 3px 0px rgba(0,0,0,0.1); }

    .formulario input.peq,
    .formulario textarea.peq,
    .formulario select.peq			{ height:34px; line-height:32px; padding:0 10px 0 10px; font-size:14px; }

    .formulario input.mini,
    .formulario textarea.mini,
    .formulario select.mini			{ height:22px; line-height:22px; padding:0 5px 0 5px; font-size:14px; border-radius:3px; }

    .formulario input.borda_verde,
    .formulario select.borda_verde		{ border-color:#78BB1E; }

    .formulario input.borda_vermelha,
    .formulario select.borda_vermelha		{ border-color:#D93600; color:#D93600; }

    .formulario input[name=wally]		{ display:none; }

    .formulario select[readonly=readonly]	{ border:1px dashed #ccc; background:#f6f6f6; -webkit-box-shadow:none; box-shadow:none; }
    .formulario textarea[readonly=readonly]	{ border:1px dashed #ccc; background:#f6f6f6; -webkit-box-shadow:none; box-shadow:none; }
    .formulario input[readonly=readonly]	{ border:1px dashed #ccc; background:#f6f6f6; -webkit-box-shadow:none; box-shadow:none; }

    .formulario input#sosalvar			{ margin-right:10px; text-transform:none; }

    .formulario select.select_atencao		{ border-color:#D93600; background-color:rgba(217,54,0,0.1); color:#D93600; }
    .formulario input.input_atencao		{ border-color:#D93600; background-color:rgba(217,54,0,0.1); color:#D93600; }

    .formulario select[name=status] option[value='-3']	{ color:#D59604; }
    .formulario select[name=status] option[value='-2']	{ color:#9677D5; }
    .formulario select[name=status] option[value='-1']	{ color:#328698; }
    .formulario select[name=status] option[value='0']	{ color:#D59604; }
    .formulario select[name=status] option[value='1']	{ color:#9677D5; }
    .formulario select[name=status] option[value='2']	{ color:#328698; }
    .formulario select[name=status] option[value='21']	{ color:#328698; }
    .formulario select[name=status] option[value='22']	{ color:#328698; }
    .formulario select[name=status] option[value='23']	{ color:#328698; }
    .formulario select[name=status] option[value='3']	{ color:#D93600; }
    .formulario select[name=status] option[value='4']	{ color:#78BB1E; }
    .formulario select[name=status] option[value='41']	{ color:#78BB1E; }
    .formulario select[name=status] option[value='42']	{ color:#78BB1E; }
    .formulario select[name=status] option[value='43']	{ color:#D93600; }
    .formulario select[name=status] option[value='5']	{ color:#5E9117; }
    .formulario select[name=status] option[value='51']	{ color:#5E9117; }
    .formulario select[name=status] option[value='52']	{ color:#5E9117; }
    .formulario select[name=status] option[value='53']	{ color:#5E9117; }

    .formulario select option.amarelo			{ color:#D59604 !important; }
    .formulario select option.laranja			{ color:#9677D5 !important; }
    .formulario select option.azul			{ color:#328698 !important; }
    .formulario select option.verde			{ color:#78BB1E !important; }
    .formulario select option.verdao			{ color:#5E9117 !important; }
    .formulario select option.vermelho			{ color:#D93600 !important; }
    .formulario select option.vermelho_bg,
    .formulario select option.vermelho_bg:hover		{ background-color:#D93600 !important; color:#fff !important; font-style:italic; }
    .formulario select option.preto			{ color:#333 !important; }

    .bigtext					{ max-width:493px; }
    .mediumtext					{ max-width:300px !important; }
    .smalltext					{ max-width:100px; }
    .smalltext0					{ max-width:50px; }
    .smalltext2					{ max-width:125px; }
    .smalltext3					{ max-width:150px !important; }
    .smalltext4					{ max-width:60px !important; }
    .smalltext5					{ width:160px; max-width:100% !important; }
    .smalltext6					{ width:170px; max-width:100% !important; }
    .smalltext7					{ width:190px; max-width:100% !important; }
    .smalltext8					{ width:110px; max-width:100% !important; }

    .dashed					{ border-style:dashed !important; }

    .alerta					{ font-weight:700; color:#D93600; margin-top:10px; display:block; }

    .campos_responsavel .b_excluir,
    .campos_procurador .b_excluir		{ margin-left:10px; margin-bottom:-4px; }

    datalist#onus option			{ color:red; }

    datalist#onus option[data-tipo='1'],
    datalist#onus option[data-tipo='2']		{ color:red; background:red; }

  .formulario .botao				{ margin-top:20px; }

  .formulario fieldset.dono			{ padding-top:16px; padding-left:220px; border-bottom:1px dashed #ccc; margin-bottom:25px; padding-bottom:10px; max-width:200px; }

  .inputpop					{ background:#EF3F43; color:#fff; font-size:12px; padding:7px; line-height:100%; border-radius:3px; position:absolute; bottom:-22px; cursor:pointer; display:none; z-index:100; font-family:'neo sans w1g', arial; }

  .inputpop a					{ color:#fff; text-decoration:underline; }

  .inputpop:before				{ content:""; width:0; height:0; position:absolute; border-style:solid; border-width:0 5px 5px 5px; border-color:transparent transparent #EF3F43 transparent; left:10px; top:-5px; }

  .inputpop.superior				{ bottom:auto; top:-22px; left:0; }
  .inputpop.superior:before			{ border-width:5px 5px 0 5px; border-color:#EF3F43 transparent transparent transparent; top:auto; bottom:-5px; }

.inputs_dinamicos				{  }

  .inputblock					{ position:relative; margin-bottom:1px; }

  .inputblock:first-of-type			{ margin-bottom:10px; }

    .inputblock input				{ position:relative; z-index:1; padding-right:34px !important; }

    .inputblock .botao.mais			{ position:absolute; z-index:2; right:6px; top:12px; margin-top:0; }
    .inputblock .botao.x2			{ position:absolute; z-index:2; right:6px; top:12px; height:22px; width:22px; margin:0 0 -6px 0; padding:0; background-image:url(images/ico_x3.png); background-color:#D93600; background-position:center; background-repeat:no-repeat; }
    .inputblock .botao.x2:hover			{ background-color:#C52200; }

    .inputblock.adicionado input		{ height:36px; line-height:34px; background-color:rgba(120,187,30,0.15); border:1px solid rgba(120,187,30,0.3); }

    .inputblock.adicionado .botao.mais		{ top:7px; }
    .inputblock.adicionado .botao.x2		{ top:7px; }

form.formulario.anexar				{ height:26px; }
form.formulario.anexar.centralizado		{ text-align:center; }

  form.formulario.anexar input[type=file],
  .input_anexo					{ display:none !important; }

  form.formulario.anexar button.botao		{ margin-right:2px; margin-top:0; height:26px; line-height:26px; text-transform:none; font-size:12px; background:#ccc; color:#333; padding:0 10px 0 20px; box-sizing:border-box; background-image:url(images/ico_mais4.png); background-position:8px center; background-repeat:no-repeat; }

  form.formulario.anexar button.botao.verde	{ background-color:#CCFF03; }

  form.formulario.anexar.centralizado button.botao	{ margin:0 auto; }

  form.formulario.anexar button.botao:hover	{ background-color:#bbb; }

  form.formulario.anexar button.botao.verde:hover	{ background-color:#AEE100; }

  form.formulario.anexar button.botao.enviando	{ border:1px dashed #999; line-height:24px; background-color:transparent; cursor:default; font-weight:400; }

  form.formulario.anexar select			{ height:25px; /*height:32px;*/ padding:0 5px 0 5px; display:inline-block; font-size:12px; }

    form.formulario.anexar select option	{ font-size:12px; }

.tabela .td.editavel				{ padding-top:3px; padding-bottom:3px; height:31px; padding-left:0; padding-right:28px; background:rgba(255,255,255,0.5); position:relative; }

  .tabela .td.editavel span.editar		{ display:none; opacity:0.5; background:url(images/ico_editar.png) center no-repeat transparent; border-radius:3px; width:30px; height:38px; cursor:pointer; margin-right:0; float:none; right:0; top:0; position:absolute; }

  .tabela .td.editavel:hover span.editar	{ display:block; }

form.formulario.embutido			{ box-sizing:border-box; width:100%; position:relative; height:29px; }

  form.formulario.embutido input[type=text],
  form.formulario.embutido input[type=date]	{ height:29px; padding:0 26px 0 3px; border-radius:2px; font-size:12px; min-width:120px; }

  form.formulario.embutido input[type=text]::-webkit-calendar-picker-indicator { top:10px !important; right:20px !important; bottom:auto !important; left:auto !important; display:block !important; margin:0 !important; padding:0 !important; text-indent:0 !important; background:url(images/seta_baixo.png) center no-repeat!important; width:12px !important; }
  form.formulario.embutido input[type=text]::-webkit-list-button { top:0; right:20px; bottom:auto; left:auto; display:block; margin:0; padding:0; text-indent:0; }

  form.formulario.embutido .botm		{ position:absolute; right:1px; top:1px; height:27px; width:24px; padding:0; margin:0; border-radius:3px; background:url(images/ico_salvar.png) center no-repeat; border:none; cursor:pointer; z-index:9999; }

  form.formulario.embutido .botm:hover		{ background-color:#CCFF03; }

  .td .vlori					{ display:none; }

.btn_add_registro				{ margin-left:1px; }

@media only screen and (max-width : 1024px) {

.formulario:not(#enviar_mapa)			{ border:none; padding:20px; }

  .formulario:not(#enviar_mapa) fieldset	{ padding-left:0; }

  .formulario fieldset.dono			{ padding-left:0; padding-top:0; padding-bottom:20px; margin-bottom:15px; max-width:100%; }

    .formulario:not(#enviar_mapa) label		{ position:relative; top:0; height:auto; line-height:120%; margin:7px 0 7px 0; }

    .formulario fieldset.dono label		{ position:relative; top:0; height:auto; line-height:120%; margin:7px 0 15px 0; }

}


/* ...................... checkbox / radio ...................................................................................................................................... */


.custom-checkbox				{ width:16px; height:16px; display:inline-block; position:relative; top:0px; z-index:1; border:1px solid rgba(0,0,0,0.3); border-radius:2px; box-sizing:border-box; background:rgba(255,255,255,0.5); }

.custom-checkbox:hover				{ -webkit-box-shadow:inset 0 0 3px 0px rgba(0,0,0,0.1); box-shadow:inset 0 0 3px 0px rgba(0,0,0,0.1); border-color:rgba(0,0,0,0.4); }

.custom-checkbox.selected			{ background:url(images/ico_check.png) center no-repeat rgba(255,255,255,0.5); }

.custom-checkbox.disabled			{ background-color:rgba(0,0,0,0.1); border-color:rgba(0,0,0,0.2); }

.tabela .custom-checkbox			{ top:2px; }

  .custom-checkbox input[type="checkbox"]	{ width:14px; height:14px; margin:0; position:absolute; top:0; left:0; z-index:2; cursor:pointer; outline:none; opacity:0; }

  .custom-checkbox.disabled input[type="checkbox"]	{ cursor:default; }

.custom-radio					{ width:16px; height:16px; display:inline-block; position:relative; top:0px; z-index:1; border:1px solid rgba(0,0,0,0.3); border-radius:100%; box-sizing:border-box; background:rgba(255,255,255,0.5); }

.custom-radio:hover				{ -webkit-box-shadow:inset 0 0 3px 0px rgba(0,0,0,0.1); box-shadow:inset 0 0 3px 0px rgba(0,0,0,0.1); border-color:rgba(0,0,0,0.4); }

.custom-radio.selected				{ background:url(images/ico_circulo.png) center no-repeat rgba(255,255,255,0.5); }

.custom-radio.disabled				{ background-color:rgba(0,0,0,0.1); border-color:rgba(0,0,0,0.2); }

.tabela .custom-radio				{ top:2px; }

  .custom-radio input[type="radio"]		{ width:14px; height:14px; margin:0; position:absolute; top:0; left:0; z-index:2; cursor:pointer; outline:none; opacity:0; }

  .custom-radio.disabled input[type="radio"]	{ cursor:default; }


/* ...................... login ................................................................................................................................................. */


.login						{ /*border:1px solid #eee;*/ margin:0 auto; max-width:500px; padding:0; border-radius:3px; position:relative; overflow:hidden; }

.login_cont					{ display:flex; flex-flow:row-wrap; align-items:stretch; width:200%; position:relative; }

  .login_cont .formulario			{ flex:0 0 50%; border:none; padding:0 40px 30px 40px; margin:0; }

  .login_cont .formulario fieldset		{ padding-left:0; text-align:center; }

    .login_cont .formulario input[type=text],
    .login_cont .formulario input[type=password]{ font-size:16px; }

    .login_cont a#esqueci, .login_cont a#voltar	{ text-align:center; display:block; margin-top:10px; }

    .login_cont .formulario#lembrar		{ }

    p.ainda_nao					{ border-top:1px solid #eee; text-align:center; padding-top:20px; margin-top:20px; }

@media only screen and (max-width : 1024px) {

.login						{ border:none; }

  .login_cont .formulario			{ padding:0; }

}


/* ...................... galeria fotos ......................................................................................................................................... */


.gal						{ list-style:none; margin:0; padding:20px 20px 10px 10px; border-radius:5px; border:1px solid #ccc; display:flex; flex-flow:row wrap; align-items:stretch; }

  .gal li					{ margin:0 0 10px 10px; padding:0; border-radius:3px; background:center; background-repeat:no-repeat; background-size:cover; flex:0 0 calc(20% - 10px); height:200px; position:relative; }

  .gal.sortable li				{ cursor:move; }

    .gal li .b_excluir				{ position:absolute; top:5px; right:5px; }

@media only screen and (max-width : 1280px) {

  .gal li					{ height:150px; }

}

@media only screen and (max-width : 1024px) {

  .gal li					{ flex:0 0 calc(25% - 10px); }

}

@media only screen and (max-width : 800px) {

  .gal li					{ flex:0 0 calc(33.3% - 10px); }

}

@media only screen and (max-width : 600px) {

  .gal li					{ flex:0 0 calc(50% - 10px); }

}


/* ...................... painel ................................................................................................................................................ */


.formulario#simula_cliente			{ max-width:100%; width:100%; margin-bottom:40px; }

  .formulario#simula_cliente select		{ width:100%; font-size:18px; color:#fff; border-color:#fff; background:none; }

    .formulario#simula_cliente select option	{ font-size:15px; color:#333; }

  .formulario#simula_cliente input[type=text]	{ width:100%; font-size:18px; color:#fff; border-color:#fff; background:url(images/seta_baixo2.png) right 10px center no-repeat transparent; cursor:pointer; font-family:'neo sans w1g'; border-radius:3px; }

  .formulario#simula_cliente input[type=text]::-webkit-input-placeholder{ color:#fff; font-style:normal; }
  .formulario#simula_cliente input[type=text]::-moz-placeholder		{ color:#fff; font-style:normal; }
  .formulario#simula_cliente input[type=text]:-ms-input-placeholder	{ color:#fff; font-style:normal; }
  .formulario#simula_cliente input[type=text]:-moz-placeholder		{ color:#fff; font-style:normal; }

.ui-autocomplete				{ max-height:400px; overflow-y:auto; overflow-x:hidden; }

.formulario#busca_placa				{ max-width:100%; margin-bottom:0; margin-top:40px; border:1px solid #ddd; padding:10px 20px 10px 20px; border-radius:3px; font-family:'neo sans w1g'; }

  .formulario#busca_placa fieldset		{ padding-left:200px; margin:0; padding-top:0; padding-bottom:0; height:40px; }

  .formulario#busca_placa label			{ color:#333; font-size:15px; border-right:2px solid #3e3e3e; padding:0 20px 0 25px; height:26px; line-height:26px; top:7px; margin:0; background:url(images/ico_lupa4.png) left center no-repeat; }

  .formulario#busca_placa input[type=text]	{ border:none; background:none; height:40px; line-height:40px; margin:0; padding:0; font-size:15px; -webkit-box-shadow:none; box-shadow:none; }

.bloquinho					{ box-sizing:border-box; border:1px solid #ddd; margin:0 0 20px 0; border-radius:3px; }

  .bloquinho .formulario			{ padding:5px 10px 10px 10px; }

    .bloquinho .formulario select		{ max-width:100%; }

    .bloquinho .formulario select[name=cidade]	{ width:234px; }

.blocos						{ display:flex; flex-flow:row wrap; align-items:stretch; margin-left:-20px; width:calc(100% + 20px); }

  .bloco					{ flex:0 0 calc(100% - 20px); box-sizing:border-box; /*border:1px solid #ddd;*/ border-radius:3px; padding:20px; margin:0 0 20px 20px; background:#F6F6F6; position:relative; }
  .blocos.sem_estilo .bloco			{ border:none; padding:0; margin-bottom:0; background:none; }

  .bloco_33					{ flex:0 0 calc(33.3% - 20px); }
  .bloco_50					{ flex:0 0 calc(50% - 20px); }
  .bloco_66					{ flex:0 0 calc(66.6% - 20px); }

  .bloco.verde					{ background-color:rgba(120,187,30,0.15); border-color:#78BB1E; }
  .bloco.vermelho				{ background-color:rgba(217,54,0,0.05); border-color:rgba(217,54,0,0.3); }

    .bloco h2					{ text-transform:uppercase; font-size:14px; font-weight:700; margin:0 0 20px 0; padding:0 0 10px 0; border-bottom:1px solid #ddd; }

    .bloco.vermelho h2				{ border-color:rgba(217,54,0,0.1); }
    .bloco.vermelho .tabela .tr			{ border-color:rgba(217,54,0,0.15); }

    .bloco .botao:not(.mais,.mais2,.lupa,.seta,.mostrar_mais)		{ background-color:#fff; color:#72A500; box-sizing:border-box; -webkit-box-shadow: 0px 0px 0px 1px #ddd; box-shadow: 0px 0px 0px 1px #ddd; }
    .bloco .botao:not(.mais,.mais2,.lupa,.seta,.mostrar_mais):hover	{ background-color:#AEE100; color:#333; border:none; -webkit-box-shadow:none; box-shadow:none; }

    .bloco .botao.verde				{ background:#CCFF03; color:#333; border:none; -webkit-box-shadow:none; text-transform:capitalize; }
    .bloco .botao.verde:hover			{ background:#AEE100; color:#333; }

    .bloco .botao.vermelho			{ background:#D93600; color:#fff; border:none; box-shadow:none; text-transform:capitalize; }
    .bloco .botao.vermelho:hover		{ background:#C52200; color:#fff; }

    .bloco .botao.amarelo			{ background:rgb(213,150,4); color:#fff; border:none; box-shadow:none; text-transform:capitalize; }
    .bloco .botao.amarelo:hover			{ background:rgb(213,150,4); color:#fff; }

    .bloco .botao.ativo				{ background-color:#AEE100; color:#333; border:none; }

  .bloco.destacado				{ background:rgba(239,63,67,0.1); border-color:rgba(239,63,67,0.2); }

    .indicadores				{ list-style:none; margin:0 0 -20px 0; padding:0; display:flex; flex-flow:row wrap; }

      .indicadores li				{ flex:0 0 auto; margin:0 20px 20px 0; height:100%; border-right:1px solid #ddd; padding-right:20px; }

      .indicadores li:last-child		{ border-right:none; margin-right:0; padding-right:0; }

	.indicadores li span.valor		{ font-size:28px; font-weight:700; display:block; margin-bottom:10px; }

	.indicadores li span.desc		{ font-size:12px; display:block; line-height:110%; }

    .ponto					{ height:10px; width:10px; display:inline-block; border-radius:3px; }

    .ponto.verde				{ background:#78BB1E; }
    .ponto.laranja				{ background:#D59604; }
    .ponto.vermelho				{ background:#D93600; }

    .highcharts-container			{ max-width:100% !important; width:100% !important; }

#form_veiculo					{ margin:40px 0 40px 0; display:none; }

  #form_veiculo .formulario			{ max-width:100%; border:1px solid #ddd; padding:20px 20px 30px 20px; margin-bottom:20px; }

    #form_veiculo .conjunto			{ max-width:100%; /*column-count:2; column-gap:40px; DESABILITADO POR CONTA DE BUG NO CHROME 102.0.5005.63 */ }

.caixa_excluir					{ height:40px; }

  #excluir_item					{ float:right; border-bottom:1px solid #D93600; color:#D93600; padding:3px 0 3px 0; display:inline-block; }

  #excluir_item:hover				{ border:none; background:#D93600; color:#fff; border-radius:3px; text-decoration:none; padding-left:7px; padding-right:7px; }

#form_licenca					{ margin-bottom:40px; display:none; border:1px solid #ddd; border-radius:3px; }

  #form_licenca .formulario.grande		{ max-width:100%; }

    #form_licenca .field_uf_licenca		{ display:none; }

#form_cadri					{ margin-bottom:40px; display:none; border:1px solid #ddd; border-radius:3px; }

  #form_cadri .formulario.grande		{ max-width:100%; }

#form_usuario					{ display:none; border:1px solid #ddd; border-radius:3px; }

#form_anexo					{ margin-bottom:40px; display:none; border-bottom:1px solid #ddd; }

#obs						{ }

  #obs .bigtext					{ max-width:100%; margin-bottom:0; }

  #obs .botao					{ margin-top:5px; }

  #salvar_pagamento, #salvar_quem_assina	{ margin-top:5px; }

  #onu .botao					{ margin-top:5px; }

  #contr .botao					{ margin-top:0; }

.filtros					{ list-style:none; margin:20px 0 0 0; padding:0; display:flex; }

  .filtros li					{ flex:0 0 auto; margin-right:20px; }

    .filtros li a				{ color:#333; display:inline-block; padding:2px 0 2px 0; border-bottom:1px solid #eee; }

.formulario.filtros2				{ list-style:none; display:flex; flex-flow:row wrap; padding:0 0 20px 0; margin:0 0 30px 0; justify-content:center; border-bottom:1px solid #ddd; }
.formulario.filtros2_sem_borda			{ padding-bottom:0; margin-bottom:0; border-bottom:none; }

  .formulario.filtros2 fieldset			{ flex:0 0 auto; margin-right:20px; display:flex; min-height:0; padding:0; }

  .formulario.filtros2.quebrado fieldset	{ margin-bottom:10px; padding-top:20px; }

    .formulario.filtros2 fieldset label		{ flex:0 0 auto; margin-right:10px; width:auto; height:34px; line-height:34px; position:relative; top:auto; left:auto; }

    .formulario.filtros2.quebrado fieldset label{ top:0; left:0; height:auto; line-height:120%; margin-right:0; flex:none; }

    .formulario.filtros2 fieldset input[type=text],
    .formulario.filtros2 fieldset input[type=date],
    .formulario.filtros2 fieldset input[type=month],
    .formulario.filtros2 fieldset select	{ flex:0 0 auto; height:34px; margin:0; background-color:#fff; }

    .formulario.filtros2 fieldset .botao	{ flex:0 0 auto; margin:0; }

  .formulario.filtros2.quebrado fieldset	{ margin-right:10px; display:block; }

    .formulario.filtros2.quebrado label		{ flex:0 0 100%; margin-right:0; margin-bottom:5px; height:auto; line-height:140%; }

    .formulario.filtros2.quebrado fieldset input[type=text],
    .formulario.filtros2.quebrado fieldset input[type=date],
    .formulario.filtros2.quebrado fieldset input[type=month],
    .formulario.filtros2.quebrado fieldset select	{ max-width:100%; }

.link_rapido					{ }

  .link_rapido ul				{ display:flex; flex-flow:row wrap; justify-content:center; list-style:none; margin:-5px 0 0 0; padding:0; }

    .link_rapido li				{ flex:0 0 auto; margin:5px 5px 0 0; padding:0; font-size:13px; color:#999; }

    .link_rapido_g:not(.min) li			{ flex:1 1 0; margin:5px 5px 0 0; padding:0; font-size:13px; color:#999; text-align:center; line-height:130%; display:flex; flex-flow:row wrap; }

    .link_rapido:not(.link_rapido_g) li:first-child	{ margin-right:20px; }
    .link_rapido:not(.link_rapido_g) li:last-child	{ margin-left:15px; font-weight:700; }

    .link_rapido li.label			{ text-transform:uppercase; font-weight:700; display:flex; flex-direction:column; justify-content:center; }

      .link_rapido li a				{ border:1px solid #ddd; border-radius:3px; padding:5px 7px 5px 7px; display:inline-block; color:#333; flex:1; position:relative; }

      .link_rapido_g:not(.min) li a		{ padding-bottom:23px; display:flex; align-items:center; justify-content:center; }

      .link_rapido_g:not(.min) li:last-child a	{ padding-bottom:5px; font-weight:500; }

      .link_rapido li a.amarelo			{ color:#D59604; }
      .link_rapido li a.laranja			{ color:#9677D5; }
      .link_rapido li a.azul			{ color:#328698; }
      .link_rapido li a.verde			{ color:#78BB1E; }
      .link_rapido li a.verdao			{ color:#5E9117; }
      .link_rapido li a.vermelho		{ color:#D93600; }

      .link_rapido li a:hover			{ border-color:#333; text-decoration:none; }
      .link_rapido li a.amarelo:hover		{ border-color:#D59604; }
      .link_rapido li a.laranja:hover		{ border-color:#9677D5; }
      .link_rapido li a.azul:hover		{ border-color:#328698; }
      .link_rapido li a.verde:hover		{ border-color:#78BB1E; }
      .link_rapido li a.verdao:hover		{ border-color:#5E9117; }
      .link_rapido li a.vermelho:hover		{ border-color:#D93600; }

      .link_rapido li a.inativo			{ border:1px dashed #ddd; color:#bbb; cursor:default; }
      .link_rapido li a.inativo:hover		{ border-color:#ddd; }

	.link_rapido li a span.qtd		{ color:#333; display:inline-block; font-size:12px; }
	.link_rapido li a.inativo span.qtd	{ color:#ccc; }

	.link_rapido_g:not(.min) li a span.qtd	{ position:absolute; bottom:5px; left:0; width:100%; text-align:center; }

.link_rapido.min				{ position:fixed; top:0; left:0; padding-top:10px; padding-bottom:10px; width:100%; margin:0; z-index:999; border:none; -webkit-box-shadow:0px 0px 7px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5); box-shadow:0px 0px 7px 0px rgba(0,0,0,0.5); }

.abas						{ list-style:none; margin:20px 0 20px 0; padding:0; display:flex; gap:10px; }

.abas.menor					{ margin:0 0 20px 0; align-items:stretch; flex-flow:row wrap; gap:5px; }

  .abas li					{ margin:0; padding:0; flex:1 0 auto; }

  .abas.menor li				{ flex:0 0 auto; }

    .abas li a					{ display:block; padding:7px 10px 7px 10px; border:1px solid #ddd; border-radius:3px; text-align:center; color:#333; font-size:16px; font-weight:700; }

    .abas.menor li a				{ font-size:13px; padding:5px 7px 5px 7px; }

    .abas li a:hover				{ color:#333; text-decoration:none; background:#eee; }

    .abas li a.verde				{ color:#78BB1E; }
    .abas li a.amarelo				{ color:#D59604; }
    .abas li a.vermelho				{ color:#D93600; }

    .abas li.ativo a				{ background:#585858; color:#fff; border-color:#585858; }

#licenciamento_select				{ position:absolute; right:20px; top:20px; text-transform:capitalize; }

#form_veiculos					{ display:none; }


@media only screen and (max-width : 1400px) {

  .bloco_33					{ flex:0 0 calc(50% - 20px); }
  .bloco_66					{ flex:0 0 calc(50% - 20px); }

}

@media only screen and (max-width : 1024px) {

.formulario:not(#enviar_mapa)			{ border:none; padding:20px; }

  .formulario:not(#enviar_mapa) fieldset	{ padding-left:0; }

    .formulario:not(#enviar_mapa) label		{ position:relative; top:0; height:auto; line-height:120%; margin:7px 0 7px 0; }

  .formulario#busca_placa fieldset		{ padding-left:200px; }

  .formulario#busca_placa label			{ position:absolute; top:7px; height:26px; line-height:26px; margin:0; }

.formulario.filtros2				{ align-items:stretch; }

}

@media only screen and (max-width : 800px) {

    #form_veiculo .conjunto			{ column-count:1; column-gap:0; }

.blocos						{ margin-left:0; width:100%; }

  .bloco					{ flex:0 0 100%; margin-left:0; overflow-x:auto; }

  .bloco_33					{ flex:0 0 100%; margin-left:0; }
  .bloco_50					{ flex:0 0 100%; margin-left:0; }
  .bloco_66					{ flex:0 0 100%; margin-left:0; }

  .formulario#busca_placa fieldset		{ padding-left:0; height:auto; }

  .formulario#busca_placa label			{ position:relative; top:auto; height:auto; line-height:120%; margin:0 0 7px 0; padding-bottom:10px; text-align:center; border-right:0; border-bottom:2px solid #3e3e3e; }

  .formulario#busca_placa input[type=text]	{ text-align:center; }

    .indicadores				{ margin-bottom:0; }

      .indicadores li				{ flex:0 0 100%; margin-right:0; margin-bottom:10px; height:auto; border-right:none; padding-right:0; padding-bottom:10px; border-bottom:1px solid #ddd; text-align:center; }

      .indicadores li:last-child		{ border-right:none; border-bottom:none; margin-right:0; margin-bottom:0; padding-right:0; padding-bottom:0; }

	.indicadores li span.valor		{ font-size:22px; margin-bottom:5px; }

	.indicadores li span.desc		{ font-size:12px; }

}


/* ...................... assinatura de documentos .............................................................................................................................. */


.blocos_assinatura				{ justify-content:center; }

  .blocos_assinatura .bloco .botao		{ box-shadow:none; background:none; background-color:#CCFF03; color:#333; }

  .blocos_assinatura .bloco .botao.enviando	{ background-color:transparent; }
  .blocos_assinatura .bloco .botao.checado	{ background-image:url(images/val_ok.png) ; background-position:40px center; background-repeat:no-repeat; padding-left:68px; }
  .blocos_assinatura .bloco .botao.checado:hover{ border:1px dashed #999; }

  .blocos_assinatura .bloco .container		{ min-height:80px; }

  .blocos_assinatura .bloco h4			{ font-weight:400; line-height:120%; margin:0 0 10px 0;  }

  .blocos_assinatura .bloco p			{ font-size:13px; line-height:130%; }

  .blocos_assinatura .opcao1			{ flex:0 0 100%; border-top:1px solid #ddd; padding-top:20px; text-align:center; }
  .blocos_assinatura .opcao2			{ flex:0 0 100%; border-top:1px solid #ddd; padding-top:20px; text-align:center; margin-top:20px; }

  .blocos_assinatura .opcao2 fieldset		{ display:flex; flex-flow:row wrap; align-items:center; justify-content:center; gap:5px; }

    .blocos_assinatura .b_pdf			{ flex:0 0 auto; display:inline-block; float:none; margin-left:0; margin-bottom:5px; background-color:#ddd; }
    .blocos_assinatura .b_pdf:hover		{ background-color:#ccc; }

    .blocos_assinatura .b_print			{ flex:0 0 auto; display:inline-block; float:none; margin-left:0; margin-bottom:5px; background-color:#ddd; }
    .blocos_assinatura .b_print:hover		{ background-color:#ccc; }

    .blocos_assinatura .ativar_anexo		{ flex:0 0 auto; display:inline-block; float:none; margin-left:0; margin-bottom:5px; height:30px; line-height:30px; font-size:11px; color:#333; font-weight:700; padding:0 10px 0 10px; background:url(images/ico_pdf.png) 10px center no-repeat #ddd; border-radius:3px; }

    .blocos_assinatura .anexos			{ flex:0 0 auto; min-width:0; display:inline-block; }

  /*.blocos_assinatura .enviados			{ border:1px dashed #ddd; padding:10px; border-radius:3px; margin-top:10px; margin-right:0; }*/

.documento					{ padding:20px; font-family:serif; font-size:16px; color:#000; }

  .documento h1					{ font-size:30px; font-weight:700; text-align:center; margin:0 0 10px 0; padding:0; font-family:serif; }
  .documento h2					{ font-size:24px; font-weight:700; text-align:center; margin:10px 0 10px 0; padding:0; font-family:serif; }
  .documento h3					{ font-size:18px; font-weight:700; text-align:center; margin:10px 0 10px 0; padding:0; font-family:serif; }
  .documento h4					{ font-size:18px; font-weight:700; text-align:center; margin:10px 0 10px 0; padding:10px 0 10px 0; border-top:1px solid #000; border-bottom:1px solid #000; font-family:serif; }

  .documento p, .documento td			{ font-size:16px; }

  .documento small				{ font-size:13px; }

  .documento .tabela.bordada			{ border-color:#000; line-height:120%; }

.pageprint					{ border-bottom:1px dashed #000; padding-bottom:40px; margin-bottom:40px; }

  .bg_assinatura				{ background:#f1f1f1; border-radius:5px; padding:20px; margin-bottom:10px; }
  .bg_assinatura.dupla				{ display:flex; gap:20px; flex-flow:row wrap; }
  .bg_assinatura.tripla				{ display:flex; gap:20px; flex-flow:row wrap; }

    .bg_assinatura>div				{ width:421px; margin:0 auto; }
    .bg_assinatura.dupla>div			{ flex:0 0 calc(50% - 10px); width:auto; }
    .bg_assinatura.tripla>div			{ flex:0 0 calc(33.3% - 20px); width:auto; }

      .campo_assinatura_pronta			{ width:100%; box-sizing:border-box; position:relative; }

	.assinatura_pronta			{ height:140px; background:center; background-size:contain; background-repeat:no-repeat; background-color:#fff; text-align:center; }

	.assinatura_pronta.guilherme		{ background-image:url(images/assinatura_guilherme.png); }

	  .assinatura_pronta img		{ max-height:100%; display:inline-block; }

      .campo_assinador				{ width:100%; height:197px; box-sizing:border-box; position:relative; display:flex; flex-direction:column; justify-content:flex-end; font-size:16px; }

	.campo_assinador .inputpop		{ position:relative; left:0; flex:0 0 auto; }

	.campo_assinador input[type=text]	{ width:100%; display:block; margin-bottom:5px; }

	.campo_assinador .botao			{ margin-top:0; }

      .campo_assinatura				{ width:100%; height:197px; position:relative; text-align:center; display:flex; flex-flow:column wrap; align-items:center; justify-content:flex-end; font-weight:700; }

      .bg_assinatura.tripla .campo_assinatura	{ height:100px; }

	.campo_assinatura .inputpop		{ top:-32px; }

	.campo_assinatura canvas		{ position:relative; margin:0; padding:0; cursor:crosshair; border:1px solid #ccc; border-radius:5px; z-index:998; -webkit-box-shadow:inset 0 0 3px 0px rgba(0,0,0,0.1); box-shadow:inset 0 0 3px 0px rgba(0,0,0,0.1); }

	.legenda_assinatura			{ border-top:1px solid #000; padding-top:5px; margin-top:15px; font-size:13px; text-align:center; line-height:120%; }

      .bg_assinatura .btns			{ height:30px; display:flex; flex-flow:row wrap; width:100%; justify-content:flex-end; z-index:999; }

	.bg_assinatura .botao			{ flex:0 0 auto; background-position:10px center; background-repeat:no-repeat; background-color:transparent; padding:0 10px 0 31px; text-transform:none; font-size:12px; height:30px; line-height:30px; margin-left:5px; }

	.bg_assinatura .botao.undo		{ background-image:url(images/ico_undo.png); }
	.bg_assinatura .botao.clear		{ background-image:url(images/ico_clear.png); }
	.bg_assinatura .botao.save		{ background-image:url(images/ico_salvar.png); background-color:#CCFF03; }

	.bg_assinatura .botao:hover		{ background-color:#ddd; }
	.bg_assinatura .botao.save:hover	{ background-color:#AEE100; }

	.bg_assinatura .botao.save.enviando	{ background-color:transparent; color:#333; }

      .campo_assinatura .result			{ display:none; }

  .bloquinho_assinatura				{ display:flex; flex-flow:row wrap; }

    .bloquinho_assinatura .tab_tit		{ flex:0 0 calc(100% - 20px); }

    .bloquinho_assinatura .tab_ass_nome		{ flex:0 0 calc(100% - 20px); font-weight:700; padding:10px 10px 5px 10px; }

    .bloquinho_assinatura .bloco_debito		{ flex:0 0 auto; padding:10px; position:relative; }

      .bloquinho_assinatura .ass_nome		{ margin-top:5px; display:block; text-align:center; }
      .bloquinho_assinatura .ass_img		{ border:1px solid #ccc; border-radius:5px; display:block; width:418px; height:161px; }
      .bloquinho_assinatura .ass_img.vermelho	{ border-color:#D93600; }

      .bloquinho_assinatura span.recusar	{ display:block; position:absolute; top:2px; right:2px; background:url(images/ico_fechar3.png) center no-repeat #D93600; border-radius:2px; width:20px; height:20px; cursor:pointer; }
      .bloquinho_assinatura span.recusar:hover	{ background-color:#C52200; }

.pageprint					{ border-bottom:1px dashed #000; padding-bottom:40px; margin-bottom:40px; }


/* ...................... mapas ................................................................................................................................................. */


.mapas_flex					{ display:flex; flex-flow:row wrap; gap:20px; }

  .mapas_col					{ flex:0 0 calc(33.3% - 13px); }

    .mapas_col .mapa_tit			{ border-radius:3px; background:#3E3E3E; color:#fff; padding:10px; margin:0 0 5px 0;  }

      .mapas_col h3				{ margin:0 0 5px 0; padding:0 0 5px 0; border-bottom:1px solid rgba(255,255,255,0.1); font-size:14px; font-weight:700; line-height:120%; }

      .mapas_col p				{ margin:0; padding:0; font-size:12px; line-height:120%; color:#ccc; }

    .cont .h2_mapa				{ border-radius:3px; background:#F6F6F6; padding:10px; margin:0 0 5px 0; font-size:12px; font-weight:700; text-transform:uppercase; }

    .mapa					{ border-radius:3px; background:#F6F6F6; padding:13px 10px 10px 10px; position:relative; margin-bottom:5px; font-size:12px; }

    .mapa.verde					{ background-color:rgba(120,187,30,0.3); }
    .mapa.verdao				{ background-color:rgba(94,145,23,0.3); }
    .mapa.amarelo				{ background-color:rgba(213,150,4,0.2); }
    .mapa.vermelho				{ background-color:rgba(217,54,0,0.2); }
    .mapa.enviando				{ background-color:#F6F6F6 !important; border:1px dashed #ccc; }

      .mapa h4					{ font-weight:700; font-size:12px; margin:0 0 8px 0; padding:0 0 7px 0; border-bottom:1px solid rgba(0,0,0,0.1); line-height:140%; }

	.mapa h4 span				{ font-weight:400; font-size:12px; opacity:0.8; }

      .mapa .mapaflex				{ display:flex; flex-flow:row wrap; align-items:center; }

	.mapa .mapadetal			{ flex:1 0 auto; }

	.mapa .mapaanexo			{ flex:0 0 40px; align-items:flex-end; }

	  .mapa .mapaanexo a.ico_ane		{ display:block; height:40px; width:40px; background:url(images/ico_anexo.png) center no-repeat; border-radius:3px; position:relative; border:1px solid rgba(0,0,0,0.1); }

form#enviar_mapa				{ padding:30px 40px 30px 40px !important; }

form#enviar_mapa fieldset			{ padding-left:150px; }

  form#enviar_mapa button.ativar_anexo		{ margin:9px 0 9px 0; }

  form#enviar_mapa .anexos			{ display:none; }


/* ...................... chamado ............................................................................................................................................... */


.chamado_ul					{ list-style:none; margin:0 0 20px 0; padding:0; }

  .chamado_ul li				{ margin:0; padding:0; }

.chamado					{ border-top:1px solid #eee; padding-top:20px; }

  .chamado h4					{ display:none; }

  .chamado .timeline.noPrint			{ display:none; }

.chamado_arquivos				{ margin-top:20px; padding-top:15px; border-top:1px solid #eee; }

  .chamado_arquivos .botao			{ margin:5px 5px 0 0; }


/* ...................... rotinas ............................................................................................................................................... */


.form_data					{ margin:0 auto; padding:30px 0 30px 0; display:flex; justify-content:center; }

  .form_data input[type=data]			{ flex:0 0 0; }
  .form_data input[type=button]			{ flex:0 0 0; height:46px; line-height:46px; margin-left:5px; margin-top:0; }

.cont .bloco_rotinas				{ font-family:'Consolas', Courier New; font-size:12px; background:#333; color:#fff; margin-bottom:10px; padding:20px; }
.cont .bloco_rotinas_letpp			{ line-height:120%; }

  .cont .bloco_rotinas h2			{ font-family:'Consolas', Courier New; margin:10px 0 10px 0; padding:3px 0 3px 0; color:#CCFF03; font-size:12px; border-top:1px dashed #CCFF03; border-bottom:1px dashed #CCFF03; }

  .cont .bloco_rotinas div.cinza		{ border:1px dashed #aaa; color:#aaa; padding:5px; }
  .cont .bloco_rotinas_letpp div.cinza		{ border:none; color:#aaa; padding:0; }

  .cont .bloco_rotinas div.vermelho		{ border:1px dashed red; color:red; padding:5px; }

  .cont .bloco_rotinas .botao			{ margin:3px 0 5px 0; font-family:'Consolas', Courier New; }


/* ...................... rodapé ................................................................................................................................................ */


#razao						{ text-align:center; color:#666; background:#ddd; padding:10px 0 10px 0; }

  #razao a					{ color:#666; font-size:12px; }

  #razao a:hover				{ color:#333; text-decoration:none; }

/* formatação (quase) original do site oficial */

footer						{ font-family:'neo sans w1g', sans-serif; }

footer .central24				{ margin-top:20px; }

  footer .central24 span.tit_central		{ font-weight:700; text-transform:uppercase; }

  footer .central24 a.fone_central		{ display:block; height:28px; background:url(images/ico24h.png) left top no-repeat; background-size:28px; padding-left:40px; margin-top:10px; }

footer ul					{ margin:0; padding:0; }

footer nav ul li				{ list-style-image:none; }

footer nav					{ color:#fff; font-size:15px; background:#585858; padding:35px 0 0 0; margin:0; }

footer .group-info				{ font-size:18px; padding:20px 0 0 0; line-height:160%; }

footer .contatos				{ padding:25px 0 0 0; line-height:130%; }

footer nav a					{ color:#fff; transition:.5s }

footer nav a:hover				{ color:#fff; text-decoration:underline; }

footer nav img					{ max-width:100%; max-height:78px; }

footer nav img.logo_ambipargroup		{ max-width:260px; }

footer nav .wrapper				{ display:flex; flex-wrap:wrap; padding-bottom:0; }

footer nav .wrapper>div:first-child		{ width:100%; padding:0 80px 0 0; }

footer nav .wrapper>div:last-child		{ width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; padding:55px 0 20px 0; }

footer nav .wrapper>div:not(:last-child)	{ flex:1; }

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; }

footer .rodmapa					{ width:100%; height:306px; background:url(images/bg_mapa.jpg) no-repeat center top; background-size:cover; }

footer .environment ul, footer .response ul	{ display:block; padding:30px 0; margin:0; list-style-type:none; }

footer ul li					{ line-height:140%; margin:10px 0 25px 0; }

@media only screen and (max-width : 1200px) {

footer .contatos				{ padding-top:10px; }

footer nav .wrapper>div:first-child		{ flex:0 0 100%; padding-right:0; }

footer .environment, footer .response		{ padding:40px 0 0 0; }

  footer .environment ul, footer .response ul	{ padding:10px 0; }

footer ul li					{ margin:15px 0 15px 0; }

footer nav .endereco				{ width:100%; margin-top:30px; }

}