/********* CSS PADRÃO GETSITES - Julho/2009 **********/
.limpa { clear:both; }
.limpaleft { clear:left; }
.limparight { clear:right; }
pre.debug { background-color:#FFFF99; border:1px solid red; font-size:10px; margin:5px; padding:5px; height:200px; overflow:auto; }
pre.debug b { color:#006699; font-size:12px; font-weight:bold; }
pre.debug a { display:block; text-align:center; width:70px; float:right; color:#FF0000; font-size:12px; font-weight:bold; }
.centro { text-align:center; }
.ponteiro { cursor:pointer; }
.noborda { border:0; }

p.pagination { font-size: 12px; text-align:center; color:#999; }
p.pagination strong { font-size:12px; color:red; }
p.pagination a {  color:#333; text-decoration: none; }
p.pagination a:hover { text-decoration: underline; }

.listras { background: url(../img/16_col.gif) repeat-y; }
.replacement { overflow: hidden; text-indent: -5000px; }
.margem_baixo {
	margin: 0 0 20px 0;
}
form button{
	height: 20px;
	padding: 0 2px;
	background: url(../img/botao_fundo.png) repeat-x;
	border: 1px solid #666;
	border-top-color: #CCC; 
	border-left-color: #CCC; 
	cursor: pointer;
}
.spacer{
	margin-top: 20px;
}

.spacer_baixo{
	margin-bottom: 20px;
}

.carregando {
	background-image: url(../img/carregando.gif);
	background-position: center center;
	background-repeat: no-repeat;
}
/* Fim do CSS PADRÃO */

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

/****/
body{
	background: url(../img/fundo.png) repeat-x #FFF;
	/*font-family: Trebuchet Ms;*/
	font-family: Arial;
}

div#topo{
	height: 130px;
	border-bottom: 2px solid #990000;
	background: url(../img/fundo_topo.jpg) no-repeat #92cadf;
	margin-bottom: 20px;
}
	div#topo img#logo{
		margin: 2px 0 0 32px;
	}

	div#nome span{
		display: block;
		height: 59px;
		width: 267px;
		background: url(../img/nome_bethania.png) no-repeat;
		margin: 33px 0 0 0;
	}
	
	div#botoes{
		float: right;
	}
	
	img#botao_loja{
		float: right;
		margin: 10px 0 0 0;
	}
	
	ul#bandeiras{
		float: right;
		margin: 0 0 0 90px;
		padding: 2px 0 2px 0;
		height: 16px;
		border-bottom: 1px solid #FFF;
	}
		ul#bandeiras li{
			display: block;
			float: left;
			height: 22px;
			margin: 0 5px 0 5px;
		}
	
	ul#menu{
		float: right;
		height: 32px;
		line-height: 32px;
		/*margin: 98px 0 0 8px;*/
		margin: 16px 0 0 8px;
	}
	
		ul#menu li{
			display: block;
			float: left;
		}
		
		ul#menu li.menu_inicio{
			background: url(../img/menu_canto.png) no-repeat;
			width: 22px;
			height: 32px;
		}
		
			ul#menu li a{
				display: block;
				float: left;
				height: 32px;
				text-decoration: none;
				padding: 0 5px;
				background: url(../img/menu_meio.png) repeat-x;
				font-size: 12px;
				font-weight: bold;
				color: #333;
			}
			
			ul#menu li a:hover{
				background: url(../img/menu_meio.png) center -32px repeat-x;
			}
	
	a#pedido{
		display: block;
		background: url(../img/pedido_de_oracao.png) no-repeat;
		width: 160px;
		height: 109px;
		margin: 0 0 20px 0;
		overflow: hidden;
		text-indent: -5000px;
		cursor: pointer;
	}
			
	div#menu_lateral ul{
		width: 160px;
		font-size: 11px;
		/* font-family: Verdana; */
		color: #333;
		margin: 0 0 20px 0;
	}
	
	div#menu_lateral ul.ultimo{
		margin: 0;
	}
		
		div#menu_lateral ul li{
			border: 1px solid #CCC;
			border-top: 0;
		}
		
		div#menu_lateral ul li.titulo{
			height: 19px;
			line-height: 19px;
			padding: 0 0 0 4px;
			background: url(../img/menu_lateral_titulo.png) no-repeat;
			border: 0;
		}
		
			div#menu_lateral ul li a{
				display: block;
				line-height: 28px;
				background: #ECECEC;
				padding: 0 0 0 4px;
				text-decoration: none;
				color: #333;
			}
			
			div#menu_lateral ul li a:hover{
				background: #C1DFE8;
			}
			
			div#menu_lateral ul li.fim{
				background: none;
				border: 0;
			}
			
			div#menu_lateral ul li.fim a{
				border: 0;
				line-height: 30px;
				background: url(../img/menu_lateral_fim.png) no-repeat;
			}
			
			div#menu_lateral ul li.fim a:hover{
				background: url(../img/menu_lateral_fim_hover.png) no-repeat;
			}

