/* 
    Document   : jcarousel
    Author     : NitsNets Studios
    Description:
        Estilos destinados al carrusel de imágenes
*/

/* ---------------------------------------------------------
 * ---------------------------------------------------------
 * ---------------------------------------------------------
 * ESTILO 1 : HOME
 * ---------------------------------------------------------
 * ---------------------------------------------------------
 * ---------------------------------------------------------
 */
 
/* Galería o Carousel */
.carousel_horizontal {
	height:		110px;
	margin:		0px 0px 25px 0px;
	position: 	relative;
}


.jcarousel-skin-nosplay .jcarousel-container {
	
}

.jcarousel-skin-nosplay .jcarousel-container-horizontal {
    width: 		836px; /* 940px */
    padding: 	0px 52px;
}

.jcarousel-skin-nosplay .jcarousel-clip-horizontal {
    width:  	836px;
    height: 	110px;
}

.jcarousel-skin-nosplay .jcarousel-item {
    width: 		160px;
    height: 	110px;
}

.jcarousel-skin-nosplay .jcarousel-item-horizontal {
    margin-right: 9px;
}

.jcarousel-skin-nosplay .jcarousel-item-placeholder {
    background: #ffffff;
    color: 		#000000;
}


/* ---------------------------------------------------------
 * BANNERS
 * ---------------------------------------------------------
 */
.jcarousel-skin-nosplay .jcarousel_image {
	height:		110px;
	position: 	relative;
	width:		160px;
}
	.jcarousel-skin-nosplay .jcarousel_image img {
		float:		left;
		position:	relative;
	}

	.jcarousel-skin-nosplay .jcarousel_image .banner_corner_tl {
		background: url(images/videos_corner_tl.png) no-repeat 0 0;
		height: 	11px;
		left:		0px;
		position: 	absolute;
		top:		0px;
		width:		11px;
		
		_position:	inherit;
	}
	
	.jcarousel-skin-nosplay .jcarousel_image .banner_corner_tr {
		background: url(images/videos_corner_tr.png) no-repeat 0 0;
		height: 	11px;
		position: 	absolute;
		right:		0px;
		top:		0px;
		width:		11px;
		
		_position:	inherit;
	}
	
	.jcarousel-skin-nosplay .jcarousel_image .banner_corner_bl {
		background: url(images/videos_corner_bl.png) no-repeat 0 0;
		bottom:		0px;
		height: 	11px;
		left:		0px;
		position: 	absolute;
		width:		11px;
		
		_position:	inherit;
	}
	
	.jcarousel-skin-nosplay .jcarousel_image .banner_corner_br {
		background: url(images/videos_corner_br.png) no-repeat 0 0;
		bottom:		0px;
		height: 	11px;
		position: 	absolute;
		right:		0px;
		width:		11px;
		
		_position:	inherit;
	}


/*
 *  Botones Horizontales
 */
.jcarousel-skin-nosplay .jcarousel-next-horizontal {
    position: absolute;
    top: 	36px;
    right: 	5px;
    width: 	34px;
    height: 29px;
    cursor: pointer;
    background: transparent url(images/jcarousel_next_horizontal.gif) no-repeat 0 0;
}

.jcarousel-skin-nosplay .jcarousel-next-horizontal:hover {
    background-position: -34px 0;
}

.jcarousel-skin-nosplay .jcarousel-next-horizontal:active {
    background-position: -68px 0;
}

.jcarousel-skin-nosplay .jcarousel-next-disabled-horizontal,
.jcarousel-skin-nosplay .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-nosplay .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -102px 0;
}

.jcarousel-skin-nosplay .jcarousel-prev-horizontal {
    position: absolute;
    top: 	36px;
    left: 	5px;
    width: 	34px;
    height: 29px;
    cursor: pointer;
    background: transparent url(images/jcarousel_prev_horizontal.gif) no-repeat 0 0;
}

