/*
Santuário de Santa Paulina
Copyright 2009
writting for: www.mercynet.com.br

Comment:  

Swatch colors
----------------------
000000 - Black
ffffff - White

Encontre-nos no Twitter:
http://twitter.com/pauloweb/

----------------------------------
	Resets
*/
* { margin:0; padding: 0; list-style:none; text-decoration:none; }
ul, ol { list-style-position:outside; }
ul li, ol li { text-indent:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0 none; }

/********************************/

body {
    margin: 0px auto; /* Centralizar o site ;) */
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #000;
    background: #f3efe5 url("../../../images/fundo.jpg") top center repeat-y;
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

a {
    font: normal 11px Verdana, Arial, Helvetica, sans-serif;
    color: #000;
}
a:hover {
    text-decoration: underline;
}

#geral {
	width: 760px;
	margin: 0 auto;
	position: relative;
}

/*
	Topo do site
*/
#topo {
	height: 430px;
}

/*****************************/

/*
	Menu
*/

#menu {
	text-align: center;
	margin: 0 auto;
	height: 35px;
	background: url("../../../images/menu-fundo.jpg");
}
#menu img {
	height: 34px;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;	
	/* border-bottom: 1px solid #aaa; */
}


#menu ul li { 
	display: inline;
	float: left;
	position: relative;
}

#menu ul li a {
	/* padding: 8px 0 0 0; */
}

#menu ul li:hover ul { 
	display: block;
	clear: both;
}
#menu ul li:hover ul li {
	display: block;
	clear: both;
	text-decoration: none;

}

#menu ul li ul {
	position: absolute;
	top: 30px;
	left: 10px;
	display: none;
	border: 1px solid #c1be7f;
	background: #f3efe5;
	color: #384f37;
	z-index: 999;
	clear: both;
}

#menu ul li ul li {
	display: block;
	border-bottom: 1px solid #c1be7f;	
	width: 170px;
	text-align: left;
}
#menu ul li ul li a {
	/* padding: 3px; */
}

/******************************/

/*****************************/

#conteudo { 
	width: 760px;
	text-align: left;
	background: url("../../../images/caixa2-fundo.jpg") repeat-y;
}
#conteudo:before {
	background: url("../../../images/caixa2-sup.jpg") -1px 0 no-repeat;
	content: "";
	height: 42px;
	display: block;
}
#conteudo:after{
	background: url("../../../images/caixa2-inf.jpg") bottom right no-repeat;
	content: "";	
	height: 43px;
	display: block;
    line-height: 0;
    clear: both;
}

#lateral-esquerda { 
	width: 275px;
	margin-left: 14px;
	float: left;
	text-align: left;
}


#lateral-direita {
	width: 422px;
	float: right;
	padding: 0px;
	margin-right: 30px;
	text-align: left;
}
#lateral-direita:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
    overflow:hidden;
}

#cp-lateral-esquerda {
	float: left;
	width: 450px;
}
#cp-lateral-direita {
	float: right;
	width: 230px;
	margin-top: 10px;
}

/***********************************************/

#noticias { }
#noticias-titulo {
	display: block;
	height: 44px;
	width: 118px;
	background: url("../../../images/tit_noticias.gif") no-repeat;
	text-align: right;
	margin: 0 0 5px 10px;
}
#noticias-conteudo {
	padding: 10px;
}
#noticias-conteudo ul li {
	margin-bottom: 10px;
	padding-left: 15px;
	background: url("../../../images/icon_01.gif") 0 2px no-repeat;
}
#noticias-conteudo a {
	font-weight: bolder;
	color: #7757a2;	
	font-size: 10px;
}
#noticias-conteudo ul li:after { content:"."; display:block; clear:both; visibility:hidden; height:0; overflow:hidden; }
#noticias h3 {
	color: #006699;
}
#noticias span {
	display: block;
	color: #aaa;
	font-weight: normal;
}
#noticias img {
	float: left;
	margin: 0 10px 10px 0;
}

/*********************************************************/

#partitura {
	
}

#partitura { }
#partitura-titulo {
	display: block;
	height: 45px;
	width: 136px;
	background: url("../../../images/titinfo.jpg") no-repeat;
	text-align: right;
	margin: 0 0 5px 10px;
}
#partitura-conteudo {
	padding: 10px;
	text-align: center;
}

/*********************************************************/

#suporte {
	text-align: center;
	margin-bottom: 10px;
}

/*********************************************************/

#parceiros {
	
}

