div#fototeca_cont_fototeca_portada, div#vistazo_cont_vistazo_portada {
	position:absolute;
	top:5px;
	left:1px;
	margin:0 auto;
	width:331px;
	text-align:center;
	background:#eeeeee url(/img_maquetacion/creatividades/fototeca-vistazo/fdo_cont_fototecavistazo_img.jpg) 0 0 repeat-x;
	visibility:hidden;
	height:305px;
	overflow:hidden;
}

div#vt_vistazo {
	margin-bottom:0;
	}

div#ft_fototeca_portada {
	margin-bottom:0px;
}

ul#ft_cont_fotos {
	list-style:none;
	border:none;
	left:0;
	margin:0;
	overflow:hidden;
	padding:0;
	position:relative;
	top:0;
	z-index:1;

}

div.ft_contenedor_foto {
	height:210px;
	overflow:hidden;
	position:relative;
}

.contenedor_opaciti {
	background-color:#000000;
	bottom:0;
	height:25px;
	left:0;
	margin:0 auto;
	opacity:0.5;
	position:absolute;
	text-align:left;
	width:320px;
}


/* div que contiene el slider */
div.jcarousel-skin-fototeca-portada {
	margin:0 auto;
	border:1px solid white;
	width:320px;
}


div.jcarousel-container {
	background-color:#E7E7E7;
	padding-bottom:26px;
	position:relative;
}

/*div que contiene tanto la imagen como las flechas del desplazamiento*/
.jcarousel-skin-fototeca-portada .jcarousel-container-horizontal {
    width: 320px;
	/*padding-bottom:50px;*/
}

.jcarousel-skin-fototeca-portada .jcarousel-clip-horizontal, .jcarousel-skin-vistazo-portada .jcarousel-clip-horizontal {
    width:  320px;
    margin:0;
	overflow:hidden;
	padding:0;
	position:relative;
	z-index:2;

}

/*Este es el estilo del elemento que contiene la imagen, generalmente un <li>*/

.jcarousel-list li {
	float:left;
}

.jcarousel-skin-fototeca-portada .jcarousel-item {
    width: 320px;
	height: 210px;
    height:auto;
	position:relative;
}

.jcarousel-skin-fototeca-portada .jcarousel-item-horizontal {
    margin-right: 0px;
}



.jcarousel-skin-fototeca-portada .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-fototeca-portada .jcarousel-next-horizontal, .jcarousel-skin-vistazo-portada .jcarousel-next-horizontal  {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 26px;
    height: 26px;
    cursor: pointer;
    background: transparent url(/img_maquetacion/botones/next-horizontal.jpg) no-repeat 0 0;
}

.jcarousel-skin-fototeca-portada .jcarousel-next-horizontal:hover {
    /*background-position: -32px 0;*/
}

.jcarousel-skin-fototeca-portada .jcarousel-next-horizontal:active {
   /* background-position: -64px 0;*/
}

.jcarousel-skin-fototeca-portada .jcarousel-next-disabled-horizontal,
.jcarousel-skin-fototeca-portada .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-fototeca-portada .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    /*background-position: -96px 0;*/
}

.jcarousel-skin-fototeca-portada .jcarousel-prev-horizontal {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 26px;
    height: 26px;
    cursor: pointer;
    background: transparent url(/img_maquetacion/botones/prev-horizontal.jpg) no-repeat 0 0;
}

/*Utiliza una tira de imágenes para cambiar el estado del botón, desplazándolo 32 pixeles, como se ve en los dos estilos de debajo*/

.jcarousel-skin-fototeca-portada .jcarousel-prev-horizontal:hover {
    /*background-position: -32px 0;*/
}

.jcarousel-skin-fototeca-portada .jcarousel-prev-horizontal:active {
    /*background-position: -64px 0;*/
}

.jcarousel-skin-fototeca-portada .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-fototeca-portada .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-fototeca-portada .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    /*background-position: -96px 0;*/
}