/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}


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

	/* vertical scrollers have typically larger height than width */	
	height: 60px;	 
	width: auto;
	border-top:0px solid #efefef;	
}

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

/* single scrollable item */
.items div {
	border-bottom:1px solid #e5e5e5;
	margin:0px 0px;
	padding:0px;
	font-size:10px;
	height:60px;
}

/* elements inside single item */
.items a {
	color:#333;
	font-weight:normal;
}

.items  a:focus,
  a:hover,
  a:active {
    color:#5588bb;
    text-decoration: underline;
  }
/* the action buttons above the scrollable */
#actions {
width:auto;
text-align: center; /*How to align pagination links: "left", "center", or "right"*/
font-size: 10px;
padding:6px 0 5px 0;
margin:-6px 0 0 0 ;
}

#actions a {
	font-size:11px;		
	cursor:pointer;
	color:#FFF;
}

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

.disabled {
	visibility:hidden;		
}

.nextPage {
}	

.vertical2 {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 180px;	 
	width: 220px;
}
.items2 {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:180px;	
		margin: 0px;

}

#info-imaevent{
	height: 180px;	 
	width: 220px;
	margin: 0px;
	padding:0px;
	background-position:center;
	background-repeat:no-repeat;

	
	}

.info-evento{ 
text-align: center; /*How to align pagination links: "left", "center", or "right"*/
padding-left:5px;
padding-top:5px;
margin-top:5px;
}

#evento-title{ 
background: #9bbbda;
filter:alpha(opacity=90);
-moz-opacity:0.90;
-khtml-opacity: 0.90;
opacity: 0.90;
height:50px;
text-align: center; /*How to align pagination links: "left", "center", or "right"*/
font-size: 10px;
padding-left:5px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright:4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright:4px;
}
.info-evento a{
	color:#fefefe;
	font-size:1.4em;
	font-weight:bold;

	}

.event-day a{
	color:#333
	}


/* single scrollable item */
.items2 div {
	border-bottom:1px solid #ddd;
	padding:0px;
	font-size:12px;
	height:175px;
	text-align:left;
}

/* elements inside single item */
.items2 h3 {
	margin:0 0 5px 0;
	font-size:16px;
	color:#fff;
	font-weight:normal;
}
