/* CSS Document */

body{
	margin:0;
	padding:0;
	background:url(../../design/meio/fundo.gif) repeat-x #00CBFF;
}

ul{
	margin:0;
	padding:0;
	list-style:none;
}


p{
	margin:0;
	padding:0;
	font:10px Verdana, Arial, Helvetica, sans-serif;
}

img{
	margin:0;

}


form{
	margin:0;
	padding:0;
}

input{
	margin:0;
	padding:0;
}

#cabecalho{
	margin:0 auto;
	width:850px;
	height:221px;
	overflow:hidden;
	background:url(../../design/cabecalho/FUNDO.jpg) repeat-x;
}

#leftCabecalho{
	width:200px;
	float:left;
}

#logo{
	float:left;
	width:258px;
}


#corpo{
	margin:0 auto;
	padding-left:11px;
	margin-bottom:15px;
	width:839px;
	background:	#56BBDA;


}

#esquerda{
	
	float:left;
	width:189px;
	background:#CCCCCC;
}


/*************************************
MEIO
**************************************/


#meio{
	float:left;
	width:639px;	

}

/* primeira coluna de informações */

#coluna01{
	float:left;
	width:313px;
	margin-left:11px;
	margin-right:5px;
}

#acontece{
	margin-top:11px;
}


#destaques{
	background:#E0F3F5;
	padding-top:10px;
}

#destaquesContent{

	padding:10px;

	margin-top:0
}


#titDestaque{
	margin-top:10px;
}

.destaqueInfo{
	margin-top:35px;
}

.fotoDestaque{
	float:left;
	margin-right:10px;
}


/* segunda coluna de informações */

#coluna02{
	float:right;
	width:285px;

}

#bannerMatricula{
	margin-top:11px;
}

#info01{
	margin-top:11px;
	background:#F7E6BD;
}

#info01Content{
	margin-left:10px;
	margin-right:10px;

}


#info02{
	background:#F1E725;
	border-top:15px solid #56BBDA;
}

#info02Content{
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;

}

/*************************************
RODAPÉ
************************************/

#rodape{
	clear:both;
	padding:11px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#000066;
	


}