@charset "utf-8";
/* CSS Document */

/*------- definição de variáveis de cores */
:root {
    --cor-fundo-baner: white;
    --cor-letra-baner: #3FA0CD;
    --cor-fundo-banner-principal: #0D729C;
    --cor-letra-banner-principal: white;
    --cor-fundo-corpo: #ededed; /* cinza claro */
    --cor-letra-corpo: #3FA0CD;
    --cor-fundo-menu: #0D729C;
    --cor-letra-menu: white;
    --cor-fundo-rodape: #0D729C;
    --cor-letra-rodape: white;
    --cor-borda-quadro: #ededed;
    --cor-fundo-botao1: #235D79;
    --cor-letra-botao1: white;
    --cor-letra-titulo1: #235D79;
    --cor-letra-titulo2: white;
    --cor-fundo-padrao: #0D729C;

    --fonte-letra-site: Arial, Helvetica, 'Abel', sans-serif, georgia, 'palatino';
};



/*------------------------------------*/
html, body {
	/*background: url(imgs/parede.jpg); /* imagem de fundo */
	/*background-repeat: no-repeat; 
	background-position: center; 
	background-size: 100%;
	margin: 0px; */

    font-size: 16px;
    font-family: var(--fonte-letra-site);
    font-weight: 300;
    line-height: 1.7;
    /*background-color: #ff7800;*/
}

h1 {
	/* font: 24px Arial, Helvetica, sans-serif;
	color: #FF0000;
	text-align: center;
	margin-top: 10px; */
    font-size: 24px;
    font-family: var(--fonte-letra-site);
}

h2{
    font-size: 22px;
    font-family: var(--fonte-letra-site);
}

h3, h4{
    font-family: var(--fonte-letra-site);
    font-weight: 400;
}

h5{
    font-size: 14px;
    font-family: var(--fonte-letra-site);
}

/*
b, strong{
    font-weight: 400;
}
*/

.titulotela {
    /* font: 24px Arial, Helvetica, sans-serif;
    color: #FF0000;
    margin-top: 10px; */
    text-align: center;
    font-size: 32px;
    font-family: var(--fonte-letra-site);
}

.alinha_dir {
    text-align: right;
}
.alinha_cen {
    text-align: center;
}

.titulo-div-capa {
    /*color: #98b72e;*/
    color: #405303;
    font-size: 28px;
}

.principal {
    /*background-size: 100%;*/
    /*height: 100%;*/
    margin: 0px;
    margin-top: 0px;
    margin-bottom: 0px;

    width: 100%;
  	max-width: 1920px;
}

@media screen and (min-width: 768px) {
  ul li:hover ul {display: block;}

  #corpo-principal-site {
    padding: 90px 0px 0px 0px; /* top right bottom left */
  }

  #banner-principal {
      position: fixed;
      z-index: 1000;
  }

  #barramenu {
      margin-top: 30px;
      position: fixed; 
      z-index: 1000; 
  }

  .principal {
      background: url(imgs/task-parede.jpg); /* imagem de fundo */
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100% 100%;
      min-height: 520px;
  }
}

@media screen and (min-width: 1400px) {
  ul li:hover ul {display: block;}

  .principal {
      background: url(imgs/task-parede.jpg); /* imagem de fundo */
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100% 100%;
      min-height: 735px;
  }

}

@media (max-width: 767px) {
  #corpo-principal-site {
    padding: 10px 0px 0px 0px; /* top right bottom left */
  }

  .principal {
      height: 380px;
  }

  #barramenu {
      margin-top: 0px;
  }
}

.regulamento-myaudit {
      margin-top: 30px;
      position: fixed; 
      right: 10px;
}

#corpo-principal-site {
    width: 100%;
    max-width: 1920px;
    margin-top: 0px;
    margin-bottom: 0px;
    /*padding: 10px 20px 20px 20px; /* top right bottom left */
    /*background-color: #ffb573;*/
    background-color: white;
    color: black;
}

.ftr{
    width: 100%;
    /*margin-top: 10px;*/
    color: var(--cor-letra-rodape); /*gray;*/
    background-color: var(--cor-fundo-rodape);
    padding: 10px 0px 20px 0px;
    min-height: 60px;
    position: static;
    /*border-top: 5px solid #00AFF0;   */
}
.ftr address, .ftr a, .ftr p{
    color: #fff;   
}
.ft_space{
    padding: 0 10px;   
}

.banner-esquerdo {
    color: #216477;
}

.banner-centro {
    color: rgb(136,214,242); /*#216477; */

}
.banner-direito {
    color: rgb(136,214,242);
}

.banner ul {
    list-style-type: none;
    /*position: absolute;*/
    z-index: 2000;
}

.banner ul li {
     display: inline;
}

.banner a {
    color: white;
}

.banner a:hover, a:focus {
    color: lightgray;
}