.jcarousel-skin-nosplay .jcarousel-prev-horizontal:hover {
    background-position: -34px 0;
}

.jcarousel-skin-nosplay .jcarousel-prev-horizontal:active {
    background-position: -68px 0;
}

.jcarousel-skin-nosplay .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-nosplay .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-nosplay .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -102px 0;
}





/* ---------------------------------------------------------
 * ---------------------------------------------------------
 * ---------------------------------------------------------
 * ESTILO 2 : FICHA JUEGO
 * ---------------------------------------------------------
 * ---------------------------------------------------------
 * ---------------------------------------------------------
 */
.jcarousel-skin-nosplay-2 .jcarousel-container {
	
}

.jcarousel-skin-nosplay-2 .jcarousel-container-horizontal {
    width: 		330px; /* 410px */
    padding: 	0px 40px;
}

.jcarousel-skin-nosplay-2 .jcarousel-clip-horizontal {
    width:  	330px;
    height: 	230px;
}

.jcarousel-skin-nosplay-2 .jcarousel-item {
    width: 		160px;
    height: 	230px;
}

.jcarousel-skin-nosplay-2 .jcarousel-item-horizontal {
    margin-right: 9px;
}

.jcarousel-skin-nosplay-2 .jcarousel-item-placeholder {
    background: #ffffff;
    color: 		#000000;
}


/* ---------------------------------------------------------
 * BANNERS
 * ---------------------------------------------------------
 */
.jcarousel-skin-nosplay-2 .jcarousel_image {
	height:		110px;
	margin:		0px 0px 10px 0px;
	position: 	relative;
	width:		160px;
}
	.jcarousel-skin-nosplay-2 .jcarousel_image img {
		float:		left;
		position:	relative;
	}

	.jcarousel-skin-nosplay-2 .jcarousel_image .banner_corner_tl {
		background: url(images/videos_corner_tl.png) no-repeat 0 0;
		height: 	11px;
		left:		0px;
		position: 	absolute;
		top:		0px;
		width:		11px;
		
		_position:	inherit;
	}
	
	.jcarousel-skin-nosplay-2 .jcarousel_image .banner_corner_tr {
		background: url(images/videos_corner_tr.png) no-repeat 0 0;
		height: 	11px;
		position: 	absolute;
		right:		0px;
		top:		0px;
		width:		11px;
		
		_position:	inherit;
	}
	
	.jcarousel-skin-nosplay-2 .jcarousel_image .banner_corner_bl {
		background: url(images/videos_corner_bl.png) no-repeat 0 0;
		bottom:		0px;
		height: 	11px;
		left:		0px;
		position: 	absolute;
		width:		11px;
		
		_position:	inherit;
	}
	
	.jcarousel-skin-nosplay-2 .jcarousel_image .banner_corner_br {
		background: url(images/videos_corner_br.png) no-repeat 0 0;
		bottom:		0px;
		height: 	11px;
		position: 	absolute;
		right:		0px;
		width:		11px;
		
		_position:	inherit;
	}
	

/*
 *  Botones Horizontales
 */
.jcarousel-skin-nosplay-2 .jcarousel-next-horizontal {
    position: absolute;
    top: 	102px;
    right: 	5px;
    width: 	28px;
    height: 25px;
    cursor: pointer;
    background: transparent url(images/jcarousel_next_horizontal_2.gif) no-repeat 0 0;
}

.jcarousel-skin-nosplay-2 .jcarousel-next-horizontal:hover {
    background-position: -28px 0;
}

.jcarousel-skin-nosplay .jcarousel-next-horizontal:active {
    background-position: -34px 0;
}

.jcarousel-skin-nosplay-2 .jcarousel-next-disabled-horizontal,
.jcarousel-skin-nosplay-2 .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-nosplay-2 .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -84px 0;
}