div#rodape {
	height: 119px;
	border-top: 1px solid #990000;
	border-bottom: 2px solid #0066CC;
	background: url(../img/fundo_rodape.png) repeat-x;
	margin-top: 20px;
}

	div#rodape img {
		margin: 15px 0 0 0;
	}
	
	div.direitos{
		font-size: 9px;
		text-align: center;
		margin: 20px 0 0 0;
	}
	
	div#rodape div p{
		font-size: 9px;
		text-align: center;
		font-weight: bold;
		margin: 35px 0 5px 0;
	}
	
	div#rodape div span{
		font-size: 10px;
		display: block;
		text-align: center;
	}
	
	div#rodape div a#by{
		font-family: Trebuchet Ms;
		font-size: 12px;
		color: #333;
		text-decoration: none;
		float: right;
		margin: 100px 0 0 0;
	}
	
	
/* Internas */

	div#destaques{
		height: 289px;
		border: 1px solid #CCC;
	}
	
	div#padres{
		overflow-y: hidden;
	}
	
	div.linha1{
		height: 289px;
	}
	
	div.linha2{
		height: 170px;
		overflow-y: hidden;
	}
	
	div.linha3{
		height: 190px;
		overflow-x: hidden;
		overflow-y: auto;
	}
	
	div.caixa,div.caixa2{
		background: #FFF;
		font-size: 11px;
	}
	
	div.contato{
		padding: 5px;
		line-height: 18px;
	}
	
	div.caixa{
		border: 1px solid #CCC;
	}
	
	div.caixa2{
		border: 1px solid #CCC;
	}
	
		div.caixa h2, div.caixa2 h2{
			background: #8EC9D9;
			height: 20px;
			line-height: 20px;
			font-size: 11px;
			font-weight: bolder;
			padding: 0 0 0 5px;
			text-transform: uppercase;
			color: #333;
			border-bottom: 1px solid #990000;
		}
		
	ul#ultimas_noticias{
		padding: 0 0 5px 0;
	}
	
		ul#ultimas_noticias li{
			margin: 5px 2px 0 5px;
		}
		
			ul#ultimas_noticias li span{
				font-size: 10px;
				color: #5381C3;
			}
			
			ul#ultimas_noticias li p img{
				float: left;
				border: 1px solid #666;
				margin: 0 2px 2px 0;
			}
			
			ul#ultimas_noticias li p a{
				color: #333;
				text-decoration: none;
			}
			
	ul#ultimos_artigos{
		padding: 0 0 2px 0;
	}
	
		ul#ultimos_artigos li{
			margin: 2px 0 2px 5px;
		}
		
		div#padres ul#ultimos_artigos li{
			margin: 5px 0 5px 5px;
		}
		
			ul#ultimos_artigos li img{
				float: left;
				margin: 2px 4px 0 0;
				border: 1px solid #666;
			}
		
			ul#ultimos_artigos li p a{
				color: #2c65b6;
				text-decoration: none;
				font-weight: bold;
				font-size: 11px;
			}
			
			ul#ultimos_artigos li p span{
				color: #333;
				font-size: 10px;
				display: block;
				margin: 2px 0 0 0;
			}
	
	ul#submenu{
		padding: 0 0 0 0;
	}
	
		ul#submenu li{
			margin: 0;
		}
		
			ul#submenu li a{
				display: block;
				line-height: 20px;
				height: 20px;
				color: #333;
				text-decoration: none;
				padding: 0 5px;
				font-weight: bold;
			}
			
			ul#submenu li a.marcado,ul#submenu li a.marcado:hover{
				text-decoration: underline;
				cursor: default;
				background-color: #EAEAEA;
				color: #333;
			}
			
			ul#submenu li a:hover{
				background-color: #CCC;
				color: #000;
			}
									
	ul#agenda {
		padding: 0 0 0px 0;
	}
	
		ul#agenda li{
			margin: 2px 0 5px 5px;
		}
		
		ul#agenda li.mes{
			color: #2c65b6;
			font-weight: bold;
		}
			
			ul#agenda li a{
				color: #333;
				text-decoration: none;	
			}
			
			ul#agenda li span{
				font-weight: bold;
				margin: 0 0 0 2px;
			}
	
	ul#agenda2 {
		padding: 0 0 0px 0;
	}
	
		ul#agenda2 li{
			margin: 2px 0 5px 5px;
			font-size: 12px;
		}
		
		ul#agenda2 li.mes{
			color: #2c65b6;
			font-weight: bold;
			font-size: 14px;
			margin: 10px 0 5px 0;
		}
			
			ul#agenda2 li a{
				font-weight: bold;
				color: #333;
				text-decoration: none;	
			}
			
			ul#agenda2 li a:hover{
				text-decoration: underline;
			}

			ul#agenda2 li a.recanto{
				color: #999;
				font-weight: normal;
			}
						
			ul#agenda2 li span{
				font-weight: bold;
				margin: 0 0 0 2px;
			}
	
			
	div#doacoes {
