div#principal {
    background-image: url('media/fondo0.jpg');
    background-repeat: no-repeat;
    width: 700px;
    height: 500px;
    margin: 0;
    padding: 0;
    margin-left: 0px;    
  }
  
    div#principal div.inner {
    padding: 0px;
    margin: 0;
    margin-left: -40px;    
  }
  div#principal div.inner:after,
  div#principal div.inner div ol li:after {
  clear: both; 
  content: "."; 
  display: block; 
  height: 0; 
  visibility: hidden;
  margin-left: 0px;    
}
/* IE6 Fix for clearing the element */
* html div#principal div.inner,
* html div#principal div.inner div ol li {
  height: 1%;
}
  div#principal div.inner div {
    margin-top: 15px;
    width: 233px;
    margin-left: 0px;    
    float: left;
  }
  
  div#principal div.inner div ol {
    border-top: 5px solid;
    border-bottom: 1px solid;
    border-right: 0px solid;
    border-left: 0px solid;
    list-style: none;
    margin-top: 5px;
  
  }
  div#principal div.inner div ol li {
    border-bottom: 1px solid;
    padding: 10px;
   }
  
  div#principal div.inner div ol li img {
    border: 1px gray solid;
    float: left;
    margin-right: 10px;
    padding: 1px;
  }
  div#principal div.inner div ol li a {
    text-decoration: none;
  }
  div#principal div.inner div ol li span.titulo {
    color: gray;
    display: block;
    font-family: 'Verdana', sans-serif;
    font-size: 13px;
    margin-top: 7px;
    text-align: left;    
  }
  div#principal div.inner div ol li span.descripcion {
    color: #932F15;
    text-align: left;
    display: block;
    font-family: 'Verdana', sans-serif;
    font-size: 11px;
  }
  div#principal div.inner div.popular {
   margin-left: 0px;
  }
  div#principal div.inner div.popular span.normal {
  	font-family: 'Verdana', sans-serif;
  	color: #932F15;
	font-weight: bold;
	text-decoration: none;
 }	
 
  div#principal div.inner div.popular ol,
  div#principal div.inner div.popular ol li {
    border-color: #fea000;
  }
  

  div#charts {
    background-image: url('media/fondo1.jpg');
    background-repeat: no-repeat;
    width: 700px;
    height: 500px;
    margin: 0;
    padding: 0;
    margin-left: 0px;    
  }

  div#charts div.inner {
    padding: 0px;
    margin: 0;
    margin-left: -40px;    
  }
  div#charts div.inner:after,
  div#charts div.inner div ol li:after {
  clear: both; 
  content: "."; 
  display: block; 
  height: 0; 
  visibility: hidden;
  margin-left: 0px;    
}
/* IE6 Fix for clearing the element */
* html div#charts div.inner,
* html div#charts div.inner div ol li {
  height: 1%;
}
  div#charts div.inner div {
    margin-top: 15px;
    width: 233px;
    margin-left: 0px;    
    float: left;
  }
  div#charts div.inner div span.eco  {
   
  }
  div#charts div.inner div ol {
    border-top: 5px solid;
    border-bottom: 1px solid;
    border-right: 0px solid;
    border-left: 0px solid;
    list-style: none;
    margin-top: 5px;
  
  }
  div#charts div.inner div ol li {
    border-bottom: 1px solid;
    padding: 10px;
   }
  
  div#charts div.inner div ol li img {
    border: 1px gray solid;
    float: left;
    margin-right: 10px;
    padding: 1px;
  }
  div#charts div.inner div ol li a {
    text-decoration: none;
  }
  div#charts div.inner div ol li span.titulo {
    color: gray;
    display: block;
    font-family: 'Verdana', sans-serif;
    font-size: 13px;
    margin-top: 7px;
    text-align: left;    
  }
  div#charts div.inner div ol li span.descripcion {
    color: #932F15;
    text-align: left;
    display: block;
    font-family: 'Verdana', sans-serif;
    font-size: 11px;
  }
  div#charts div.inner div.popular {
   margin-left: 0px;
  }
  div#charts div.inner div.popular span.normal {
  	font-family: 'Verdana', sans-serif;
  	color: #932F15;
	font-weight: bold;
	text-decoration: none;
 }	
 div#charts div.inner div.popular span.eco {
  	font-family: 'Verdana', sans-serif;
  	color: #189326;
	font-weight: bold;
	text-decoration: none;
	
  }
  div#charts div.inner div.popular ol,
  div#charts div.inner div.popular ol li {
    border-color: #fea000;
  }
  
  /* ********************************************* */
  /* div innerCentro ancho especial */
  
  div#charts div.innerCentro div {
    margin-top: 15px;
    width: 650px;
    margin-left: 0px;    
    float: left;
  }
  div#charts div.innerCentro div span.eco  {
   
  }
  div#charts div.innerCentro div ol {
    border-top: 5px solid;
    border-bottom: 1px solid;
    border-right: 0px solid;
    border-left: 0px solid;
    list-style: none;
    margin-top: 5px;
  
  }
  div#charts div.innerCentro div ol li {
    border-bottom: 1px solid;
    padding: 10px;
   }
  
  div#charts div.innerCentro div ol li img {
    border: 1px gray solid;
    float: left;
    margin-right: 10px;
    padding: 1px;
  }
  div#charts div.innerCentro div ol li a {
    text-decoration: none;
  }
  div#charts div.innerCentro div ol li span.titulo {
    color: gray;
    display: block;
    font-family: 'Verdana', sans-serif;
    font-size: 13px;
    margin-top: 7px;
    text-align: left;    
  }
  div#charts div.innerCentro div ol li span.descripcion {
    color: #932F15;
    text-align: left;
    display: block;
    font-family: 'Verdana', sans-serif;
    font-size: 11px;
  }
  div#charts div.innerCentro div.popular {
   margin-left: 0px;
  }
  div#charts div.innerCentro div.popular span.normal {
  	font-family: 'Verdana', sans-serif;
  	color: #932F15;
	font-weight: bold;
	text-decoration: none;
 }	
 div#charts div.innerCentro div.popular span.eco {
  	font-family: 'Verdana', sans-serif;
  	color: #189326;
	font-weight: bold;
	text-decoration: none;
	
  }
  div#charts div.innerCentro div.popular ol,
  div#charts div.innerCentro div.popular ol li {
    border-color: #fea000;
  }
  
  
  /* ********************************************* */
  /* div innerPequenio ancho especial */
  
  div#charts div.innerPequenio div {
    margin-top: 15px;
    width: px;
    margin-left: 200px;    
    float: left;
  }
  div#charts div.innerPequenio div span.eco  {
   
  }
  div#charts div.innerPequenio div ol {
    border-top: 5px solid;
    border-bottom: 1px solid;
    border-right: 0px solid;
    border-left: 0px solid;
    list-style: none;
    margin-top: 5px;
  
  }
  div#charts div.innerPequenio div ol li {
    border-bottom: 1px solid;
    padding: 10px;
   }
  
  div#charts div.innerPequenio div ol li img {
    border: 1px gray solid;
    float: left;
    margin-right: 10px;
    padding: 1px;
  }
  div#charts div.innerPequenio div ol li a {
    text-decoration: none;
  }
  div#charts div.innerPequenio div ol li span.titulo {
    color: gray;
    display: block;
    font-family: 'Verdana', sans-serif;
    font-size: 13px;
    margin-top: 7px;
    text-align: left;    
  }
  div#charts div.innerPequenio div ol li span.descripcion {
    color: #932F15;
    text-align: left;
    display: block;
    font-family: 'Verdana', sans-serif;
    font-size: 11px;
  }
  div#charts div.innerPequenio div.popular {
   margin-left: 0px;
  }
  div#charts div.innerPequenio div.popular span.normal {
  	font-family: 'Verdana', sans-serif;
  	color: #932F15;
	font-weight: bold;
	text-decoration: none;
 }	
 div#charts div.innerPequenio div.popular span.eco {
  	font-family: 'Verdana', sans-serif;
  	color: #189326;
	font-weight: bold;
	text-decoration: none;
	
  }
  div#charts div.innerPequenio div.popular ol,
  div#charts div.innerPequenio div.popular ol li {
    border-color: #fea000;
  }
