/* Tres columnas */
/* you have to be careful with Nifty Corners - don't add height to the outer containers or the corners will no display correctly in Safari. */

/*padd the */
* {margin:0; padding:0;}
body {
	text-align:center;  /* IE6 needs this to center the layout in the browser window */
	}
#contenedor_principal {
	width:840px; /* widths of columns will scale proportionately as this width is changed */
	margin-left:auto;  /* centers max'd layout in browser */
	margin-right:auto; /* centers max'd layout in browser */
	text-align:left; /* prevents page inheriting IE6 centering hack on body */
	padding:10px 0;
	margin-top:1px;
	}	
#encabezamiento {
	margin: 0 5px;
	}
#navegacion {
	width:130px;
	margin:10px 10px 10px 10px;
	float:left;
	display:inline; /* fixes IE6 margin doubling bug */	
	}
#contenido {
	width:550px;
	margin:10px 10px 10px 0px;
	float:left;
	}
#promocion {
	width:120px;
	margin:10px 0 10px 0;
	float:left;
	}
#pie {
	margin:0 10px;
	clear:both;
	}
#encabezamiento_interno, #contenido_interno, #promocion_interna {
	overflow:hidden; /* prevents oversize elements from breaking the layout */
	}
#encabezamiento_interno {
	padding:1em 2em;
	}
#navegacion_interna {
	padding:1em .5em;
	}
#contenido_interno {
	padding:0em 1em 1em 1.5em;
	}
#promocion_interna {
	padding:1em .5em;
	}
#pie_interno {
	padding:.5em 1em;
	text-align:center;
	}
img.foto {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}