/**************************************************************************************************/
/** Topo - Geral **********************************************************************************/
/**************************************************************************************************/

body > header {

  position:fixed;
  
  width:100%;
  height:4.000rem;

  z-index:55;
  padding:0 1.000rem 0 1.000rem;
  
  background-color:#FF9E00;
}


body > header h1 {

  width:20.500rem;
  height:5.000rem;
  
  text-indent:-20000px;
  overflow:hidden;
  
  background-image:url('../../../../imagens/geral/logo-e4-sistemas.png');
  background-position:0 0.500rem;
  background-repeat:no-repeat;
}


body > header h1.church {

  width:15.900rem;
  background-image:url('../../../../imagens/geral/logo-tj-church.png');
}


body > header h1 a {

  display:block;
  
  width:15.900rem;
  height:4.000rem;
}


body > header > span {

  position:absolute;
  
  top:1.100rem;
  left:30.000rem;
  
  font-size:1.500rem;
  font-weight:bold;
  color:#FFFFFF;
}



/**************************************************************************************************/
/** Topo - Menu ***********************************************************************************/
/**************************************************************************************************/

body > header menu {

  position:absolute;
  
  top:0;
  right:0;
}


body > header menu > p {

  display:block;
  
  width:25.000rem;
  height:4.000rem;
  
  padding:1.300rem 0 0 4.200rem;
  
  font-size:1.200rem;
  color:#FFFFFF;
  cursor:pointer;
  
  border-left-width:0.100rem;
  border-left-style:solid;
  border-left-color:#FFFFFF;
  
  background-image:url('../../../../imagens/geral/icon-pessoa.png'),
                   url('../../../../imagens/geral/seta-menu.png');
                   
  background-repeat:no-repeat;
  background-position:center left, center right;
}


body > header menu:hover > p {
  
  text-decoration:none;
}


body > header menu div {
  
  display:none;
  
  position:absolute;
  width:25.000rem;
  
  border-width:0.100rem;
  border-style:solid;
  border-color:#CCCCCC;
  
  background-color:#FFFFFF;
}


body > header menu:hover div {
  
  display:block;
}


body > header menu div p {
  
  display:block;
  padding:1.000rem 0 0 0.700rem;
  
  font-size:1.100rem;
  font-weight:bold;
  text-transform:uppercase;
  color:#666666;
}


body > header menu div a {
  
  display:block;
  
  width:25.000rem;
  padding:0.600rem 0 0.600rem 0.700rem;
  
  font-size:1.200rem;
  color:#666666;
}


body > header menu > div a:hover {
  
  text-decoration:none;
  color:#FFFFFF;
  
  background-color:#999999;
}


body > header menu > div hr {
  
  margin:1.000rem 0 0 0;
  
  border-top-width:0.100rem;
  border-top-style:solid;
  border-top-color:#CCCCCC;
}


body > header menu div ul {
  
  list-style:none;
}


body > header menu div ul li a {
  
  padding-left:2.500rem;
}


body > header menu div ul li a.selecionado {
  
  background-image:url('../../../../imagens/geral/icon-ponto-menu.png');
  background-repeat:no-repeat;
  background-position:1.200rem 1.050rem;
}