/* ************************************************* */  
  /* intro box2 */
#intro_box2 {
    margin-top: 20px;
    margin-left: 40px;
}

#intro_box2 #categories {
    padding: 5px;
    border: 0px solid #C4C4C4;
    text-align: left;
    line-height: 240%;
    margin: 0px  40px  0px 0px;
}

#intro_box2 #categories span {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
    padding-right: 5px;
    white-space: nowrap;
}

#intro_box2 #categories span.category_rank_2,
#intro_box2 #categories span.category_rank_3,
#intro_box2 #categories span.category_rank_5,
#intro_box2 #categories span.category_rank_31,
#intro_box2 #categories span.category_rank_22 {
    font-weight: 800;
}

#intro_box2 #categories span.category_rank_2,
#intro_box2 #categories span.category_rank_3,
#intro_box2 #categories span.category_rank_5,
#intro_box2 #categories span.category_rank_32,
#intro_box2 #categories span.category_rank_23 {
    color: #932F15;
}

#intro_box2 #categories span.category_rank_1,
#intro_box2 #categories span.category_rank_31,
#intro_box2 #categories span.category_rank_21,
#intro_box2 #categories span.category_rank_4,
#intro_box2 #categories span.category_rank_22,
#intro_box2 #categories span.category_rank_51 {
    color: #fea000;
}