#parceiros { }
#parceiros-titulo {
	display: block;
	height: 45px;
	width: 135px;
	background: url("../../../images/tit_parceiros.gif") no-repeat;
	text-align: right;
	margin: 0 0 5px 10px;
}
#parceiros-conteudo {
	padding: 10px;
	text-align: center;
}
/*********************************************************/

#destaque-principal {
	margin-bottom: 10px;	
}

/*********************************************************/

#missionarios { margin-bottom: 10px; }
#missionarios:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
    overflow:hidden;
}
#missionarios-titulo {
	display: block;
	height: 46px;
	width: 318px;
	background: url("../../../images/tit_missionarios.gif") no-repeat;
	text-align: right;
	margin: 0 0 5px 0px;
}
#missionarios-conteudo {

}
/*********************************************************/

#conteudo-principal  {
	width: 211px;
	float: left;
}

#conteudo-secundario {
	width: 211px;
	float: right;
}

/*********************************************************/
#peregrinacoes { 
	margin-bottom: 10px;
}
#peregrinacoes-titulo {
	display: block;
	height: 45px;
	width: 170px;
	background: url("../../../images/tit_peregrinacoes.gif") no-repeat;
	text-align: right;
	margin: 0 0 5px 0px;
}
#peregrinacoes-conteudo {

}
/*********************************************************/
#horarios {
	margin-bottom: 10px;
}
#horarios-titulo {
	display: block;
	height: 45px;
	width: 128px;
	background: url("../../../images/tit_horarios.gif") no-repeat;
	text-align: right;
	margin: 0 0 5px 0px;
}
#horarios-conteudo {

}
/*********************************************************/
#videos { 
	margin-bottom: 10px;	
}
#videos p {
	font: normal 11px tahoma;
	color: #2B2B2B;
}
#videos-titulo {
	display: block;
	height: 45px;
	width: 102px;
	background: url("../../../images/tit_videos.gif") no-repeat;
	text-align: right;
	margin: 0 0 5px 0px;
}
#videos-conteudo {

}
/*********************************************************/
#fotos {
	margin-bottom: 10px;	
}
#fotos-titulo {
	display: block;
	height: 44px;
	width: 101px;
	background: url("../../../images/tit_fotos.gif") no-repeat;
	text-align: right;
	margin: 0 0 5px 0px;
}
#fotos-conteudo {

}
/*********************************************************/
#oracao {
	margin-bottom: 10px;	
}
#oracao-titulo {
	display: block;
	height: 44px;
	width: 205px;
	background: url("../../../images/tit_pedido.gif") no-repeat;
	text-align: right;
	margin: 0 0 5px 0px;
}
#oracao-conteudo {

}
/*********************************************************/
#contato {
	margin-bottom: 10px;	
}
#contato-titulo {
	display: block;
	height: 45px;
	width: 121px;
	background: url("../../../images/tit_contato.gif") no-repeat;
	text-align: right;
	margin: 0 0 5px 0px;
}
#contato-conteudo {

}
#contato-conteudo p {
	font: normal 11px tahoma;
	color: #2B2B2B;
}
/*********************************************************/

/*********************************************************/

#ultimos-artigos { }
#ultimos-artigos-titulo {
	display: block;
	height: 30px;
	width: 233px;
	background: url("../../../images/titulos/artigos.png") 0px 8px no-repeat;
	text-align: right;
	padding: 8px 10px 0 0;
}
#ultimos-artigos-conteudo {
	text-align: left;
	padding: 10px;
}
#ultimos-artigos-conteudo:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
    overflow:hidden;
}
#ultimos-artigos-conteudo img {
	float: left;
	margin: 0px 5px 5px 0px;
	border: 3px solid #ccc;
}
#ultimos-artigos-conteudo span {
	display: block;
	color: #aaa;
}
#ultimos-artigos-conteudo ul li:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
    overflow:hidden;
}

#agenda { }
#agenda-titulo {
	display: block;
	height: 30px;
	width: 450px;
	background: url("../../../images/titulos/agenda.png") 0px 8px no-repeat;
	text-align: right;
	padding: 8px 10px 0 0;
}
#agenda-conteudo {
	padding: 10px;
}

/***************************************/

#rodape {
	clear: both;
	height: 30px;
	font: normal 12px tahoma;

}

#rodape a, #rodape address {
	font: normal 12px tahoma;
}

#rodape a:hover {

}

#rodape address {
	float: left;
	margin: 18px;
	font-style: normal;
}

