/* CSS Document */

body {

margin: 0;
padding: 0;
background:url(http://pepio.r2r.com.br/~santacla/templates/padrao/imagens/bg.jpg) no-repeat #C1C325;

}

#tudo {

	text-align:center;

}

#div-cabecalho {
background:url(http://pepio.r2r.com.br/~santacla/templates/padrao/imagens/topo.png) center no-repeat;
width:100%;
height:245px;
position:absolute;
z-index:1;
text-align:center;
}

#div-cabecalho img {
padding-top:145px;
}


#div-conteudo-tudo {
width:995px;
height:auto;
margin: 0px auto;
position:relative;
padding-top:200px;
z-index:99999;
}

#div-conteudo {
background:url(http://pepio.r2r.com.br/~santacla/templates/padrao/imagens/fundo_conteudo_ext.png) repeat-x;
width:770px;
height:auto;
margin: 0px auto;
padding: 0 auto;
padding-top:8px;
padding-bottom:8px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
}


#div-conteudo-dentro {
background:url(http://pepio.r2r.com.br/~santacla/templates/padrao/imagens/fundo_conteudo_int.png) repeat-x  #E7E7F3;
width:754px;
height:auto;
margin: 0 auto;
}

#div-conteudo-esquerda {
width:214px;
height:auto;
float:left;
}

#div-conteudo-direita {
width:770px;
float:right;

}

#conteudo {
padding-left:7px;
padding-right:7px;
padding-top:0px;
}

#titulo-noticia {
padding-left:7px;
padding-right:7px;
padding-top:0px;
margin-top:0px;
margin-bottom:0px;
}

#hora-noticia {
padding-left:7px;
padding-right:7px;
}

#div-hr {
border-top: 1px dashed #999999;
border-bottom: 1px dashed #999999;
background-color:#FFFFFF;
margin: 0px auto;
padding: 0 auto;
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
padding-right:5px;
width:98%;
clear:both;
height:145px;
}

#div-hr img {
padding-right:4px;
}

#navegacao {
margin: 0 auto;
padding: 0 auto;
width:100%;
height:auto;
text-align:center;
}

#pagnum {
background-color:#FFFFFF;
text-decoration:none;
color:#666666;
border:#CCCCCC solid 1px;
padding: 3px 3px 3px 3px;
}

#pag-atual {
text-decoration:none;
color:#990000;
border:#990000 solid 1px;
padding: 3px 3px 3px 3px;
}

.item-link {
text-decoration:none;
color:#000000;
}

.item-link:hover {
color:#990000;

}

#rodape {
background:url(http://pepio.r2r.com.br/~santacla/templates/padrao/imagens/rodape.png) no-repeat left;
width:100%;
height:68px;
float:left;
}

#centro-rodape {
width:995px;
margin: 0 auto;
padding: 0 auto;
}

#logo-rodape{
width:200px;
height:68px;
float:left;
}

#conteudo-rodape {
width:795px;
height:68px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:right;
color:#FFFFFF;
}


#titulo {
font-size:18px;
margin-top:5px;
margin-left:5px;
margin-right:5px;
margin-bottom:0px;
}

#sub-titulo {
font-size:14px;
margin-top:3px;
margin-left:5px;
margin-right:5px;
}

#foto {
width:600px;
height:auto;
margin: 0 auto;
padding-bottom:6px;
padding-left:6px;
padding-right:6px;
padding-top:6px;
background-color:#FFFFFF;
border:solid 1px #CCCCCC;
}

#albuns {
width:368px;
height:auto;
float:left;
margin-bottom:3px;
margin-left:3px;
margin-right:3px;
margin-top:3px;
padding-bottom:5px;
border:solid 1px #FFFFFF;
background-color:#9DCEFF;
text-align:left;
}

#tmb_albuns {
height:auto;
float:left;
margin-bottom:5px;
margin-left:7px;
margin-right:7px;
margin-top:5px;
padding-bottom:7px;
padding-left:7px;
padding-right:7px;
padding-top:7px;
border:solid 1px #CCCCCC;
background-color:#FFFFFF;
}


#tmb_albuns:hover {
border:solid 1px #FF9900;
background-color:#FFCC00;

}

#botao {
width:85px;;
height:auto;
float:left;
margin-right:5px;
text-align:center;
background-color:#EEF5F9;
border:solid 1px #D5E6EE;
}

#botao a {
display: block;
text-decoration:none;
color: #237898;
padding-bottom:5px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
}

#botao:hover {
border:solid 1px #FF9900;
background-color:#FFCC00;
}

#div-botao-navega {
width:190px;
height:auto;
margin: 0 auto;
padding: 0 auto;
margin-bottom:5px;
text-align:center;
}

#info-fotos {
width:612px;
height:auto;
margin: 0 auto;
padding: 0 auto;
margin-top:7px;
border:dashed 1px #009999;
text-align:left;
}

