@charset "utf-8";
/* CSS Document */

body {
	font: 100% Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	background: #666666;
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuracin 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 alineacin a la izquierda en el selector #container */
	color: #000000;
	background-color: #334B10;
    }
	
/*------------------------------------------------------------------------------------------------------*/
/*---------------------------------------- CONTENEDOR PRINCIPAL ----------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/

.thrColAbsHdr #container {
	position: relative; /* la adicin de position: relative le permite colocar las dos barras laterales en relacin con este contenedor */
	width: 768px;  /* el uso de 20px menos que un ancho completo de 800px da cabida a los bordes del navegador y evita la aparicin de una barra de desplazamiento horizontal */
	height: 859px;
	background: #FFFFFF;
	margin: 0 auto; /* los mrgenes automticos (conjuntamente con un ancho) centran la pgina */
	border: 1px solid #000000;
	text-align: left; /* esto anula text-align: center en el elemento body. */
	background-image:url(../images/fondos/fondo5.jpg);
    } 
    /* Sugerencias para barras laterales con posicin absoluta con encabezado y pie:
    1. Los elementos con posicin absoluta (AP) deben recibir un valor superior y lateral, ya sea derecho o izquierdo. (De manera predeterminada, si no se asigna ningn valor superior, el elemento AP comenzar directamente despus del ltimo elemento del orden de origen de la pgina. Esto significa que, si las barras laterales son el primer elemento del #container en el orden de origen del documento, aparecern en la parte superior del #container aunque no se les asigne un valor superior. No obstante, si posteriormente se trasladan en el orden de origen por cualquier motivo, necesitarn un valor superior para que aparezcan donde usted desea.
    2. Los elementos con posicin absoluta (AP) se extraen del flujo del documento. Esto significa que los elementos situados alrededor de ellos no saben que existen y no los tienen en cuenta al ocupar su espacio en la pgina. En consecuencia, slo deber utilizar un div AP como columna lateral si est seguro de que el div #mainContent del centro siempre ser el que incluya la mayor parte del contenido. Si alguna de las barras laterales incluyera ms contenido, la barra lateral superara la parte inferior del div padre, en este caso tambin el pie, y no parecera que la barra lateral estuviera contenida.
    3. Si se cumplen los requisitos anteriores, las barras laterales con posicin absoluta pueden ser una forma sencilla de controlar el orden de origen del documento.
    4. Si cambia el orden de origen, el valor superior deber ser igual a la altura del encabezado, ya que esto har que las columnas confluyan visualmente con el encabezado.
    */
.thrColAbsHdr #header { 
    	height: 100px; /* si est cambiando el orden de origen de las columnas, puede que le interese utilizar una altura en el encabezado que le permita asignar a las columnas un valor superior predecible */
    	padding: 0 10px 0 20px;  /* este relleno coincide con la alineacin izquierda de los elementos de los divs que aparecen bajo l. Si se utiliza una imagen en el #header en lugar de texto, es posible que le interese quitar el relleno. */
		/*background-image:url(../images/fondos/fondoFrameSuperior.jpg)*/
    } 
.thrColAbsHdr #header h1 {
    	margin: 0; /* el ajuste en cero del margen del ltimo elemento del div de #header evita la contraccin del margen (un espacio inexplicable entre divs). Si el div tiene un borde alrededor, esto no es necesario, ya que tambin evita la contraccin del margen */
    	padding: 35px; /* el uso de relleno en lugar de margen le permitir mantener el elemento alejado de los bordes del div */
    }
.thrColAbsHdr #mainContent { 
		height:571px;
		overflow:auto;
    	margin: 0 100px; /* los mrgenes derecho e izquierdo de este elemento div crean las dos columnas externas de los lados de la pgina. Con independencia de la cantidad de contenido que incluyan los divs de las barras laterales, permanecer el espacio de la columna. */
    	padding: 0 0px; /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
		background-image:url(../images/fondos/fotoCentralPrueba3.jpg);
		border: solid #000000 5px;
    }
.thrColAbsHdr #footer { 
    	padding: 0 10px 0 20px; /* este relleno coincide con la alineacin izquierda de los elementos de los divs que aparecen por encima de l. */
    } 
.thrColAbsHdr #footer p {
    	margin: 0; /* el ajuste en cero de los mrgenes del primer elemento del pie evitar que puedan contraerse los mrgenes (un espacio entre divs) */
    	padding: 10px 0; /* el relleno de este elemento crear espacio, de la misma forma que lo hara el margen, sin el problema de la contraccin de mrgenes */
    }
.Estilo1 {color: #FFFFFF}

a:link {
	color: #000000;
	text-decoration: none;
}

a:visited {
	color: #003300;
	text-decoration: none;
}

a:hover {
	color: #334B10;
	text-decoration: none;
}

a:active {
	color: #993300;
	text-decoration: none;
}


.contenido {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color: #FFFFFF;
}
.contenido a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color: #FFFF00;
}
.contenido a:hover {
	color: #33FF00;
}
.contenido a:visited {
	color: #CC9900;
}
