body{
	margin:0;
	padding:0;
	font-family:"Trebuchet MS";
}

p{
	margin:0;
	padding:0;	
}

p a{
	color:#900;	
}

a{ text-decoration:none; }

a img{ border:none; }

ul, li {
	margin: 0; 
	padding: 0;
}

.center{
	display:table;
	margin-left:auto;
	margin-right:auto;
	width:990px;
}

#top{
	display:block;
	background:#900;
	height:80px;
	position:fixed;
	width:100%;
	z-index:5;
	clear:both;
}

#background{
	display:block;
	background:url(../img/bg_topo.jpg) top no-repeat;
	height:80px;
}

	#logo{
		display:block;
		background:url(../img/logo_colegioMundial.png) top no-repeat;
		width:201px;
		height:60px;
		float:left;
		margin-left:30px;
		margin-top:10px;	
	}
	
	#menu{
		display:block;
		width:630px;
		height:80px;
		float:right;
		margin-right:10px;
	}
	
	#blob{
		position:absolute;
		z-index:1;
		background:url(../img/filete_hoverMenu.jpg) repeat-x;
	}
	
	#hover{
		position: relative;
	}
	
	#hover li{
		float:left;
		list-style:none;
	}
	
	#hover li a{
		position:relative;
		z-index:2;
	}
	
		#menu ul li a{
			color:transparent;
			font-size:0px;
		}
		
		.buttonMenu{
			display:block;
			height:15px;
			height:50px;
			float:left;
			margin-top:30px;
			cursor:pointer;
		}
		
		#btn_topo{
			background:url(../img/bt_topo.png) top no-repeat;
			width:71px;	
		}
		
		#btn_nossaEscola{
			background:url(../img/bt_nossaEscola.png) top no-repeat;
			width:145px;	
		}
		
		#btn_areaRestrita{
			background:url(../img/bt_areaRestrita.png) top no-repeat;
			width:147px;	
		}
	       		
		#btn_portalProfessor{
			background:url(../img/bt_portalProfessor.png) top no-repeat;
			width:147px;	
		}
		
		#btn_mundialNews{
			background:url(../img/bt_mundialNews.png) top no-repeat;
			width:150px;	
		}
		
		#btn_contato{
			background:url(../img/bt_contato.png) top no-repeat;
			width:98px;	
		}
             
		#btn_mail{
			background:url(../img/bt_mail.png) top no-repeat;
			width:98px;	
		}

		
#index{
	display:block;
	height:80px;	
}
		
#banner{
	display:block;
	height:450px;
	width:100%;
	background:url(../img/fileteFundoBanner.jpg) repeat-x;
}

	#logBanner{
		width:900px;
		height:450px;
		margin-left:auto;
		margin-right:auto;
	}

	 #slider{
		  list-style:none; 
		  width:100%; 
		  height:450px; 
		  padding:0;     
		  overflow: hidden; 
		  position: relative;
	  }

	  #slider li{
		 position:absolute; 
		 z-index:0; 
		 display:none;
	  }

	  #slider li.sliderActive{
		  z-index: 1;
	  }     