#intro_box2 #categories span.category_rank_1 { font-size: 14px; }
#intro_box2 #categories span.category_rank_2,span.category_rank_21, span.category_rank_22, span.category_rank_23 { font-size: 15px; }
#intro_box2 #categories span.category_rank_3, span.category_rank_31, span.category_rank_32 { font-size: 16px; }
#intro_box2 #categories span.category_rank_4 { font-size: 17px; }
#intro_box2 #categories span.category_rank_5, span.category_rank_51 { font-size: 18px; }



#intro_box2 #categories2 {
    padding: 5px;
    border: 0px solid #C4C4C4;
    text-align: left;
    line-height: 240%;
    margin: 120px  190px  0px 0px;
}

#intro_box2 #categories2 span {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
    padding-right: 5px;
    white-space: nowrap;
}

#intro_box2 #categories2 span.category_rank_2,
#intro_box2 #categories2 span.category_rank_3,
#intro_box2 #categories2 span.category_rank_5,
#intro_box2 #categories2 span.category_rank_31,
#intro_box2 #categories2 span.category_rank_22 {
    font-weight: 800;
}

#intro_box2 #categories2 span.category_rank_2,
#intro_box2 #categories2 span.category_rank_3,
#intro_box2 #categories2 span.category_rank_5,
#intro_box2 #categories2 span.category_rank_32,
#intro_box2 #categories2 span.category_rank_23 {
    color: #932F15;
}

#intro_box2 #categories2 span.category_rank_1,
#intro_box2 #categories2 span.category_rank_31,
#intro_box2 #categories2 span.category_rank_21,
#intro_box2 #categories2 span.category_rank_4,
#intro_box2 #categories2 span.category_rank_22,
#intro_box2 #categories2 span.category_rank_51 {
    color: #fea000;
}

#intro_box2 #categories2 span.category_rank_1 { font-size: 14px; }
#intro_box2 #categories2 span.category_rank_2,span.category_rank_21, span.category_rank_22, span.category_rank_23 { font-size: 15px; }
#intro_box2 #categories2 span.category_rank_3, span.category_rank_31, span.category_rank_32 { font-size: 16px; }
#intro_box2 #categories2 span.category_rank_4 { font-size: 17px; }
#intro_box2 #categories2 span.category_rank_5, span.category_rank_51 { font-size: 18px; }