/*Estilos generales galería videos*/

div#cont_galeria{
	width:386px;
	height:317px;
	float:left;
	margin:0px auto;
	position:relative;
	text-align:center;
	background:transparent url(/img_maquetacion/fondos/cuerpo_galeria.jpg) scroll repeat-y 0px 0px;
}

div#cont_galeria_abajo{
	width:386px;
	background:transparent url(/img_maquetacion/fondos/pie_galeria.jpg) scroll no-repeat 0px 0px;
	height:4px;
	overflow:hidden;
}

p.galeria_tit{
	color:#243B4A;
	margin:0px;
	text-align:left;
	font-size:1.8em;
	line-height:27px;
	font-family: Arial, Helvetica, sans-serif;
	background:transparent url(/img_maquetacion/fondos/cabecera_galeria.jpg) scroll no-repeat 0px 0px;
	vertical-align:middle;
	padding:3px 0 0 10px;
}

a.galeria_tit_link {
	color:#243B4A;
	font-weight:bold;
}

div#cont_img_din {
	overflow:hidden; 
	width:380px; 
	height:202px; 
	margin:0 auto;
	text-align:center;
	border:1px solid #f9f8f8;
	background-color:#f9f8f8;
}
	
/*Estilos para el slider*/
	
div#cont_slider_videos {
	background-color:transparent;
	width:370px;
	position:absolute;
	bottom:0px;
	left:7px;
	margin:0px auto;
}

img#gal_foto_img {
	border:1px solid #fff;
}

div.gal_cont_foto_tit {
	font-size:1.1em;
	margin:0 auto;
	padding:0px;
	text-align:left;
	padding-left:45px;
}

p.gal_foto_tit {
	color:#fff;
	margin-top:10px;
	margin-bottom:10px;
	padding:0px;
}



/* div que contiene el slider */
div.jcarousel-skin-slider-videos jcarousel-container {
	background-color:#d9d7d7;
}

.jcarousel-skin-slider-videos {
	margin:0 auto;
	border:none;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	width: 100%;
	height:77px;
	text-align:center;
	
}

ul#slider_videos {
	list-style:none;
	padding:0;
	height:53px;
	overflow:hidden;
	margin:0;
	position:relative;
	z-index:1;
	margin-top:12px;
}

/*div que contiene tanto la imagen como las flechas del desplazamiento*/
div.jcarousel-skin-slider-videos div.jcarousel-container-horizontal {
    width: 640px;
	padding:0px;
	height:90px;
}

.jcarousel-skin-slider-videos .jcarousel-container-vertical {
    width: 100%;
    height: 495px;
    padding: 40px 0px;
}

.jcarousel-skin-slider-videos .jcarousel-clip-horizontal {
    width: 546px;
	height:90px;
	margin:0px auto;
	overflow:hidden;
	position:relative;
	z-index:2;
}

/*Este es el estilo del elemento que contiene la imagen, generalmente un <li>*/
.jcarousel-skin-slider-videos .jcarousel-item-horizontal {
	float:left;
	height:90px;
	margin:0 auto;
	margin-right:3px;
	padding:0;
	width:546px;

}

.jcarousel-skin-slider-videos .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-slider-videos .jcarousel-next-horizontal {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 44px;
    height: 90px;
    cursor: pointer;
    background: transparent url(/videos/img/flecha_drch_destadados.jpg) no-repeat 0 0;
}

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

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

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

.jcarousel-skin-slider-videos .jcarousel-prev-horizontal {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width:44px;
    height: 90px;
    cursor: pointer;
    background: transparent url(/videos/img/flecha_izq_destadados.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-slider-videos .jcarousel-prev-horizontal:hover {
    /*background-position: -32px 0;*/
}

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

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