#centerMenu{
	display:block;
	height:50px;
	background:#EDEDED;
}

	#eixo{
		display:block;
		width:900px;
		height:50px;
		margin-left:auto;
		margin-right:auto;
	}

	#centerMenu ul{
		list-style:none;	
	}
	
	#centerMenu ul li{
		display:inline;	
	}
	
	#centerMenu ul li a{
		font-size:0px;
		color:#EDEDED;	
	}
	
	.btnMenuSec{
		display:block;
		float:left;
		height:12px;
		margin-top:18px;
		margin-left:13px;
		margin-right:13px;
	}
	
	#bt_preMatricula{
		background:url(../img/bt_preMatricula.jpg) no-repeat;
		width:93px;
	}
	
	#bt_preMatricula:hover{
		background-position:-93px;	
	}
	
	#bt_corpoDocente{
		background:url(../img/bt_corpoDocente.jpg) no-repeat;
		width:66px;	
	}
	
	#bt_corpoDocente:hover{
		background-position:-66px;	
	}
	
	#bt_bolsaEstudos{
		background:url(../img/bt_bolsaEstudos.jpg) no-repeat;
		width:119px;	
	}
	
	#bt_bolsaEstudos:hover{
		background-position:-119px;	
	}
	
	#bt_tarefaCasa{
		background:url(../img/bt_tarefasCasa.jpg) no-repeat;
		width:109px;
	}
	
	#bt_tarefaCasa:hover{
		background-position:-109px;	
	}
	
	#bt_calendario{
		background:url(../img/bt_calendario.jpg) no-repeat;
		width:76px;
	}
	
	#bt_calendarioanual{
		background:url(../img/bt_calendario.jpg) no-repeat;
		width:76px;
	}
	
	#bt_calendario:hover{
		background-position:-76px;	
	}
	
	#bt_calendarioanual:hover{
		background-position:-76px;	
	}

	
	#bt_manualEscola{
		background:url(../img/bt_manualFamiliaEscola.jpg) no-repeat;
		width:157px;
	}
	
	#bt_manualEscola:hover{
		background-position:-158px;	
	}
	
	#bt_programese:hover{
		background-position:-88px;	
	}

	
	#bt_MFE2025V2{
		background:url(../img/bt_MFE2025V2.jpg) no-repeat;
		width:157px;
	}
	
	#bt_MFE2025V2:hover{
		background-position:-158px;	
	}
	
	#bt_programese:hover{
		background-position:-88px;	
	}

	

	#bt_gradeHorarios{
		background:url(../img/bt_gradeHorarios.jpg) no-repeat;
		width:126px;
	}
	
	#bt_gradeHorarios:hover{
		background-position:-126px;	
	}
	
	#bt_eventos{
		background:url(../img/bt_eventos.jpg) no-repeat;
		width:55px;
	}
	
	#bt_eventos:hover{
		background-position:-55px;	
	}


#nossaEscola{
	display:block;
	width:100%;
	background:url(../img/bg_topNossaEscola.jpg) top no-repeat;
	margin-bottom:30px;
}

	#titColegioMundial{
		display:block;
		background:url(../img/bg_colegioMundial.png) no-repeat;
		width:741px;
		height:94px;
		margin-left:auto;
		margin-right:auto;
		margin-top:130px;	
	}
	
	#conteudo{
		display:table;
		width:990px;
		margin-top:50px;
	}
	
		#institucional{
			display:block;
			float:left;
			width:380px;
			margin-left:10px;	
		}
		
			#tit_institucional{
				display:block;
				background:url(../img/tit_institucional.jpg) top no-repeat;
				width:409px;
				height:49px;	
			}
			
			#menuInstitucional{
				display:table;
				width:255px;
				margin-top:15px;	
			}
			
			#menuInstitucional ul{
				list-style:none;
			}
			
			#menuInstitucional ul li{
				background:url(../img/bg_fileteBottomMenu.jpg) bottom no-repeat;
				width:259px;
				height:30px;
				padding-top:10px;
			}
			
			#menuInstitucional ul li a{
				display:block;
				font-size:14px;
				color:#900;
				margin-left:5px;	
			}
			
			#menuInstitucional ul li a:hover{
				color:#F00;	
			}
		
			#textoMundial{
				display:block;
				float:right;
				width:550px;
				font-size:13px;
				color:#666;
				line-height:20px;
			}
			
			.logoInstituicao{
				float:left;
				margin-right:10px;
				margin-bottom:5px;	
			}
	
	#depoimentos{
		display:table;
		width:990px;
		margin-top:70px;
	}
	
		#tit_depoimentos{
			display:block;
			background:url(../img/tit_depoimento.jpg) top no-repeat;
			width:408px;
			height:49px;	
		}
		
		#boxDepoimento{
			display:block;
			width:990px;
			margin-top:20px;	
		}
			
			#video{
				display:block;
				float:left;
				width:350px;
				border:1px solid #900
			}

			#legendaVideo{
				display:block;
				width:560px;
				font-size:13px;
				color:#666;
				line-height:20px;
				margin-left:40px;
				float:left;	
			}

			.bt_maisDepoimentos{
				display:block;
				margin-top:15px;	
			}

.filetePage{
	display:block;
	width:100%;
	height:50px;
	background:#EEE;	
}