#rodape #creditos {
	float: right;
	margin: 18px;	
}

/*****************************/



/*
 * outros estilizadores
 */

#selcorpo {
	font: normal 12px Arial, Verdana, Helvetica, sans-serif;
}
#selcorpo a {
	margin: 0 !important; 
	padding: 0 !important; 
} 
#internas {

}
#internas #titulo-secao h3 a {
    font: bold 18px tahoma, Arial, Verdana, Helvetica, sans-serif;
    text-align: left;
    margin: 10px 0 10px 5px;
    color: #384F37;
    display: block;
}
#central {
    font: normal 12px Arial, tahoma, Verdana, Helvetica, sans-serif;
    text-align: left;
}
#central h3 {
	margin-bottom: 5px;
}
#central img {
    margin: 0 5px 5px 0;
    float: left;
}
#central p {
    font-family:Arial;
    margin: 10px 10px 15px 5px;
}
#central p img {
    margin: 0 5px 5px 0;
}

#central .paginacao-disable {
    font: bold 10px Arial, Helvetica, sans-serif;
    color:#ccc;
    width: 70px;
    height: 16px;
    text-decoration: none;
    text-transform: uppercase;
    background: 0;
    border: 1px solid #b2b2b2;
    margin: 2px 0;
}
#central .paginacao-disable img {
    border: 0 !important;
    vertical-align: -3px;
}
#central .paginacao-enable {
    font: bold 10px Arial, Helvetica, sans-serif;
    color:#4D0908;
    width: 70px;
    height: 20px;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #BFD8FF;
    border: 1px solid #b2b2b2;
    margin: 0 !important;
    padding: 3px;
}
#central .paginacao-enable:hover {
    text-decoration: underline;
}
#central .paginacao-enable img {
    border: 0 !important;
    vertical-align: -3px;
}

/*
	Paginação
*/

#paginacao_editoria {
    width: 100%;
    height: 25px;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    margin: 22px 0 22px 0;
}

#paginacao_editoria li {
	background: 0;
	float: left;
}
#paginacao_editoria h4 {
    font: normal 10px arial;
    color: #b2b2b2;
    text-transform: uppercase;
    margin: 2px 0 !important;
}

#paginacao_editoria:hover {
    text-decoration:none;
}

#paginacao_editoria li span.paginacao_on {
    font: bold 12px Arial, Helvetica, sans-serif;
    color:#000;
    background-color: #ccc !important;
    border: 1px #000 solid;
    padding: 2px 5px 1px !important;
}
#paginacao_editoria li a.paginas {
	font: bold 12px Arial, Helvetica, sans-serif;
    color:#fff;
    background-color: #AC3E48 !important;
    border: 1px #000 solid;
    padding: 2px 5px 1px !important;
}

/*
 * 
 * Lista notícias
 * 
 * 
 */

#lista-noticias {
	font: normal 11px Arial, Helvetica, sans-serif;	
}
#lista-noticias ul#lista li {
	list-style: url("../../../images/lista-circ.gif");
	margin: 2px 0 0 10px;
	padding: 2px 0 0;
}
#lista-noticias ul li a {
	padding: 2px 0;
}
#lista-noticias ul#candles {
	width: auto;
    display: block;
}
#lista-noticias ul#candles:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
    overflow:hidden;
}
#lista-noticias ul#candles li{
    width: 100px;
    background: 0;
    padding: 5px;
	margin: 5px;
    text-align: center;
    float: left;
}

#lista-noticias ul#candles li span{
	font: bold 12px Arial, Helvetica, sans-serif;
	display: block;	
}
#lista-noticias ul#candles li img{
	margin-bottom: 5px;
}

/* LEGENDAS */
.foto-legenda {float:left;margin-right:0.5em;}

/* LARGURA DAS LEGENDAS */
.larg-200 {width:200px;}

/* ALTURA DAS FOTOS DAS LEGENDAS */
.crop-158 a.crop-foto {height:158px;}
.crop-158 a.crop-foto:hover {height:152px;}

.destaque-evento {
	float: right;
	margin: 10px;
	border: 1px solid #ccc;
	padding: 2px;
	background-color: #fff;
}

.data {
    font: bold 11px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
    color: #AC3E48;
    margin-bottom: 5px;
    display: block;
}

/******* EVENTOS *******/

