.boxpercent boxx {  
float:left;
width: 100%;

/*background:  transparent url(../images/bglxx.gif) repeat-y ;*/

 }
.boxpercent  div.boxx{
height:100%;
	/*background: transparent url(../images/bglxx.gif) repeat-y;*/
}
#indice{


height:270px;}
.boxpercent { 
float:left; 
width: 100%;
/*background: transparent  url(../images/bgboxx.gif);*/
 }
.boxpercent .centerx { 
/*background: transparent url(../images/bgrxx.gif) repeat-y right ;*/
color:#000000;

padding-left:10px;
padding-right:10px;
background-color:#FFFFFF;
 }
.boxpercent .tlx{ 
background: url(../images/c1.gif) repeat-x ;
width:18px;
height: 18px;
float:left;}
.boxpercent .ttx{ 
background:transparent url(../images/bgtxx.gif) repeat-y bottom right; }

.boxpercent .ttxe{ 
background:transparent url(../images/bge.gif) repeat-y bottom right; }

.boxpercent .ttxp{ 
background:transparent url(../images/bgprom.gif) repeat-y bottom right; }

 .boxpercent .trx { 
background: url(../images/c2.gif) no-repeat bottom right; 
float:right;}
.boxpercent .blx{ background: url(../images/c3.gif) repeat-x ; 
float:left;}
.boxpercent .btx{background: transparent url(../images/bgtxx.gif) repeat-y bottom right; }

.boxpercent .btxe{ background: transparent url(../images/bge.gif) repeat-y bottom right; }

.boxpercent .btxp{ background: transparent url(../images/bgprom.gif) repeat-y bottom right; }

.boxpercent .brx { background: url(../images/c4.gif) no-repeat bottom right; 
float:right;}
.boxpercent .brx,.blx ,.trx,.tlx{
font-size: 1px;
}
.boxpercent .btx ,.ttx{
width: 100%;
height: 18px;
font-size: 1px;
}

.boxpercent .btxe ,.ttxe{
width: 100%;
height: 18px;
font-size: 1px;
}

.boxpercent .btxp ,.ttxp{
width: 100%;
height: 18px;
font-size: 1px;
}

.boxpercent .brx,.blx ,.trx{

width: 18px;
height: 18px;}
/*100 termina la tabla de porcentaje*/

.boxx {
/*background-color:#d6edf3;*/
}

.centerx{
clear:both;
}