#news_rotate{
	height: 170px;
	width: 656px;
	position:relative; 
    overflow:hidden; 
}

#news_rotate div.scrollable{
	height: 110px;
	width: 656px;
	padding-top: 10px;
	margin-top: -10px;
	border-top: ridge 4px #660000;
}

.noticia_box{
	width:320px;
	float:left;
	background: none;
	height: 100px;
	margin-right: 8px;
}

.noticia_box a{
	color: #FFFFFF !important;
}

.noticia_box img{
	margin-right: 10px;
	border:1px solid #14285A;	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

/* position and dimensions of the navigator */ 
.navi { 
    margin-left:195px;
    /*width:200px; */
    height:40px;
    padding-top: 10px;
} 
 
 
/* items inside navigator */ 
.navi a { 
    width:50px; 
    height: 36px; 
    float:left; 
    margin:3px; 
    background:url(images/navigator.png) 0 -102px no-repeat; 
    display:block; 
    font-size:1px; 
} 
 
/* mouseover state */ 
.navi a:hover { 
    background-position:0 -51px;
} 
 
/* active state (current page state) */ 
.navi a.active { 
    background-position:0 0;
}

div.scrollable div.items2 { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items2 div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.items2 div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}