@charset "UTF-8";
/* CSS Document
Cor padrao Conterp - #1A472B;
Cor padrao Techpetro - #00476B;
 */

a:link { 
text-decoration:none; 
} 

* {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #000000;
}

body {
width:100%;
height:100%;
background-color:#FFFFFF;
/* background-color:#ECC91A; */
margin:0 auto;
/* background-image: url("../imagens/fundositenovo1366x.jpg"); */
}

body.bkgx {
margin:0 auto;
}

body.imagemver {
width: 800px !important; /*Importante manter o !important rs */
margin: 0 auto;
}

.headerimg {
    max-width: 119px;
    height: auto;
}

.responsive {
    width: 100%;
    height: auto;
}


.responsivelogomarca {
    max-width: 100%;
    height: auto;
}

.responsivemarca {
    max-width: 100%;
    height: auto;
}

.responsivetopo {
    max-width: 100%;
    height: auto;
}

.responsivetable {
    max-width: 100%;
    height: auto;
}

.responsiveico {
    max-width: 100%;
    height: auto;
}

.headerlogo {
background: url("../imagens/barratopo.png") repeat-x;
height: 132px;
}

.atalhos {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10pt;
margin: 0;
padding: 0;
color: #000000;
}

#senhaxxx {
  width: 150px;
  padding-right: 20px;
}

.olho {
  cursor: pointer;
/*  left: 160px; */
  position: absolute;
  width: 20px;
}

#topo .centerxxx {
position: relative;
}

#logo {
position: absolute;
left: 20;
top: 30px;
}

.tabelacentralizadaxxx {
width: 1152px !important; /*Importante manter o !important rs */
margin: 0 auto;
}

#topodata {
font-family: Calibri, Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
padding: 4px 0;
}

.clearfixxxx {
    display: inline-block;
}

#corpo-index {
    position: relative;
    margin-top: 30px;
    min-height: 400px;
}

#rodape {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #00476B;
    padding: 5px 0;
    margin-top: 70px;
    position:relative;
    width: 100%;
    bottom: 0;
    line-height:10px;
}

#pontocriativo {
    float: right;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 9px;
    text-decoration: none;
    color: #fff;
}

#SGIResultadoBusca {
/* top: 40%; */
/* position: relative; */
/* overflow: auto; */
}

#SGIPesquisando {
position: fixed;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
}

pt {
    line-height: 38px;
}

#container {
max-width:100px;
/*    max-height:150px; */
width: auto;
height: auto;
}

.separador {
background-color: #000000;
margin: 0px;
height: 3px;
}

#bordacelula {
border-left:2px;
border-right:2px solid black;
border-bottom:2px solid black;
border-top:2px solid black;
}

.titulo {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
color:#FFFFFF;
text-align: left;
background-color:#00476B;
padding:5px 200px 0px 5px;
border-top: 2px solid #000;
border-bottom: 2px solid #000;
border-left: 15px solid #000; 
border-right: 2px solid #000;
width: 50%;
left: 1px;
margin-left: 1px;
}

.linksinternos:link, linksinternos:visited, linksinternos:active {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 12pt;
font-weight: bold;
color: #00476B;
padding:5px;
text-decoration: none;
}

.linksinternos:hover {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 12pt;
font-weight: bold;
color: #FFFFFF;
background-color:#00476B;
padding:5px;
text-decoration: none; 
}


/******************************************************************* FORMULARIOS *******************************************************************/
/******************************************************************* FORMULARIOS *******************************************************************/
/******************************************************************* FORMULARIOS *******************************************************************/

input[type=text], input[type=number], input[type=password] {
width: 100%;
padding: 5px;
margin: 1px 0;
display: inline-block;
/*    background-color: #FFFFFF;    */
border: 1px solid #E9B91F;
border-radius: 4px;
box-sizing: border-box;
/*    font-size: 10px;   */
resize: vertical;
}

