/* ######### 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: 150px; /* default width for menu */

}



.servicos ul{

margin: 0;

padding: 0;

list-style-type: none;

}



.servicos ul li a{

color: #FFFFFF;

width: 140px;

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;

}