body
{
	
	/*margin : auto;
	text-align: center;*/
    text-align:center; /*IE5 no centra con margenes auto pero text-align:center; alineará los DIV's superiores*/
    min-width:820px; /*Agregar un min-width tan ancho como el del contenedor*/

}

#contenedor-mx
{
	/*position: absolute;*/
	top:70px;
	/*margin-top:0px;
	margin-left:0px;
	*/
	width:820px;
	height:1160px;
	/*left:0; */
	z-index:0;
	overflow: hidden;
	background-color:#CCCCCC;
	border:1px solid #000000;
}



#contenedor
 {
  text-align:left; /*Resetear el alineamiento a la izquierda, recuerden que lo centramos para IE5*/
  width:820px;
  height:1150px;
  margin-left:auto;
  margin-right:auto;

	z-index:0;
	background-color:#CCCCCC;
	border:1px solid #000000;
}


#contenedor-index
 {
  text-align:left; /*Resetear el alineamiento a la izquierda, recuerden que lo centramos para IE5*/
	height:450px;
	padding:5px;

  width: 820px ; /*Esto deberia ser lo mismo que el min-width del body*/
/*Colocando los margenes auto centrará todo el contenedor en el body*/
  margin-left: auto ;
  margin-right: auto ;

	z-index:0;
	background-color:#CCCCCC;
	border:1px solid #000000;
}



xxxx#titulo
{
	position:absolute;
	width:810px;
	height:45px;
	z-index:1;
	left:6px;
	top:7px;
	background-color:#FFFFFF;
	border-width:2px;
	border-style:solid;
	border-color:#CCCCCC;

}


#calcular
{
	position:absolute;
	width:810px;
	height:115px;
	z-index:1;
	left:3px;
	top:55px;
	background-color:#FFFFFF;
	border-width: 2px;
	border-style: solid;
	border-color:#aaaddd;
}

#fondo
{
	width:865px;
	height:560px;
	position:absolute;
	left:5px;
	top:5px;
	z-index:2;
	background-color:#FFFFFF;
	/*background-image:  url(../imgs/marco/relleno.png);*/
	overflow:hidden;
	border-top-style:solid;
	border-left-style:solid;
	border-width:1px;
	border-color:#999999;
}