textarea {
width: 100%;
padding: 12px 20px;
box-sizing: border-box;
border: 2px solid #00476B;
border-radius: 4px;
background-color: #FFFFFF;
resize: none;
/*    resize: vertical;  */
}

select {
width: auto;
padding: 5px;
border: none;
border-radius: 4px;
background-color: #f1f1f1;
}

input[type=button], input[type=submit], input[type=reset] {
width: auto;
background-color: #E9B91F;
color: #042945;
padding: 5px;
margin: 1px 0;
border: none;
border-radius: 4px;
cursor: pointer;
}

input[type=submit]:hover {
background-color: #E9B91F;
}

.box-acesso input {
height: 48px;
width: 80%;
border: 1px solid #00476B;
-webkit-border-radius: 6px;
border-radius: 6px;
padding-left: 70px;
margin-bottom: 0;
}

.coluna-produtos-pesquisa input[type=text] {
width: 60%;
border: 1px solid #00476B;
padding: 10px;
-webkit-border-radius: 6px;
border-radius: 6px;
margin-bottom: 0;
}

.divflutuante {
display: none;
background-color: #F5F5F5;
color: white;
vertical-align:middle;
width: 600px; 
height: 270px; 
top: 50%;
left: 50%;
margin-left:-300px;
margin-top:-200px;
padding: 25px 0;
position: fixed;
border: 1px solid #d0d0d0;
border-radius: 10px;
cursor: pointer;
}

.flutuante {
width: 200px;
height: 200px;
position: fixed;
right: 1rem;
top: 10rem;
}


/******************************************************************************** TABELAS *************************************************************************/
/******************************************************************************** TABELAS *************************************************************************/
/******************************************************************************** TABELAS *************************************************************************/

.tabela {
display: table;
width:100%;
}

.linha {
display: table-row;
}

.coluna {
display: table-cell;
}

.coluna-25 {
display: table-cell;
float: left;
width: 25%;
margin-top: 6px;
}

.coluna-50 {
display: table-cell;
float: left;
width: 50%;
margin-top: 6px;
}

.coluna-75 {
display: table-cell;
float: left;
width: 75%;
margin-top: 6px;
}

.coluna-produtos-pesquisa {
display: table-cell;
float: left;
width: 75%;
margin-top: 6px;
}

.coluna-clientes-pesquisa {
display: table-cell;
float: left;
width: 100%;
margin-top: 6px;
}

.coluna-produtos-cesta {
display: table-cell;
float: left;
width: 25%;
margin-top: 6px;
}

.coluna-acesso-50 {
display: table-cell;
float: center;
width: 50%;
padding: 40px;
}

.colunamanutencao {
display: table-cell;
float: left;
width: 100%;
margin-top: 6px;
}

.linhalaranja {
color:#fff!important;
background-color:#00476B!important;
}

.grade-main {
border-left-style: none;
border-right: .75pt solid #00476B;
border-top: .75pt solid #00476B;
border-bottom: .75pt solid #00476B;
background-color: white;
font-size: 15pt;
}

.grade-tl {
font-weight: bold;
color: white;
border-left: .75pt solid #00476B;
border-right-style: none;
border-top-style: none;
border-bottom: .75pt solid #00476B;
background-color: navy;
}

.grade-left {
font-weight: normal;
color: black;
border-left: .75pt solid #00476B;
border-right-style: none;
border-top-style: none;
border-bottom: .75pt solid #00476B;
background-color: white;
}

.grade-topo {
font-weight: bold;
font-size: 12pt;
color: white;
border-left: .75pt solid #00476B;
border-right-style: none;
border-top-style: none;
border-bottom: .75pt solid #00476B;
background-color: #00476B;
text-align: center;
}

.grade-even {
font-weight: normal;
font-size: 11pt;
color: black;
border-left: .75pt solid #00476B;
border-right-style: none;
border-top-style: none;
border-bottom: .75pt solid #00476B;
background-color: white;
text-align: center;
}

