body
{
	background: #000033;
	color: DDDDDD;
	margin: 0px 0px 0px 0px;
	height: 100%;
	overflow: hidden;
}

div, h1, h2
{
	font-size: 11px;
	font-family: verdana;
}

h1
{
	background: #DDDDDD;
	color: #FFFFFF;
	height: 20px;
	padding: 3px 0px 0px 150px;
	margin: 0px 0px 0px 0px;
}

h2
{
	color: #DDDDDD;
}

h2, p
{
	margin: 0px 0px 0px 0px;
}

a
{
	color: #0066EE;
	text-decoration: underline;
}

a:hover
{
	color: #dddddd;
	text-decoration: underline;
}

a:hover img 
{  
	border: none;  
}    

img 
{
  	border: none;  
}    

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */

#MAIN
{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 700px;
	height: 400px;
	margin: -200px -350px;
	visibility: visible;
}
#LOGO
{
	background: #9999CC;
	height: 50px;
}
#MENU
{
	float: left;
	background: #9999CC;
	width: 150px;
	height: 250px;
	padding: 3px 3px 3px 3px;
}
#CONTENT
{
	float: left;
	overflow: hidden;
	background: #FFFFFF;
	width: 700px;
	height: 400px;
	padding: 0px 0px 0px 0px;
}
#BOTTOM
{
	clear: left;
	background: #DDDDDD;
	color: #FFFFFF;
	height: 20px;
	padding: 3px 0px 0px 3px;
}
#FIRMA
{
	text-align: right;
	height: 20px;
	padding: 3px 0px 0px 0px;
}

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */

a.MENU, a.MENU:hover
{
	display: block;
	position: relative;
	color: #FFFFFF;
	text-decoration: none;
	padding: 3px 0px 3px 0px;
	border-bottom: solid 1px #FFFFFF;
}
a.MENU
{
	background: #9999CC;
	background-image: none;
}
a.MENU:hover
{
	background: #DDDDDD;
	background-image: url(menu.gif);
	background-repeat: no-repeat;
	background-position: right middle;
}
a.BOTTOM
{
	color: #FFFFFF;
	text-decoration: underline;
}
a.BOTTOM:hover
{
	color: #FFFFFF;
	text-decoration: none;
}