.logomarca {
    width: auto;
    height: auto;
}

.logomarca2 {
/*
    position: absolute;
    z-index: 100;
*/
    padding-top: 1px;
    width: 40px;
    height: 40px;
}

#menusite .nav {
    /*background: #FFF;*/
    position: absolute;
    z-index: 100;
    float: left;
    color: white;
}

.nav ul {
     list-style-type: none;
}

.listanav a {
    color: white; 
    font-size: 22px;
    font-family: var(--fonte-letra-site);
    /*font-family: 'Abel', sans-serif;
    font-weight: 400;*/
}

/* ---------------------------------------------------------- */
/* cores do menu navbar padrão com alterações personalizadas  */
/* as configurações padrão estão no arquivo /css/bootstrap.css */

/* link */
.navbar-default .navbar-nav > li > a {
    color: #353535;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: lightgray;
    background-color: var(--cor-fundo-padrao);
}
/* mobile version */
.navbar-default .navbar-toggle {
    border-color: black;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: black;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: black;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: #353535;
    }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
      /*color: #333;*/
      color: gray;
    }
}
/* ---------------------------------------------------------- */

/* altura e margem do menu navbar padrão com alterações personalizadas  */
/* as configurações padrão estão no arquivo /css/bootstrap.css */
.navbar {
  min-height: 60px;
  margin-bottom: 0px;
}
/* ---------------------------------------------------------- */


#banner-principal {
    width: 100%;
    max-width: 1920px;
    min-height: 30px;
    font-size: 14px;
    background-color: var(--cor-fundo-padrao);
    /*position: static;*/
    margin-top: 0px;
}

#menu {
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 600;
    background-color: #e4eef2; /* #353535; /* #4C5762; /*#216477;*/
}

#barramenu {
    border-radius: 0px;
    /*color: #63add0;*/
    /*color: #3ca0d0;*/
    background-color: var(--cor-fundo-padrao);
    width: 100%; /* largura - 100% para abrir da largura da tela */
    border: 0px;
    font-size: 15px;
    font-family: var(--fonte-letra-site);
    /*margin-top: 0px;*/
    /* coloca a sombra */
    box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3);
} 

.corpotelas {
    background-color: #F2F2F2;
    margin-top: 10px; 
    font-size: 18px;
    font-family: var(--fonte-letra-site);
    width: 90%; /* largura - 100% para abrir da largura da tela */
    float: right;
}

#tela-usuario {
	text-align: left;
}

#pesq-prod {
    height: 42px; /* altura */
    font-size: 20px;
}

#tela-entrada {
    margin-top: 100px;
    color:white;
    background-color: #009BBF;
    color: #353535;
    border: 0px solid #0091A4;
    max-width: 500px;
    box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3);
}

.map-capa-site {
    height: 350px;
    max-width: 600px;
    margin: 1% auto;
    border: 6px solid #ccc;
}

/* ---------------------------------------------------------- */
/*              estilo para paginação de dados                */
/* ---------------------------------------------------------- */
.box-paginacao{  
      width: 600px;  
      height: 30px;  
      margin: 0 auto;  
 }  
 
 a.box-navegacao{  
      color: #3436A1;  
      font-size: 13px;  
      border: 1px solid #3436A1;  
      float: left;  
      margin: 0 5px;  
      padding: 4px 5px;  
      cursor: pointer;  
 }  
 
 a.box-navegacao:hover{  
      color: red;  
      text-decoration: underline;  
 }  
 
 a.box-numero{  
      display: block;  
      font-size: 13px;  
      float: left;  
      width: 28px;  
      height: 28px;  
      color: #fff;  
      background-color: #3436A1;  
      text-align: center;  
      padding: 6px 5px;  
      margin: 0 3px;  
      cursor: pointer;  
 }  
 
 a.box-numero:hover, a.destaque{  
      color: red;  
      border: 1px solid #3436A1;  
      background-color: #fff;  
 } 
 
 .row p{
      padding: 15px 10px;
      width: 300px;
      margin: 0 auto;
 } 
 
 .esconder{
      visibility: hidden;
 }
 
 .mostrar{
      visibility: visible;
 }

.boxAtividade {
  width:90%; 
  /*height:800px;*/
}

.boxApont {
  width:90%; 
}

.boxAgenda {
  width:90%; 
}

.botaotopo {
  position:fixed;
  display:scroll;
  z-index: 1000;
  bottom:0px;
  right: 0px;
}

.div-botaotopo {
  bottom:0px;
  right: 0px;
  /*display: none;*/
  /*visibility: hidden;*/
}

.div-visivel {
  display: scroll;
  /*visibility: visible;*/
}

.popover {
    z-index: 1060;
}

/* ---------------------------------------------------------- */

.agenda_tam {
  width: 14%;
}

.agenda-tam-fds {
  width: 7%;
}