.jcarousel-skin-nosplay-2 .jcarousel-prev-horizontal {
    position: absolute;
    top: 	102px;
    left: 	5px;
    width: 	28px;
    height: 25px;
    cursor: pointer;
    background: transparent url(images/jcarousel_prev_horizontal_2.gif) no-repeat 0 0;
}

.jcarousel-skin-nosplay-2 .jcarousel-prev-horizontal:hover {
    background-position: -28px 0;
}

.jcarousel-skin-nosplay-2 .jcarousel-prev-horizontal:active {
    background-position: -56px 0;
}

.jcarousel-skin-nosplay-2 .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-nosplay-2 .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-nosplay-2 .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -84px 0;
}



/* ---------------------------------------------------------
 * ---------------------------------------------------------
 * ---------------------------------------------------------
 * ESTILO 3 : FICHA USUARIO
 * ---------------------------------------------------------
 * ---------------------------------------------------------
 * ---------------------------------------------------------
 */
.jcarousel-skin-nosplay-2-grey .jcarousel-container {
	
}

.jcarousel-skin-nosplay-2-grey .jcarousel-container-horizontal {
    width: 		345px; /* 410px */
    padding: 	0px 40px;
}

.jcarousel-skin-nosplay-2-grey .jcarousel-clip-horizontal {
    width:  	335px;
    height: 	230px;
    margin:		0px 0px 0px 8px;
}

.jcarousel-skin-nosplay-2-grey .jcarousel-item {
    width: 		160px;
    height: 	230px;
}

.jcarousel-skin-nosplay-2-grey .jcarousel-item-horizontal {
    margin-right: 9px;
}

.jcarousel-skin-nosplay-2-grey .jcarousel-item-placeholder {
    background: #ffffff;
    color: 		#000000;
}


/* ---------------------------------------------------------
 * BANNERS
 * ---------------------------------------------------------
 */
.jcarousel-skin-nosplay-2-grey .jcarousel_image {
	height:		110px;
	margin:		0px 0px 10px 0px;
	position: 	relative;
	width:		160px;
}
	.jcarousel-skin-nosplay-2-grey .jcarousel_image img {
		float:		left;
		position:	relative;
	}

	.jcarousel-skin-nosplay-2-grey .jcarousel_image .banner_corner_tl {
		background: url(images/videos_corner_tl_grey.png) no-repeat 0 0;
		height: 	11px;
		left:		0px;
		position: 	absolute;
		top:		0px;
		width:		11px;
		
		_position:	inherit;
	}
	
	.jcarousel-skin-nosplay-2-grey .jcarousel_image .banner_corner_tr {
		background: url(images/videos_corner_tr_grey.png) no-repeat 0 0;
		height: 	11px;
		position: 	absolute;
		right:		0px;
		top:		0px;
		width:		11px;
		
		_position:	inherit;
	}
	
	.jcarousel-skin-nosplay-2-grey .jcarousel_image .banner_corner_bl {
		background: url(images/videos_corner_bl_grey.png) no-repeat 0 0;
		bottom:		0px;
		height: 	11px;
		left:		0px;
		position: 	absolute;
		width:		11px;
		
		_position:	inherit;
	}
	
	.jcarousel-skin-nosplay-2-grey .jcarousel_image .banner_corner_br {
		background: url(images/videos_corner_br_grey.png) no-repeat 0 0;
		bottom:		0px;
		height: 	11px;
		position: 	absolute;
		right:		0px;
		width:		11px;
		
		_position:	inherit;
	}
	

/*
 *  Botones Horizontales
 */
.jcarousel-skin-nosplay-2-grey .jcarousel-next-horizontal {
    position: absolute;
    top: 	102px;
    right: 	0px;
    width: 	28px;
    height: 25px;
    cursor: pointer;
    background: transparent url(images/jcarousel_next_horizontal_2_grey.gif) no-repeat 0 0;
}

.jcarousel-skin-nosplay-2-grey .jcarousel-next-horizontal:hover {
    background-position: -28px 0;
}