/* 		background: #FFF url(../img/coracao.png) 105px 25px no-repeat; */
		text-align: center;
	}
		
		div#doacoes input{
			border: 0;
		}
	
		div#doacoes p{
			margin: 5px 0 7px 0;
			padding: 0 1px;
			line-height: 14px;
		}
		
	ul#recantos{
		
	}
		ul#recantos li{
			margin: 2px 2px 3px 2px;
			line-height: 30px;
		}
		
			ul#recantos li img{
				float: left;
				margin: 0 2px 0 0;
				border: 1px solid #666;
			}
			
			ul#recantos li a{
				color: #333;
				text-decoration: none;
			}
			
			ul#recantos li a:hover{
				text-decoration: underline;
			}
	
	div#enquete{
		
	}
	
		div#enquete h3{
			margin: 5px 0;
			text-align: center;
			color: #2c65b6;
		}
		
		div#enquete form fieldset p{
			padding: 2px 2px 1px 15px;
		}
		
			div#enquete form fieldset p input{
				margin: 0;
			}
		
		div#enquete form fieldset p.botoes{
			margin: 5px 0 0 0;
			padding: 0;
		}
		
/*** INTERNAS ***/

h1.internas{
	margin: 0 0 10px 0;
	font-size: 18px;
	color: #2C65B6;
}

h2.internas{
	margin: 0 0 5px 0;
	font-size: 12px;
	color: #333;
}
	h2.internas a{
		color: #333;
	}

h3.internas{
	font-size: 12px;
	color: #333;
}

span.data{
	font-size: 10px;
	color: #000;
}

div.por{
	font-size: 12px;
	margin: 10px 0 5px 0;
	line-height: 18px;
}

	div.por img{
		border: 1px solid #CCC;
		float: left;
		margin: 0 5px 2px 0;
	}
	
	div.por a{
		color: #333;
	}