#areaRestrito{
	display:block;
	padding-top:120px;
	width:100%;
}

	#tit_areaRestrita{
		display:block;
		background:url(../img/tit_areaRestrita.jpg) top no-repeat;
		width:545px;
		height:90px;
		margin-left:auto;
		margin-right:auto;
	}
	
	#boxAreaRestrita{
		display:table;
		margin-top:90px;
		width:100%;	
	}
	
		#login{
			display:block;
			width:50%;
			float:left;
			height:310px;
			background:#EEE;	
		}
		
		#boxRightAcesso{
			display:block;
			width:48%;
			float:right;
			height:310px;
			font-size:14px;
			color:#666;
		}
		
			#centerBoxRightAcesso{
				display:block;
				width:500px;
			}
			
			.inputNovaSenha{
				border:1px solid #CCC;
				padding:11px;
				font-size:14px;
				color:#900;
				width:320px;	
			}
			
			.btEnviarSenha{
				background:#CCC;
				border:none;
				font-size:12px;
				color:#900;
				padding:10px;
				font-weight:bolder;
				cursor:pointer;
			}
					
		#centerLogin{
			display:block;
			width:400px;
			margin-top:45px;
			float:right;
		}
		
		.inputAr{
			background:#FFF;
			border:1px solid #999;
			padding:15px;
			font-size:14px;
			color:#900;
			width:330px;
			margin-top:15px;
		}
		
		.bt_acessar{
			float:right;
			margin-top:30px;
			margin-right:60px;	
		}
		
#eventos{
	display:block;
	padding-top:100px;
	margin-top:100px;
}

	#proximosEventos{
		display:table;
		width:380px;
		background:#F6F6F6;
		float:left;
		margin-left:10px;
		padding-bottom:80px;
	}
	
	#tit_eventos{
		display:block;
		background:url(../img/tit_mundialNews.jpg) top no-repeat;
		width:291px;
		height:154px;
		margin-left:auto;
		margin-right:auto;
		margin-top:30px;	
	}

	#maisEventos{
		display:table;
		width:350px;
		margin-left:auto;
		margin-right:auto;
		margin-top:60px;	
	}
	
		.evento{
			display:table;
			width:350px;
			margin-top:70px;
			font-size:15px;
			color:#666;
			text-align:justify;
			line-height:20px;
			font-family:Georgia;	
		}
	
	#ultimoEvento{
		display:block;
		width:500px;
		float:right;
		margin-top:50px;
		margin-right:30px;	
	}
	
		#tituloEvento{
			font-size:30px;
			color:#900;	
		}
		
		.btConferirGaleria{
			display:block;
			margin-top:20px;
			float:left;
		}
		
		#btGaleriaConferir{
			display:block;
			width:500px;
			margin-top:20px;
			float:left;
			margin-left:10px;
		}
		
.filetePageDown{
	display:block;
	width:100%;
	height:50px;
	background:#F6F6F6;	
}

#contato{
	display:block;
	width:100%;
	padding-top:120px;
}

	#tit_contato{
		display:block;
		background:url(../img/tit_contato.jpg) no-repeat;
		width:364px;
		height:74px;
		margin-left:auto;
		margin-right:auto;	
	}
	
	#boxContato{
		display:table;
		margin-top:90px;
		width:100%;	
	}
	
		#infos{
			display:block;
			float:left;
			width:48%;
		}
		
			#centerContato{
				display:block;
				width:425px;
				margin-right:20px;
				float:right;
			}
		
				#textoContato{
					display:block;
					font-size:14px;
					color:#999;
					line-height:20px;	
				}
								
				#titLocalizenos{
					display:block;
					background:url(../img/tit_localizenos.jpg) no-repeat;
					width:142px;
					height:19px;
					margin-top:20px;
					margin-bottom:20px;	
				}
				
				#mapa_base{
					border:2px solid #900;
					width:425px;
					height:330px;
				}
				
				#endereco{
					display:block;
					margin-top:20px;
					font-size:12px;
					line-height:25px;
					color:#666;
				}
				
				#social{
					display:block;
					margin-top:20px;
				}
				
				.iconSocial{
					float:left;
				}
		
		#formContato{
			display:block;
			width:50%;
			float:right;
			background:#F6F6F6;
			height:770px;
		}
		
			#centerForm{
				display:block;
				width:425px;
				float:left;
				margin-left:20px;
				margin-top:20px;	
			}
			
			.textoInfoContato{
				font-size:11px;
				color:#333;
				font-style:italic;	
			}
			
			.txtContato{
				background:#FFF;
				border:1px solid #999;
				padding:15px;
				font-size:14px;
				color:#900;
				width:450px;
				margin-top:15px;
				height:150px;
				font-family:"Trebuchet MS";
			}
			
			.btEnviarContato{
				background:#999;
				border:none;
				font-size:12px;
				cursor:pointer;
				color:#900;
				font-weight:bolder;
				padding:10px;	
			}