#tabelabordaexterna{
margin: 1em auto;	
width: 94%;
float: center;
align: center;
border: 5px outset #ddd;
border-radius:16px;
background-color: #FFFFFF;
padding: 20px;
}

#tabelabordaexterna tr td{
border:0;
}

/******************************************************************************** H1 H2 H3 H4 *************************************************************************/
/******************************************************************************** H1 H2 H3 H4 *************************************************************************/
/******************************************************************************** H1 H2 H3 H4 *************************************************************************/

h1 {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 25px;
letter-spacing: 5px;
text-transform: uppercase;
font-weight: bold;
color:#042945;
text-align: center;
width: auto;
background-color:#FFFFFF;
padding:5px 0px 5px 5px;
border-top: 2px solid #000;
border-bottom: 2px solid #000;
border-left: 15px solid #000; 
border-right: 15px solid #000;
margin-bottom: 0px;
}

h2 {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10pt;
color:#FFFFFF;
text-align: center;
background-color:#00476B;
margin-bottom: 0px;
padding: 8px;
}

h3 {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10pt;
color:#FFFFFF;
text-align: center;
background-color:#00476B;
margin-bottom: 0px;
padding: 8px;
}

h4 {
color: #000000;
font: normal 15px/25px Verdana, Tahoma, Arial, Helvetica, sans-serif;
letter-spacing: 6px;
position: relative;
text-transform: uppercase;
text-align: center;
}

h5 {
font-family: Verdana, Arial, Sans-serif;
color:#fff;
font-size:150%;
background:#00476B;
padding:5px 0px 5px 10px;
border: 3px outset #ccc;
margin-bottom:10px;
width:42.0em;
}

h6 {
font-family: Verdana, Arial, Sans-serif;
text-align:left;
color:#00476B;
font-size:20pt;
background:#fff url(../imagens/seta.jpg)
left center no-repeat;
padding: 15px 0 5px 80px;
border:0;
margin-bottom:10px;
}

h7 {
font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif;
font-size:20pt;
color:#00476B;
width:300px
padding: 8px 0 10px 12px;
border-left: 10px solid #00476B;
border-top: 10px solid #00476B;
margin-bottom:0;
}

h8 {
font: normal 15px/25px Verdana, Tahoma, Arial, Helvetica, sans-serif;
letter-spacing: 5px;
text-transform: uppercase;
font-weight: bold;
color:#FFFFFF;
text-align: left;
background-color:#00476B;
padding:5px 0px 5px 5px;
border-top: 2px solid #000;
border-bottom: 2px solid #000;
border-left: 15px solid #000; 
border-right: 2px solid #000;
margin-bottom: 0px;
}

h9 {
font: normal 15px/25px Verdana, Tahoma, Arial, Helvetica, sans-serif;
letter-spacing: 6px;
position: relative;
text-transform: uppercase;
color:#00476B;
margin-bottom:0;
padding-left: 2px;
border-top: 3px solid #00476B;
border-bottom: 2px solid #00476B;
}

h10 { 
/* width:300px;  Largura total - Se você omitir ocupará toda a linha */
font: normal 15px/25px Verdana, Tahoma, Arial, Helvetica, sans-serif;
letter-spacing: 6px;
position: relative;
text-transform: uppercase;
color: #00476B; /* Cor da fonte */
border-top: 8px solid #00476B; /* Borda em cima */
border-left: 2px solid #00476B; /* Borda a esquerda*/
padding-left:5px; /* Espaçamento do texto a esquerda */
}

/* O Cabeçalho número 3 */
h12 {  
width:300px; /* Largura total - Se você omitir ocupará toda a linha */
font: 25px Arial, Helvetica, sans-serif; /* Tamanho e família de fontes */
color: #003366; /* Cor da fonte */
border-top: 5px dotted #FFCC00; /* Borda em cima */
border-bottom: 15px solid #FFCC00; /* Borda em baixo */
padding-left:5px; /* Espaçamento do texto a esquerda */
} 

