/* 
|---------------------------------------------------------
| Layout
|---------------------------------------------------------
*/
/*		Header de la sección	*/
#header_foros_principal {
	width: 61px;
	height: 27px;
	position: relative;
}

#header_seccion hr {
	margin-top: -10px;
	margin-left: 8em;
}

/*		La lista de temas	*/
#entradas_foro {
	position: absolute;
	bottom: 7em;
}

#contenedor {
	height: 800px;
}

#una_entrada_foro, #entradas_foro {
	width: 100%;
}

.img_foro div, .tema dl, .info_tema table {
	position: absolute;
	bottom: 0;
}

.img_foro, .tema, .info_tema {
	height: 89px;
	float: left;
}

.entrada_foro dl, .tema, .tema div {
	width: 550px;
}

.info_tema, .info_tema table {
	width: 316px;
}

.info_tema, .info_tema table {
	width: 316px;
}

* html .info_tema, * html .info_tema table { /* Se tiene que hacer este ajuste para IE o se descuadra la tabla */
	width: 314px;
	font-size: 1em;
}

* html #footer {
	position: absolute;
	bottom: 3px;
	width: 97%;
}

#primer_entrada table, #primer_entrada .info_tema {
	width: 319px;
}

* html #primer_entrada table, * html #primer_entrada .info_tema { /* Se tiene que hacer este ajuste para IE 6 o se descuadra la tabla */
	width: 317px;
}

* html #primer_entrada .tabla_post {
	width: 84px;
}

.tabla_primero {
	width: 113px;
}

.tabla_ultimo {
	width: 113px;
}

* html #primer_entrada .tabla_primero {
	width: 110px;
}

* html #primer_entrada .tabla_ultimo {
	width: 112px;
}

.info_tema table td p {
	margin: 0px 6px 0px 6px;
}

.info_tema table td .ultimo_parrafo {
	margin-bottom: 6px;
}

.info_tema table td .primer_parrafo {
	margin-top: 6px;
}

table td.tabla_post p {
	margin-bottom: 2em;
}

.info_tema table {
	height: 90px;
}

.img_foro {
	width: 125px;
	position: relative;
}

.img_foro div {
	width: 125px;
}

/* Para los comentarios */
#panel_izquierdo #comentarios {
	width: 664px;
	overflow: auto;
	height: 430px;
}

#panel_derecho {
	width: 301px;
	position: relative;
}

#panel_izquierdo {
	width: 664px;
}

#panel_derecho #componente_login {
	top: 24px;
	position: absolute;
}

/* 
|---------------------------------------------------------
| Estilos fuentes
|---------------------------------------------------------
*/
.tema dt {
	font-size: 1.5em;
}

.tema dt a, .tema dt {
	font-family: Arial Black, Gadget, sans-serif;
	color: #003300;
	text-decoration: none;
}

.tema dt a:hover {
	font-weight: bold;
}

.info_tema table th, .info_tema table td {
	font-size: 1.2em;
}

.tema {
	font-size: 1.2em;
	color: #333333;
	text-align: justify;
}

.info_tema, .info_tema table {
	color: #333333;
}

.img_foro div {
	text-align: center;
}

.info_tema table th {
	color: #FFFFFF;
}

.info_tema table td {
	text-align: center;
	vertical-align: bottom;
}

.info_tema table td {
	border-right: 2px solid #002C00;
}

.info_tema table .tabla_post {
	width: 85px;
	border-right: none 0px;
}

#primer_entrada .tabla_post {
	width: 85px;
}

#entrada_vacia, #entrada_vacia .img_foro, #entrada_vacia .tema, #entrada_vacia .info_tema, #entrada_vacia .info_tema table {
	height: 20px;
	border-bottom: 0px none;
}

.entrada_foro dt, .entrada_foro dd {
	margin: 0px 20px 8px 8px;
}

/* 
|---------------------------------------------------------
| Estilos generales
|---------------------------------------------------------
*/
#header_foros_principal span {
	background: no-repeat url('../images/titulo_foros.jpg');
	position: absolute;
	width: 100%;
	height: 100%;
}

#una_entrada_foro ul, #entradas_foro ul {
	list-style: none;
}

.entrada_foro {
	float: left;
	position:relative; /* Para poder alinear los 3 divs de cada entrada abajo */
	width: 100%;
}

.img_foro, .tema, .info_tema {
	border-bottom: 1px solid #002C00;
}

.info_tema {
	border-right: 1px solid #002C00;
	border-left: 2px solid #002C00;
}

#primer_entrada .info_tema {
	border-right: 0px solid;
}

#primer_entrada div {
	border-left: none;
}

.img_foro {
	background: #002C00;
	color: #00FFFF;
}

#primer_entrada table {
	border-left: 2px solid #002C00;
	border-right: 1px solid #002C00;
	height: auto;
}

.info_tema table th {
	background-color: #003300;
}

.img_foro img {
	border: none;
}

/**************************************************************************
 * NOTA: Se tiene que hacer una distinción entre los exploradores
 * 		 estandarizados y explorer, porque explorer muestra un
 *       espacio para los thead aunque se ponga display: none a los
 *       th, por lo que se obliga a que desaparezca quitando el thead.
 *       No se puede dejar junto con el normal, porque si se quita el
 *       thead, es complicado regresar los th a su display normal.
 **************************************************************************/
/* -------------------------------------------------------------------- */
#primer_entrada th {
	display: table-cell;
}

.info_tema table th {
	display: none;
}

* html .info_tema table thead {
	display: none;
}

* html #primer_entrada thead, * html #primer_entrada th {
	display: block;
}

*:first-child+html .info_tema table thead {
	display: none;
}

*:first-child+html #primer_entrada thead, *:first-child+html #primer_entrada th {
	display: block;
}
/* -------------------------------------------------------------------- */