@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: #0091A4; /* rgb(136,214,242); /* #6aa0a0 */
    --cor-letra-banner-principal: white;
    --cor-fundo-corpo: #ededed; /* cinza claro */
    --cor-letra-corpo: #3FA0CD;
    --cor-fundo-menu: #46BCD2;
    --cor-letra-menu: white;
    --cor-fundo-rodape: #46BCD2;
    --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/virtualage_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;*/
    line-height: 1.2;
}
/*
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 (min-width: 768px) {
  ul li:hover ul {display: block;}

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

  .principal {
      height: 420px;
  }

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

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

/*  .principal {
      background: url(imgs/virtualage_parede2.jpg);
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100% 100%;
      height: 440px;
  } */
}
@media (max-width: 767px) {
  #corpo-principal-site {
    padding: 10px 0px 0px 0px; /* top right bottom left */
  }

  .principal {
      height: 380px;
  }

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

#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: #46BCD2; /* 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;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: lightgray;
    background-color: #46BCD2; /* 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: #46BCD2; /* var(--cor-fundo-banner-principal); */
    /*position: static;*/
    margin-top: 0px;
}

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

#barramenu {
    border-radius: 0px;
    /*color: #63add0;*/
    /*color: #3ca0d0;*/
    background-color: #46BCD2; /* var(--cor-fundo-menu); /*#216477;*/
    width: 100%; /* largura - 100% para abrir da largura da tela */
    border: 0px;
    font-size: 18px;
    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: 80px auto;
    /*background-color: #216477;*/
    /*color:white;*/
    background-color: #e4eef2;
    color: #353535;
    /*border: 1px solid #0091A4;*/
    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: 400px;  
      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;*/
}

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

.letra-texto {
    font-size: 14px;
    font-family: var(--fonte-letra-site) !important;
}

.letra-texto16 {
    font-size: 16px;
    font-family: var(--fonte-letra-site) !important;
}

.letra-texto12 {
    font-size: 12px;
    font-family: var(--fonte-letra-site) !important;
}

.letra-texto-p {
    font-size: 8px;
    font-family: var(--fonte-letra-site) !important;
}