div.texto{
	font-weight: normal;
	font-size: 12px;
	margin: 20px 0 0 0;
}
	
	div.texto sup{
		position: relative;
		top: -5px;
		font-size: 10px;
	}
	
	div.texto em{
		color: #666;
		line-height: 18px;
	}
	
	div.texto p{
		line-height: 18px;
		margin: 5px 0 0 0;
	}
	
	div.texto img {
		border-top: 1px solid #CCC;
		border-left: 1px solid #CCC;
		border-bottom: 1px solid #666;
		border-right: 1px solid #666;
		background-color: #FFF;
		padding: 2px;
	}
	
	div.texto img.noborda {
		border: 0;
	}
	
	div.texto  {
		/*float: left;*/
		margin: 4px 4px 4px 0;
	}
	
	div.texto .img_dir {
		float: right;
		margin: 2px 0 2px 4px;
	}
	
	div.texto .img_esq {
		float: left;
		margin: 2px 4px 2px 0;
	}
		
	a.lb{
		text-align: center;
		font-size: 9px;
		color: #000;
		font-style: italic;
	}
	
	img.direita {
		float: right;
		margin: 2px 0 2px 2px;
	}
	
	img.esquerda {
		float: left;
		margin: 2px 2px 2px 0;
	}
	
	img.centro{
		margin: 0 auto;
	}
	
	div.texto p.justificado{
		text-align: justify;
	}
	
	div.texto p.direita{
		text-align: right;
	}
	
	div.texto p.esquerda{
		text-align: left;
	}
	
	div.texto p.centralizado{
		text-align: center;
	}
	
		div.texto ul{
			list-style: circle;
			margin: 0 0 10px 0;
		}

			div.texto ul li{
				margin: 0 0 0 20px;
			}

	div.texto p a{
		text-decoration: underline;
		color: blue;
	}
	
	div.texto p a.lb{
		text-decoration: none;
		color: #000;
	}
	
	em.fonte{
		font-size: 10px;
	}

/* ENQUETES */
div#enquete_parcial{
	width: 250px;
	height: 210px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 330px 0 0 -125px;
	border: 1px solid #0066CC;
	z-index: 2000;
	background-color: #FFF;
	font-size: 12px;
	font-weight: normal;
	overflow-y: auto;
	padding: 0 0 5px 0;
}
	
	img#enquete_fechar{
		position: absolute;
		top: 50%;
		left: 50%;
		margin: 315px 0 0 111px;
		z-index: 2001;
	}
	
	div#enquete_parcial p{
		text-align: center;
		font-size: 14px;
		margin: 10px 0 0 0;
	}
	
	div#enquete_parcial p.msg{
		color: green;
	}
	
	div#enquete_parcial ul{	
		margin: 0 5px;
	}
	
		div#enquete_parcial ul li{
			margin: 20px 0 10px 0;
		}
		
		div#enquete_parcial ul li span{
			display: block;
		}
		
		div.progresso{
	    	width: 100px;
	    	height: 8px;
	    	border: 1px solid #583414;
	    	text-align: left;
	    	float: left;
	    	margin: 5px 5px 0 0;
	    	overflow: hidden;
	    }
	    	div.progresso span{
	    		background: #0066CC url(../img/fundo_progresso.png) left top repeat-x;
	    		display: block;
	    		height: 8px;
	    		overflow: hidden;
	    	}
	    	

div#santo{
	padding: 5px 5px 10px 10px;
	border-bottom: 1px solid #990000;
}

	div#santo h3{
		margin: 0 0 5px 0;
		font-size: 14px;
		font-weight: bold;
		color: #0066CC;
	}
	
	div#santo p{
		/*line-height: 30px;*/
		text-align: center;
		margin: 0 0 5px 0;
	}
	
	div#santo img{
		float: left;
		margin: 0 5px 0 0;
		border: 1px solid #CCC;
	}
	
	div#santo a{
		font-size: 11px;
		color: #999;
		float: right;
	}
	
div#mensagem{
	padding: 5px 5px 10px 10px;
}

	div#mensagem h3{
		margin: 0 0 5px 0;
		font-size: 14px;
		font-weight: bold;
		color: #0066CC;
	}
	
	div#mensagem h4{
		color: #333;
		font-size: 12px;
		margin: 0 0 5px 0;
	}
	
	div#mensagem p{
		font-size: 11px;
		font-weight: normal;
		line-height: 16px;
	}
	
	div#mensagem a{
		font-size: 11px;
		color: #999;
		float: right;
	}

