body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	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 #contenedor */
	color: #000000;
	background-color: #666;
}







.cabecera_dos_columnas #contenedor { 
	width: 47.5em;  /* este ancho crear un contenedor que cabr en una ventana de navegador 800px si el texto se deja con los tamaos de fuente predeterminados del navegador */
	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. */
} 
.cabecera_dos_columnas #cabecera { 
	background: #DDDDDD; 
	padding: 0 10px;  /* este relleno coincide con la alineacin izquierda de los elementos de los divs que aparecen bajo l. Si se utiliza una imagen en el #cabecera en lugar de texto, es posible que le interese quitar el relleno. */
} 





.cabecera_dos_columnas #cabecera h1 {
	margin: 0; /* el ajuste en cero del margen del ltimo elemento del div de #cabecera 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: 10px 0; /* el uso de relleno en lugar de margen le permitir mantener el elemento alejado de los bordes del div */
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: x-large;
	font-style: normal;
	font-weight: bold;
	font-variant: small-caps;
	color: #C36;
	

}

/* Sugerencias para navegacion_global:
1. Tenga en cuenta que, si establece un valor de tamano de fuente en este div, el ancho global del div se ajustar en funcin de este.
2. Dado que est trabajando en ems, es conveniente no utilizar relleno en la barra lateral propiamente dicha. Se aadir al ancho en el caso de navegadores que cumplen los estndares, creando un ancho real desconocido. 
3. El espacio entre el lado del div y los elementos que contiene puede crearse colocando un margen izquierdo y derecho en dichos elementos, como se observa en la regla ".cabecera_dos_columnas #navegacion_global p".
*/
.cabecera_dos_columnas #navegacion_global {
	float: left; 
	width: 12em; /* dado que este elemento es flotante, debe asignarse un ancho */
	background: #EBEBEB; /* el color de fondo se mostrar a lo largo de todo el contenido de la columna, pero no ms all */
	padding: 15px 0; /* el relleno superior e inferior crea un espacio visual dentro de este div */
}




#navegacion_global ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#navegacion_global li { margin: 0; }

#navegacion_global a
{
font-size: 0.9em;
display: block;
color: #FFF;
background-color: #036;
width: 9em;
padding: 3px 12px 3px 8px;
text-decoration: none;
border-bottom: 1px solid #fff;
}

#navegacion_global a:hover
{
	background-color: #C69;
	color: #FFF;
}

#navegacion_global li li a
{
display: block;
color: #FFF;
background-color: #69C;
width: 9em;
padding: 3px 12px 3px 8px;
text-decoration: none;
border-bottom: 1px solid #fff;
}








/* Sugerencias para contenido_principal:
1. Si asigna a este div #contenido_principal un valor de tamao de fuente distinto del que tiene el div #navegacion_global, los mrgenes del div #contenido_principal se basarn en su tamao de fuente y el ancho del div #navegacion_global se basar en su tamao de fuente. Puede que le interese ajustar los valores de estos divs.
2. El espacio entre el contenido_principal y navegacion_global se crea con el margen izquierdo del div contenido_principal.  Con independencia de la cantidad de contenido que incluya el div navegacion_global, permanecer el espacio de la columna. Puede quitar el margen izquierdo si desea que el texto del div #contenido_principal llene el espacio de #navegacion_global cuando termine el contenido de #navegacion_global.
3. Para evitar la cada de un elemento flotante, puede que tenga que realizar pruebas con el fin de determinar el tamao mximo aproximado de la imagen/el elemento, ya que este diseo se basa en el tamao de fuente del usuario combinado con los valores que usted establezca. Sin embargo, si el usuario tiene configurado un tamao de fuente inferior al normal, habr menos espacio disponible en el div #contenido_principal del que observar al realizar la prueba.
4. En el siguiente comentario condicional de Internet Explorer, la propiedad zoom se utiliza para asignar a contenido_principal "hasLayout." Esto evita que se produzcan diversos problemas especficos de IE.
*/
.cabecera_dos_columnas #contenido_principal {
	margin: 0 1.5em 0 13em; /* el margen derecho puede asignarse en ems o pxeles. ste crea el espacio a lo largo de la parte derecha de la pgina. */
} 


#contenido_principal p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	text-align: justify;
	color: #333;
} 

#contenido_principal h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	font-style: normal;
	text-align: justify;
	color: #333;
	padding-bottom: 4px; 
    border-bottom: 1px solid #999;

}




.cabecera_dos_columnas #pie { 
	padding: 0 10px; /* este relleno coincide con la alineacin izquierda de los elementos de los divs que aparecen por encima de l. */
	
} 
 #pie p {
	margin: 10px 0 10px 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 5px 10px 5px; /* el relleno de este elemento crear espacio, de la misma forma que lo hara el margen, sin el problema de la contraccin de mrgenes */
	text-align: center;
	background:#DDDDDD;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
}

/* Varias clases diversas para su reutilizacin */
.fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la pgina. El elemento flotante debe preceder al elemento junto al que debe aparecer en la pgina. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la pgina. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el ltimo elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.cabecera_dos_columnas #contenedor #cabecera h1 strong {
	color: #936;
}
.cabecera_dos_columnas #contenedor #contenido_principal h1 .encabezado1 {
	font-size: medium;
}

a:link {
	color: #C69;
	text-decoration: none;
}
a:hover {
	color: #069;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #399;
}
a:active {
	text-decoration: none;
	color: #969;
}

.cabecera_dos_columnas #contenedor #contenido_principal h1 {
	font-size: medium;
}
body {
	color: #000;
	font-family: Verdana, Geneva, sans-serif;
}
.listado_viñeta {
	font-family: Tahoma, Geneva, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
	height: 18px;
	font-size: 12px;
}
.marco_texto {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-color: #666;
}
.subtitulo {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-variant: small-caps;
	color: #036;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	height: 1px;
}
.cabecera_dos_columnas #contenedor #navegacion_global .encabezado1 a {
	color: #FF0080;
}
.cabecera_dos_columnas #contenedor #navegacion_global .encabezado1 a {
	color: #FF80C0;
}