<STYLE TYPE="text/css"> 
P {
	background-color: #FFFFFF;
	font-family:Verdana;
	font-size: 14pt;
}
.titulo {
	color: #D66BDF;
}

.subtitulo {
	color: #D66BDF;
}

.destaque {
	color: #D66BDF;
}

A:link {
  	color : #D66BDF;
}

A:visited {
  	color : #D66BDF;
}

A:hover {
  	color : #D66BDF;
}
.quadrado {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 60px;
	font-weight: bolder;
	text-align:center;
	color: #000000;
	background-color: #CCCCCC;
	float: left;
	height: 95px;
	width: 100px;
	border: thin dashed #000000;
	opacity: .2;
	filter: alpha(opacity=20);
}
.quadradoOn {
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
	font-weight: bolder;
	color: #FFFFFF;
	background-color: #D66BDF;
	float: left;
	height: 95px;
	width: 100px;
	border: thin dashed #CCCCCC;
	opacity: .9;
	filter: alpha(opacity=90);
	cursor:pointer;
}
.middle *{
	vertical-align:middle;
}
.tabela{
	display:inline;
}
.linha{
	padding:0px;
	border:0px;
 	width: 760px;
}

</style>
