/********************************************************
        CSS para Modelo Padrão
        Analista.: Thiago Cunha
        Criação..: 24/04/2007
        Alteração: 24/04/2007
********************************************************/

* {
  /* zerando os atributos*/
  text-decoration:none;
/*  margin:0; 
  padding:0;
  list-style:none;
  vertical-align:middle;
  border:none;
  font:100% Verdana, Arial, Helvetica, sans-serif;
  */
}

body {
  font-size: .8em;
}

#center_align{ width:100%; height:100%; text-align:center;}
#principal{ margin:0 auto; padding:5px; width:100%; height:auto; text-align:left;}
#cabecalho {
  margin:0px; padding:0px;
  border:0;width:100%; min-height:130px; /*180*/
  background-image:url('/transparencia/imagens/topo_transparencia.jpg');
  /*background-image:url('/transparencia/imagens/transparenciatop.jpg');*/   
  background-size: 100% 100%;
  background-position: center;
  background-repeat:no-repeat;
  /*background-color: #000;*/
  text-align:center;
  font-size: .8em;
  color:#fff;
  font-size:3em;
  font-weight:bold;
}
#rodape {
  width:769px;
  height:20px;
  margin-top:10px;
  background-color:#114ab4;
}
/************************************************
        FORMATAÇÃO DE TEXTOS, TITULOS E SUBTITULOS
************************************************/
.titulo        { font-weight:bold; text-decoration: none; padding-bottom:5px; padding-top:10px; }
.subtitulo     { font-weight:bold; }
.nome_autor    { font-weight:bold; font-style:italic; margin-right:10px; margin-left:10px; text-align:right; padding-top:10px; }
.texto_normal  { margin-right:10px; margin-left:10px; }
.texto_negrito { font-weight:bold; margin-right:10px; margin-left:10px; }
.texto_italico { font-style:italic; margin-right:10px; margin-left:10px; }
/***********************
        CONTEÚDO
************************/
#conteudo{ width:100%; height:auto; }
h1  { color: #000000; font-size: 10pt; margin: 10px 10px 10px 10px;}
p   { color: #000000; font-size: 1.1em; margin: 10px 10px 10px 10px;}
p a { color:#0000CC; vertical-align:baseline; }
p a:hover { text-decoration:underline; }
/***********************
       FORMULARIO
************************/
.formulario label {
  display:block; margin:10px 0 0 10px; 
  font: bold 0.8em  Verdana, Arial, Helvetica, sans-serif bold; color:#557D99;
}
.fieldset {
  font: bold 0.9em  Verdana, Arial, Helvetica, sans-serif bold; color:#848642;
  margin-top:10px; margin-left:10px; margin-bottom:10px;
}
#questao { margin-left:10px; margin-top:5px;}
.txtfield{
  display:block; height:20px; line-height:20px; margin-left:10px;
  font:0.9em Verdana, Arial, Helvetica, sans-serif; color:#844642;
  border:1px solid #CCCCCC;
}
.txtfield:hover { border:1px solid #8CB2D3; color:#737373;} 
.txtfield:focus { border:1px solid #E6240A; color:#E6240A;}
.txtareafield{
  display:block; height:auto; line-height:20px; margin-left:10px;
  font:0.9em Verdana, Arial, Helvetica, sans-serif; color:#844642;
  border:1px solid #CCCCCC;
}
.txtareafield:hover { border:1px solid #8CB2D3; color:#737373;} 
.txtareafield:focus { border:1px solid #E6240A; color:#E6240A;}
.emailfield{
  display:block; height:20px; line-height:20px; margin-left:10px;
  font:0.9em Verdana, Arial, Helvetica, sans-serif; color:#844642;
  border:1px solid #CCCCCC;
  text-transform: lowercase;
}
.emailfield:hover { border:1px solid #8CB2D3; color:#737373;} 
.emailfield:focus { border:1px solid #E6240A; color:#E6240A;}
.radio{ display:inline; color:#844642;}
.label_radio{ font: bold 0.7em  Verdana, Arial, Helvetica, sans-serif; color:#557D99;}

legend{	font-weight:bold; padding-top:0px; margin-bottom:10px; /*float:left;*/}
#botoes{ width:770px; /*height:20px;*/ display:inline; margin:0 auto;}
.enviar{
  margin: 20px 0 0 0px; width:50px;
  border:1px solid #999999; background-color:#EEEEEE;
  font-family:Arial, Helvetica, sans-serif; font-size:10pt; font-weight:bold; color:#666666;
}
.enviar:hover{ background-color:white; }
.limpar{
  margin: 20px 0 0 10px; width:55px;
  border:1px solid #999999; background-color:#EEEEEE;
  font-family:Arial, Helvetica, sans-serif; font-size:10pt; font-weight:bold; color:#666666;
}
.limpar:hover{background-color:white; }
.fechar{
  margin: 40px 0 0 175px; width:55px;
  border:1px solid #999999; background-color:#EEEEEE;
  font-family:Arial, Helvetica, sans-serif; font-size:10pt; font-weight:bold; color:#666666;
}
.fechar:hover{background-color:white;}

.texto_explain {
  font-size: 1em;
  text-align: left;
  text-justify: auto;
  vertical-align: middle;
  display: table-cell;
  padding: 10px;
}

.botao01{
  background: -webkit-linear-gradient(bottom, #E0E0E0, #F9F9F9 70%);
  background: -moz-linear-gradient(bottom, #E0E0E0, #F9F9F9 70%);
  background: -o-linear-gradient(bottom, #E0E0E0, #F9F9F9 70%);
  background: -ms-linear-gradient(bottom, #E0E0E0, #F9F9F9 70%);
  background: linear-gradient(bottom, #E0E0E0, #F9F9F9 70%);
  border: 1px solid #CCCCCE;
  border-radius: 3px;
  box-shadow: 0 3px 0 rgba(0, 0, 0, .3),0 2px 7px rgba(0, 0, 0, 0.2);
  color: #616165;
  display: block;
  font-family: Arial,Verdana,"Trebuchet MS";
  font-size: 14px;
  font-weight: bold;
  line-height: 25px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow:1px 1px 0 #FFF;
  padding: 5px 15px;
  position: relative;
  width: 250px;
  height: 80px;
  vertical-align: middle;
}

.botao01:before{
  border: 1px solid #FFF;
  border-radius: 3px;
  box-shadow: inset 0 -2px 12px -4px rgba(70, 70, 70, .2),inset 0 3px 2px -1px rgba(255, 255, 255, 1);
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  padding: 5px;
  position: absolute;
}

.botao01:after{
  background: rgba(255, 255, 255, .4);
  border-radius: 2px;
  content: "";
  bottom: 15px;
  left: 0px;
  right: 0px;
  top: 0px;
  position: absolute;
}
.botao01:active{
  box-shadow: inset 0 0 7px rgba(0, 0, 0, .2);
  top: 4px;
}
.botao01:active:before{
  border: none;
  box-shadow:none;
}

body {background-color:white;font-family:verdana,arial;}
.painel {float:left;text-align:center;width:230px;padding:5px;cursor:pointer;}
.paineltop {padding:3px;background-color:#CFCFCF;font-weight:bold;border:2px solid #828282;}
.painelsub {text-align:center;border:2px solid #828282;height:80px;padding:5px;}
.painel :hover {background-color:#85BBD0;color:#fff;font-weight:bold;}
.emp {
  width: 500px;
  height: 400px;
  border-top: solid 1px #BBB;
  border-left: solid 1px #BBB;
  border-bottom: solid 1px #FFF;
  border-right: solid 1px #FFF;
  background: #FFF;
  overflow: scroll;
  padding: 5px;
}
.fileUploadQueueItem {
  font: 11px Verdana, Geneva, sans-serif;
  background-color: #F5F5F5;
  border: 3px solid #E5E5E5;
  padding: 10px;
  width: 300px;
}
.fileUploadQueueItem .cancel {
  float: right;
}
.fileUploadProgress {
  background-color: #FFFFFF;
  border-top: 1px solid #808080;
  border-left: 1px solid #808080;
  border-right: 1px solid #C5C5C5;
  border-bottom: 1px solid #C5C5C5;
  margin-top: 10px;
  width: 100%;
}
.fileUploadProgressBar {
  background-color: #0099FF;
}

.celula {
  display: table-cell;
}

ol.n {list-style-type: lower-roman;}

.blockUI{position:absolute;width: 100%;background-color:#fff;display:block;top:0px;height:100%;z-index:1000;opacity: 0.5;display:none;}
.blockUI img {position:absolute;top:50%;left:50%;}

@property --color-start {
  syntax: '<color>';
  inherits: false;
  initial-value: #fff;
}

@property --color-end {
  syntax: '<color>';
  inherits: false;
  initial-value: #8d96d8;
}

.card_empregados {
    width: 150px;
    height: 70px;
    justify-items: center;
    background-color: #EAF3FA;
    margin: 10px 10px 10px 10px;
    padding: 20px 8px 20px 8px;
    transition: background 1s;
    border-radius: 20px 20px 20px 20px;
    box-shadow: 6px 6px 11px -5px rgba(0, 0, 0, 0.5);
}

.card_empregados:hover {
    background: linear-gradient(180deg, var(--color-start), var(--color-end));
    transition: --color-start 0.5s ease, --color-end 0.5s ease;
}

.link_file_empregados {
   text-decoration: none;
}

.competencia_empregados {
   padding: 10px;	
   font-weight: 600;
}

.dados_empregados {
	padding: 5px;	
}

.content_empregados {
    color: navy;
    font-family: sans-serif;
    font-size: 1.0em;
    display: flex;
	flex-direction: row;
	flex-wrap: wrap;
    justify-items: center;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
	width: fit-content;
}

/* 	FIM DO ARQUIVO	*/