.agenda_tam2 {
  width: 16%;
}

.agenda-tam-fds2 {
  width: 10%;
}

.diasemana {
  font-size: 20px;  
  color: black;  
  text-align: center;  
}

.datasemana {
  font-size: 15px;  
  color: gray;  
  text-align: center;  
}

td#agenda-cel {
  overflow: hidden;
  /*background-color: #f0faff;  */
}

td#agenda-cel a {
  font-size: 10px;  
}

td#agenda-cel:hover {
  background-color: yellow;  
}

td#agenda-cel-mes {
  overflow: hidden;
}

td#agenda-cel-mes a {
  font-size: 12px;  
}

td#agenda-cel-mes:hover {
  background-color: yellow;  
}

tr#agenda-lin:hover {
  /*background-color: #f0faff;*/
  background-color: #FFFACD
}

td.agenda-fds {
  background-color: #ffe6e6;
}

td.agenda-pre {
  background-color: red;
}

td.agenda-hoje {
  background-color: #ffff99;
}

td.agenda-mes-dif {
  background-color: #f2f2f2;
}

thead#tab-fixa {
    background-color: #e4eef2;
    /*position:fixed;*/
}

table#tab-agenda { 
  /*background-color: #F0FAFF;*/
  background-color: #ffffff;  
}

.barraagenda {
    margin-top: 0px;
    /*position: fixed;*/
    /*z-index: 1000;*/
    padding-top: 5px;
    border-radius: 0px;
    background-color: var(--fonte-fundo-padrao);
    width: 100%; /* largura - 100% para abrir da largura da tela */
    min-height: 50px;
    border: 0px;
    font-size: 18px;
    font-family: var(--fonte-letra-site);
} 

.barraagenda-mes {
    margin-top: 0px;
    /*position: fixed; */
    /*z-index: 1000; */
    padding-top: 5px;
    border-radius: 0px;
    background-color: var(--fonte-fundo-padrao);
    width: 100%; /* largura - 100% para abrir da largura da tela */
    min-height: 150px;
    border: 0px;
    font-size: 10px;
    font-family: var(--fonte-letra-site);
} 

.lista-partic-agenda {
  padding: 1px;
  margin-bottom: 5px;
  max-height: 290px;
  overflow: auto;
}

.cel-tab-partic-agenda {
  overflow: hidden;
}

#lista-partic-agenda a {
    color: yellow;   
}

#lateral-site-agenda {
  color: black;
  background-color: green;
  border-radius:0px;
  padding: 0px 0px 3px 0px;
  min-height: 790px;
  max-height: 790px;
}

.botao-navega-agenda-prox {
  position:fixed;
  display:scroll;
  z-index: 1000;
  bottom: 100px;
  right: 0px;
}

.botao-navega-agenda-ant {
  position:fixed;
  display:scroll;
  z-index: 1000;
  bottom: 150px;
  right: 0px;
}

/*table#tab-agenda thead{ position: fixed; }*/

/*
.table-striped>tbody>tr:nth-child(odd)>td, 
.table-striped>tbody>tr:nth-child(odd)>th,
.table-striped>tbody>tr:nth-child(even)>td, 
.table-striped>tbody>tr:nth-child(even)>th {
   background-color: #ededed;
}
*/

canvas {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.legenda-agenda {
  font-size: 10px; 
  margin-bottom: 10px; 
  padding: 5px; 
  float: right;
}

.legenda-agenda-i {
  padding: 2px; 
  color: white; 
  border: 1px solid gray; 
  border-radius: 3px; 
  opacity: 0.8; 
}

.fundo-cor1 {
  background-color:#F0FFF0 !important;
}
.fundo-cor1-op {
  background-color:#F0FFF0 !important;
  opacity:0.6;
}
.fundo-cor2 {
  background-color:#F0F8FF !important;
}
.fundo-cor2-op {
  background-color:#F0F8FF !important;
  opacity:0.6;
}
.fundo-cor3 {
  background-color:#E6E6FA !important;
}
.fundo-cor3-op {
  background-color:#E6E6FA !important;
  opacity:0.6;
}
.fundo-cor4 {
  background-color:#FFF0F5 !important;
}
.fundo-cor4-op {
  background-color:#FFF0F5 !important;
  opacity:0.6;
}
.fundo-cor5 {
  background-color:#FFF8DC !important;
}
.fundo-cor5-op {
  background-color:#FFF8DC !important;
  opacity:0.6;
}

.barra-botao {
    width: 100%;
    height: 60px;
    border: 0px;
    background-color: lightslategray;
    box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3);
}

.legenda-agenda {
  font-size: 10px; 
  margin-bottom: 10px; 
  padding: 5px; 
  float: right;
}

.legenda-agenda-i {
  padding: 2px; 
  color: white; 
  border: 1px solid gray; 
  border-radius: 3px; 
  opacity: 0.8; 
}