@import 'reset.css';	/* Zera valores igualando os navegadores */
/* CONFIGURAÇÕES    ===========================  */


body {
  background: #e6ebf3 url(../img/bg.jpg) no-repeat top center;
  text-align:center;
  font: 75% Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
  color: #444;
}
a { text-decoration: none}

.zl { list-style: none;}
.left { text-align: left}
.right { text-align: right}
.center { text-align: center;}
.both { clear: both }

h2 {
	border-bottom: 2px groove #eee;
	text-align: left;
	margin: 15px 160px 20px 10px;
	padding: 0;
	text-indent: 15px;
	font-size: 2.2em;
	font-weight: normal;
	font-style: italic;
	color: #999
}
	h2 span {
		font-size: 0.7em;
		font-style: normal;
		padding-left: 10px;
		color: #135ea3
	}
h3 {
	font-size: 1.9em;
	font-weight: normal;
	text-align: left;
	margin: 0 20px 4px 0;
	color: #1c2d4b;
}
	h3.espacoTop {
		margin-top: 35px;
	}
h4 {
	font-size: 1.2em;
	font-weight: normal;
	text-align: right;
	margin: 0 0 4px 0;
	color: #ff8a00;
}

h5 {
	color: #aaa;
	font-size: 1.5em;
	text-align: right;
	font-weight: normal;
	margin: 0 5px 5px 0;
}
/* FORMULÁRIOS    =====================  */
input, textarea {
  background: #fff;
  color: #333;
  font: 1em Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
  border: 1px solid #aaa;
  padding: 2px;
}
/* FIM --> FORMULÁRIOS    =====================  */
div#topo {
	width: 950px;
	height: 120px;
	margin: auto;
}
	div#topo .logoTopo {
		float: left;
		width: 430px;
		height: 80px;
		margin: 20px 0 0 40px;
	}
		div#topo .logoTopo h1 {
			display: none;
		}
	 
	 
div#botoes {
	width: 922px;
	height: 60px;
	background: url(../img/bgBotoes.png) no-repeat top center ;
	padding: 0 0 0 28px;
	margin: auto;
	xposition: relative;
	text-align:left;
}
	div#botoes ul{
		xposition: absolute;
	}
	div#botoes ul li {
		float: left;
		xbackground: #fff;
		margin: 0 0px;
		width: 149px;
		position: relative;
		text-align: center;
	}
		div#botoes ul li a {
			display: block;
			padding: 25px 0px 0 0px;
			height: 35px;
			color: #fff;
			font-size: 1.2em;
			font-weight: bold;
			position: relative;
			border-left: 1px solid #62758F;
		}	
			div#botoes ul li a.botoesLeft {
				border: none;
			}
			div#botoes ul li a.botoesRight {
				border-right: 1px solid #62758F;
			}
			div#botoes ul li a:hover {
				background: #1b335c;
				color: #fc0;
			}
	
div#corpo {
	width: 930px;
	background: #fff;
	margin: auto;
	padding: 10px 10px 0 10px;
}
	#direita {
		float: right;
		width: 250px;
	}
/* Home =====*/
	div#corpo #horarioCulto {
		text-align: left;
		background: url(../img/horariosCultos.jpg) no-repeat center top;
		padding: 50px 5px 0 20px;
		margin: 20px 5px 0 20px;
	}


	#publGrande {
		height: 200px;
		border: 1px solid #ccc;
	}		
	
	#twitter_div {
		background: #fff url(../img/sigaNosTwitter.jpg) no-repeat top center;
		color: #3aa0bf;
		text-align: left;
		font-size: 1em;
		padding: 40px 5px 0 20px;
		margin: 50px 0 0 20px;
	}
		#twitter_div li {
			list-style: none;
			padding: 10px 0 10px 0;
			margin: 0;
		}
		#twitter_div a {
			color: #0d3e63;
			font-size: 1em !important;
		}
			#twitter_div a:hover {
				color: #fc0;
			}	
div#topEstudosHome {
	height: 39px;
	background:url(../img/estudos.jpg) no-repeat left top;
	width: 119px;
	margin: 20px 0 0 0;
}
div#blocoEstudosHome {
	float: left;
	text-align: left;
	width: 300px;
	margin: 0 40px 0px 0;
}
	div#blocoEstudosHome p {
		margin: 0 0 10px 15px;
		color: #555;
	}



div#topFotosHome {
	height: 38px;
	background:url(../img/galeriaFotos.jpg) no-repeat left top;
	width: 194px;
	margin: 20px 0 0 0;
}
div#blocoFotosHome {
	float: left;
	text-align: left;
	width: 340px;
}
	div#blocoFotosHome a {
		padding: 8px 0 0 10px;
		float: left;
	}



a.confiraMais {
	color: #777;
	float: right;
	clear: both;
	margin: 0;
}
	a.confiraMais:hover {
		color: #ff8a00;
	}