#descricao_evento {
	float: right;
	margin: 10px 10px 0 0;
}
#controles-eventos {
	padding:4px;
}
#controles-eventos h5{
	display:block;
	font-size:10px;
	color: #000;
	margin: 2px 0 15px 0;
}
#controles-eventos h5 a {
	font-size:12px;
	color: #000;
	text-decoration: none;
    background: url('../../../images/marcador.gif') no-repeat left 2px;
}
#controles-eventos h5 a:hover {
	text-decoration: underline;
}
#controles-eventos p{
	font: normal 12px Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	color:#000;
	margin: 15px 0 2px 0;
}
#controles-eventos p a {
	font-size:10px;
	color: #000;
	text-decoration: none;
}
#controles-eventos p a:hover {
	font-size:10px;
	color: #000;
	text-decoration: underline;
}

/*
 * 
 * Fotos
 * 
 * 
 */

.imagem-destaque {
	border: 2px solid #abb2a0;
}
/*
#fotos{
	text-align:left;
    border-top: 1px dashed #ddd;
	margin-bottom:5px;
	padding-top:1em;
	float:left;
	width:100%;
}
#fotos li{
	display:inline;
    width: 160px;
    height: 120px;
    background: #ccc url('../../../images/fundo_fotos.png');
    border: 1px solid #999;
	padding: 5px;
	margin: 5px;
    text-align: center;
	float: left;
}
#fotos li img {
	margin-bottom:10px;
}
#fotos b {
	display:block;
	padding: 0 3px 3px 30px;
}
#fotos a {
	font-size:10px;
	color: #000;
	text-decoration: none;
	width: 100px;
    margin: 0 auto !important;
	margin-bottom:10px;
    padding: 0 !important;
}
#fotos a:hover {
	font-size:10px;
	color: #000;
	text-decoration: underline;
	width: 100px;
}
*/
#fotos_eventos {
	width: 160px;
    height: 140px;
    background: #eee url('../../../images/fundo_fotos.png');
    border: 1px solid #999;
	padding: 5px;
	margin: 5px;
    text-align: center;
	float: left;    
}
#fotos_eventos a {
    padding: 0 !important;
    margin: 0 !important;
}
#fotos_eventos img {
	margin-bottom: 5px;
    margin: 0 auto;
    float: none !important;
}
#fotos_eventos h5 {
	font: bold 12px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
    margin-top: 10px;
    display: block;
}
#fotos_eventos a h5 {
	font: bold 12px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#fotos_eventos a h5:hover {
	text-decoration: underline;
}

/*
	Formulários
*/

.formulario {
	width: 100%;
    height: auto;
    background-color: #f5f5f5;
    margin: 5px 0 20px;
}
.formulario h1{
    font: bold 20px Arial, Verdana, Helvetica, sans-serif;
    color: #AC3E48;
    border-bottom: 1px dotted #000;
    text-align: left;
    margin: 5px;
    padding-bottom: 2px;
}
.formulario p{
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color:#000;
	margin: 7px;
}
.formulario p a{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color:#A41D17;
	margin: 0 !important;
	padding: 0 !important;
}
.formulario ul {
    text-align: left;
}
.formulario ul li {
    margin: 5px auto;
    padding: 8px 6px;
    float: left;
}
.formulario .small {
    font: normal 11px tahoma, Verdana, Arial, Helvetica, sans-serif;;
    color: #666666;
    margin-left: 5px;
}
.formulario ul li span#datanews {
    width: 34px;
    height: 29px;
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
    background: #47723e url('../../../images/bg_datanews.jpg') no-repeat;
    margin-right: 4px;
    padding-top: 5px;
    float: left;
}
.formulario ul li h5 {
    font: bold 11px Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
}
.formulario ul li p {
    font: normal 12px Arial, Verdana, Helvetica, sans-serif;
    text-align: left;
    margin: 5px 0;
    padding: 0;
    display: block;
}
.formulario ul li span a {
    font: bolder 12px Arial, Verdana, Helvetica, sans-serif;
    display: block;
    text-align: right;
}

