/**************************************************************************************************/
/** 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-position:0 0.500rem;
  background-repeat:no-repeat;
  background-size:200px;
}

.logo-alt {
   background-size:130px !important;
}


body > header h1.church {
  width:15.900rem;
}


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 - Icone: Alertas *************************************************************************/
/**************************************************************************************************/

body > header div.alertas {

  position:absolute;

  top:0;
  right:26.000rem;

  display: flex;
  justify-content: center;
  align-items: center;

  width:4.000rem;
  height:4.000rem;
}


body > header div.alertas a {

  position:relative;
  display:block;

  width:3.000rem;
  height:3.000rem;

  padding:0.200rem 0 0 0;
  text-align:center;

  color:#FFFFFF;
  font-size: 22px;
}


body > header div.alertas a span.com-alertas {

  position:absolute;
  top: -5px;
  right: -5px;

  display:flex;
  justify-content: center;
  align-items: center;

  width: 20px;
  height: 20px;

  color:#FFFFFF;
  font-size: 10px;

  border-radius: 10px;
  background-color: #ff0000;
}



/**************************************************************************************************/
/** Topo - Menu Rápido ****************************************************************************/
/**************************************************************************************************/

body > header div.acesso-rapido {
  position:absolute;
  top:0;
  right:50.000rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width:30.000rem;
  height:4.000rem;
}


body > header div.acesso-rapido > span {
  width: 100%;
}


body > header div.acesso-rapido input[name="acesso-rapido-topo_autocomplete"] {
  width: 100% !important;
}

/**************************************************************************************************/
/** Topo - Menu Rápido Recentes *******************************************************************/
/**************************************************************************************************/

body > header div.acesso-rapido-recentes {
  position:absolute;
  top:0;
  right:48.000rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width:30.000rem;
  height:4.000rem;
}


body > header div.acesso-rapido-recentes > span {
  width: 100%;
}


body > header div.acesso-rapido input[name="acesso-rapido-topo-recentes_autocomplete"] {
  width: 100% !important;
}
/**************************************************************************************************/
/** Topo - Menu Rápido Pesquisa ****************************************************************************/
/**************************************************************************************************/

body > header div.acesso-rapido-pesquisa {
  position:absolute;
  top:0;
  right:50.000rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width:30.000rem;
  height:4.000rem;
}


body > header div.acesso-rapido-pesquisa > span {
  width: 100%;
}


body > header div.acesso-rapido-pesquisa input[name="acesso-rapido-topo-pesquisa_autocomplete"] {
  width: 100% !important;
}

/**************************************************************************************************/
/** Topo - Favoritos ******************************************************************************/
/**************************************************************************************************/

body > header div.favoritos {
  position:absolute;
  top:0;
  right:46.000rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width:4.000rem;
  height:4.000rem;
}


body > header div.favoritos a {
  position:relative;
  display:block;
  text-align:center;
  color:#FFFFFF;
  font-size: 25px;
}

/**************************************************************************************************/
/** Topo - Playlist Treinamentos ******************************************************************/
/**************************************************************************************************/

body > header div.youtube {
  position:absolute;
  top:0;
  right:30.000rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width:4.000rem;
  height:4.000rem;
}


body > header div.youtube a {
  position:relative;
  display:block;
  text-align:center;
  color:#FFFFFF;
  font-size: 25px;
}

/**************************************************************************************************/
/** Topo - Acesso Recente *************************************************************************/
/**************************************************************************************************/

body > header div.acesso-recente {
  position:absolute;
  top:0;
  right:38.000rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width:4.000rem;
  height:4.000rem;
}


body > header div.acesso-recente a {
  position:relative;
  display:block;
  text-align:center;
  color:#FFFFFF;
  font-size: 25px;
}


/**************************************************************************************************/
/** Topo - Pesquisa ******************************************************************************/
/**************************************************************************************************/

body > header div.pesquisa {
  position:absolute;
  top:0;
  right:42.000rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width:4.000rem;
  height:4.000rem;
}


body > header div.pesquisa a {
  position:relative;
  display:block;
  text-align:center;
  color:#FFFFFF;
  font-size: 25px;
}

/**************************************************************************************************/
/** Topo - Icone: Downloads ***********************************************************************/
/**************************************************************************************************/

body > header div.downloads {

  position:absolute;

  top:0;
  right:34.000rem;

  display: flex;
  justify-content: center;
  align-items: center;

  width:4.000rem;
  height:4.000rem;
}


body > header div.downloads a {

  position:relative;
  display:block;

  width:3.000rem;
  height:3.000rem;

  padding:0.200rem 0 0 0;
  text-align:center;

  color:#FFFFFF;
  font-size: 22px;
}



/**************************************************************************************************/
/** 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-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-repeat:no-repeat;
  background-position:1.200rem 1.050rem;
}