@charset "utf-8";
/* CSS Document */

div#interface {
	width: 1200px;
	background-color: #FFC;
	margin: -20px auto 0px; auto;
	box-shadow: 0px 0px 30px  #000000;
	padding: 10px;
}

div#interface h2{
	 display:block;
	 background-color:#FFCC66;
	 font-family: Arial "Arial Black", Gadget, sans-serif;
	 font-size: 30px;
	 text-align:center;
	 margin-left:0px;
	 color:#000066;
 }
 
 header#cabecalho img#icone {
	width: 350px;
	position: absolute;
	left: 170px;
	top: 0px;
}

header#cabecalho img#logo {
	width: 750px;
	position: absolute;
	left: 500px;
	top: 0px;
}

header#cabecalho img#nuvens {
	width: 1220px;
	height:320px;
	position: absolute;
	left: 65px;
	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: 320px;
	  margin-left: 5px;
  }
  
   div#interface img#foto1{
	 width: 550px;
	 margin-left: 300px;
	 box-shadow: 3px 3px 3px #333333;
 }
  
 /* Formataçãodo Menu*/
 
 nav#menu {
	 display:block;
 }
 
 nav#menu ul{
	 list-style: none;
	 text-transform: uppercase;
	 position:absolute;
	 top:306px;
	 left: auto;
 }
 
 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: 600px;
	 float: left;
	 padding: 10px;
 }
 
/* section#corpo ul{
	 font-family: sans "MS Serif", "New York", serif;
	 font-size: 40px;
 }*/
 section#corpo #video_criança{
	 position: relative;
	 display: block;
	 width: 300px;
 }
 
 aside#lateral {
	 display: block;
	 width: 900px;
	 float: left;
 }
 aside#lateral p {
	 text-align: center;
 }
 
 aside#lateral video{
	 display: block;
	 width: 900px;
	 margin-left: 100px;
	 background-color: #9FC;
	 padding: 10px;
 }
 aside#lateral video_catequizando{
	 display: block;
	 width: 600px;
	 margin-left: -10px;
	 background-color: #9FC;
	 padding: 10px;
 }
 
 aside#lateral iframe{
	 display: block;
	 width: 300px;
	 margin-left: -100px;
	 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:0px;
	 margin-left:0px;
	 margin-top:45px;
	 font-size:30px;
 }