@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: #009BBF; /* rgb(136,214,242); /* #6aa0a0 */
    --cor-letra-banner-principal: white;
    --cor-fundo-corpo: #ededed; /* cinza claro */
    --cor-letra-corpo: #3FA0CD;
    --cor-fundo-menu: #009BBF; /*#3FA0CD;*/
    --cor-letra-menu: white;
    --cor-fundo-rodape: #009BBF; /*#3FA0CD;*/
    --cor-letra-rodape: white;
    --cor-borda-quadro: #ededed;
    --cor-fundo-botao1: #235D79;
    --cor-letra-botao1: white;
    --cor-letra-titulo1: #235D79;
    --cor-letra-titulo2: white;

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



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

html, body {
	/*background: url(imgs/cialink_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;*/
   /*scroll-behavior: smooth;*/
}

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);
}

h6 {
    font-size: 12px;
}


/*
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;
}
.alinha_esq {
    text-align: left;
}

.titulo-div-capa {
    color: #009BBF;
    font-size: 28px;
}

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

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

@media (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; 
	  /*min-height:inherit;*/
  }

  .principal {
      background: url(imgs/erpmap-img-capa.jpg); /* imagem de fundo */
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100% 100%;
      height: 720px;
      opacity:0.8;
  }

  .principal-myaudit {
      background: url(imgs/cialink_myaudit.jpg); /* imagem de fundo */
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100% 100%;
      height: 800px;
  }

  .carousel-inner > .item{
      height: 640px;
  }

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

  .principal {
      height: 380px;
  }

  #barramenu {
      margin-top: 0px;
  }

  .carousel-inner > .item{
      height: 320px;
  }

}

.script-servicos {
      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: #009BBF; /* var(--cor-fundo-rodape); /*#216477;*/
    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; */
	/*color: #222A32;*/
  /*color: #333D46;*/
  color: #0D729C;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: lightgray;
    background-color: #009BBF; /* var(--cor-fundo-rodape); /*#216477;*/
}
/* 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: #009BBF; /* var(--cor-fundo-banner-principal); */
    /*position: static;*/
    margin-top: 0px;
}

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

#barramenu {
    border-radius: 0px;
    /*color: #63add0;*/
    /*color: #3ca0d0;*/
    background-color: #009BBF; /* #0091A4  var(--cor-fundo-menu); /*#216477;*/
    width: 100%; /* largura - 100% para abrir da largura da tela */
    border: 0px;
    font-size: 15px;
    font-family: var(--fonte-letra-site);
	/*min-height: 60px;*/
    /*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: 80px auto;
    /*background-color: #216477;*/
    /*color:white;*/
    background-color: #e4eef2;
    color: #353535;
    /*border: 1px solid #009BBF;*/
    border: 0px;
    border-radius: 0px;
    max-width: 600px;
    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: 500px;  
      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;*/
}

.botaoflutuante {
  position:fixed;
  display:scroll;
  z-index: 1100;
  bottom: 0px;
  top: 400px;
  right: 0px;
}

.div-botaoflutuante {
  bottom: 0px;
  right: 0px;
}

.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-feriado {
  background-color: #ffb3b3;
}

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: #009BBF; 
    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: #009BBF; 
    width: 100%; /* largura - 100% para abrir da largura da tela */
    min-height: 100px;
    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;
}

.fundo-cor-tit {
  color: white;
  background-color: gray !important;
}
.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; 
}

.table-imp table, th, td {
  border: 1px solid gray;
}


/*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;
}
*/

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

#corpo-carousel-site {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px 0px 0px 0px; /* top right bottom left */
    /*background-color: #c3cda2;*/
    /*background-color: var(--cor-fundo-corpo);*/
    background-color: white;
    color: var(--cor-letra-corpo);
}

#myCarousel{
    /* margin-top: 10px; */
    margin: 0px 0px 20px 0px;
    /*height: 540px;*/
    height: auto;
}

.carousel-caption{
    z-index: 10;
    color: #FFFFFF;
}
.carousel-inner > .item > img{
    /*position: absolute;*/
    left: 0;
    min-width: 100%;
    height: auto;
}
.carousel-inner > .item{
    /*height: 540px; */
    height: auto;
}

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

.fundo-fotos-sombra {
    width: 100%;
    max-width: 1920px;
    height: 100%;
    float: left; /* posiciona a imagem à esquerda */
    /* 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);
}

#row-site .conteudo-row-site {
  border-radius:10px;
  /*padding: 10px 10px 10px 10px;*/
  width: 100%;
}

.quadro-opcoes {
    width: 320px;
    min-height: 100px;
}

#row-site .conteudo-row-site img, iframe {
/*  width: 320px;
    height: 240px;
*/
    width: 100%;
}

.linha-quadros {
  margin-bottom: 10px;
}

.foto {
    width: 100%; 
    /*background-size: 100% auto; */
    background-size: 100% 100%; 
    background-position: center center;
    background-repeat: no-repeat; 
    transition: background-size 1s; 
    -webkit-transition: background-size 1s;
}
.foto:hover {
    /*background-size: 120%;*/
    background-size: 120% 120%;
}

.foto p {
    position: absolute; 
    bottom: 5px; 
}

.foto-quadro {
    height: 160px;
    position: relative;
    opacity:0.7;
}

.foto1 {
    background-image: url("imgs/erpmap-cofre.jpg"); 
}

.foto2 {
    background-image: url("imgs/erpmap-pacote.jpg"); 
}

.foto3 {
    background-image: url("imgs/erpmap-solic.png"); 
}

.img-quadro {
    height: 160px;
    position: relative;
    /*opacity:0.7;*/
}

.img-quadro1 {
    width: 120px;
    margin-top: 10px;
    margin-left: 20px;
}

.img-quadro2 {
    width: 240px;
    margin-top: 10px;
    margin-left: 20px;
}

.desc-servico {display: none;}

.img-servico:hover .desc-servico {display: block;}


/*--- parte da w3.css ----------------*/
.w3-btn {
    color: white; background-color: #009BBF; font-size: 20px;
    border:none;display:inline-block;outline:0;padding:6px 16px;vertical-align:middle;overflow:hidden;
    text-decoration:none !important;text-align:center;cursor:pointer;white-space:nowrap;
    -webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;
    -ms-user-select:none;user-select:none;
    -webkit-transition:all 0.3s ease,color 0.15s ease;transition:all 0.3s ease,color 0.15s ease;
}
.w3-btn:hover {
    box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); color: #FF8C00; background-color: white;
}
.w3-btn:disabled {cursor:not-allowed;opacity:0.3}
.w3-btn:disabled * {pointer-events:none}
.w3-btn:disabled:hover {box-shadow:none}

.w3-margin-top{margin-top:16px !important}.w3-margin-bottom{margin-bottom:16px !important}
.w3-margin-left{margin-left:16px !important}.w3-margin-right{margin-right:16px !important}
.w3-code{font-family:Consolas,"courier new";font-size:16px;line-height:1.4;width:auto;background-color:#fff;
    padding:8px 12px;border-left:4px solid #009688;word-wrap:break-word}