.jcarousel-skin-nosplay-2-grey .jcarousel-next-horizontal:active {
    background-position: -56px 0;
}

.jcarousel-skin-nosplay-2-grey .jcarousel-next-disabled-horizontal,
.jcarousel-skin-nosplay-2-grey .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-nosplay-2-grey .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -84px 0;
}

.jcarousel-skin-nosplay-2-grey .jcarousel-prev-horizontal {
    position: absolute;
    top: 	102px;
    left: 	0px;
    width: 	28px;
    height: 25px;
    cursor: pointer;
    background: transparent url(images/jcarousel_prev_horizontal_2_grey.gif) no-repeat 0 0;
}

.jcarousel-skin-nosplay-2-grey .jcarousel-prev-horizontal:hover {
    background-position: -28px 0;
}

.jcarousel-skin-nosplay-2-grey .jcarousel-prev-horizontal:active {
    background-position: -56px 0;
}

.jcarousel-skin-nosplay-2-grey .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-nosplay-2-grey .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-nosplay-2-grey .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -84px 0;
}




/* ---------------------------------------------------------
 * ---------------------------------------------------------
 * ---------------------------------------------------------
 * ESTILO 4 : FICHA USUARIO . VÍDEOS
 * ---------------------------------------------------------
 * ---------------------------------------------------------
 * ---------------------------------------------------------
 */
.jcarousel-skin-nosplay-3 .jcarousel-container {
	
}

.jcarousel-skin-nosplay-3 .jcarousel-container-horizontal {
    width: 		345px; /* 425px */
    padding: 	0px 40px;
    
    height: 	277px;
}

.jcarousel-skin-nosplay-3 .jcarousel-clip-horizontal {
    width:  	345px;
    /*height: 	277px;*/
    
    /* BUG */
    position: 	absolute;
    overflow: 	auto;
    overflow-x: hidden;
    top: 		0px;
    min-height:	277px;
    
}
	.jcarousel-skin-nosplay-3 .jcarousel-clip-horizontal ul {
		  
	}

.jcarousel-skin-nosplay-3 .jcarousel-item {
    width: 		345px;
    height: 	277px;
}

.jcarousel-skin-nosplay-3 .jcarousel-item-horizontal {

}

.jcarousel-skin-nosplay-3 .jcarousel-item-placeholder {
    background: #ffffff;
    color: 		#000000;
}


/*
 *  Botones Horizontales
 */
.jcarousel-skin-nosplay-3 .jcarousel-next-horizontal {
    position: absolute;
    top: 	135px;
    right: 	0px;
    width: 	28px;
    height: 25px;
    cursor: pointer;
    background: transparent url(images/jcarousel_next_horizontal_2_grey.gif) no-repeat 0 0;
}

.jcarousel-skin-nosplay-3 .jcarousel-next-horizontal:hover {
    background-position: -28px 0;
}

.jcarousel-skin-nosplay-3 .jcarousel-next-horizontal:active {
    background-position: -56px 0;
}

.jcarousel-skin-nosplay-3 .jcarousel-next-disabled-horizontal,
.jcarousel-skin-nosplay-3 .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-nosplay-3 .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -84px 0;
}

.jcarousel-skin-nosplay-3 .jcarousel-prev-horizontal {
    position: absolute;
    top: 	135px;
    left: 	0px;
    width: 	28px;
    height: 25px;
    cursor: pointer;
    background: transparent url(images/jcarousel_prev_horizontal_2_grey.gif) no-repeat 0 0;
}

.jcarousel-skin-nosplay-3 .jcarousel-prev-horizontal:hover {
    background-position: -28px 0;
}

.jcarousel-skin-nosplay-3 .jcarousel-prev-horizontal:active {
    background-position: -56px 0;
}

.jcarousel-skin-nosplay-3 .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-nosplay-3 .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-nosplay-3 .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -84px 0;
}