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

<style type="text/css">

.panels{
list-style-type: none;
margin: 0;
padding: 0;
width: 180px; /* width of menu */
}
.panels p{
border-bottom: 1px solid white; /* white border beneath each menu item */
}
.start {
	font-size: 16px;
}

.panels p a{
	font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;
	display: block;
	color: white;
	width: auto; /* Vertical (top/bottom) padding for each menu link */
	text-indent: 8px;
	text-decoration: none;
	border-bottom: 1px solid black; /*bottom border of menu link. Should be equal or darker to link's bgcolor*/
	background-color: #333;
	background-repeat: no-repeat;
	background-position: center top;
	padding: 5px;
	height: 30px;
}
.panels p a:hover{
background-color: black; /*color of menu onMouseover*/
color: white;
border-bottom: 1px solid black; /*bottom border of menu link during hover. Should be equal or darker to link's hover's bgcolor*/
}
.main a {
	text-decoration: none;
	color: #333;
	text-align: justify;
}
.top a {
	text-decoration: none;
	color: #F30;
	text-align: center;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: 15px;
}
.top a:hover {
	text-decoration: none;
	color: #FFF;
	text-align: center;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: 15px;
	background-color: #4D4D4D;
}

.aplica{
	font-family: Cambria, Arial;
	font-size: 20px;

}

</style>

[if IE]>
<style type="text/css">
.panels li a{ /* Menu link width value for IE */
width: 250;
}
</style>
<![endif]