ul.lista{
	
}

	ul.lista li{
		margin: 10px 0 15px 0;
		line-height: 18px;
		font-size: 12px;
	}
	
		ul.lista li span.data{
			font-size: 10px;
			color: #666;
		}
		
		ul.lista li img{
			float: left;
			margin: 0 5px 2px 0;
			border: 1px solid #CCC;
		}
		
		ul.lista li a{
			color: #333;
			font-weight: bold;
			text-decoration: none;
		}
		
		ul.lista li a:hover{
			text-decoration: underline;
		}
		
		ul.lista li span.por{
			color: #666;
		}

ul.links li{ margin: 5px 0; }
ul.links li a{ background: url(../img/url_icon.gif) center left no-repeat; padding: 0 0 0 20px; }

ul.fotos{

}
	ul.fotos li{
		float: left;
		margin: 10px 10px 0 0;
	}
	
		ul.fotos li img{
			border: 1px solid #999;
		}

div.multi{
	margin: 20px 0 0 0;
}

div.multi a{
	color: #333;
	text-decoration: none;
	display: block;
	float: left;
	height: 20px;
	line-height: 20px;
	padding: 0 30px 0 0;
}

div.multi a:hover{
	text-decoration: underline;
}	
	
	a.videos{ background: url(../img/videos.gif) center right no-repeat; }
	a.fotos{ background: url(../img/fotos.gif) center right no-repeat; }
	
ul.multimidia{
	margin: 5px;
	font-size: 14px;
	line-height: 18px;
}

	ul.multimidia li{
		margin: 10px 0 10px 0;
	}
		
		ul.multimidia li img{
			float: left;
			margin: 0 5px 2px 0;
			border: 1px solid #999;
		} 
		
		ul.multimidia li a{
			color: #333;
			text-decoration: none;
		}
		
		ul.multimidia li a:hover{
			text-decoration: underline;
		}
		
		ul.multimidia li span{
			color: #999;
			font-size: 11px;
		}

a.multimais{
	float: right;
	color: #333;
	font-size: 11px;
	margin: 0 5px 5px 0;
	text-decoration: none;
}
a.multimais:hover{
	text-decoration: underline;
}

a.mais{
	font-size: 10px;
	color: #333;
	text-decoration: none;
}

a.mais:hover{
	text-decoration: underline;
}

