@charset "utf-8";
/* CSS Document */
#featured{ 
	width:500px; 
	padding-right:250px; 
	position:relative; 
	border:5px solid #ccc; 
	height:270px; 
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;}
	
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:400px; 
	list-style:none; 
	padding:0; margin:0; 
	width:350px; 
	padding-right:5px;
	display:block;
	border: #CCC 1px solid;
}


#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:0px;  
	font-size:12px; 
	color:#000; 
        padding-right: 5px;
}


#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	padding:2px; 
	border:1px solid #FFF;
}

/**#featured ul.ui-tabs-nav li span{ 
	font-size:12px; 
	line-height:18px; 
	padding: 5px 3px;
	
}**/
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:65px; 
	color:#fff;   
	line-height:20px;
	text-decoration:none;
	
}
/**#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}**/
#featured ul.ui-tabs-nav li .noti { font-family: Arial, Helvetica, sans-serif; color:#666;
                                     margin:0px; height:18px; width:340px; padding-top:15px;  }
#featured li.ui-tabs-selected{ 
	background: #FFF url(../image/noticias/selected-item.gif) top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
	
}
#featured .ui-tabs-panel{ 
	width:400px; height:250px; 
	background:#fff; position:relative;
}

#featured .ui-tabs-panel .info {
    background: url("../image/transparent-bg.png") repeat scroll 0 0 transparent;
    bottom: -20px;
    height: 50px;
    left: 0;
    padding: 5px;
    position: absolute;
}
#featured .ui-tabs-panel .info a.hideshow {
    background: none repeat scroll 0 0 #333333;
    color: #F0F0F0;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    line-height: 20px;
    margin: 0;
    outline: medium none;
    position: absolute;
    right: 10px;
    top: -20px;
}

#featured .info h2{ 
	font-size:11px;
	color:#fff; margin:0;
	overflow:hidden; 
}

#featured .info h2 a:hover{ 
	color: #fff;  margin:0;
	overflow:hidden; 
	
}
#featured .info p{ 
	margin:0px 5px; 
	 font-size:11px; 
	line-height:11px; color:#fff;

}
#featured .info a{ 
	text-decoration:none; 
	color: #fff; 
	padding-right:5px;
	font-weight:bold;
	font-size:13px;
	padding-bottom:5px;
	padding-top:5px;
}
#featured .info a:hover{ 
	text-decoration:none; 
	color:#CCC!important;
}
#featured .ui-tabs-hide{ 
	display:none; 
}

.mas { float: right;
       font-weight: 300!important;
	   padding-top:10px;
       }
	   
.mas:hover { color:#FFF!important; }	   
	   
.masnoti { 
           float: right;
       	   font-weight: 300!important;
		   color:#999;
		   position:absolute;
		   z-index:2;
		   left:680px;
		   font-family:Arial, Helvetica, sans-serif;
		   top:320px;
		   display:block;
		   width:85px;
		   height:20px;
		   font-size:12px;
		   background:#ccc;
		   padding-left:5px;
		   }
		   
.masnoti:hover {color:#FFF;}