@charset "utf-8";
/* CSS Document */

body{
	font-family: Arial Arial, sans-serif;
	background-color:aqua;
}

div#interface {
	width: 1200px;
	background-color:#FFFFCC;
	margin: -20px auto 0px; auto;
	box-shadow: 0px 0px 30px  #000000;
	padding: 10px;
}

p {
	text-align: justify;
	text-indent: 50px;
	font-size:20px;
  }
  
   div#interface h2{
	 display:block;
	 background-color:#FFCC66;
	 font-family: Arial "Arial Black", Gadget, sans-serif;
	 font-size: 30px;
	 text-align:center;
	 margin-left:-10px;
	 color:#000066;
 }
 
 div#interface img#foto1{
	 width: 350px;
	 margin-left: 30px;
	 margin-top: 30px;
	 background-color: #ffffff;
	 box-shadow: 3px 3px 3px #333333;
 }
 
 div#interface img#dialogo{
	 height:350px;
	 margin-left:10px;
	 box-shadow: 3px 3px 3px #333333;
 }
 
 div#interface img#arte{
	 margin-left: 250px;
 }
 
   /*Formatação do Cabeçalho*/

header#cabecalho img#fachada {
	width: 500px;
	position: absolute;	
	left: 0px;
	top: -35px;
}
  
header#cabecalho img#icone {
	width: 350px;
	position: absolute;
	left: 150px;
	top: 0px;
}

header#cabecalho img#logo {
	width: 750px;
	position: absolute;
	left: 500px;
	top: 15px;
}

header#cabecalho img#nuvens {
	width: 1200px;
	height:320px;
	position: absolute;
	left: 0px;
	top: 0px;
}
  
 header#cabecalho  {
	 border-bottom: 3px  #666666 solid;
	 height: 50px;
	 background-color:#FFCC66;
  }
  
  header#cabecalho h1{
	  font-family: 'Pacifico', cursive;
	  font-size: 30px;
	  color: #F30;
	  text-shadow: 2px 2px 2px  #999999;
	  margin-top: 335px;
	  margin-left: 5px;
  }
  
 /* Formataçãodo Menu*/
 
 nav#menu {
	 display:block;
 }
 
 nav#menu ul{
	 list-style: none;
	 text-transform: uppercase;
	 position:absolute;
	 top:347px;
	 left:630px;
 }
 
 nav#menu li{
	 display:inline-block;
	 background-color: #999;
	 padding:10px;
	 margin:2px;
	 transition: background-color 1s;
	 -ms-transition: background-color 1s;
 }
 
 nav#menu li:hover{
	 background-color: #FF9;
 }
 
 section#corpo {
	 display: block;
	 width: 1190px;
	 /* float: left;
		border-right: 3px #666666 solid;*/
	 padding: 0px;
 }
 section#corpo h2 {
	 font-family:"Arial Black", Gadget, sans-serif;
 }
 section#informa{
	 margin-left:200px;
 }
 section#dez_mandamentos{
	 position:relative;
 }
 section#dez_mandamentos img{
	 float:rigth;
 }
 section#dez_mandamentos h4{
	 float:left;
 }
 
 /* Formataçãodo Notícias*/
 
 ul#noticias {
	 width: 900px;
	 margin-left:-35px;
	 padding: 30px;
	 overflow: hidden;
	 list-style: none;
 }
 
 ul#noticias li {
	 float: left;
	 width: 200px;
	 height: 200px;
	 margin: 5px;
	 border: 5px solid #ffffff;
	 background-color: #ffffff;
	 box-shadow: 2px 2px 4px #333333;
	 -webkit-transition: all .4s ease-in;
 }
 
 ul#noticias li span {
	 opacity: 0;
	 color:#FFF;
	 font-family:"Arial Black", Gadget, sans-serif;
	 text-shadow: 1px 1px #000000;
	 background-color: rgba(0,0,0,.3);
	 font-size:15px;
	 line-height: 370px;
	 padding: 5px;
 }
 
/* ul#noticias li:hover {
	 -webkit-transform: scale(1.5);
 }*/
 
 ul#noticias li:hover span {
	 opacity: 1;
 }
 
 ul#noticias li#imagens {
	 background:url(../_imagens/novos_jogos.png) no-repeat;
	 background-position: 50% 50%;
	 background-size: 200px 200px;
	 background-color:#FFF;
 }
 
 ul#noticias li#imagens_galeria {
	 background:url(../_imagens/fotografia.png) no-repeat;
	 background-position: 50% 50%;
	 background-size: 200px 200px;
	 background-color:#FFF;
 }

 
 
 /* Final Formataçãodo da Notícia*/
 
 
 aside#lateral h2 {
	 font-family:"Arial Black", Gadget, sans-serif;
	 
 }
 
 aside#lateral {
	 display: block;
	 width: 300px;
	 float:right;
 }
 aside#lateral p {
	 text-align: center;
 }
 
 aside#lateral video{
	 display: block;
	 width: 300px;
	 margin-left: -10px;
	 background-color: #9FC;
	 padding: 10px;
 }
 aside#lateral video_catequizando{
	 display: block;
	 width: 300px;
	 margin-left: -10px;
	 background-color: #9FC;
	 padding: 10px;
 }
 
 aside#lateral div#padre img#padre{
	 display: block;
	 width: 300px;
	 margin-left: -10px;
	 background-color: #9FC;
	 padding: 10px;
 }
 
 aside#lateral iframe{
	 display: block;
	 width: 300px;
	 margin-left: -10px;
	 background-color: #9FC;
	 padding: 10px;
 }
 
  
 footer#rodape {
	 clear:both;
	 border-top:3px #666666 solid;
	 background-color:#FFCC66;
	 margin-bottom:-20px;
 }
 footer#rodape p {
	 text-align:center;
	 font-size:14px;
 }
 
 aside#lateral h2{
	 display:block;
	 background-color:#FFCC66;
	 text-align:center;
	 margin-right:30px;
	 margin-left:0px;
	 margin-top:30px;
	 font-size:30px;
 }
 
 

 
 
 