.sample{padding:0px 0px; margin:0px 0 0px 0; border:0px solid #e1e1e1; }

#articulos{width:270px;background:#a4ccba;text-align:left; border: 0px solid BLACK;}
#ranking{width:309px;/*background:#a4ccba;*/text-align:left; border: 0px solid BLACK; margin-bottom:5px;}

.buttons{padding:0px; margin:0px auto 0 auto; text-align:center}
.buttons span{color:#000;padding:0 2px;cursor:pointer;font:10px Verdana}
.buttons span.active, .buttons span:hover{color:#fff;	background-color:#ADC8A2;text-decoration:none;}

/* Sample 8*/
#box8{
	position:absolute;
}
#box8 div{
	width:268px;
	float:left;
}
#box8 .buttons{
	text-align:left
}
#box8 .next{
	float:right
}
.sample8 .buttons{
	text-align:center;
	clear:both;
}
.sample8 .mask1{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.sample7 .mask2{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
/* ********************************** */
.mask1{
	position:relative;
	width:268px;
	height:272px;
	overflow:hidden;
	border:1px solid #ccc;
	background:#a4c0ba;
}
.mask2{
	position:relative;
	width:309px;
	height:105px;
	overflow:hidden;
	border:0px solid #ccc;
}
* html .mask1{height:288px;}

/* Sample 8*/
#tblranking{
	position:absolute;
}
#tblranking div{
	width:309px;
	float:left;
}
#tblranking div table th {
 background:#a4c0ba;
 background:url('../images/banner1.jpg') no-repeat top left;
 width:308px;
 height: 20px;
 text-align:center;
 color:#fff;
 font-size: 13px;
}
#tblranking div table td {
border: 1px solid #a4c0ba;
text-align:center;
background:#c6d6d6;
}