/*********************************************************************************************************************************************
	Reset styles
**********************************************************************************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, 
code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, 
li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	padding: 0;
	margin: 0;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/*********************************************************************************************************************************************
	General Styles
**********************************************************************************************************************************************/
*{
	font-family:Arial, Tahoma, Verdana, Sans-serif;
	font-size:11px;
	padding:0;
	margin:0;
}

h1, h2, h3, h4, h5, h6{
	font-family:Arial, Tahoma, Verdana, Sans-serif;
	font-weight:normal;
}
a{
	text-decoration:none;
}

/*********************************************************************************************************************************************
	Wrapper, Body & Container
**********************************************************************************************************************************************/

	body
	{
		margin: 0;
		padding: 0;
		background-image: url(../images/bg.jpg);
		background-repeat: repeat-x;
	}
	
	.wrapper
	{
		width: 966px;
		margin: 0 auto;
		
	}
	
	.container
	{
		float:left;
		width: 966px;
		background-color: #fff;
	}

/*********************************************************************************************************************************************
	Elementos Gerais
**********************************************************************************************************************************************/

	.imagem
	{
		float:left;
		margin-bottom: 10px;
	}
	
	.imagem2
	{
		float:left;
		margin-bottom: 10px;
		margin-right: 4px;
	}

	.imagem3
	{
		float:left;
		padding: 3px;
		border: 1px solid #ccc;
		margin-right: 5px;
	}
	
	.imagem4
	{
		float:left;
		padding: 3px;
		border: 1px solid #ccc;
		margin-left: 50px;
	}
/*********************************************************************************************************************************************
	Layout
**********************************************************************************************************************************************/

	.topo
	{
		float: left;
		width: 950px;
		height: 118px;
		margin-left:8px;
		margin-right:8px;
	}

	.menu
	{
		float: left;
		width: 950px;
		height: 35px;
		margin-left:8px;
		margin-right:8px;
		background-image: url(images/bg-menu.jpg);
	}
	
	.barra_titulo
	{
		float: left;
		width: 720px;
		height: 30px;
		margin-bottom: 10px;
	}
	
	.coluna_esquerda
	{
		float: left;
		width: 222px;
		margin-left: 8px;
		margin-top: 5px;
		margin-right: 5px;
		height: 709px;
		border-right: 1px solid #CCC;
	}
	
		.boxtit
		{
			float:left;
			margin-right:5px;
			height:8px;
		}
			
			.linha
			{
				float:left;
			}
			
			.box
			{
				float:left;
				margin-left:2px;
				margin-right:5px;
				margin-top:15px;
				margin-bottom: 30px;
			}
			
	.flash
	{
		float: left;
		width: 720px;
		height: 162px;
		margin-top: 5px;
		
	}
	
	.conteudo
	{
		float: left;
		width: 555px;
	}
	
		.sessao
		{
			float:left;
			width: 720px;
			height: 56px;
			margin-top: 5px;
			margin-bottom: 10px;
			background-color: #B82700;
		}
		.destaque
		{
			float: left;
			width: 553px;
			height: 123px;
			margin-top: 5px;
		}
	
	.coluna_direita
	{
		float: left;
		width: 160px;
		height: 382px;
		margin-top: 5px;
		padding-left: 3px;
		border-left: 1px solid #ccc;
	}
	
	.rodape
	{
		float: left;
		width: 950px;
		height: 102px;
		margin-left: 8px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	
	
/*********************************************************************************************************************************************
	Textos
**********************************************************************************************************************************************/

	.texto
	{
		font-family: arial, helvetica, sans-serif;
		color: #666;
		font-size: 12px;
		font-weight: normal;
		padding-right:10px;
		text-align: justify;
	}

	.texto2
	{
		font-family: arial, helvetica, sans-serif;
		color: #666;
		font-size: 14px;
		font-weight: normal;
		padding-right:10px;
		text-align: justify;
	}

	
	.titulo
	{
		font-family: arial, helvetica, sans-serif;
		color: #d50000;
		font-size: 20px;
		font-weight: bold;
	}
	
	.titulo2
	{
		font-family: arial, helvetica, sans-serif;
		color: #666;
		font-size: 15px;
		font-weight: bold;
		border-bottom: 2px solid #DB2921;
	}
	
	.titulo3
	{
		font-family: tahoma, verdana, arial;
		color: #2C4C6C;
		font-size: 15px;
		font-weight: bold;
		margin-bottom: 5px;
	}
	
	.titulo_sessao
	{
		font-family: arial, helvetica, sans-serif;
		color: #fff;
		font-size: 35px;
		font-weight: normal;
		margin-left: 10px;
		margin-top: 5px;
	}
	
	.nome_aluno
	{
		font-family: arial, helvetica, sans-serif;
		font-size:12px;
		color: #2C4C6C;
		font-weight: bold;
	}
	
	.link_destaque
	{
		font-family: arial, helvetica, sans-serif;
		font-size:12px;
		color: #666;
		text-decoration: none;
	}
	
	.link_destaque:hover
	{
		font-family: arial, helvetica, sans-serif;
		font-size:12px;
		color: #999;
		text-decoration: none;
	}
	
	.link_box
	{
		font-family: arial, helvetica, sans-serif;
		font-size:12px;
		color: #666;
		text-decoration: none;
	}
	
	.link_box:hover
	{
		font-family: arial, helvetica, sans-serif;
		font-size:12px;
		color: #999;
		text-decoration: none;
	}