/* root element for scrollable */
#scrollerPortfolio .vertical {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 560px;	 
	width: 296px;
}

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

/* single scrollable item */
#scrollerPortfolio .items div {
	width:292px;
	margin:6px 0;
	padding:0px;
	height:180px;
	background:url('../images/jqt.scrollable.box.png') top center no-repeat;
}

		#scrollerPortfolio .items div h3 {
		font-size:14px;
		margin:5px 0px 0px 0px;
		padding:5px 0px 5px 0px;
		border:0px;
		clear:both;	
		display:block;		
		}

		#scrollerPortfolio .items div div {
		height:auto;
		width:246px;
		font-size:11px;
		margin:140px 0px 0px 20px;
		padding:3px 5px 3px 5px;
		border:0px;
		line-height:1.2em;
		display:block;
		position:absolute;
		float:left;
		background:transparent;
		}


		#scrollerPortfolio .items div div a {
		color:#000; font:bold 14px Arial, Helvetica, sans-serif; 
		}		

		#scrollerPortfolio .items div div span {
		color:#646464; font:normal 14px Arial, Helvetica, sans-serif; 
		}
		
/* elements inside single item */
#scrollerPortfolio .items img {
	float:left;
	margin:18px 0px 0px 20px;
	height:116px;
	width:256px;
	display:block;
	position:absolute;
}

#scrollerPortfolio .items h3 {
	margin:0 0 5px 0;
	font-size:16px;
	color:#456;
	font-weight:normal;
}

/* the action buttons above the scrollable */
#scrollerPortfolio #actions {
	width:298px;
	height:40px;
	margin:-10px 0px 5px 0px;
	background:url('../images/bar_ultimos_websites.png') top center no-repeat;	
}

#scrollerPortfolio #actions div {
float:left;
padding:0px 0px 5px 10px;
}

		#scrollerPortfolio #actions a.prevPage {
			font-size:11px;		
			cursor:pointer;
			float:left;
			position:absolute;
			margin:11px 0px 0px 264px;
		}
		
		#scrollerPortfolio #actions a.prevPage:hover {
			text-decoration:underline;
			color:#000;
		}

		#scrollerPortfolio #actions a.nextPage {
			font-size:11px;		
			cursor:pointer;
			float:left;
			position:absolute;
			margin:11px 0px 0px 249px;
		}
		
		#scrollerPortfolio #actions a.nextPage:hover {
			text-decoration:underline;
			color:#000;
		}

#scrollerPortfolio .disabled {
	cursor:text;
	filter:alpha(opacity=35);
	-moz-opacity:0.35;
	-khtml-opacity: 0.35;
	opacity: 0.35;
}

#scrollerPortfolio .nextPage {
	float:right;
}	


/*
**
**
** SCROLLER BLOG
**
**
**
*/

/* root element for scrollable */
#scrollerBlog .vertical {
	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 542px;
	width: 600px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	margin:0px 20px 10px 10px;	
}

/* root element for scrollable items */
#scrollerBlog .items {	
	position:absolute;
	height:20000em;	
	margin: 0px;
	padding:0px;
}

/* single scrollable item */
#scrollerBlog .item {
	border-bottom:1px solid #ddd;
	margin:5px 0px 5px 0px;
	padding:5px 10px 0px 10px;
	font-size:12px;
	height:170px;
}

/* elements inside single item */
#scrollerBlog .item img {
	float:left;
	margin:7px 10px 0px 0px;
}

#scrollerBlog .item p {
	margin:0px;
	padding:0px;
}

#scrollerBlog .item p.info {
	font-size:11px;
	margin:0px;
	padding:0px 0px 5px 0px;
}

#scrollerBlog .item h5 {
	margin:0 0 5px 0;
	padding:0px;
	font-size:30px;
	color:#456;
	font-weight:normal;
}

#scrollerBlog .item h5 a {
font-size:20px;
margin:0px;
padding:0px;
}

/* the action buttons above the scrollable */
#scrollerBlog #actions {
	width:607px;
	height:40px;
	margin:0px 0px 10px 7px;	
	background:url('../images/bar_blog_actvix.png') top center no-repeat;
}

#scrollerBlog #actions div {
float:left;
padding:0px 0px 5px 10px;
}

		#scrollerBlog #actions a.prevPage {
			font-size:11px;		
			cursor:pointer;
			float:left;
			position:absolute;
			margin:11px 0px 0px 573px;
		}
		
		#scrollerBlog #actions a.prevPage:hover {
			text-decoration:underline;
			color:#000;
		}

		#scrollerBlog #actions a.nextPage {
			font-size:11px;		
			cursor:pointer;
			float:left;
			position:absolute;
			margin:11px 0px 0px 556px;
		}
		
		#scrollerBlog #actions a.nextPage:hover {
			text-decoration:underline;
			color:#000;
		}

#scrollerBlog .disabled {
	cursor:text;
	filter:alpha(opacity=35);
	-moz-opacity:0.35;
	-khtml-opacity: 0.35;
	opacity: 0.35;
}

#scrollerBlog .next {
	float:right;
}	

.scrollable a.bloglink {
float:left;
clear:both;
margin:10px 0px 0px 0px;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}

.scrollable a.bloglink:hover {
filter:alpha(opacity=100);
-moz-opacity:1.0;
-khtml-opacity:1.0;
opacity:1.0;
}