#campoobrigatorio {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 7pt;
font-weight: bold;
color: #FF0000;
}

#campoobrigatorio8pt {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
color: #FF0000;
}

#campoobrigatorio9pt {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: bold;
color: #FF0000;
}

#campoobrigatorio10pt {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
color: #FF0000;
}

#campoobrigatorio2 {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 12pt;
font-weight: bold;
color: #FF0000;
background-color: #3740FF;
}

#campoobrigatorio3 {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
color: #FF0000;
}

.campoobrigatorio10ver {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
color: #FF0000;
}

#destaquevermelho {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
color: #FF0000;
}

#destaquevermelho7pt {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 7pt;
font-weight: bold;
color: #FF0000;
}

#destaquevermelho8pt {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
color: #FF0000;
}

#destaqueazul8pt {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
color: #0000CD;
}

#destaqueverde8pt {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
color: #00476B;
}

#destaquelaranja8pt {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
color: #FF6600;
}

.fonte6pt {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 6pt;
font-weight: bold;
color: #00476B;
}

.fonte6ptb {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 6pt;
font-weight: bold;
color: #000000;
}

.fonte7pt {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 7pt;
font-weight: bold;
color: #00476B;
}

.fonte7ptb {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 7pt;
font-weight: bold;
color: #000000;
}

.fonte8pt {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
color: #00476B;
}

.fonte8ptb {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
color: #000000;
}

.fonte8ptbr {
font-family: Calibri, Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: none;
color: #FFFFFF;
}

.fonte8ptbbr {
font-family: Calibri, Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
color: #FFFFFF;
}

.fonte8ptvermelha {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
color: #FF0000;
}

.fonte8pti {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-style: italic;
font-weight: bold;
color: #00476B;
}

.fonte8pttabela {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
color: #00476B;
}

.fonte8pttabela:hover {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
color: #FFFFFF;
background-color: #70DB93;
}

.fonte9pt {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: bold;
color: #00476B;
}

.fonte9ptbr {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: bold;
color: #FFFFFF;
cursor: pointer;
}

.fonte10pt {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
color: #00476B;
}

.fonte10ptb {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
color: #000000;
}

.fonte10ptvermelha {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
color: #FF0000;
}

.fonte10ptbr {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
color:#FFFFFF;
text-align: center;
background-color:#00476B;
}

.fonte10ptbrm {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 12pt;
font-weight: bold;
color:#FFFFFF;
background-color:#00476B;
border-radius: 5px;
padding: 5px;
}

.fonte10ptbrn {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 12pt;
color:#000000;
background-color:#FFFFFF;
border: 1px solid #00476B;
border-radius: 5px;
padding: 2px;
}

.fonte10ptbsgi {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
color: #006400;
}


.fonte10ptbr {
font-family: Calibri, Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: none;
color: #FFFFFF;
}

.fonte10ptbbr {
font-family: Calibri, Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
color: #FFFFFF;
}

.fonte10pt {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
color: #00476B;
}

.fonte11pt {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 11pt;
font-weight: bold;
color: #00476B;
}

.fonte12ptsgi {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 12pt;
font-weight: bold;
color: #808000;
}

.fonte12pt {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 12pt;
font-weight: bold;
color: #00476B;
}

.fonte12ptbr {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 12pt;
font-weight: bold;
color:#FFFFFF;
text-align: center;
background-color:#00476B;
}

.fonte12ptvermelha {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 12pt;
font-weight: bold;
color: #FF0000;
}

.fonte13pt {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 13pt;
font-weight: bold;
color: #00476B;
}

.fonte14pt {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 14pt;
font-weight: bold;
color: #00476B;
}

.fonte14ptvermelha {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 14pt;
font-weight: bold;
color: #FF0000;
}

.fonte15pt {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 15pt;
font-weight: bold;
color: #00476B;
}