.formulario .botao_votar {
	font: bold 10px tahoma, Arial, Verdana, Helvetica, sans-serif !important;
	height: 20px;
	background-color: #c3c3c3;
	border: 1px solid #888;
	text-transform: none !important;
	margin: 7px auto !important;
}
.formulario fieldset {
	width: 60%;
	border: 0;
	background-color: #f5f5f5;
	text-align: left;
	margin: 0 auto;
	padding: 3px;
}
.formulario .user-msg {
	font: bold 12px tahoma, Arial, Verdana, Helvetica, sans-serif;
	margin: 20px 3px 0 3px;
	float: right;
	display: block;
}
.formulario ul li.mensagem {
    border-bottom: 1px solid #b2b2b2;
    margin: 0 5px;
}
.formulario ul li.mensagem a{
    font: normal 12px Verdana, Arial, tahoma, Helvetica, sans-serif;
}
.formulario ul li.mensagem a:hover{
    text-decoration: underline;
}
.formulario fieldset label{
	font: bold 11px tahoma;
	color: #555;
	padding: 3px;
	display: block;
}
.formulario fieldset input[type="text"] {
	width: 100%;
	height: 15px;
	margin-bottom: 3px;
	padding: 3px;
}
.formulario fieldset input[type="password"] {
	width: 130px;
	height: 17px;
	padding: 1px;
}
.formulario fieldset input[type="radio"] {
	margin: 2px;
	vertical-align: -3px;
}
.formulario .botao_resultado:hover {
	color: #fff;
	background-color: #999;
}
.formulario textarea {
	width: 100%;
	border: 1px solid #969696;
	margin-bottom: 2px;
	padding: 3px;
}
#progresso {
	font: bold 1em Arial;
	color: #fff;
	width: 100%;
	height: 14px;
	background: #888;
	text-align: center;
	margin-bottom: 5px; 
	padding: 3px 8px 3px 0;
}
/*
	Pedidos de Oração
*/

.form-pedidos {
	width: 100%;
    height: auto;
    background-color: #f5f5f5;
    margin: 5px 0 20px;
}
.form-pedidos h1{
    font: bold 20px Arial, Verdana, Helvetica, sans-serif;
    color: #CC0001;
    border-bottom: 1px dotted #000;
    text-align: left;
    margin: 5px;
    padding-bottom: 2px;
}
.form-pedidos p{
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color:#000;
	margin: 7px;
}
.form-pedidos p a{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color:#A41D17;
	margin: 0 !important;
	padding: 0 !important;
}
.form-pedidos ul {
    text-align: left;
}
.form-pedidos ul li {
    margin: 5px auto;
    padding: 8px 6px;
    float: left;
}

.form-pedidos ul li span#datanews {
    width: 34px;
    height: 29px;
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
    background: #47723e url('../../../images/bg_datanews.jpg') no-repeat;
    margin-right: 4px;
    padding-top: 5px;
    float: left;
}
.form-pedidos ul li h5 {
    font: bold 11px Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
}
.form-pedidos ul li p {
    font: normal 12px Arial, Verdana, Helvetica, sans-serif;
    text-align: left;
    margin: 5px 0;
    padding: 0;
    display: block;
}
.form-pedidos ul li span a {
    font: bolder 12px Arial, Verdana, Helvetica, sans-serif;
    display: block;
    text-align: right;
}

.form-pedidos .botao_votar {
	font: bold 10px tahoma, Arial, Verdana, Helvetica, sans-serif !important;
	height: 20px;
	background-color: #c3c3c3;
	border: 1px solid #888;
	text-transform: none !important;
	margin: 7px auto !important;
}
.form-pedidos fieldset {
	width: 60%;
	border: 0;
	background-color: #f5f5f5;
	text-align: left;
	margin: 0 auto;
	padding: 3px;
}
.form-pedidos .user-msg {
	font: bold 12px tahoma, Arial, Verdana, Helvetica, sans-serif;
	margin: 20px 3px 0 3px;
	float: right;
	display: block;
}
.form-pedidos ul li.mensagem {
    border-bottom: 1px solid #b2b2b2;
    margin: 0 5px;
}
.form-pedidos ul li.mensagem a{
    font: normal 12px Verdana, Arial, tahoma, Helvetica, sans-serif;
}
.form-pedidos ul li.mensagem a:hover{
    text-decoration: underline;
}
.form-pedidos fieldset label{
	font: bold 11px tahoma;
	color: #555;
	padding: 3px;
	display: block;
}
.form-pedidos fieldset input[type="text"] {
	width: 100%;
	height: 15px;
	margin-bottom: 3px;
	padding: 3px;
}
.form-pedidos fieldset input[type="password"] {
	width: 130px;
	height: 17px;
	padding: 1px;
}
.form-pedidos fieldset input[type="radio"] {
	margin: 2px;
	vertical-align: -3px;
}
.form-pedidos .botao_resultado:hover {
	color: #fff;
	background-color: #999;
}
.form-pedidos textarea {
	width: 100%;
	border: 1px solid #969696;
	margin-bottom: 5px;
	padding: 3px;
}