/* root element for scrollable */
.vertical {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	
margin-left:60px;
	/* vertical scrollers have typically larger height than width */	
	height: 400px;	 
	width: 700px;
	border-top:1px solid #ddd;	
}

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

/* single scrollable item */
.item {
	width:650px;
    height:130px;
	font:Arial, Helvetica, sans-serif;
	border-bottom:1px solid #ddd;
	margin:0px 0;
	padding:5px;
	font-size:14px;
	margin-right: 10px;
	text-align: justify;
}

/* elements inside single item */
.item img {
	float:left;
	margin-right:10px;
	height:100px;
	width:140px;
}

.item h3 {
	margin:0 0 5px 0;
	font-size:16px;
	color:#E67816;
	font-weight:normal;
	font: 16 sans-serif;
}

/* the action buttons above the scrollable */
#actions {
	width:700px;
	margin:3px 0 3px 50px;
	
}

#actions a {
	font: 12 Verdana, Geneva, sans-serif;
	/*font-size:11px;		*/
	cursor:pointer;
	color:#3333;
}

#actions a:hover {
	text-decoration:underline;
	color:#000;
}

.disabled {
	visibility:hidden;		
}

.next {
	float:right;
}	

.item2 {
    height:90px;
	font:Arial, Helvetica, sans-serif;
	border-bottom:1px solid #ddd;
	margin:5px 0;
	padding:15px;
	font-size:16px;
	margin-right: 10px;
	text-align: justify;
}
.curved {-moz-border-radius:10px;-webkit-border-radius:10px;behavior:url(border-radius.htc);}
/*esto lo puedes usar para las tipografias solo le cambias el alto y el color de la letra*/


.txt_15 {text-decoration : none;color: #000000; font : 15px Arial, Helvetica, sans-serif;} /* esto te sirv para los tag span*/


.txt_12 {text-decoration : none;color: #000000; font : 14px Arial, Helvetica, sans-serif;} /* esto te sirv para los tag span*/
a.txt_12, a.txt_12:active, a.txt_12:link, a.txt_12:visited {text-decoration : none;color: #000000;font : 14px Arial, Helvetica, sans-serif;}/* esto te sirv para los tag a href*/
a.txt_12:hover{text-decoration: underline;color: #000000;font : 12px Arial, Helvetica, sans-serif;} /* esto te sirv para los tag a href*/


.txt_12_2 {text-decoration : none;color: #E67816; font : 14px Arial, Helvetica, sans-serif;} /* esto te sirv para los tag span*/
a.txt_12_2, a.txt_12_2:active, a.txt_12_2:link, a.txt_12_2:visited {text-decoration : none;color: #333366;font : 12px Arial, Helvetica, sans-serif;}/* esto te sirv para los tag a href*/
a.txt_12_2:hover{text-decoration: underline;color: #0066cc;font : 12px Arial, Helvetica, sans-serif;} /* esto te sirv para los tag a href*/

a.txt_15_3, a.txt_15_3:active, a.txt_15_3:link, a.txt_15_3:visited {text-decoration : none;color: #999999;font : 12px Arial, Helvetica, sans-serif;}/* esto te sirv para los tag a href*/
a.txt_15_3:hover{text-decoration: underline;color: #0066cc;font : 16px Arial, Helvetica, sans-serif;} /* esto te sirv para los tag a href*/