.fonte16pt {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 16pt;
font-weight: bold;
color: #00476B;
}



.fonte18pt {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 18pt;
font-weight: bold;
color: #00476B;
}



.fonte20pt {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 20pt;
font-weight: bold;
color: #00476B;
}


.fonte14pti {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-style: italic;
font-size: 14pt;
font-weight: 900;
color: #000000;
}

.fonte15pti {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-style: italic;
font-size: 15pt;
font-weight: 900;
color: #000000;
}

.fontebranco10pt {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
color: #FFFFFF;
}

.fontebranco12pt {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 12pt;
font-weight: bold;
color: #FFFFFF;
}

.fontebranco15pt {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 15pt;
font-weight: bold;
color: #FFFFFF;
}


/* ***************** FORMULARIOS *******************/

input[type=text], input[type=number], input[type=password] {
    width: auto;
    padding: 5px;
    margin: 1px 0;
    display: inline-block;
/*    background-color: #FFFFFF;    */
    border: 3px solid #E9B91F;
    border-radius: 4px;
    box-sizing: border-box;
/*    font-size: 10px;   */
    resize: vertical;
}

textarea {
    width: auto;
    height: 150px;
    padding: 12px 20px;
    box-sizing: border-box;
    border: 2px solid #E9B91F;
    border-radius: 4px;
    background-color: #FFFFFF;
    resize: none;
/*    resize: vertical;  */
}

select {
    width: auto;
    padding: 5px;
    border: none;
    border-radius: 4px;
    background-color: #00476B;
}

input[type=button], input[type=submit], input[type=reset] {
/* Tip: use width: 100% for full-width buttons */
    width: auto;
    background-color: #E9B91F;
    font-weight: bold;
/*    font-size: 10pt;  */
/*    font-weight: bold;   */
    color: #042945;
    padding: 5px;
    margin: 1px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

input[type=submit]:hover {
    background-color: #042945;
}

label {
    font-family: 'Roboto', 'Raleway', Arial, sans-serif;
    font-size: 14pt;
    font-weight: bold;
    padding: 12px 12px 12px 0;
    display: inline-block;
}

.container {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;
}

.containermanutencao {
margin: 1em auto;	
width: 90%;
float: center;
align: center;
border: 5px outset #ddd;
border-radius:16px;
background-color: #FFFFFF;
padding: 10px;
}

.containerdadostecnicos {
margin: 1em auto;	
width: 90%;
float: center;
align: center;
border: 0px outset #ddd;
border-radius:16px;
background-color: #f2f2f2;
padding: 10px;
}

.col-25 {
    float: left;
    width: 25%;
    margin-top: 6px;
}

.col-75 {
    float: left;
    width: 75%;
    margin-top: 6px;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

#personalizar-select{
	font-weight: bold;
	padding: 4px;
	border: 1px solid #00476B;
	background-color: #00476B;
	color: #FFFFFF;
	cursor: pointer;
	border-radius: 4px;
}

#personalizar-option{
	font-weight: bold;
	border: 0px solid #000000;
	background-color: #FFFFFF;
	color: #00476B;
}  

#personalizar-option:hover{
    background-color: #FFFFFF;
    color: #00476B;
}

select{
	font-weight: bold;
	padding: 4px;
	border: 1px solid #00476B;
	background-color: #00476B;
	color: #FFFFFF;
	cursor: pointer;
	border-radius: 4px;
}

option{
	font-weight: bold;
	border: 0px solid #000000;
	background-color: #FFFFFF;
	color: #00476B;
}  
option:hover{
    background-color: #FFFFFF;
    color: #00476B;
}

#botaopadrao {
    width: auto;
    background-color: #00476B;
    font-weight: bold;
    color: #FFFFFF;
    padding: 5px;
    margin: 1px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

#botaopadrao:hover{
    background-color: #669999;
}



