@charset "iso-8859-1";
body  {
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuracion predeterminada de los diversos navegadores */
	padding: 0;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineacion a la izquierda en el selector #container */
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #FFFFFF;
	border: thin solid #EBEBEB;
    }
    .thrColFixHdr #container {
	width: auto; /* los margenes automaticos (conjuntamente con un ancho) centran la pagina */
	border: 1px none #999999;
	text-align: left; /* esto anula text-align: center en el elemento body. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFFFFF;
    } 
    .thrColFixHdr #header {
	background-image: url(../image-files/topborder.jpg);
	background-repeat:  repeat-x;
	height: 141px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
    } 
    .thrColFixHdr #header h1 {
    	margin: 0; /* el ajuste en cero del margen del ultimo elemento del div de #header evita la contraccion del margen (un espacio inexplicable entre divs). Si el div tiene un borde alrededor, esto no es necesario, ya que tambien evita la contraccion del margen */
    	padding: 10px 0; /* el uso de relleno en lugar de margen le permitira mantener el elemento alejado de los bordes del div */
    }
    .thrColFixHdr #sidebar1 {
	float: left; /* dado que este elemento es flotante, debe asignarse un ancho */
	width: 120px; /* el relleno mantiene el contenido del div alejado de los bordes */
	background-color: #FFFFFF;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 20px;
	font-size: 12px;
    }
    .thrColFixHdr #sidebar2 {
	float: right; /* dado que este elemento es flotante, debe asignarse un ancho */
	width: 160px; /* el color de fondo se mostrara a lo largo de todo el contenido de la columna, pero no mas alla */
	padding: 15px 10px 15px 20px; /* el relleno mantiene el contenido del div alejado de los bordes */
	background-color: #FFFFFF;
	font-size: 12px;
	border-left-style: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
    }
    .thrColFixHdr #mainContent {
	margin-top: 0;
	margin-right: 200px;
	margin-bottom: 0;
	margin-left: 160px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	font-size: 12px;
	height: auto;
    } 
    .thrColFixHdr #footer {
	padding: 0 10px 0 20px;
	background-color: #EBEBEB;
	font-size: 10px;
	color: #000000;
    } 
    .thrColFixHdr #footer p {
    	margin: 0; /* el ajuste en cero de los margenes del primer elemento del pie evitara que puedan contraerse los margenes (un espacio entre divs) */
    	padding: 10px 0; /* el relleno de este elemento creara espacio, de la misma forma que lo haria el margen, sin el problema de la contraccion de margenes */
    }
    .fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la pagina. El elemento flotante debe preceder al elemento junto al que debe aparecer en la pagina. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la pagina. */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el ultimo elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }