/* Foto portada
------------------------------------------------------------------*/
#foto-portada {
	float:left;
	position:relative;
	width:600px;
	height:325px;
	overflow:hidden;
	background:#777;
	}
#foto-portada .esquinas {
	position:absolute;
	top:0;
	width:598px;
	}
#foto-portada a#enlace-foto-portada {
	}
#foto-portada a#enlace-foto-portada img {
  position: absolute;
	}
.foto-portada-pie {
  position: absolute;
	bottom:0;
	left:0;
  width: 600px; /* remember to set a width */
	font-size:11px;
	color:white;
	}
.foto-portada-overlay{
  position: absolute;
  top: 0; /* These positions makes sure that the overlay */
  bottom: 0;  /* will cover the entire parent */
  left: 0;
  width: 100%;
	height:22px;
  background:black;
  opacity: 0.60;
  -moz-opacity: 0.60; /* older Gecko-based browsers */
  filter:alpha(opacity=60); /* For IE6&7 */
	}
.foto-portada-pie .foto-portada-contenido-pie {
  position: relative;
  padding:4px 7px;
	}
.foto-portada-pie .foto-portada-contenido-pie p {
	}
.foto-portada-pie  a, .foto-portada-enlace-pie a {
  font-weight:bold;
	color:white;
	}
.foto-portada-pie a:hover, .foto-portada-pie a:active, .foto-portada-pie a:focus {
	}
/* Lets use the * html hack so only IE6 reads the rule */
* html .foto-portada-pie .foto-portada-overlay {
  /*height: expression(document.getElementById("pie-foto-portada").offsetHeight);*/
	}
	
.foto-portada-enlace-pie {
  position: absolute;
	display:inline;
	bottom:0;
	right:0;
	text-align:right;
  padding:4px 7px;
	font-size:11px;
	color:white;
	}