#botaocinza{
	font-weight: bold;
	padding: 4px;
	background-color: #808080;
	color: #FFFFFF;
	cursor: pointer;
	border-radius: 4px;
}

#botaocinza:hover{
	color: #FFFFFF;
	background-color: #808080;
	border-radius: 4px;
}

#botaovermelho{
	font-weight: bold;
	padding: 4px;
	background-color: #FF0000;
	color: #FFFFFF;
	cursor: pointer;
	border-radius: 4px;
}

#botaovermelho:hover{
	color: #FFFFFF;
	background-color: #330000;
	border-radius: 4px;
}

#botaoverde{
        width: auto;
	font-weight: bold;
	padding: 4px;
/* 	float: right;    */
	background-color: #00476B;
	color: #FFFFFF;
/* 	display: block;     */
	cursor: pointer;
	border-radius: 10px 0px 10px 0px;
}

#botaoverde:hover{
	color: #FFFFFF;
	background-color: #669999;
	/*CSS 3*/
	border-radius: 10px 0px 10px 0px;
}

#botaolaranjaleve{
        width: auto;
	font-weight: bold;
	padding: 4px;
	color: #000000;
	background-color: #FFCC33;
	cursor: pointer;
	border-radius: 4px;
}

#botaolaranjaleve:hover{
	color: #FFFFFF;
	background-color: #669999;
	/*CSS 3*/
	border-radius: 4px;
}

#botaolaranja{
        width: auto;
	font-weight: bold;
	padding: 4px;
	color: #000000;
	background-color: #FF6600;
	cursor: pointer;
	border-radius: 4px;
}

#botaolaranja:hover{
	color: #FFFFFF;
	background-color: #669999;
	/*CSS 3*/
	border-radius: 4px;
}

#botaoazul{
        width: auto;
	font-weight: bold;
	padding: 4px;
	color: #FFFFFF;
	background-color: #0000CD;
	cursor: pointer;
	border-radius: 4px;
}

#botaoazul:hover{
	color: #FFFFFF;
	background-color: #669999;
	/*CSS 3*/
	border-radius: 4px;
}

#botaomarrom{
        width: auto;
	font-weight: bold;
	padding: 4px;
	color: #FFFFFF;
	background-color: #993300;
	cursor: pointer;
	border-radius: 4px;
}

#botaomarrom:hover{
	color: #FFFFFF;
	background-color: #669999;
	/*CSS 3*/
	border-radius: 4px;
}

#botaopreto{
        width: auto;
	font-weight: bold;
	padding: 4px;
	color: #FFFFFF;
	background-color: #000000;
	cursor: pointer;
	border-radius: 4px;
}

#botaopreto:hover{
	color: #FFFFFF;
	background-color: #669999;
	/*CSS 3*/
	border-radius: 4px;
}

#botaovalor{
        width: auto;
	font-weight: bold;
	padding: 4px;
	color: #FFFFFF;
	background-color: #660000;
	cursor: pointer;
	border-radius: 4px;
}

#botaovalor:hover{
	color: #FFFFFF;
	background-color: #FF6666;
	/*CSS 3*/
	border-radius: 4px;
}

#botaovermelhoescuro{
        width: auto;
	font-weight: bold;
	padding: 4px;
	color: #FFFFFF;
	background-color: #CC0000;
	cursor: pointer;
	border-radius: 4px;
}

#botaovermelhoescuro:hover{
	color: #FFFFFF;
	background-color: #669999;
	/*CSS 3*/
	border-radius: 4px;
}

#botaobranco{
	color: #000000;
        border-top:1px solid #fefefe;
	border-bottom:1px solid #fefefe;
	border-left:1px solid #fefefe;
	border-right:1px solid #fefefe;
	background:none;
}

#botaoverderequisicao{
	font-weight: bold;
	padding: 4px;
/*	float: right; */
	background-color: #00476B;
	color: #FFFFFF;
