/***************************************
* Estilos de maquetacion en 2 columnas *
****************************************/

#contenido,
#menu {
	position: relative;

}

#contenido {
	float:left;
	width: 100%;
}

#contenido * {
	margin-left:17em;
	margin-right: 0.4em;

}

#menu 
{
	float: left;
	width: 15.5em;
	margin-left: -100%;
	padding-left: 0.4em;
}
#contenido * * {
	margin-left: 0;
	margin-right: 0;
}

/* En el ie6 el menu flotaba sobre el contenido, por lo que necesitaba un desplazamiento mayor a la izquierda.
   Hack para el internet explorer 6: Este no entiende la etiqueta html>body #menu, por lo que en el ie6 se aplica
   el margen a la izquierda de -120% mientras que en ie7 y firefox el de 100%.  


#contenido {
	float:left;
	width: 80%;
}
#contenido * {
	margin-left: 40em;
	margin-right: 0.4em;
}


#menu {
	float: left;
	width: 15.5em;
	margin-left: -85em;
	padding-left: 0.4em;
}

*/





/***********************************************
* Otros estilos dependientes de la maquetación *
************************************************/

#contenido h2 {
	margin-left: 8.5em; /* Esto sale de (17 / 2) -> margen del contenido entre tamaño de la fuente (definida en comun.css) */
}
#contenido h3 {
	margin-left: 11.3em; /* Esto sale de (17 / 1.5) -> margen del contenido entre tamaño de la fuente (definida en comun.css) */
}
#contenido h4 {
	margin-left: 14.2em; /* Esto sale de (17 / 1.2) -> margen del contenido entre tamaño de la fuente (definida en comun.css) */
}

/* restaura el margen cuando están dentro de otra etiqueta */
#contenido * h2 {
	margin-left: 0;
}
#contenido * h3 {
	margin-left: 0;
}
#contenido * h4 {
	margin-left: 0;
}