/*** FORM ***/
form{
	font-size: 12px;
	font-family: Arial;
}

	input.escondido{display:none;}
	input.pequeno{width: 50px;}
	input.medio{width: 100px;}
	input.grande{width: 150px;}
	input.gigante{width: 250px;}
	input.enorme{width: 300px;}
	input.total{width: 500px;}
	
	textarea.pequeno{height: 50px;}
	textarea.medio{height: 100px;}
	textarea.grande{height: 200px;}

	form.cadastro{
		margin: 0 auto;
		margin-top: 5px;
		float: none;
	}

	form.formulario fieldset {
		margin-bottom: 10px;
	}

	form.formulario legend {
		display: none;
	}

	form.formulario label {
		display: inline-block;
		line-height: 1.8;
		vertical-align: top;
	}

	form.formulario fieldset p {
		list-style: none;
		padding: 5px;
		margin: 0;
	}
	
	form.formulario fieldset p textarea{
		width: 99%;
	}
	
	form.formulario fieldset p select{
		/*width: 150px;*/
	}

	form.formulario label { 
		text-align: right;
		width: 100px; 
	} 
	
	form.cadastro label {
		text-align: left;
		width: 150px;
		text-align: right;
		padding: 0 10px 0 0;
	}
	
	form#cadastro label.error {
		width: auto;
	}
	
	form.formulario label.error {
		display: block;
		margin-left: 50px;
		width: auto;
		text-align: right;
	}
	
	form.cadastro label.error {
		margin-left: 0px;
		width: auto;
		text-align: left;
	}

	form.formulario button.submit {
		padding: 0 20px;
	}

	form.formulario legend {
		padding-left: 0;
	}

	form.formulario legend, form.formulario label {
		color: #333;
	}

	form.formulario fieldset {
		border: none;
	}

	form.formulario fieldset fieldset {
		background: none;
	}

	form.formulario fieldset p, form.formulario fieldset fieldset {
		padding: 5px 10px 7px;	
		background: url(../img/formulario-divider.gif) left bottom repeat-x;
	}
	
	form.formulario p.sub{
		background: none;
	}

	form.formulario label.error, label.error {
		color: red;
		font-style: italic;
		padding: 0 0 0 20px;
	}
	
	div.error { display: none; }
	input {	border: 1px solid #999; }
	input:focus { border: 1px dotted #999; }
	input.error { border: 1px dotted red; }
	textarea.error { border: 1px dotted red; }
	form.formulario .gray * { color: gray; }
	
	form fieldset p.centro{
		text-align: center;
	}

form#login{
	width: 400px;
	margin: 0 auto;
}

form button{
	padding: 0 5px;
	background: url(../img/botao_fundo.png) repeat-x;
	height: 22px;
}

/* from do form */

ul.recantos{
	
}

	ul.recantos li{
		height: 80px;
		border: 1px solid #CCC;
		padding: 4px;
		margin: 0 0 5px 0;
		font-size: 11px;
		line-height: 16px;
	}
	
		ul.recantos li img{
			float: left;
			margin: 0 10px 0 0;
			border: 1px solid #CCC;
		}
		
		ul.recantos li a{
			color: #333;
			text-decoration: none;
			font-size: 16px;
		}
		
		ul.recantos li a:hover{
			text-decoration: underline;
		}
		
/* Mural de recados */
ul.lista_recados{
	font-size: 12px;
}

	ul.lista_recados li{
		margin: 0 0 20px 0;
		border: 1px solid #CCC;
		padding: 5px;
		background: #CCC url(../img/recado.png) repeat-x;
	}
	
		ul.lista_recados li span.data{
			font-size: 12px;
			display: block;
			height: 20px;
			line-height: 20px;
			padding: 0 25px 0 0;
			background: url(../img/relogio.gif) no-repeat right center;
			float: right;
			font-style: italic;
		}
		
		ul.lista_recados li span.nome{
			font-weight: bold;
		}
		
		ul.lista_recados li span.cidade{
			font-size: 10px;
		}
		
		ul.lista_recados li p{
			margin: 10px 0 0 0;
			line-height: 18px;
		}

form#recados{
	padding: 10px;
}
	form#recados input,form#recados textarea,form#recados select{
		/* width: 98%; */
		margin: 0 auto;
	}
	
	form#recados textarea{
		height: 100px;
	}
	
	form#recados p{
		margin: 2px 0 10px 0;
	}
	
	p.ok{
		color: green;
		text-align: center;
	}
	
div.caixa_lateral{
}

	div.caixa_lateral h2{
		height: 19px;
		line-height: 19px;
		padding: 0 0 0 4px;
		background: url(../img/menu_lateral_titulo.png) no-repeat;
		border: 0;
		font-size: 11px;
		font-weight: normal;
		color: #333;
	}
	
	div.caixa_lateral div{
		border-left: 1px solid #CCC;
		border-right: 1px solid #CCC;
		background: #ECECEC;
		padding: 5px 3px 0 3px;
	}
	
	div.caixa_lateral span{
		display: block;
		height: 10px;
		background: url(../img/menu_lateral_fim.png) center -20px no-repeat;
	}
	
form#news{
}
	
	form#news label{
		font-size: 11px;
	}
	
	form#news input,form#news textarea,form#news select{
		width: 95%;
		margin: 0 auto;
	}
		
	form#news p{
		margin: 4px 0 0 0;
	}
	
	p.ok{
		color: green;
		text-align: center;
	}


ul#leituras{
	font-size: 12px;
}
	ul#leituras li{
		border: 1px solid #CCC;
		padding: 10px;
		margin: 2px 0 10px 0;
	}
	
a.lit{
	color: #333;
}

div.video{
	text-align: center;
}

.pad{
	padding: 5px;
}

a#videos{
	display: block;
	height: 70px;
	line-height: 70px;
	text-decoration: none;
	font-size: 16px;
	background: url(../img/videos.png) center right no-repeat;
	text-align: center;
	padding: 0 50px 0 0;
	color: #333;
}

	a#videos:hover{
		font-weight: bold;
	}