/*	display: block;   */
	cursor: pointer;
	border-radius: 10px 0px 10px 0px;
}

#botaoverderequisicao:hover{
	color: #00476B;
	background-color: #FFFFFF;
	/*CSS 3*/
	border-radius: 10px 0px 10px 0px;
}

#botaoCancelar {
    width: auto;
    background-color: #00476B;
    font-weight: bold;
    color: #FFFFFF;
    padding: 5px;
    margin: 1px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

#botaoCancelar:hover{
    background-color: #669999;
}


[data-tooltip] {
  position: relative;
  font-weight: bold;
}

[data-tooltip]:after {
  display: none;
  position: absolute;
  top: -90px;
  padding: 40px;
  border-radius: 15px;
  left: calc(5% + 400px);
  content: attr(data-tooltip);
  white-space: nowrap;
  background-color: #00476B;
  color: White;
}

[data-tooltip]:hover:after {
  display: block;
}



[datapdf-tooltip] {
  position: relative;
  font-weight: bold;
}

[datapdf-tooltip]:after {
  display: none;
  position: absolute;
  top: -50px;
  padding: 5px;
  border-radius: 3px;
  left: calc(10% - 200px);
  content: attr(datapdf-tooltip);
  white-space: nowrap;
  background-color: #00476B;
  color: White;
}

[datapdf-tooltip]:hover:after {
  display: block;
}

[datamateriais-tooltip] {
  position: relative;
  font-weight: bold;
}

[datamateriais-tooltip]:after {
  display: none;
  position: absolute;
  top: -50px;
  padding: 5px;
  border-radius: 3px;
/*  left: calc(200% - 500px); */
  left: 50px;
  width: 500px;
  content: attr(datamateriais-tooltip);
  white-space: pre-wrap;
  background-color: #00476B;
  color: White;
}

[datamateriais-tooltip]:hover:after {
  display: block;
}

/*
////////////////////////////////////////////////////////////////////// EFEITOS /////////////////////////////////////////////////////////////////////////////////////
 */

.blinking{
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 14pt;
font-weight: bold;
animation:blinkingText 0.8s infinite;
}

