/* Based on a template by Ben Meadowcroft, see http://www.benmeadowcroft.com/webdev/  for more info */
html, body, #content
{
	min-height: 90%;
	width: 95%;
	height: 85%; /* Hack for IE5+ */
}

html>body, html>body #content
{
	height: auto;
}

body
{
	margin: 0px;
}

#content
{
	position: absolute;
	top: 60px;
  border:3px solid rgb(0,0,0);
	margin-top:1em;
	margin-left:2em;				
	background-image : url(images/p-rojo-hojas.jpg);
	background-repeat : repeat;	
	background-position : top left;	
}

.menu
{
	position : absolute;
	top : 1em;
	left : 5px;
	width : 10em;
	z-index : 1;
	padding : 0px;
}

.menu
{
	padding : 0.5em;
	margin-bottom : 0.5em;
}

.menu a
{
	display : block;
}
.menu .delimiter
{
	display : none;
}

.other
{
	position : absolute;
	top : 1em;
	right : 5px;
	width : 10em;
	z-index : 1;
	padding : 0em;
}

.other
{
	padding : 0.5em;
	margin-bottom : 0.5em;
}

.contentText
{
	margin-top:1em;
	margin-bottom: 3em;
	margin-right:2em;
	margin-left:12em;
  height: 450px;
	padding:0.5em;
}

.footer {
	width: 100%;
	text-align: center;
	border-top:1px solid rgb(0,0,0);
	background-color:rgb(255,255,255);
	color:rgb(0,0,0);
	position:absolute;
#  height: 15px;
	bottom :0px;
}