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


html						{ height:100%; }

body						{ background:url(images/bg.png); margin:0; font-size:12px; line-height:160%; color:#666; height:100%; font-family:'Roboto'; }

.body_filtroil					{ background:#ddd; }
.body_fase					{ background:#ddd; }

input, textarea, select, option			{ font-family:'Roboto'; outline:0; }

img						{ border:none; }

a						{ color:#D9251C; text-decoration:none; }

::selection					{ background:#999; color:#fff; }
::-moz-selection				{ background:#999; color:#fff; }

form						{ margin:0; padding:0; }

  fieldset					{ margin:0; padding:0; border:none; }

.clear						{ clear:both; }

.tudo						{ width:100%; padding:0; margin:0 auto; position:relative; min-height:100%; }

* html .tudo					{ height:100%; }

body li.clear					{ clear:both; height:0; padding:0; margin:0; width:100%; float:none; }

#loading					{ background:#000; width:100%; height:100%; position:fixed; top:0; left:0; z-index:99999; display:none; opacity:0.8; color:#fff; text-align:center; line-height:600px; font-size:18px; }


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


.inicial					{ height:342px; width:100%; position:absolute; top:50%; margin-top:-171px; left:0; color:#999; }
.inicial_filtroil				{ color:#666; }
.inicial_fase					{ color:#666; }

  .logo_g					{ width:188px; height:60px; background:url(images/logo_g.png) center no-repeat; margin:0 auto 40px auto; }

  .logo_g_vegoor				{ width:188px; height:60px; background:url(images/logo_g_vegoor.png); margin:0 auto 40px auto; }
  .logo_g_compacta				{ width:188px; height:60px; background:url(images/logo_g_compacta.png); margin:0 auto 40px auto; }
  .logo_g_filtroil				{ width:188px; height:60px; background:url(images/logo_g_filtroil.png); margin:0 auto 40px auto; }
  .logo_g_fase					{ width:188px; height:60px; background:url(images/logo_g_fase.png); margin:0 auto 40px auto; }

  .inicial a					{ color:#fff; }
  .inicial_filtroil a				{ color:#1A8280; }
  .inicial_fase a				{ color:#0164A0; }

  .inicial form					{ width:293px; padding-left:15px; margin:0 auto; }

    .inicial fieldset				{ position:relative; background:url(images/login_bg.png) left top no-repeat; width:293px; height:107px; }

      .inicial input[type=text], .inicial input[type=password]	{ display:block; border:none; padding:0; margin:2px 0 0 15px; font-family:'Roboto'; font-size:13px; color:#666; height:43px; line-height:43px; width:227px; background:none; }
      .inicial input[type=password]		{ margin-top:1px; }

      .inicial input[type=submit]		{ display:block; border:none; padding:0; margin:0; background:url(images/login_b.png) calc(50% + 1px) center no-repeat #D9251C; border-radius:100%; height:31px; width:31px; position:absolute; top:30px; right:0; cursor:pointer; }
      .inicial input[type=submit]:hover		{ background-color:#A70000; }

      .inicial_filtroil input[type=submit]		{ background-color:#1A8280; }
      .inicial_filtroil input[type=submit]:hover	{ background-color:#0C536B; }

      .inicial_fase input[type=submit]			{ background-color:#65A1BD; }
      .inicial_fase input[type=submit]:hover		{ background-color:#0164A0; }

  .iniopcoes					{ height:19px; width:247px; margin:0 auto; line-height:19px; font-size:11px; }

    /*.iniopcoes div				{ float:left; width:50%; }*/
    .iniopcoes div				{ text-align:center; width:100%; }

      .iniopcoes_dir a, .iniopcoes_dir span	{ margin:0 7px 0 7px; display:inline-block; }

  .inicial address				{ font-style:normal; border:none; margin:0 auto; padding:17px 0 0 0; width:348px; border-top:1px solid rgba(0,0,0,0.1); margin-top:35px; line-height:140%; text-align:center; font-size:11px; }


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


.cab_bg						{ height:59px; width:100%; background:url(images/cab_bg.png); color:#F7D6D5; }
.cab_bg_filtroil				{background:#fff; color:#1A8280; margin-bottom:25px; -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.2); -moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.2); box-shadow:0 0 10px 0 rgba(0,0,0,0.2); }
.cab_bg_fase					{background:#fff; color:#1A8280; margin-bottom:25px; -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.2); -moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.2); box-shadow:0 0 10px 0 rgba(0,0,0,0.2); }

  .cab_bg a					{ color:#F7D6D5; }
  .cab_bg_filtroil a				{ color:#1A8280; }
  .cab_bg_fase a				{ color:#0164A0; }

  .cab						{ height:50px; max-width:1480px; position:relative; margin:0 auto; }

    .logo					{ display:block; width:214px; height:30px; position:absolute; top:10px; left:35px; background:url(images/logo.png) left no-repeat; background-size:auto 30px; }
    .logo_vegoor				{ display:block; width:91px; height:30px; position:absolute; top:10px; left:35px; background:url(images/logo_vegoor.png); }
    .logo_compacta				{ display:block; width:91px; height:30px; position:absolute; top:10px; left:35px; background:url(images/logo_compacta.png); }
    .logo_filtroil				{ display:block; width:99px; height:39px; position:absolute; top:10px; left:35px; background:url(images/logo_filtroil.png); }
    .logo_fase					{ display:block; width:129px; height:39px; position:absolute; top:10px; left:35px; background:url(images/logo_fase.png); }

    .perfil					{ height:30px; position:absolute; top:10px; right:184px; line-height:30px; text-align:right; }

    #idioma					{ display:block; position:absolute; top:10px; right:55px; border-radius:3px; border:1px solid rgba(255,255,255,0.2); background:url(images/seta_inf.png) right 10px center no-repeat; box-sizing:border-box; width:119px; line-height:28px; z-index:98; }

    .cab_bg_filtroil #idioma			{ border-color:rgba(0,0,0,0.2); background-image:url(images/seta_inf2.png)}
    .cab_bg_fase #idioma			{ border-color:rgba(0,0,0,0.2); background-image:url(images/seta_inf2.png)}

      #idioma span, #idioma_box a		{ height:28px; display:block; background-position:5px center; background-repeat:no-repeat; padding-left:34px; line-height:28px; }
      #idioma span.brasil, #idioma_box a.brasil	{ background-image:url(images/flag_brasil.png); }
      #idioma span.eua, #idioma_box a.eua	{ background-image:url(images/flag_eua.png); }
      #idioma span.espanha, #idioma_box a.espanha	{ background-image:url(images/flag_espanha.png); }

    #idioma_mascara				{ display:none; height:28px; position:absolute; top:10px; right:55px; width:119px; z-index:99; }

    #idioma_box					{ display:none; list-style:none; margin:0; padding:0; position:absolute; top:40px; right:55px; border-radius:3px; border:1px solid rgba(255,255,255,0.2); box-sizing:border-box; background:#333; width:119px; z-index:97; }

    .cab_bg_filtroil #idioma_box		{ border:1px solid rgba(0,0,0,0.2); background:#fff;}
    .cab_bg_fase #idioma_box			{ border:1px solid rgba(0,0,0,0.2); background:#fff;}

      #idioma_box li				{ margin:0; padding:0; }

    #idioma_box a:hover				{ color:#fff; }

    .cab_bg_filtroil #idioma_box a:hover	{ color:#0C536B; }
    .cab_bg_fase #idioma_box a:hover		{ color:#65A1BD; }

    .logout					{ display:block; width:30px; height:30px; position:absolute; top:10px; right:20px; border-radius:3px; border:1px solid rgba(255,255,255,0.2); box-sizing:border-box; background:url(images/b_logout.png) center no-repeat; }
    .cab_bg_filtroil .logout			{ border-color:rgba(0,0,0,0.2); background-image:url(images/b_logout2.png); }
    .cab_bg_fase .logout			{ border-color:rgba(0,0,0,0.2); background-image:url(images/b_logout3.png); }

#tarja						{ height:85px; margin:11px auto 25px auto; background:#000; position:relative; border-radius:3px; }

#tarja.tarja_filtroil				{ background:#0C536B; }
#tarja.tarja_fase				{ background:#0164A0; }

  #tarja .razao					{ color:#fff; font-size:14px; line-height:100%; width:461px; white-space:nowrap; overflow:hidden; position:absolute; top:18px; left:20px; }

  #tarja .fantasia				{ color:#fff; font-size:28px; line-height:160%; max-width:407px; white-space:nowrap; position:absolute; top:33px; left:20px; }

    #tarja #tarja_b				{ width:21px; height:21px; display:inline-block; background:url(images/tarja_b.png) left; margin-left:13px; }
    #tarja #tarja_b2				{ width:21px; height:21px; display:inline-block; background:url(images/tarja_b2.png) left; margin-left:13px; display:none; }

    #tarja.tarja_filtroil #tarja_b		{ background-image:url(images/tarja_b3.png); }
    #tarja.tarja_filtroil #tarja_b2		{ background-image:url(images/tarja_b4.png); }

    #tarja.tarja_fase #tarja_b			{ background-image:url(images/tarja_b5.png); }
    #tarja.tarja_fase #tarja_b2			{ background-image:url(images/tarja_b6.png); }

    #tarja #tarja_b:hover, #tarja #tarja_b2:hover	{ background-position:right; }

  #tarja .fone					{ line-height:140%; color:#ccc; position:absolute; top:16px; left:481px; }
  #tarja .endereco				{ line-height:140%; color:#ccc; position:absolute; top:41px; left:481px; }

    #tarja span.cola				{ color:rgba(255,255,255,0.5); width:60px; display:block; float:left; font-size:11px; }
    #tarja span.colb				{ width:401px; display:block; float:left; }

  #trocaplanta					{ display:block; position:absolute; z-index:600; background:#000; left:0; top:80px; width:100%; display:none; border-radius:3px; padding-bottom:5px; }

  #tarja.tarja_filtroil #trocaplanta		{ background:#0C536B; }
  #tarja.tarja_fase #trocaplanta		{ background:#0164A0; }

    .trocaplanta_rel				{ position:relative; padding:5px 20px 0 20px; }

      #trocaplanta ul				{ list-style:none; margin:0; padding:10px 0 5px 0; border-top:1px solid rgba(255,255,255,0.2); }

	#trocaplanta li				{ margin:0; padding:0; }

	  #trocaplanta li a			{ color:#ccc; display:block; padding:2px 0 2px 0; }

	  #trocaplanta li a:hover		{ color:#fff; text-decoration:none; }

.cont						{ padding:0 20px 55px 20px; max-width:1440px; margin:0 auto; }

  .inter					{ background:#fff; border-radius:3px; border-bottom-left-radius:10px; position:relative; margin:0 auto; }

    #enviado					{ display:none; position:fixed; top:136px; left:50%; margin-left:-219px; z-index:9999; background:url(images/enviado_bg.png); text-align:center; width:420px; height:60px; padding:9px; line-height:60px; color:#fff; font-size:14px; }

    .esq					{ position:relative;  position:absolute; top:0; left:0; height:100%; width:50px; background:#333; border-top-left-radius:3px; border-bottom-left-radius:3px; }

      #servico_atual				{ width:50px; height:41px; background:url(images/esq_servico_atual_bg.png) top; display:block; border-top-left-radius:3px; border-bottom-left-radius:3px; }

      #servico_atual:hover			{ background-position:bottom; }

	#servico_atual span			{ width:50px; height:41px; background:center no-repeat; display:block; }

	#servico_atual span.ferro		{ background-image:url(images/esq_servico_ico_ferro.png); }
	#servico_atual span.vibra		{ background-image:url(images/esq_servico_ico_vibra.png); }
	#servico_atual span.termo		{ background-image:url(images/esq_servico_ico_termo.png); }

      .esq ul					{ list-style:none; margin:0; padding:0; position:relative; z-index:500; }

	.esq li					{ margin:0; padding:0;  left:0; width:50px; height:50px; }

	  .esq li a				{ width:50px; height:50px; border-bottom:1px solid #363636; display:block; background-position:top; background-repeat:no-repeat; position:relative; z-index:500; }

	  .esq li a.analise			{ background-image:url(images/esq_ico_analise.png); }
	  .esq li a.maquinas			{ background-image:url(images/esq_ico_maquinas.png); }
	  .esq li a.diagnostico			{ background-image:url(images/esq_ico_diagnostico.png); }
	  .esq li a.metodologia			{ background-image:url(images/esq_ico_metodologia.png); }
	  .esq li a.pdf				{ background-image:url(images/esq_ico_pdf.png); }

	    .esq li a span.leg			{ display:none; white-space:nowrap; line-height:50px; height:50px; background:url(images/esq_leg_preta.png) right; left:50px; top:0; position:absolute; padding-right:10px; color:#999; z-index:501; }

	    .esq li a span.dobra		{ display:none; width:5px; height:50px; background:url(images/esq_dobra_preta.png); position:absolute; left:-5px; top:0; z-index:501; }

	  .esq li a:hover			{ background-color:#000; }
	  .esq li a:hover span.dobra		{ display:block; }
	  .esq li a:hover span.leg		{ display:block; }

    .dir					{ position:relative; min-height:300px; margin-left:50px; }

      .dir .titulo				{ background:#eee; position:relative; height:41px; padding-right:30px; border-top-right-radius:3px; }

	.dir .titulo h1				{ line-height:41px; margin:0; padding:0 0 0 30px; height:41px; color:#333; font-size:16px; font-weight:700; }

	.dir .titulo a				{ float:right; margin:12px 0 0 20px; display:block; padding-left:25px; height:16px; line-height:16px; color:#666; background-position:left top; background-repeat:no-repeat; }
	.dir .titulo a#pdf			{ background-image:url(images/titulo_ico_pdf.png); }
	.dir .titulo a#print			{ background-image:url(images/titulo_ico_print.png); }
	.dir .titulo a#msg			{ background-image:url(images/titulo_ico_msg.png); }

	.dir .titulo a:hover			{ background-position:left bottom; text-decoration:none; color:#333; }

      #dir_cont					{ padding:30px; position:relative; }

	#dir_cont h2				{ font-size:15px; color:#333; line-height:100%; margin:20px 0 10px 0; }

	#dir_cont p				{ margin:10px 0 10px 0; padding:0; }

	.dirflex				{ display:flex; flex-flow:row wrap; align-items:stretch; margin-left:-30px; }

	.diresq					{ flex:0 0 calc(33.3% - 30px); margin-left:30px; margin-bottom:20px; }
	.dirdir					{ flex:0 0 calc(33.3% - 30px); margin-left:30px; margin-bottom:20px; }

	.select					{ height:30px; display:block; color:#aaa; line-height:30px; padding-left:10px; float:left; margin-right:5px; background-position:top; }

	.select#select_mes			{ width:136px; background-image:url(images/select_mes.png); }
	.select#select_status			{ width:108px; background-image:url(images/select_status.png); }
	.select#select_maquina			{ width:144px; background-image:url(images/select_maquina.png); }
	.select#select_ponto			{ width:692px; background-image:url(images/select_ponto.png); margin-right:0; }

	.select:hover				{ background-position:bottom; text-decoration:none; color:#fff; }

	.select_opcoes				{ position:absolute; top:54px; z-index:5; display:none; max-height:600px; overflow-y:auto; }

	.select_opcoes#select_mes_opcoes	{ width:146px; left:30px; }
	.select_opcoes#select_status_opcoes	{ width:118px; left:181px; }
	.select_opcoes#select_maquina_opcoes	{ width:154px; left:304px; }
	.select_opcoes#select_ponto_opcoes	{ width:702px; left:181px; }

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

	    .select_opcoes li			{ margin:0; padding:0; background:#444; }

	      .select_opcoes li a		{ padding-left:10px; display:block; color:#aaa; white-space:nowrap; overflow:hidden; }
	      .select_opcoes li a.verde		{ color:#71B80B; }
	      .select_opcoes li a.amarelo	{ color:#E1AD11; }
	      .select_opcoes li a.vermelho	{ color:#D15543; }
	      .select_opcoes li a.roxo		{ color:#6A6CC8; }
	      .select_opcoes li a.azul		{ color:#3393CC; }
	      .select_opcoes li a.chumbo	{ color:#FFFFFF; }
	      .select_opcoes li a.cinza		{ color:#CCCCCC; }

	      .select_opcoes li a:hover		{ color:#fff; text-decoration:none; }

	    .select_opcoes li.inf			{ height:4px; background-color:transparent; background-position:bottom; }
	    .select_opcoes#select_mes_opcoes li.inf	{ background-image:url(images/select_mes.png); }
	    .select_opcoes#select_status_opcoes li.inf	{ background-image:url(images/select_status.png); }
	    .select_opcoes#select_maquina_opcoes li.inf	{ background-image:url(images/select_maquina.png); }
	    .select_opcoes#select_ponto_opcoes li.inf	{ background-image:url(images/select_ponto.png); }

	.select_fecha				{ height:30px; display:none; position:absolute; z-index:6; top:30px; background:url(images/select_fecha.png) right top no-repeat; }

	.select_fecha#select_mes_fecha		{ width:146px; left:30px; }
	.select_fecha#select_status_fecha	{ width:118px; left:181px; }
	.select_fecha#select_maquina_fecha	{ width:154px; left:304px; }
	.select_fecha#select_ponto_fecha	{ width:702px; left:181px; }

	#select_mes_fecha:hover			{ background-position:right bottom; }

	.checkbox				{ display:block; float:left; height:30px; line-height:30px; color:#444; font-weight:700; padding-left:20px; margin-left:10px; background:url(images/checkbox.png) left top no-repeat; }
	.checkbox:hover				{ background-position:left -30px; text-decoration:none; color:#444; }
	.checkbox.ativo				{ background-position:left -60px; }
	.checkbox.ativo:hover			{ background-position:left -90px; }

	.tribolab				{ border-top:1px solid #E5E5E5; height:50px; text-align:right; padding-top:20px; margin-top:20px; }

	  .tribolab a				{ color:#666; }
	  .tribolab a:hover			{ color:#D9251C; text-decoration:none; }

	  .tribolab img				{ vertical-align:middle; margin-left:20px; }

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

	.diresq					{ flex:0 0 calc(50% - 30px);  }
	.dirdir					{ flex:0 0 calc(50% - 30px); }

}

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

	.dirflex				{ margin-left:0; }

	.diresq					{ flex:0 0 100%; margin-left:0; }
	.dirdir					{ flex:0 0 100%; margin-left:0; }

}


/* ...................... 1. serviços .......................................................................................................................................... */


.servicos					{ padding:10px 10px 0 0; position:relative; background:#fff; margin:0 auto; border-radius:3px; display:flex; flex-flow:row wrap; }

  .servicos .box				{ height:168px; position:relative; border:1px solid #eee; margin:0 0 10px 10px; flex:0 0 calc(33.3% - 10px); box-sizing:border-box; border-radius:3px; }

    .servicos .box h2				{ font-size:14px; color:#000; margin:0; padding:0 0 0 47px; line-height:40px; width:100%; box-sizing:border-box; height:40px; position:absolute; top:0; left:0; background-position:17px center; background-repeat:no-repeat; background-color:#eee; }

    .servicos .box#ferro h2			{ background-image:url(images/box_servicos_ico_ferro.png); }
    .servicos .box#termo h2			{ background-image:url(images/box_servicos_ico_termo.png); }
    .servicos .box#vibra h2			{ background-image:url(images/box_servicos_ico_vibra.png); }
    .servicos .box#ultra h2			{ background-image:url(images/box_servicos_ico_ultra.png); }
    .servicos .box#alinha h2			{ background-image:url(images/box_servicos_ico_alinha.png); }
    .servicos .box#balanc h2			{ background-image:url(images/box_servicos_ico_balanc.png); }

    .servicos .box .indicador			{ color:#999; font-size:10px; text-transform:uppercase; position:absolute; top:60px; left:17px; line-height:100%; }

      .servicos .box .indicador span		{ color:#000; font-size:18px; display:block; margin-top:12px; }

    .servicos .box .indicador.indicador_dir	{ left:170px; }

    .indica_grafico				{ position:absolute; top:113px; padding-top:13px; left:17px; line-height:19px; height:19px; width:calc(100% - 34px); border-top:1px solid #eee; }

      .indica_grafico span			{ display:block; float:left; border-bottom:5px solid; font-weight:700; color:#000; }
      .indica_grafico span.verde		{ border-color:#71B80B; }
      .indica_grafico span.amarelo		{ border-color:#E1AD11; }
      .indica_grafico span.vermelho		{ border-color:#C4422F; }
      .indica_grafico span.roxo			{ border-color:#3C35BD; }
      .indica_grafico span.chumbo		{ border-color:#999999; }
      .indica_grafico span.cinza		{ border-color:#CCCCCC; }
      .indica_grafico span.azul			{ border-color:#3393CC; }

  .box_hover					{ width:calc(100% - 2px); height:109px; padding:15px 15px 0 15px; box-sizing:border-box; position:absolute; z-index:99; background:#000; top:41px; left:1px; display:none; background:#fff; }

    .box_hover a				{ display:block; width:calc(20% - 1px); height:54px; background-position:center top; background-repeat:no-repeat; float:left; margin-right:1px; }

    .box_hover a.analise			{ background-image:url(images/box_servicos_hover_ico_analise.png); }
    .box_hover a.maquinas			{ background-image:url(images/box_servicos_hover_ico_maquinas.png); }
    .box_hover a.diagnostico			{ background-image:url(images/box_servicos_hover_ico_diagnostico.png); }
    .box_hover a.metodologia			{ background-image:url(images/box_servicos_hover_ico_metodologia.png); }
    .box_hover a.pdf				{ background-image:url(images/box_servicos_hover_ico_pdf.png); }

    .box_hover a:hover				{ background-position:bottom; }

    .box_hover .legenda				{ position:relative; width:100%; height:30px; background:#ddd; border-radius:3px; margin-top:16px; display:none; overflow:hidden; }

      .box_hover .legenda .seta			{ position:absolute; height:6px; width:13px; background:url(images/box_servicos_hover_legenda_seta.png); top:-6px; left:0; }

      .box_hover .legenda span			{ display:none; color:#444; line-height:30px; height:30px; padding-left:10px; width:264px; }

  .servicos .inativo				{ width:100%; height:calc(100% - 41px); position:absolute; z-index:99; background:url(images/box_servicos_inativo.png) center no-repeat; top:41px; left:0; }


/* ...................... 2. ferrografia: análise gerencial .................................................................................................................... */


.pacotes_feitos					{ height:30px; background:url(images/b1_esq.png) left top no-repeat; line-height:30px; position:absolute; top:30px; right:30px; padding-left:4px; font-size:14px; display:block; }

  .pacotes_feitos span				{ display:inline-block; height:30px; background:url(images/b1_dir.png) right top no-repeat #444; color:#fff; padding:0 10px 0 6px; font-size:18px; margin-right:5px; }

#analise					{ height:430px; position:relative; padding-top:5px; margin-top:40px; overflow:hidden; }

  #analise ul					{ list-style:none; margin:0; padding:0 0 20px 0; width:calc(100% - 50px); height:410px; position:absolute; top:5px; right:0; display:flex; flex-direction:row-reverse; overflow:hidden; overflow-x:auto; }

    #analise li					{ margin:0; padding:0; width:40px; height:410px; margin-left:5px; position:relative; flex:0 0 40px; }

      #analise li a				{ display:block; height:351px; width:100%; color:#000; font-weight:700; position:relative; background:url(images/graf_v1_verde.png); overflow:hidden; }

	#analise li a span			{ display:block; width:100%; text-align:center; background-position:left top; min-height:18px; }

	#analise li a span.cinza		{ background-image:url(images/graf_v1_cinza.png); }
	#analise li a span.chumbo		{ background-image:url(images/graf_v1_chumbo.png); }
	#analise li a span.vermelho		{ background-image:url(images/graf_v1_vermelho.png); }
	#analise li a span.roxo			{ background-image:url(images/graf_v1_roxo.png); }
	#analise li a span.amarelo		{ background-image:url(images/graf_v1_amarelo.png); }
	#analise li a span.verde		{ background-image:url(images/graf_v1_verde.png); }
	#analise li a span.azul			{ background-image:url(images/graf_v1_azul.png); }

	#analise li span.mes			{ display:block; text-align:center; height:40px; line-height:40px; white-space:nowrap; position:absolute; top:410px; left:0; font-size:11px; background-color:white; font-weight:700; 
							-moz-transform:rotate(-90deg); 
							-moz-transform-origin: top left;
							-webkit-transform: rotate(-90deg);
							-webkit-transform-origin: top left;
							-o-transform: rotate(-90deg);
							-o-transform-origin:  top left;
							filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
						}

      #analise li a:hover			{ text-decoration:none; }
      #analise li a:hover span			{ background-position:right top; }

#analise .linhas				{ background:url(images/linhas1.png); position:absolute; width:calc(100% - 50px); height:351px; top:5px; right:0; }

#analise .porcentagens				{ position:absolute; width:30px; top:-13px; left:0; line-height:35px; text-align:right; font-size:11px; }

#dir_cont .legenda				{ height:10px; padding:20px 0 0 0; }

  #dir_cont .legenda span			{ display:block; float:left; line-height:10px; padding-left:15px; margin-right:20px; margin-bottom:5px; background-position:left center; background-repeat:no-repeat; }

  #dir_cont .legenda span.verde			{ background-image:url(images/ponto_verde.png); }
  #dir_cont .legenda span.amarelo		{ background-image:url(images/ponto_amarelo.png); }
  #dir_cont .legenda span.vermelho		{ background-image:url(images/ponto_vermelho.png); }
  #dir_cont .legenda span.roxo			{ background-image:url(images/ponto_roxo2.png); }
  #dir_cont .legenda span.azul			{ background-image:url(images/ponto_azul.png); }
  #dir_cont .legenda span.chumbo		{ background-image:url(images/ponto_chumbo.png); }
  #dir_cont .legenda span.cinza			{ background-image:url(images/ponto_cinza.png); }
  #dir_cont .legenda span.musgo			{ background-image:url(images/ponto_musgo.png); }

/* ...................... 2. ferrografia: saúde das máquinas ................................................................................................................... */


.blink						{ height:30px; background:url(images/b3_esq.png) left top no-repeat; line-height:30px; position:relative; display:inline-block; cursor:pointer; margin-right:2px; }

  .blink span					{ display:block; height:30px; background:url(images/b3_dir.png) right top no-repeat; color:#333; padding:0 10px 0 10px; }

.blink.ativo					{ background-image:url(images/b2_esq.png); cursor:default; }

  .blink.ativo span				{ background-image:url(images/b2_dir.png); color:#fff; }

.blink:hover					{ background-position:left bottom; }
.blink:hover span				{ background-position:right bottom; }

#saude						{ overflow-y:visible; overflow-x:auto; margin:30px 0 0 0; }

#saude table					{ border-collapse:collapse; width:100%; }

  #saude tr					{ height:24px; line-height:24px; }

  #saude tr:nth-child(odd), #saude tr:nth-child(odd) td	{ background:#f5f5f5; }

  #saude tr:hover td				{ background:#ddd; }

    #saude td					{ text-align:left; height:24px; line-height:24px; white-space:nowrap; font-size:11px; }

    #saude th					{ text-align:left; height:40px; line-height:40px; border-bottom:1px solid #ddd; font-size:12px; white-space:nowrap; font-size:13px; background:#fff; }

    #saude tr td.tit				{ background:#666; color:#fff; font-weight:700; padding:2px 0 2px 10px; margin:10px 0 10px 0; }

    #saude td div.dot				{ width:10px; height:10px; display:block; float:left; margin-right:5px; cursor:pointer; }

      #saude td div.dot img			{ display:block; }


/* ...................... 3. ferrografia: visão geral das máquinas ............................................................................................................. */


#maquinas ul					{ list-style:none; margin:30px 0 0 0; padding:0 0 10px 0; }

  #maquinas li					{ margin:0 0 5px 0; padding:0; }

    #maquinas li a, #maquinas li>div		{ display:block; position:relative; color:#666; padding:19px 0 17px 56px; min-height:30px; background:#F8F8F8; border-radius:5px; }

      #maquinas li .maquinas_sup		{ display:none; }
      #maquinas li .maquinas_inf		{ display:none; }

      #maquinas li .mascara			{ display:none; height:100%; width:100%; background:url(images/maquinas_mascara.png); position:absolute; top:0; left:0; z-index:1; }

      #maquinas li .sinal			{ display:block; width:26px; height:26px; position:absolute; top:15px; left:15px; z-index:2; }
      #maquinas li.verde .sinal			{ background:url(images/sinal_verde.png); }
      #maquinas li.amarelo .sinal		{ background:url(images/sinal_amarelo.png); }
      #maquinas li.vermelho .sinal		{ background:url(images/sinal_vermelho.png); }
      #maquinas li.vermelho2 .sinal		{ background:url(images/sinal_vermelho2.png); }
      #maquinas li.roxo .sinal			{ background:url(images/sinal_roxo.png); }
      #maquinas li.azul .sinal			{ background:url(images/sinal_azul.png); }
      #maquinas li.chumbo .sinal		{ background:url(images/sinal_chumbo.png); }
      #maquinas li.cinza .sinal			{ background:url(images/sinal_cinza.png); }

      #maquinas	li span.tit			{ color:#333; font-weight:700; float:left; line-height:100%; margin-right:30px; white-space:nowrap; display:block; }

      #maquinas li span.desc			{ clear:both; display:block; line-height:130%; font-size:11px; color:#777; padding-top:8px; }

    #maquinas li a:hover			{ text-decoration:none; background:#ddd; }

    #maquinas li a.sem_status			{ padding-left:15px; min-height:11px; }

#maquinas dl					{ margin:0; padding:0; float:left; }

  #maquinas dt					{ margin:0; padding:0; float:left; clear:left; width:150px; font-weight:700; }

  #maquinas dd					{ margin:0 30px 0 0; padding:0; float:left; clear:right; }

    #maquinas dd span				{ color:#888; font-size:11px; margin-left:10px; }

#maquinas h3.area				{ background:#666; color:#fff; height:40px; line-height:40px; margin:0 0 -25px 0; padding:0 0 0 15px; font-size:14px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }

#maquinas .legenda				{ padding:10px 0 20px 0; }


/* ...................... 4. ferrografia: diagnóstico e recomendações .......................................................................................................... */


#diagnostico #maquinas ul			{ padding-bottom:0; }

  #diagnostico #maquinas li			{ margin-bottom:0; }

    #diagnostico #maquinas a			{ cursor:default; }

      #diagnostico #maquinas span.clear								{ clear:both; display:block; }

      #diagnostico #maquinas span.dt, #maquinas span.dd						{ float:left; display:block; line-height:160%; color:#777; font-size:11px; white-space:nowrap; overflow:hidden; }

      #diagnostico #maquinas span.testreport, #maquinas span.lub				{ margin-top:7px; }

      #diagnostico #maquinas span.dt.testreport, #diagnostico #maquinas span.dt.job, #diagnostico #maquinas span.dt.reception, #maquinas span.dt.sample, #maquinas span.dt.testdate 	{ width:110px; }
      #diagnostico #maquinas span.dd.testreport, #diagnostico #maquinas span.dd.job, #diagnostico #maquinas span.dd.reception, #maquinas span.dd.sample, #maquinas span.dd.testdate	{ width:120px; }

      #maquinas span.dt.lub									{ width:110px; }
      #maquinas span.dd.lub									{ width:202px; }

      .maq_flex					{ display:flex; flex-flow:row wrap; color:#777; font-size:11px; margin:8px 0 0 -20px !important; }

	.maq_flex ul				{ list-style:none; margin:0 20px 0 0 !important; padding:0; }

	.maq_flex ul:last-of-type		{ margin-right:0; }

	  .maq_flex li				{ margin:2px 0 0 20px !important; padding:0; }

#diagnostico .responsavel			{ font-style:italic; color:#999; }

#diagnostico h3					{ font-size:12px; font-weight:700; color:#333; margin-top:-7px; padding:0; }

#diagnostico h4					{ font-size:12px; font-weight:700; color:#333; margin:30px 0 10px 0; padding:0; padding-bottom:10px; border-bottom:1px dashed #ccc; }

.graf_vertical					{ position:relative; width:100%; height:161px; margin:45px 0 20px 0; }

.graf_vertical ul				{ list-style:none; margin:0; padding:0; width:calc(100% - 59px); height:121px; position:absolute; top:0; right:0; background:url(images/linhas2.png) left top; }

    .graf_vertical li				{ margin:0; padding:0; width:8.3%; height:121px; float:right; position:relative; }

      .graf_vertical li a			{ display:block; height:121px; width:100%; position:relative; background:url(images/linhas2_li.png) left top; }

	.graf_vertical li span.ponto		{ display:block; width:100%; background-position:center top; background-repeat:no-repeat; position:absolute; bottom:0; left:0; max-height:104%; }
	.graf_vertical li span.ponto.azul	{ background-image:url(images/graf_vertical_azul.png) }
	.graf_vertical li span.ponto.lilas	{ background-image:url(images/graf_vertical_lilas.png) }
	.graf_vertical li span.ponto.verde	{ background-image:url(images/graf_vertical_verde.png) }

	.graf_vertical li span.ponto.azul_p	{ background-image:url(images/graf_vertical_azul_p.png) }
	.graf_vertical li span.ponto.lilas_p	{ background-image:url(images/graf_vertical_lilas_p.png) }
	.graf_vertical li span.ponto.petroleo_p	{ background-image:url(images/graf_vertical_petroleo_p.png) }
	.graf_vertical li span.ponto.roxo_p	{ background-image:url(images/graf_vertical_roxo_p.png) }
	.graf_vertical li span.ponto.musgo_p	{ background-image:url(images/graf_vertical_musgo_p.png) }

	.graf_vertical li span.resultado	{ display:none; white-space:nowrap; position:absolute; height:30px; min-width:5px; padding:0 5px 0 10px; line-height:30px; top:-40px; right:5px; color:#ccc; background:url(images/balao_esq.png) left; }

	  .gref_vertical li span.resultado img	{ vertical-align:middle; }

	.graf_vertical li span.resultado_dir	{ display:none; position:absolute; height:30px; width:5px; top:-40px; right:0; background:url(images/balao_dir.png); }
	.graf_vertical li span.resultado_seta	{ display:none; position:absolute; height:5px; width:11px; top:-10px; right:10px; background:url(images/balao_seta.png); }

	.graf_vertical li span.mes		{ display:block; text-align:center; width:20px; white-space:nowrap; position:absolute; top:130px; left:50%; margin-left:-10px; font-size:11px; writing-mode:vertical-rl; text-orientation: mixed; }

.graf_vertical .porcentagens			{ position:absolute; width:12%; top:-15px; left:0; line-height:30px; text-align:right; font-size:11px; }

  #diagnostico .legenda span.azul		{ background-image:url(images/ponto_azul.png); }
  #diagnostico .legenda span.lilas		{ background-image:url(images/ponto_lilas.png); }
  #diagnostico .legenda span.petroleo		{ background-image:url(images/ponto_petroleo.png); }
  #diagnostico .legenda span.roxo		{ background-image:url(images/ponto_roxo.png); }

p.resultado_tabelado				{ width:23%; display:inline-block; margin:0; padding:0; box-sizing:border-box; white-space:nowrap; }

  p.resultado_tabelado span.mes			{ font-size:11px; white-space:nowrap; margin-top:5px; margin:0; }

span.resultado_fixo				{ display:inline-block; white-space:nowrap; height:30px; min-width:5px; padding:0 10px 0 10px; line-height:30px; color:#ccc; background:#444; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }

.espmetria_geral				{ border-top:1px solid #ccc; margin-top:40px; padding-top:20px; }

  .espmetria					{ list-style:none; margin:0 0 0 -4px; padding:0; }

    .espmetria li				{ margin:0 0 4px 4px; padding:0; float:left; }

      .espmetria li a				{ display:block; float:left; width:31px; height:31px; padding:5px; background:url(images/quadrado.png) top; line-height:130%; color:#666; }

	.espmetria li a span			{ display:block; color:#3393CC; font-weight:700; }

      .espmetria li a:hover			{ background-position:bottom; color:#ccc; }

      .espmetria li a:hover span		{ color:#eee; }

.analitica_geral				{ border-top:1px solid #ccc; margin-top:40px; padding-top:20px; }

.img_diagnostico				{ width:100%; margin:20px 0 20px 0; display:block; }

.img_diagnostico_p				{ width:auto; max-width:calc(50% - 10px); margin:20px 10px 20px 0; display:inline-block; }

p.intervencao					{ display:inline-block; color:#D15543; font-weight:700; font-size:14px; margin-left:15px; }


/* ...................... 5. ferrografia: metodologia .......................................................................................................................... */


#metodologia					{ margin-top:-20px; }

  #metodologia h2				{ margin:40px 0 20px 0; border-bottom:1px solid #ddd; padding-bottom:10px; }

  #metodologia ul				{ margin:0 0 0 40px; padding:0; }

    #metodologia li				{ margin:5px 0 0 0; padding:0; }

    #metodologia .tabela			{ border:none; margin:20px 0 20px 0; border-collapse:collapse; }

      #metodologia .tabela tr			{  }

	#metodologia .tabela th			{ text-align:left; font-weight:700; }

	#metodologia .tabela td, #metodologia .tabela th	{ border:1px solid #ccc; padding:5px; vertical-align:top; }


/* ...................... 6. ferrografia: pdf .................................................................................................................................. */


.aviso						{ position:relative; background:#333; height:52px; margin-bottom:20px; border-radius:3px; }

  .aviso span					{ display:block; float:left; padding-left:10px; line-height:52px; height:52px; color:#ccc; }

  .aviso a					{ position:absolute; top:13px; right:13px; background:url(images/b_download.png); height:26px; width:74px; line-height:26px; color:#fff; text-align:center; }

  .aviso a:hover				{ background-position:bottom; }

ul#pdf						{ margin:20px 0 0 0; padding:0; list-style:none; }

  ul#pdf>li					{ margin:1px 0 0 0; padding:0; display:block; position:relative; color:#666; background:#F8F8F8; border-radius:3px; }

  ul#pdf>li .ind				{ line-height:30px; min-height:30px; position:relative; color:#666; border-radius:3px; }

  ul#pdf>li:hover .ind				{ background:#eee; }

    ul#pdf>li .ind span				{ display:block; float:left; padding-left:10px; }

    ul#pdf>li .ind span.verde			{ padding:0; background:url(images/graf_v2_verde.png); height:8px; margin-top:9px; }
    ul#pdf>li .ind span.amarelo			{ padding:0; background:url(images/graf_v2_amarelo.png); height:8px; margin-top:9px; }
    ul#pdf>li .ind span.vermelho		{ padding:0; background:url(images/graf_v2_vermelho.png); height:8px; margin-top:9px; }
    ul#pdf>li .ind span.roxo			{ padding:0; background:url(images/graf_v2_roxo.png); height:8px; margin-top:9px; }
    ul#pdf>li .ind span.azul			{ padding:0; background:url(images/graf_v2_azul.png); height:8px; margin-top:9px; }
    ul#pdf>li .ind span.chumbo			{ padding:0; background:url(images/graf_v2_chumbo.png); height:8px; margin-top:9px; }
    ul#pdf>li .ind span.cinza			{ padding:0; background:url(images/graf_v2_cinza.png); height:8px; margin-top:9px; }

    ul#pdf>li .ind span.b_custom		{ margin-left:50px; border-radius:3px; border:1px solid #ddd; height:24px; line-height:22px; box-sizing:border-box; padding:0 17px 0 5px; margin-top:3px; cursor:pointer; background:url(images/balao_seta2.png) right 5px center no-repeat; }
    ul#pdf>li .ind span.b_custom.ativo		{ background-image:url(images/balao_seta3.png); }

    ul#pdf>li .ind span.b_custom:hover		{ border-color:#bbb; }

    ul#pdf>li .ind a.botao			{ display:block; position:absolute; top:0; right:0; padding:0 10px 0 10px; font-weight:700; background:#DEDEDE; color:#666; height:30px; border-radius:3px; border-top-left-radius:0; border-bottom-left-radius:0; }

    ul#pdf>li .ind a.botao:hover		{ text-decoration:none; background:#bbb; color:#444; }

    ul#pdf li ul				{ list-style:none; margin:0; padding:10px; }

      ul#pdf li ul li				{ margin:0; padding:5px 0 5px 50px; position:relative; border-top:1px solid #ccc; }
      ul#pdf li ul li:last-child		{ border-bottom:1px solid #ccc; }

      ul.pdf_custom li:hover			{ background-color:rgba(0,0,0,0.05); }
      ul.pdf_custom li.ativo			{ background-color:rgba(113,184,11,0.2); font-weight:700; }

	ul#pdf li ul li input[type=checkbox]	{ position:absolute; right:0; top:5px; border-radius:2px; border-color:#ccc; }

	ul#pdf li ul li .sinal			{ display:block; width:20px; height:100%; position:absolute; top:0; left:0; z-index:2; background-size:20px; background-repeat:no-repeat; background-position:left center; }
	ul#pdf li ul li.verde .sinal		{ background-image:url(images/sinal_verde.png); }
	ul#pdf li ul li.amarelo .sinal		{ background-image:url(images/sinal_amarelo.png); }
	ul#pdf li ul li.vermelho .sinal		{ background-image:url(images/sinal_vermelho.png); }
	ul#pdf li ul li.vermelho2 .sinal	{ background-image:url(images/sinal_vermelho2.png); }
	ul#pdf li ul li.roxo .sinal		{ background-image:url(images/sinal_roxo.png); }
	ul#pdf li ul li.azul .sinal		{ background-image:url(images/sinal_azul.png); }
	ul#pdf li ul li.chumbo .sinal		{ background-image:url(images/sinal_chumbo.png); }
	ul#pdf li ul li.cinza .sinal		{ background-image:url(images/sinal_cinza.png); }

	ul#pdf li ul li span.tit		{ color:#333; display:inline-block; line-height:100%; margin-right:30px; white-space:nowrap; font-size:12px; }

	ul#pdf li a.botao_custom		{ display:inline-block; padding:0 10px 0 10px; font-weight:700; background:#DEDEDE; color:#666; height:30px; line-height:30px; border-radius:3px; margin-bottom:20px; position:relative; left:50%; transform:translate(-50%,0); cursor:pointer; }
	ul#pdf li a.botao_custom:hover		{ background:#bbb; color:#444; }

	.filtro_pdf				{ display:flex; flex-flow:row wrap; padding-top:20px; align-items:center; justify-content:center; gap:0 10px; }

	  .filtro_pdf select			{ border-color:#ddd; border-radius:3px; }


/* ...................... rodape ............................................................................................................................................... */


.rod_bg						{ position:absolute; bottom:0; left:0; height:30px; margin-top:25px; width:100%; color:#888; background:#000; -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.2); -moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.2); box-shadow:0 0 10px 0 rgba(0,0,0,0.2); }

.rod_bg_filtroil				{ background:#fff; color:#999; }
.rod_bg_fase					{ background:#fff; color:#999; }

  .rod						{ position:relative; height:30px; width:1003px; margin:0 auto; font-size:11px; }

    .rod a					{ color:rgba(255,255,255,0.8); }
    .rod_bg_filtroil .rod a			{ color:#1A8280; }
    .rod_bg_fase .rod a				{ color:#0164A0; }

    .rod a:hover				{ color:#fff; text-decoration:none; }
    .rod_bg_filtroil .rod a:hover		{ color:#0C536B; }
    .rod_bg_fase .rod a:hover			{ color:#0164A0; }

    .rod_esq					{ position:absolute; left:35px; top:0; line-height:30px; height:30px; }

    .rod_dir					{ position:absolute; right:35px; top:0; line-height:30px; height:30px; }