@keyframes blinkingText{
0%{     color: #FF0000;    }
1%{     color: #FF0000;    }
10%{    color: transparent;}
20%{    color: transparent;}
30%{    color: transparent;}
40%{    color: transparent;}
50%{    color: #FF0000;    }
70%{    color: #FF0000;    }
80%{    color: #FF0000;    }
90%{    color: #FF0000;    }
99%{    color: #FF0000;    }
100%{   color: #FF0000;    }
}

/* EFEITOS */

/*
* Tabelas
*/

.tabelastop{
font-weight: bold;
font-size: 9pt;
color: white;
border-left: .75pt solid #00476B;
border-right-style: none;
border-top-style: none;
border-bottom: .75pt solid #00476B;
background-color: #00476B;
text-align: center;
padding: 2;
}

.tabelaseven {
font-weight: normal;
font-size: 8pt;
color: black;
border-left: .75pt solid #00476B;
border-right: .75pt solid #00476B;
/* border-right-style: none; */
border-top-style: none;
border-bottom: .75pt solid #00476B;
text-align: left;
padding: 2;
}

.tabelarm {
font-weight: normal;
font-size: 8pt;
color: black;
border-left: .75pt solid #00476B;
border-right-style: none;
border-top-style: none;
border-bottom: .75pt solid #00476B;
text-align: center;
}

/*
* Menu
*/

.navigation {
/*  width: 300px; */
}

/* reset our lists to remove bullet points and padding */
.menu_simple, .submenu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.menu_simple ul {
font-family: Calibri, Verdana, Tahoma, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
width:185px;
list-style-type: none;
}

.menu_simple titulo {
font-family: Calibri, Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10pt;
text-decoration: none;
align: center;
color: white;
padding: 8px 5px;
background-color: #000000;
display:block;
}

.menu_simple ul li titulosair a {
font-family: Calibri, Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10pt;
text-decoration: none;
align: center;
color: white;
padding: 8px 5px;
background-color: #000000;
display:block;
}

.menu_simple ul li a {
font-family: Calibri, Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-weight: none;
text-decoration: none;
color: white;
padding: 3.0px 4px;
background-color: #00476B;
display:block;
}
 
.menu_simple ul li a:visited {
color: white;
}
 
.menu_simple ul li a:hover, .menu_simple ul li .current {
color: white;
background-color: #000052;
}

.menu_simple li:hover .submenu {
  display: block;
  max-height: 450px;
}

.menu_simple ul li > .submenu a {
  background-color: #669999;
}

/* hover behaviour for links inside .submenu  PAssar o mouse */
.menu_simple ul li > .submenu a:hover {
  background-color: #000052;
}

.submenu {
  overflow: hidden;
  max-height: 0;
  -webkit-transition-delay: 3.5s;
  -webkit-transition: all 1.5s ease-out;
   transition-delay: 3.5s;
   transition: all 1.5s ease-out;

}



/*
* Webmail
*/

#webmail {
    position: absolute;
    right: 57px;
    top: 30px;
    color: #435e7c;
    background: url('../imagens/webmail.png') no-repeat 0 3px;
    padding-left: 20px;
    font-weight: bold;
}

#webmail:hover {
    color: #0d1d4d;
}

.icon_square{
line-height:23px;
padding-left:25px;
/* background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAFVBMVEXZ2dmhoaHU1NTV1dXQ0NCjo6Ofn58gRqKZAAAAPklEQVQI12MIFAQDUYYUIyUgUHZjEGYAA0MGIQhDEcQwAEIgA0wDGShSBswQKbgIM5CNooYZVQRuBdxSuDMAjVsI6btFugsAAAAASUVORK5CYII=); */
background-position:0 4px;background-repeat:no-repeat
}

#caixatextover{
border-width: medium;
border-style: solid;
border-color: #FF0000;
padding: 5px 5px;
}

#novapagina{
page-break-inside:avoid;
}


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

.headerimg {
   width: 10%;
    height: auto;
}

.responsivelogomarca {
    max-width: 80%;
    height: auto;
}

.responsivetopo {
    max-width: 80%;
    height: auto;
}

.responsivetable {
    max-width: 90%;
    height: auto;
}

.responsivemarca {
    max-width: 100%;
    height: auto;
}

a.responsiveico {
    width:50%;
    height: 50%;
}


h1 {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 25px;
text-transform: uppercase;
font-weight: bold;
color:#FFFFFF;
text-align: center;
background-color:#00476B;
padding:5px 0px 5px 5px;
border-top: 2px solid #000;
border-bottom: 2px solid #000;
border-left: 15px solid #000; 
border-right: 15px solid #000;
margin-bottom: 0px;
}

h2 {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 8pt;
color:#FFFFFF;
text-align: center;
background-color:#00476B;
margin-bottom: 0px;
padding: 8px;
}

.atalhos {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 7pt;
color: #000000;
}

}


@media screen and (min-width: 1024px) {

.headerimg {
   width: 20%;
    height: auto;
}

}


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

.headerimg {
   width: 18%;
    height: auto;
}

}

@media screen and (min-width: 1366px) {

.headerimg {
   width: 18%;
    height: auto;
}

}


@media screen and (min-width: 1440px) {

.headerimg {
   width: 18%;
    height: auto;
}

}

@media screen and (min-width: 1600px) {

.headerimg {
   width: 16%;
    height: auto;
}

}

@media screen and (min-width: 1920px) {

.headerimg {
   width: 12%;
    height: auto;
}

}


@media print {
  body * {
    visibility: hidden;
  }
  #paraimpressao, #paraimpressao * {
    visibility: visible;
  }
  #paraimpressao {
    position: fixed;
    left: 0;
    top: 0;
  }
}