/* Contenedor DE HISTORIA y columnas para la edición (3)
--------------------------------------------------------------------------------------- */
#cont_historia{
	width:940px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	vertical-align: top;
	text-align: left;
	color: #000;
	font-weight: normal;
	float: left;
	margin-top: 5;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#col_huno{
float: left; 
width: 440px; 
margin: 0px 0px 0px 0px; 
}
#col_hdos{
float:left;	 
width: 245px; 
margin: 0px 0px 0px 5px; 
}
#col_htres{
float:left;	 
width: 245px; 
margin: 0px 0px 0px 5px; 
}
#cont_edicion{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	vertical-align: top;
	text-align: left;
	color: #000;
	font-weight: normal;
	float: left;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#col_uno{
	float: left;
	width: 150px;
	margin: 0px 0px 0px 0px;
}
#col_dos{
	float:left;
	width: 150px;
	margin: 0px 0px 0px 5px;
}
#col_tres{
	float:left;	 
	width: 150px; 
	margin: 0px 0px 0px 5px; 
}
#col_cuatro{
	float:left;
	width: 205px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;	
	background-color: #F5F5F5;
}
#col_cinco{
	float:right;
	width: 250px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
}
/* articulos de l a columna quinta
--------------------------------------------------------------------------------------- */
#cont_humor{
	width:230px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	vertical-align: top;
	text-align: left;
	color: #000;
	font-weight: normal;
	float: left;
	margin-left: 800px;
}
#col_one{
float: left; 
width: 230px; 
margin: 0px 0px 0px 0px; 
}
/* columnas para la historia (5)
--------------------------------------------------------------------------------------- */
#cont_historia{
	width:940px; 
	margin: 0 auto 0 auto; 
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	vertical-align: top;
	text-align: left;
	color: #000;
	font-weight: normal;
}
#columna_uno{
float: left; 
width: 150px; 
margin: 0px 0px 0px 0px; 

}
#columna_dos{
float:left;	 
width: 150px; 
margin: 0px 0px 0px 10px; 
}
#columna_tres{
float:left;	 
width: 150px; 
margin: 0px 0px 0px 10px; 
}
#columna_cuatro{
float:left;	 
width: 230px; 
margin: 0px 0px 0px 10px; 
}
#columna_cinco{
float:left;	 
width: 230px; 
margin: 0px 0px 0px 10px; 
}




/* gradiente azul muy buena. Hay que ajustar el ancho, porque se escapa
--------------------------------------------------------------------------------------- */
.tabla {
	border-collapse:collapse;
	background:#EFF4FB url(http://www.roscripts.com/images/teaser.gif) repeat-x;
	border-left:1px solid #686868;
	border-right:1px solid #686868;
	font:0.8em/145% 'Trebuchet MS',helvetica,arial,verdana;
	color: #333;
	font-weight: bold;
	text-align: left;
}

.tabla td, th {
		padding:5px;
}

.tabla caption {
		padding: 0 0 .5em 0;
		text-align: left;
		font-size: 1.4em;
		font-weight: bold;
		text-transform: uppercase;
		color: #333;
		background: transparent;
}

/* enlaces
----------------------------------------------- */

.tabla a {
		color:#950000;
		text-decoration:none;
}

.tabla a:link {}

.tabla a:visited {
		font-weight:normal;
		color:#666;
		text-decoration: line-through;
}

.tabla a:hover {
	border-bottom: 1px dashed #bbb;
	font-weight: bold;
}

/* =body
----------------------------------------------- */

.tabla tbody th {
		white-space: nowrap;
}

.tabla tbody th a {
		color:#333;
}

.tabla tbody tr:hover {
		background:#fafafa
}
/* esta es la tabla del curso en video del sudaca. la uso para la memoria historica
--------------------------------------------------------------------------------------- */
.tabla-historia {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
text-align: right;
width: 240px;
border:0x solid;
border-collapse:collapse;
text-align:left
}
.tabla-historia td{
	text-align:left
}
.tabla-historia tr:hover{
	background-color:#16e2ef;
}
