﻿body { margin: 0; padding: 0; border: 0; }

.clear { clear: both; }

hr { border-bottom: 1px solid #DFEADF; }

body .voltarLinhaTempo { padding: 10px 10px 30px; clear: both; background: #FBFBFB; }
body .voltarLinhaTempo a { font-family: Arial; font-size: 15px; color: #0066cc; text-decoration: none; display: block; padding-right: 30px; float: left; }

body .tituloLinhaTempo { width: 100%; padding: 15px 0 10px 0; font-family: Arial; font-size: 23px; color: #999; text-align: center; }

.englobaLT { height: 500px !important; }
body .corpoLinhaTempo { height: 1500px !important; margin: 0; overflow:scroll;  padding: 0 1%; }

body .corpoLinhaTempo.w96P { width: 96%; }
body .corpoLinhaTempo.w98P { width: 98%; }
body .corpoLinhaTempo.w100P { width: 100%; }

body .corpoLinhaTempo.w1000 { width: 1000px; }
body .corpoLinhaTempo.w2000 { width: 2000px; }
body .corpoLinhaTempo.w3000 { width: 3000px; }
body .corpoLinhaTempo.w4000 { width: 4000px; }
body .corpoLinhaTempo.w5000 { width: 5000px; }

body .corpoLinhaTempo .cx_tempo { height: 170px; position: absolute; border: 1px solid #DFEADF; border-right: 1px dotted #CCC; padding: 30px 0; text-align: center; width: auto; background: #F9FBF9; }
body .corpoLinhaTempo .cx_tempo_separa { width: 400px; height: 200px; position: absolute; }

body .corpoLinhaTempo .cx_tempo h2 { margin: 0; font-family: Arial; font-size: 20px; font-weight: normal; }
body .corpoLinhaTempo .cx_tempo h2.verde { color: #006600; }
body .corpoLinhaTempo .cx_tempo h2.azul { color: #003399; }
body .corpoLinhaTempo .cx_tempo h2.vermelho { color: #FF0000; }
body .corpoLinhaTempo .cx_tempo h2.vinho { color: #990000; }

body .corpoLinhaTempo .cx_tempo.w170 { width: 170px; }
body .corpoLinhaTempo .cx_tempo.w340 { width: 340px; }
body .corpoLinhaTempo .cx_tempo.w510 { width: 510px; }

body .corpoLinhaTempo .cx_tempo .quadro { float: left; margin: 20px 0 0 0; padding: 10px 10px 0 10px; font-family: Arial; font-size: 12px; color: #333; line-height: 21px; width: 150px; border-bottom: 1px dotted #666; height: 85px; }
body .corpoLinhaTempo .cx_tempo .quadroCentral { width: 250px; }

body .corpoLinhaTempo .cx_tempo .quadro .texto { height: 57px; display: block; }
body .corpoLinhaTempo .cx_tempo .quadro .texto.vermelho { color: #FF0000; }
body .corpoLinhaTempo .cx_tempo .quadro .texto.verde { color: #006600; }

body .corpoLinhaTempo .cx_tempo .quadro .acao { height: 15px; width: 15px; -moz-border-radius: 35px; border-radius: 35px; background: #666; display: block; margin: auto; cursor: pointer; }

body .corpoLinhaTempo .cx_tempo .quadro .acao.verde { background: #006600; }
body .corpoLinhaTempo .cx_tempo .quadro .acao.azul { background: #003399; }
body .corpoLinhaTempo .cx_tempo .quadro .acao.vermelho { background: #FF0000; }
body .corpoLinhaTempo .cx_tempo .quadro .acao.vinho { background: #990000; }

body .corpoLinhaTempo .cx_tempo .quadro .janela_estagio { width: 500px; height: 290px; position: absolute; z-index: 2; margin-top: 2px; display: none; }
body .corpoLinhaTempo .cx_tempo .quadro .block { display: block; }
body .corpoLinhaTempo .cx_tempo .quadroCentral .janela_estagio { margin-left: 50px; }
body .corpoLinhaTempo .cx_tempo .quadro .janela_estagio .topo_janela { width: 500px; height: 10px; }

body .corpoLinhaTempo .cx_tempo .quadro .janela_estagio .topo_janela .topo_janela_nivel_10 { width: 2px; height: 1px; background: #83AADA; margin-left: 74px; }
/*=PIRAMID NIVEL 10*/
body .corpoLinhaTempo .cx_tempo .quadro .janela_estagio .topo_janela .topo_janela_nivel_9 { width: 4px; height: 1px; background: #83AADA; margin-left: 73px; }
/*=PIRAMID NIVEL 9*/
body .corpoLinhaTempo .cx_tempo .quadro .janela_estagio .topo_janela .topo_janela_nivel_8 { width: 6px; height: 1px; background: #83AADA; margin-left: 72px; }
/*=PIRAMID NIVEL 8*/
body .corpoLinhaTempo .cx_tempo .quadro .janela_estagio .topo_janela .topo_janela_nivel_7 { width: 8px; height: 1px; background: #83AADA; margin-left: 71px; }
/*=PIRAMID NIVEL 7*/
body .corpoLinhaTempo .cx_tempo .quadro .janela_estagio .topo_janela .topo_janela_nivel_6 { width: 10px; height: 1px; background: #83AADA; margin-left: 70px; }
/*=PIRAMID NIVEL 6*/
body .corpoLinhaTempo .cx_tempo .quadro .janela_estagio .topo_janela .topo_janela_nivel_5 { width: 12px; height: 1px; background: #83AADA; margin-left: 69px; }
/*=PIRAMID NIVEL 5*/
body .corpoLinhaTempo .cx_tempo .quadro .janela_estagio .topo_janela .topo_janela_nivel_4 { width: 14px; height: 1px; background: #83AADA; margin-left: 68px; }
/*=PIRAMID NIVEL 4*/
body .corpoLinhaTempo .cx_tempo .quadro .janela_estagio .topo_janela .topo_janela_nivel_3 { width: 16px; height: 1px; background: #83AADA; margin-left: 67px; }
/*=PIRAMID NIVEL 3*/
body .corpoLinhaTempo .cx_tempo .quadro .janela_estagio .topo_janela .topo_janela_nivel_2 { width: 18px; height: 1px; background: #83AADA; margin-left: 66px; }
/*=PIRAMID NIVEL 2*/
body .corpoLinhaTempo .cx_tempo .quadro .janela_estagio .topo_janela .topo_janela_nivel_1 { width: 20px; height: 1px; background: #83AADA; margin-left: 65px; }
/*=PIRAMID NIVEL 1*/

body .corpoLinhaTempo .cx_tempo .quadro .janela_estagio .corpo_janela_borda { width: 500px; padding: 0 3px 3px 0; background: #CCCCCC; }
body .corpoLinhaTempo .cx_tempo .quadro .janela_estagio .corpo_janela_borda .corpo_janela { width: 498px; height: 268px; background: #FFF; border: 1px solid #83AADA; border: 1px solid #83AADA; padding: 1px; background: #FFF; margin-left: -3px; margin-top: -3px; padding: 1px; }
body .corpoLinhaTempo .cx_tempo .quadro .janela_estagio .corpo_janela_borda .corpo_janela .topo_corpo_janela { width: 100%; height: 30px; background: #DDECFE; border-bottom: 1px solid #FFF; }
body .corpoLinhaTempo .cx_tempo .quadro .janela_estagio .corpo_janela_borda .corpo_janela .topo_corpo_janela .txt { width: 300px; padding: 5px 3px; text-align: left; color: #0057AE; font-size: 14px; }
body .corpoLinhaTempo .cx_tempo .quadro .janela_estagio .corpo_janela_borda .corpo_janela .conteudo_corpo_janela { overflow: auto; text-align: left; height: 218px; padding: 10px; scrollbar-face-color: #CCC; scrollbar-3dlight-color: #C0C0C0; scrollbar-shadow-color: #C0C0C0; scrollbar-highlight-color: #C0C0C0; scrollbar-darkshadow-color: #FFF; scrollbar-arrow-color: #009; scrollbar-track-color: #FFF; }



.engLinhaTempo { margin: 10px auto 50px; background: url(../IMAGE/img_fundoLinhaTempo.jpg) repeat-y center center; overflow-y:scroll; height:1500px;   }
.engLinhaTempo .dados { background: #FBFBFB; width: 100%; border-collapse: collapse; }
.engLinhaTempo .dados td { padding: 5px; font-family: Arial; font-size: 13px; color: #000; border: 1px solid #CCC; }
.engLinhaTempo .dados td:first-child { width: 140px; background: #CCC; }

.engLinhaTempo .tituloPagina { background: #FBFBFB; padding: 30px 15px; clear: both; text-align: center; font-family: Arial; font-size: 18px; color: #000; font-weight: bold; }

.engLinhaTempo .linhaTempo { padding: 10px; }
.engLinhaTempo .engCaixa { width: 550px; }
.engLinhaTempo .engCaixa.e { float: left; margin-left: -50px; background: url(/IMAGE/img_e.gif) no-repeat 460px center; }
.engLinhaTempo .engCaixa.d { float: right; margin-right: -50px; background: url(/IMAGE/img_d.gif) no-repeat 45px center; }

.engLinhaTempo .engCaixa .caixaTempo { width: 400px; border: 1px solid #D3D1CB; background: #F8F8F8; padding: 5px; }
.engLinhaTempo .engCaixa.e .caixaTempo { float: left; margin-left: 50px; }
.engLinhaTempo .engCaixa.d .caixaTempo { float: right; margin-right: 50px; }

.engLinhaTempo .engCaixa .caixaTempo .tituloCaixaTempo { text-align: center; font-family: Arial; font-size: 18px; font-weight: bold; color: #666666; }
.engLinhaTempo .engCaixa .caixaTempo .tituloCaixaTempo.vd { color: #008000; }
.engLinhaTempo .engCaixa .caixaTempo .tituloCaixaTempo.vm { color: #FF0000; }
.engLinhaTempo .engCaixa .caixaTempo .dataCaixaTempo { padding: 5px 5px 10px 5px; text-align: center; font-family: Arial; font-size: 15px; font-weight: bold; color: #222222; }

.engLinhaTempo .engCaixa .caixaTempo .detalhar { clear: both; margin: 0 10px 10px 10px; background: #FFF; }
.engLinhaTempo .engCaixa .caixaTempo .detalhar table { padding: 0; margin: 0; border: 0; border-collapse: collapse; width: 100%; }
.engLinhaTempo .engCaixa .caixaTempo .detalhar table td { padding: 5px; font-family: Arial; font-size: 11px; color: #000; border: 1px solid #F8F8F8; }
.engLinhaTempo .engCaixa .caixaTempo .detalhar table td:first-child { text-align: right; }

.engLinhaTempo .divisaoLinhaTempo { width: 250px; border: 1px solid #D3D1CB; border-radius: 5px; background: #FAF9F8; padding: 5px; margin: 15px auto; clear: both; text-align: center; font-family: Arial; font-size: 13px; color: #000; font-weight: bold; }


.engLinhaTempo .inicio { padding: 25px; margin: 0 auto 10px; border: 1px solid #D3D1CB; border-radius: 50px; background: #FAF9F8; width: 40px; text-align: center; font-family: Arial; font-size: 13px; color: #000; }
.engLinhaTempo .fim { padding: 25px; margin: 30px auto 0; border: 1px solid #D3D1CB; border-radius: 50px; background: #FAF9F8; width: 40px; text-align: center; font-family: Arial; font-size: 13px; color: #000; }
