/* Portada (index.php) */

/**
 * Noticias
 */

#columna-izquierda {
	float:left;
	width:228px;
	margin-bottom:10px;
	text-align:center;
}
	#columna-izquierda * {
		margin-left:15px;
	}
	
	#titulo-columna {
		margin:0 0 0 8px; padding:0; border:0;
		position:relative;
		width:228px; height:27px;
/* IE6! */		_width:225px;
		overflow:hidden;
	}
		#titulo-columna span {
			display:block;
			position:absolute; left:0; top:0; z-index:1;
			width:228px; height:27px;
/* IE6! */			_width:225px;
			margin:0; padding:0;
			background:url("../images/titulo_portada.png") top right no-repeat;
		}


	.titular-noticia {
		margin:20px 0 6px 0;
		padding:0 10px; /* como el ancho de la imagen */
		font-weight:bold;
		text-align:left;
		font-size:70%;
	}
	#columna-izquierda img {
		margin:0 0 10px 0; padding:0;
	}
	.ampliar-noticia {
		margin:0; padding:0 10px;
		color:#FF0000;
		font-weight:bold;
		text-decoration:none;
		display:block;
		text-align:left;
		font-size:80%;
	}
	A:visited .ampliar-noticia {
		color:#990000;
	}


/* marco de la imagen de noticia */
.contenedor-foto {
	position:relative;
	margin:0; padding:0;
	width:210px;
	height:140px;
}
	.contenedor-foto * {
		margin:0; padding:0;
	}
	.marco-foto-noticia {
		position:relative;		
	}
	
	.foto-noticia {
		position:absolute;		/* Saca la foto del flujo de posición de la capa, lo cual permite subir a la foto del marco a la posición 0,0 */
		top:11px;				/* Coloca la foto un poco abajo y a la izquierda del marco (y de la capa contenedora) */
		left:0px;
	}


/* Columna derecha */

#columna-derecha {
	margin:0; padding:0; border:none;
	margin-left:236px;
/* Sólo para IE6! */	_margin-left:233px;
	position:relative;
	background: url("../images/fondo-drch-portada.png") top left no-repeat;
	width:684px;
	height:394px;
	text-align:center;
}

	#flash-portada {
		position:absolute;
		top:40px;
		left:80px;
		padding:12px;
		background: url("../images/fondo-drch-flash.gif") top left no-repeat;
	}
		#flash-portada a {
			color:#666666;
			text-decoration:none;
		}
		#flash-portada a:hover {
			text-decoration:underline;
		}

	
	#enlaces-20 {
		margin: 0 auto;
		position:absolute;
		top: 52px; /*40+12*/
		left:535px;
		width:135px;
	}
		#enlaces-20 img {
			margin-bottom:15px;
		}
		#enlaces-20 img#ksa-empresa-20 {
			margin-bottom:40px;
		}