/* ######### Comunicação ######### */

.comunicacao {
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border-bottom-width: 0;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: #5B6473;
width: 125px; /* default width for menu */
}

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

.comunicacao ul li a{
color: #FFFFFF;
width: 115px;
display: block;
text-indent: 3px;
padding: 1px 0 0 10px;
text-decoration: none;
text-indent: 5px;
}

.comunicacao a:hover{ /*hover background color*/
background: #3B3F48;
color: white;
}


/* ######### Serviços ######### */

.servicos {
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border-bottom-width: 0;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: #5B6473;
width: 120px; /* default width for menu */
}

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

.servicos ul li a{
color: #FFFFFF;
width: 110px;
display: block;
text-indent: 3px;
padding: 1px 0 0 10px;
text-decoration: none;
text-indent: 5px;
}

.servicos a:hover{ /*hover background color*/
background: #3B3F48;
color: white;
}

/* ######### Formação ######### */

.formacao {
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border-bottom-width: 0;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: #5B6473;
width: 270px; /* default width for menu */
}

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

.formacao ul li a{
color: #FFFFFF;
width: 260px;
display: block;
text-indent: 3px;
padding: 1px 0 0 10px;
text-decoration: none;
text-indent: 5px;
}

.formacao a:hover{ /*hover background color*/
background: #3B3F48;
color: white;
}



/* ######### Estrutura ######### */

.estrutura {
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border-bottom-width: 0;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: #5B6473;
width: 199px; /* default width for menu */
}

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

.estrutura ul li a{
color: #FFFFFF;
width: 189px;
display: block;
text-indent: 3px;
padding: 1px 0 0 10px;
text-decoration: none;
text-indent: 5px;
}

.estrutura a:hover{ /*hover background color*/
background: #3B3F48;
color: white;
}


/* ######### Diocese ######### */

.diocese{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border-bottom-width: 0;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: #5B6473;
width: 170px; /* default width for menu */
}

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

.diocese ul li a{
color: #FFFFFF;
width: 160px;
display: block;
text-indent: 3px;
padding: 1px 0 0 10px;
text-decoration: none;
text-indent: 5px;
}

.diocese a:hover{ /*hover background color*/
background: #3B3F48;
color: white;
}

/* ######### Bispo ######### */

.bispo{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border-bottom-width: 0;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: #5B6473;
width: 190px; /* default width for menu */
}

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

.bispo ul li a{
color: #FFFFFF;
width: 180px;
display: block;
text-indent: 3px;
padding: 1px 0 0 10px;
text-decoration: none;
text-indent: 5px;
}

.bispo a:hover{ /*hover background color*/
background: #3B3F48;
color: white;
}


/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}