html {
  background-image: url(../image/pagina-bg.png);
  background-repeat: repeat-x;
  background-color: #F8F8F8;
  margin: 0;
}

body {
  box-shadow: 0 0 12px #BABABA;
  width: 960px;
  min-width: 960px;
  margin: 0 auto;

  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;

  -webkit-transition: -webkit-transform 0.5s linear;
  -moz-transition: -moz-transform 0.5s linear;
  -ms-transition: -ms-transform 0.5s linear;
  transition: transform 0.5s linear;
}

.lt-ie9 body {
  border: 1px solid #BABABA;
  border-top-width: 0px;
}

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

CABEÇALHO

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

@media print {
  #container-barra-governo,
  .cabecalho-sped {
    display: none;
  }
}

.cabecalho-sped {
  background-color: #FFFFFF;
  position: relative;
  background-image: url(../image/cabecalho-bg.png);
  height: 174px;
  background-position: 100% 50%;
  background-repeat: no-repeat;
}

/* Logo ----------------------------------------------------------------------*/

.logo {
  display: block;
  position: absolute;
  top: 54px;
  left: 46px;
  width: 182px;
  height: 73px;
  margin: 0;
  background-image: url(../image/marca-sped.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

/* Barra para ajustar o tamanho da fonte -------------------------------------*/

.ajuste-fonte {
  position: relative;
  width: 260px;
  height: 24px;
  float: right;
  padding: 0;
  margin: 0;
  list-style-type: none;
  font-size: 0.1px;
}

.botao {
  display: block;
  float: left;
  position: relative;
  height: 24px;
  font-size: 12px;
  background-repeat: no-repeat;
}

.botao a {
  display: block;
  width: 100%;
  height: 100%;
}

.fonte-normal {
  width: 104px;
  background-image: url(../image/icon-a.png);
  background-position: 7px 50%;
}

.fonte-normal a {
  padding-left: 24px;
  width: 80px;
}

.aumentar-fonte,
.diminuir-fonte {
  width: 24px;
  background-position: 50% 50%;
}

.aumentar-fonte {
  background-image: url(../image/icon-a-mais.png);
}

.diminuir-fonte {
  background-image: url(../image/icon-a-menos.png);
}

.link-home {
    background-image: url(../image/icon_home.png);
    background-position: 100% 50%;
    width: 105px;
}

/* Menu Geral do SPED --------------------------------------------------------*/

.menu-geral-sped {
  font-size: 14px;
  position: absolute;
  height: 22px;
  border: 1px solid #F3B967;
  background-color: #F9F5EB;
  margin: 0;
  padding: 0;
  top: 150px;
  left: 252px;
  width: 508px;
}

.menu-geral-sped a {
  color: #6D6E72;
  text-decoration: none;
}

.menu-geral-sped, 
.submenu {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.menu-geral-sped > .item {
  font-size: 12px;
  font-weight: bold;
  position: relative;
  display: block;
  float: left;
  line-height: 22px;
  border-right: 1px solid #F3B967;
  padding: 0 12px;
}

.menu-geral-sped > .item:hover {
  background-color: #f6dbb0;
}

.menu-geral-sped > .item:last-child {
  border-right: none;
}

.menu-geral-sped .submenu {
  position: absolute;
  top: 22px;
  left: -1px;
  display: none;
  background-color: #F9F5EA;
  z-index: 100;
  min-width: 150px;
  border: 1px solid #F3B967;
  padding: 0 0 6px 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  box-shadow: 0 2px 2px rgba(243, 185, 103, 0.41);
}

.menu-geral-sped .item:hover > .submenu,
.submenu:hover {
  display: block;
}

.menu-geral-sped .submenu > .item {
  padding: 0 12px;
  font-weight: normal;
  position: relative;
}

.menu-geral-sped .submenu > .item > a {
  display: block;
  width: 100%;
  height: 100%;
}

.menu-geral-sped .submenu > .item:hover {
  background-color: #FFFFFF;
}

/* Formulário de Pesquisa ----------------------------------------------------*/

.ui-tooltip {
    font-size:14px;
    padding: 2px 4px;    
}


.pesquisa-no-sped {
  display: block;
  position: absolute;
  width: 198px;
  height: 92px;
  top: 82px;
  left: 762px;
  text-align: center;
  padding-top: 40px;
}

.pesquisa-no-sped legend {
  font-family: 'Trebuchet MS', sans-serif;
  color: #fff;
  display: block;
  position: absolute;
  height: 28px;
  top: -9px;
  left: 10px;
  width: 184px;
  text-align: center;
  line-height: 28px;
}

.pesquisa-no-sped input {
  border: 1px solid #C7A578;
  border-radius: 3px;
  padding: 0 4px;
  margin: 0;
  width: 90px;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
}

.pesquisa-no-sped button {
  margin: 0;
  padding: 0 4px;
  height: 24px;
  line-height: 22px;
  border: 1px solid #A0988E;
  background-color: #E0DFE3;
}

.not-ie .pesquisa-no-sped button {
  position: relative;
  top: 1px;
}

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

CONTEÚDO

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

#conteudo {
  padding: 24px 0;
  background-color: #FFFFFF;
}

.container-conteudo-item {

}

@media print {
  .container-conteudo-item {
    display: block !important;
    width: 100% !important;
    float: none !important;
  }
}


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

MENU LATERAL

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

.barra-lateral {
  font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, sans-serif;
  margin-left: 0;
  width: 228px !important;
  font-size: 14px;
}

@media print {
  .barra-lateral {
    display: none;
  }
}

.barra-lateral a {
  color: #6D6E72;
}

.barra-lateral .navegacao-submenu,
.barra-lateral .navegacao-menu {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.barra-lateral .navegacao-menu {
}

.barra-lateral .navegacao-painel,
.barra-lateral .navegacao-submenu {
  font-size: 12px;
  background-color: #F9F5EB;
  margin-bottom: 24px;
  padding: 13px 0;
}

.barra-lateral .navegacao-submenu {
  text-indent: 60px;
}

.barra-lateral .titulo-menu {
  color: #414042;
  background-image: url(../image/titulo-menu-bg.png);
  background-repeat: repeat-y;
  font-weight: bold;
  margin: 0;
  position: relative;
  text-indent: 60px;
}

.barra-lateral .titulo-menu:before {
  position: absolute;
  background-color: #DA9547;
  border-right: 1px solid white;
  display: block;
  width: 47px;
  height: 24px;
  content: "";
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.barra-lateral .titulo-menu.projetos:before {
  background-image: url(../image/icon-projetos.png);
}

.barra-lateral .titulo-menu.downloads:before {
  background-image: url(../image/icon-downloads.png);
}

.barra-lateral .titulo-menu.portais:before {
  background-image: url(../image/icon-portais.png);
}

.barra-lateral .downloads li:before {
  position: absolute;
  display: block;
  width: 48px;
  height: 24px;
  content: "";
  background-position: 100% 50%;
  background-repeat: no-repeat;
  background-image: url(../image/icon-download.png);
}

.barra-lateral .downloads li.emissorcte:before {
  background-image: url(../image/icon-emissorcte.png);
}
.barra-lateral .downloads li.visualizadorsped:before {
  background-image: url(../image/icon-visualizadorsped.png);
}
.barra-lateral .downloads li.receitanet:before {
  background-image: url(../image/icon-receitanet.png);
}

.barra-lateral .navegacao-painel p {
  margin: 0 0 0 60px;
}

.barra-lateral .navegacao-painel select {
  display: block;
  margin-left: 60px;
  border: 1px solid silver;
  width: 154px
} 

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

BREADCRUMBS

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

@media print {
  .menu-projeto {
    display: none;
  }
}

.breadcrumbs {
  font-size: 12px;
  line-height: 20px;
  padding: 0;
  margin: 2px 0 26px 0;
  list-style-type: none;
}

.breadcrumbs:before {
  display: inline-block;
  background-color: #C1B8A9;
  color: #FFFFFF;
  content: "Você está aqui:";
  padding: 0 6px;
  margin-right: 6px;
}

.breadcrumbs li {
  display: inline;
}

.breadcrumbs li:after {
  content: " | ";
}

.breadcrumbs li:last-child:after {
  content: "";
}

.breadcrumbs li:last-child {
  font-weight: bold;
}

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

RODAPÉ

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

@media print {
  .rodape-sped {
    display: none;
  }
}

.rodape-sped {
  /*display: none;*/
  border-top: 2px solid #FFFFFF;
  /*min-height: 150px;*/  
  color: #888;
  font-size: 12px;
  /*padding: 24px 0 48px;*/
  background-color: #F9F5EB;
}

.rodape-sped .col {
}

.rodape-sped h2 {
  font-size: 14px;
  font-weight: bold;
  margin: 12px 0;
}

.rodape-sped ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.rodape-sped a {
  color: #6D6E72;
}

.rodape-sped .logo-receita {
  display: block;
  margin: 0px auto;
  border: none;
}

.rodape-sped .grid-1 {
    float:none;
}