/* ==========================*/


	div#publiMeio {
		margin: 0 10px 10px 10px; 
		padding: 10px;
		height: 175px;
		border: 1px double #aaa;
	}

  div#corpo ul.navImprEmail {
		height: 25px;
		margin: 0 35px 0 360px;
		position: relative;
	}
		div#corpo ul.navImprEmail li {
			float: right;
			padding: 0 5px;
		}
  	div#corpo ul.navImprEmail div#enviaArtEmail {
			position: absolute;
			left: 0px;
			width: 310px;
			margin-top: 28px;
			height: 190px;
			background: url(../img/bgEnviarArt.png);
			display: none;
		}
			div#enviaArtEmail div.idLabel {
				background: #1B335C;
				color: #fff;
				font-weight: bold;
				padding: 5px 0;
				margin-bottom: 10px;
			}
			div#enviaArtEmail p {
				margin: 0px !important;
				padding: 0px !important;
				height: 25px;
			}
			div#enviaArtEmail label {
				float: left;
				clear: left;
				width: 95px;
				text-align: right;
				color: #fff;
				padding: 6px 5px 0 0px;
			}
			div#enviaArtEmail input {
				width: 190px;
				float: left;
				clear: right;
				padding: 1px 3px;
				margin: 3px 0;
				color: #777;
				font-size: 1.2em;
				background: #fff url(../img/bgForm.gif) no-repeat top left;
			}
			div#enviaArtEmail .formButtom {
				width: 65px;
				float: right;
				clear: both;
				margin-right: 12px;
				background: #fff url(../img/iconEnviar.jpg) no-repeat right center;
				padding: 0px 20px 0px 5px !important;
				font-size: 1.1em;
			}
		




		
		
	div#corpo .instTexto {
		margin: 5px 20px 15px 20px;
		text-align: left;
	}

		div#corpo #listaTitulos {
			margin: 10px 50px 10px 30px;
		}
			#listaTitulos li {
				margin-bottom: 20px;
				padding-top: 20px;
			}
				#listaTitulos .liPai {
					background: #f5f5f5 url(../img/cantoLiPai.gif) no-repeat right bottom;
					border-bottom: 1px solid #ddd;
					text-align: left;
					padding: 4px 0 2px 10px
				}
					#listaTitulos .liPai a {
						color: #135ea3;
						font-weight: bold;
						padding-left: 18px;
						font-size: 1.1em;
						background: url(../img/iconLiPai.png) no-repeat left center;
					}	
						#listaTitulos .liPai a:hover {
							color: #fc0;
						}	
				#listaTitulos .liFilho {
					background: #e9e9e9 url(../img/cantoLiFilho.gif) no-repeat right bottom;
					xheight: 100px;	
					margin: 0 35px 0 15px;
					text-align: left;
					padding: 3px 8px 8px 8px;
					font-size: 0.9em;
				}

	div#corpo #corpoInstucional {
		float: left;
		width: 670px;
	}
		div#corpo #chamaPagina {
			background: url(../img/bgChamaPagina.gif) no-repeat top center;
			width: 488px;
			height: 30px;
			padding: 57px 0 0 70px;
			text-align: left;
			color: #fff;
			margin: 25px 0 0 55px;
			font-weight: bold;
		}
			div#corpo #chamaPagina span {
				padding-right: 5px;
			}
			div#corpo #chamaPagina select {
				width: 355px;
			}





	ul#navRodape {
		margin: 60px 0 0 110px;
		height: 15px;
	}
		#navRodape li {
			float: left;
			margin: 0 20px;
			font-size: 0.9em;
		}
			#navRodape li a {
				color: #666;
			}
				#navRodape li a:hover {
					color: #f5b400;
				}

div#rodape {
	width: 100%;
	height: 325px;
	background: #1b335c;
	text-align: center;
	color: #fff;
}
	div#rodapeCorpo {
		clear:both;
		width: 950px;
		margin: auto;
		padding-top: 30px;
		background: url(../img/bgRodape.jpg)	no-repeat top center;
	}
	
	div#rodapeCorpo #rodapeContatos {
		float: left;
		width: 425px;
		margin: 5px 0px 0 25px;
		padding: 50px 0 0 40px;
		text-align: left;
		background: url(../img/dadosContatos.gif) no-repeat top left;		
	}
		div#rodapeCorpo #rodapeContatos .contatoH6 {
			margin-top: 10px !important;
			font-size: 1.1em;
			color: #eee;
		}
		div#rodapeCorpo #rodapeContatos p {
			margin-left: 15px !important;
			font-size: 1.2em;
		}			
	div#rodapeCorpo #rodapeEntreContato {
		float: right;
		width: 350px;
		margin: 5px 25px 0 0;
		text-align: left;
		background: url(../img/entreContatos.gif) no-repeat top left;
	}

		div#rodapeEntreContato form {
			margin-top: 43px;
		}	
			div#rodapeEntreContato #formMensagem {
				height: 18px;
				clear: both;
				text-align: right;
				color: #fc0; 
				margin: 0 7px;
				font-size: 1.1em;
			}		
			div#rodapeEntreContato label {
				float: left;
				clear: left;
				width: 65px;
				text-align: right;
				padding: 6px 5px 0 0px;
			}
			div#rodapeEntreContato input, textarea {
				width: 270px;
				float: left;
				clear: right;
				padding: 1px 3px;
				margin: 3px 0;
				color: #777;
				font-size: 1.2em;
				background: #fff url(../img/bgForm.gif) no-repeat top left;
			}
			div#rodapeEntreContato textarea {
				height: 50px;
				width: 270px;
			}
				div#rodapeEntreContato .formTelefone {
					width: 130px;
				}
				div#rodapeEntreContato .formButtom {
					width: 65px;
					float: right;
					clear: both;
					margin-right: 7px;
					background: #fff url(../img/iconEnviar.jpg) no-repeat right center;
					padding: 0px 20px 0px 5px !important;
					font-size: 1.1em;
				}

	div#rodapeCreditos {
		float: left;
		width: 465px;
		margin: 5px 0px 0 25px;
		font-size: 0.9em;
		padding: 30px 0 0 0;
		color: #fff;
	}
	div#rodapeDireitos {
		float: left;
		width: 465px;
		margin: 5px 0px 0 25px;
		font-size: 0.8em;
		padding: 10px 0 0 0;
		color: #fff;
	}