html, body, #wrapper 
{
	height:100%;
	margin: 0;
	padding: 0;
	border: none;
	text-align: center;
	color: #000000;
}

body
{
	background-color: #3F8CD7;
	font-family: 'Arial Unicode MS', Arial;
}


h1
{
	color: #000000;
	padding: 0;
	margin: 0;
}

#wrapper
 {
	background-color: #3F8CD7;
	margin: 0 auto;
	text-align: left;
	vertical-align: middle;
	width: 800px;
	/*border: 1px #000000 solid;*/
}


#wrapper p
{
	font-size:14px;
	font-family: 'Arial Unicode MS', Arial;
}

#wrapper a
{
	color: #000000;
	text-decoration:none;
}

#wrapper a:hover
{
	color: #999999;
	text-decoration:none;
}


#nav ul
{
	list-style-image:none;
	list-style-type:none;
	font-weight: bold;
	padding: 0;
	margin: 0;
	margin-top:50%;
} 

#nav li 
{
	padding-left:0px; padding-right: 0px;
	padding-top:10px; padding-bottom: 10px;
	margin-top:10px;
}
 
#nav li a 
{
	display:block; 
	/*background-color:#e8e8e8;*/
	padding:7px;
	margin:0;
	text-decoration:none; 
	color:#000000;
	/*border-bottom:1px solid #bbb;*/
	text-align:right;
}
 
#nav li a::after 
{
	content:'»'; 
	color:#aaaaaa; 
	font-weight:bold;
	display:inline; 
	float:right;
	margin:0 2px 0 5px;
}
 
#nav li a:hover, #nav li a:focus 
{
	/*background:#f8f8f8;*/
	/*border-bottom-color:#777;*/
}
 
#nav li a:hover::after 
{
	margin:0 0 0 7px; 
	color:#f93;
}
 
#nav li a:active 
{
	padding:8px 7px 6px 7px;
}

.roundbox
{
	background-color:#FFFFFF;
}

#content
{
	padding-left:10px;
}

/* FINAL DE LA PÁGINA */

#footer
{
	font-weight: normal;
	font-size:12px;
	color: #ffffff;
	text-align:center;
	vertical-align:middle;
}

#footer a
{
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}

#footer a:link, #footer a:visited 
{
	color:#ffffff;
	text-decoration:none;
	font-weight:normal;
}
#footer a:hover 
{
	color:#B9D5F0;
	font-weight: normal;
	text-decoration:none;
}