/**
* @project PortalVR
* @version 2.0
* @package layout
* @author Thiago Vieira
* @copyright 2017, Empresa de Processamento de Dados.
*
* @fontdef  Panton
* @colordef #e4dd00;
* @colordef #02142c;
*
* @indenting using space 2
* @site https://developers.google.com/fonts/
* @site http://tableless.com.br/
* @site http://www.w3c.br/Home/WebHome
*/

* {
  border-radius: 0 !important;
}

input[type="text"].form-control,
textarea.form-control,
select.form-control {
  text-transform: uppercase;
}

textarea {
  resize: none;
}

#main-transparent{
  width: 1004px;
  margin: 25px auto;
  padding: 15px;

  background-image: url('/templates.old/2013/images/bg_transparent.png?2018');
}

#main{
  padding: 10px;
  background-color: #fff;
}


.barra-top{
  z-index: 999;
  width: 100%;
  background-color: #fafafa;
}

.barra-top li{
  display: inline-block;
  padding: 5px 15px;
  border-right: 1px solid #ccc;
}

ul,
.barra-top ol,
.barra-top ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.box-accessibility{
  font-size: .9em;
  display: table;
  width: 100%;
  min-width: 100%;
}


*{
  margin: 0;
  padding: 0;

  border-radius: 0 !important;

  text-rendering: optimizeLegibility;
}

@font-face{
  font-family: Panton;

  src: url('/templates.old/2013/css2017/panton2.otf')  format('opentype');
}

body{
  font-family: 'Panton', sans-serif;
  font-size: 15px;
}

a img{
  border: 0;
}

a{
  font-weight: bolder;

  text-decoration: none;

  color: #666;
}

a:hover{
  color: #e4dd00;
}

h1 strong {
  color: #e4dd00;
}

#menu{
  width: 100%;
}

#menu li{
  background: #02142c;
}

#menu .last{
  border-right: 2px solid #02142c;
}

#menu li a{
  font-size: 17px;
  font-weight: 400;

  display: block;

  padding: 7px 0;

  color: #e4dd00;
}

#menu li ul li{
  border-bottom: 1px solid;
  background: #02142c;
}

#acesso-rapido{
  background-color: #bfed04;
}

#acesso-rapido a {
  color: #02142c;
}

#mapa-site{
  clear: both;
  overflow: auto;
  /* width: 100%; */
  padding: 30px 20px 20px 20px;
  color: #e4dd00;
  background-color: #02142c;
}

#mapa-site h2{
  font-size: 14px;
  font-weight: bolder;

  text-transform: uppercase;

  color: #e4dd00;
}

#mapa-site ul{
  margin: 0 0 17px;

  list-style-type: none;
}

#mapa-site a{
  font-size: 15px;
  font-weight: 400;

  color: #e4dd00;
}

#mapa-site a:hover{
  color: #FFFFFF;
}

#rodape{
  padding: 10px;
  text-align: center;
  color: #02142c;
  background-color: #e4dd00;
}

.barra-top{
  z-index: 999;

  width: 100%;

  background-color: #fafafa;
}

.barra-top li{
  display: inline-block;

  padding: 5px 15px;
  /*   border-width: 0 0 1px 0;
border-style: solid; */

  border-right: 1px solid #ccc;
}

ul,
.barra-top ol,
.barra-top ul{
  margin: 0;
  padding: 0;

  list-style-type: none;
}

.box-accessibility{
  font-size: .9em;

  display: table;

  width: 100%;
  min-width: 100%;
}

.atalhos{
  float: left;
}

.botoes{
  float: right /* !important */;
}

.back-to-top{
  position: fixed;
  z-index: 1005;
  right: 5px;
  bottom: 5px;

  display: none;

  width: 50px;
  height: 50px;

  cursor: pointer;
  text-align: center;

  color: #fff;
  background-color: #02142c;
}

.back-to-top span{
  line-height: 45px;
}

.back-to-top a{
  color: #ddd;
}

.back-to-top:hover{
  color: #333;
  background-color: #f0e078;
}

.clearfix:before,
.clearfix:after{
  display: table;

  content: ' ';
}
.clearfix:after{
  clear: both;
}

.divide{
  border-right: 1px solid #fff;
}