#info-fotos p {
padding-left:5px;
padding-right:5px;
margin-top:5px;
margin-bottom:5px;
}

#mapa-navegacao {
font-size:18px;
margin-bottom:20px;
margin-left:7px;
color: #237898;
}

#mapa-navegacao a {
text-decoration:none;
color: #237898;
}

#lista-noticias {
list-style-type: none;
margin: 8px;
padding: 0;
}

#lista-noticias li {
height:25px;
margin-bottom:11px;
border-bottom:dashed 1px #A0671A;
}

#lista-noticias em {
padding-bottom:5px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
background-color:#A0671A;
font-size:9px;
color:#FFFFFF;
}

#lista-noticias a {
color:#333333;
}

#lista-noticias a:hover {
color:#FF3300;
}

#lista-noticias-home {
list-style-type: none;
padding: 0;
}

#lista-noticias-home li {
height:auto;
font-size:12px;
}

#lista-noticias-home em {
font-size:11px;
color:#999999;
}

#lista-noticias-home a {
color:#333333;
text-decoration:none;
font-size:12px;
}

#lista-noticias-home a:hover {
color:#333333;
text-decoration:underline;
font-size:12px;
}

#lista-noticias-home-titulo {
color:#990000;
font-size:16px;
font-weight:bold;
}

/* ---------------------------------------------------- */
/* MENU DO SITE --------------------------------------- */
/* ---------------------------------------------------- */

.arrowlistmenu{
width: 214px; /*width of menu*/
height:auto;
}

.arrowlistmenu-ul{
background:url(http://pepio.r2r.com.br/~santacla/templates/padrao/imagens/menu_alpha.png) repeat;
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}



.arrowlistmenu-a{ 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color: #FFFFFF;
background: url(../templates/padrao/imagens/menu_arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #975138;
}

.arrowlistmenu-a2{ 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#990000;
background: url(../templates/padrao/imagens/menu_arrowbullet2.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 29px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #975138;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

/* ---------------------------------------------------- */
/* FALE CONOSCO --------------------------------------- */
/* ---------------------------------------------------- */

#fale_conosco {
background:url(../templates/padrao/imagens/fale_conosco.png) no-repeat right;
padding-top:7px;
padding-right:7px;
padding-left:7px;
}

/* ---------------------------------------------------- */
/* COMPARTILHAR --------------------------------------- */
/* ---------------------------------------------------- */

#compartilhe {
padding-top:0.5em; 
margin:1em 0; 
text-align:center; 
border-top:1px dotted #E7EAD9;

}

#compartilhe h4 { 
display:inline; 
margin-right:0.5em; 
font:bold 11px arial; 
color:#000000;
}

#compartilhe ul { 
display:inline; 
padding:0; 
margin:0; 
list-style:none; 
}

#compartilhe ul li { 
display:inline; 
padding:0; 
margin:0 0.2em; 
}

#compartilhe a {
text-decoration:none;
color:black;
font-family: arial;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 12px;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
-x-system-font: none;
}

#compartilhe a:hover {
text-decoration:underline;
}

#compartilhe a:visited {
color:black;
}

#compartilhe img {
border:none;
vertical-align: middle; 
margin-top: -3px;
}

/* ---------------------------------------------------- */
/* DESTAQUES    --------------------------------------- */
/* ---------------------------------------------------- */

#destaque-tudo {
width:738px;
height:300px;
margin: 0 auto;
background-color:#333333;
padding-left:8px;
padding-right:8px;
padding-top:8px;
padding-bottom:8px;
margin-bottom:7px;
display:block;
}

#destaque-left {
width:610px;
float:left;
}

#destaque-right {
width:128px;
float:right;
}

#tumb-destaque {
background-color:#CCCCCC;
width:122px;
float:right;
}

#destaque-espaco {
width:122px;
height:12px;
float:right;
}

#destaque-texto {
   position:relative;
   margin-top:-50px;
   width: 610px;
   background:url(http://www.myrianrios.com.br/imagens/fundo_descr_destaque.png);
   border: 0px;
}

/* ---------------------------------------------------- */
/* DESTAQUES    --------------------------------------- */
/* ---------------------------------------------------- */

#sessao-01 {
border-bottom:#999999 1px solid;
margin-left:7px;
margin-right:7px;
}

#sessao-01-left {
width:515px;
height:225px;
float:left;
}

#sessao-01-right {
width:224px;
height:225px;
border-left:#999999 1px dotted;
margin-bottom:5px;
margin-top:5px;
float:left;
}

#linha-pontilhada-horizontal{
border-bottom:#999999 1px dotted;
width:97%;
margin: 0 auto;
}

#conteudo-home-liturgia {
font-size:11px;
padding-left:5px;
}

#sessao-santos {
width:420px;
margin-bottom:5px;
margin-top:5px;
margin-right:5px;
float:left;
}

#sessao-frases {
height:150px;
border-left:#999999 1px dotted;
margin-bottom:5px;
margin-top:5px;
float:left;
}