/* root element for scrollable */ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
 
    /* vertical scrollers have typically larger height than width */ 
    height: 420px; 
    width: 915px;
	padding-left:50;
} 
 
/* root element for scrollable items */ 
div.scrollable div.items {
	position:absolute;
	/* this time we have very large space for the height */ 
    height:420px;
	width: 915px;
	left:10px;
	top: 1px;
}

/*        */
/* root element for scrollable */
.vertical {  
	/* required settings */
	position:relative;
	overflow:hidden;	
	/* vertical scrollers have typically larger height than width */	
	height: 420px;	 
	width: 760px;
}

/* root element for scrollable items */
.items {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:20000em;	
	margin: 0px;
}

/* single scrollable item */
.items table {
	background-image:url(imagenes/lineaBg.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	margin:2px ;
	padding:2px;
	height:220px;
	font-family:Verdana, Geneva, sans-serif;
	color:#CCC;
}

/* elements inside single item */
.items img {
	float:left;
	margin-right:20px;
	height:190px;
	width:250px;
}

.items vids {
	float:left;
	margin-right:20px;
	height:190px;
	width:250px;

}
/* titulo */
.items h2 { 
	font-size:18px;
	color:#CCC;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px;
}
/* subtitulo */
.items h3 {
	font-family:Arial, Helvetica, sans-serif;
		/* background-image:url(imagenes/lineaBg.jpg);
		background-repeat:no-repeat;
		background-position:top left; */
		padding-top:05px;
	font-size:12px;
	color:#FFF;

}
/* fecha */
.items h4 {
font-size:10px;
	color:#666;
	font-family:"Courier New", Courier, monospace;
	padding-bottom:10px;

}
.items a {
	font-size:12px;
	font-style:normal;
	color:#666;

}
.items p {
	font-size:10px;
	font-style:normal;
	color:#666;

}


/* the action buttons above the scrollable */
#actions {
	float:right;
	width:60px;
	margin:150px 10px 20px 10px;	
}

#actions a {
	cursor:pointer;
	color:#666;
}

.disabled {
	visibility:hidden;		
}

/* botones  ---------------------------------------------------   */

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {

	background-image:url(imagenes/hori_large.png);
	background-repeat:no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}


/* up and down */
a.up, a.down		{ 
	background-image:url(imagenes/hori_large.png);
	background-repeat:no-repeat;
	float: none;
	margin: 10px 10px;
}



/* up */
a.up{ 	background-position:-30px 0px; }
a.up:hover  		{ background-position: -30px -30px; }
a.up:active  		{ background-position: -30px -60px; }

/* down */
a.down 				{ background-position: 0px 0px; }
a.down:hover  		{ background-position:0px -30px; }
a.down:active   	{ background-position:0px -60px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}