body, html {
	width: 100%;
	height:100%;
	margin: 0px;
	padding: 0px;
}

img{
	border:0px;
	padding:0px;
	margin: 0;
}

#outer-frame {
	min-height:100%;
	width: 100%;
	background:url(../images/backgrounds/bgr_txt.gif) center top repeat-y;
}

#root-div{
	width:890px;
	/*min-height:100%;*/
	margin-left: auto;
	margin-right:auto;
}

#main-header{
	width: 100%;  /* div#main-header se extrajo de #root-div y se le dio ancho total para fijar el background de las esquinas */
	/*width:890px;
	margin-left: auto;
	margin-right:auto;*/
}
#banner-logo{
	width:890px; /* ahora #banner-logo es quien determina el ancho del encabezado y  no #main-header */
	margin-left: auto;
	margin-right:auto;
	height: 187px;
}

#banner{
	width:890px;
	height: 286px;
	padding:0;
}
#banner-flash {
	width:890px;
	height:391px;
}

#main-content{
	width:890px;
	margin-left: auto;
	margin-right:auto;
}

#content {
	padding:0px;
	margin:0px;
}

#main-footer{
	clear:both;
	padding-top:15px;
	padding-bottom:15px;
}

/* -------- estilos especificos de home.htm -------- */
#trio {
	padding-top: 85px;
	padding-right: 12px;
	padding-bottom: 40px;
	padding-left: 12px;
	height: 50px;
}
#trio a {
}
div.cols {
	width: 264px;
	margin: 0 12px;
	float: left;
}
ol {
	list-style: decimal;
}
ol li {
	list-style-position:inside;
	list-style:decimal;
	margin-left: 18px;
}