@charset "utf-8";
/* CSS Document */
/* ----------------------------------------------- */
/*  GRIDS                                 */
/* ----------------------------------------------- */
.bb-g .bb-gu,
.bb-gb .bb-gu,
.bb-gc .bb-gu,
.bb-gd .bb-gu,
.bb-ge .bb-gu,
.bb-gf .bb-gu,
.bb-gh .bb-gu{ 
	float:right;
	}

.bb-g div.first,
.bb-gb div.first,
.bb-gc div.first,
.bb-gd div.first,
.bb-ge div.first,
.bb-gf div.first,
.bb-gh div.first,{ 
	float:left;
	}
	
/* ----------------------------------------------- */
/*  MARGIN                                         */
/* ----------------------------------------------- */
.bb-gb div.first, 
.bb-gc div.first, 
.bb-gd div.first,
.bb-ge div.first{
	margin-left: 0;
	}

/* ----------------------------------------------- */
/*  1/2 - 1/2                                      */
/* ----------------------------------------------- */
.bb-g .bb-gu {width: 49.4%;}
.bb-g div.first {width: 49.4%;}

/* ----------------------------------------------- */
/*  1/3 - 1/3 - 1/3                                */
/* ----------------------------------------------- */
.bb-gb  .bb-gu {width: 32%; margin-left: 1.99%;}
.bb-gb  .bb-gu { *margin-left: 1.9%; *width: 31.9%;}

/* ----------------------------------------------- */
/*  2/3 - 1/3                                      */
/* ----------------------------------------------- */
.bb-gc .bb-gu {width: 32%;}
.bb-gc  div.first {width: 66%;}

/* ----------------------------------------------- */
/*  1/3 - 2/3                                      */
/* ----------------------------------------------- */
.bb-gd .bb-gu {width: 66%;}
.bb-gd div.first{width: 32%;}
 
/* ----------------------------------------------- */
/*  3/4 - 1/4                                      */
/* ----------------------------------------------- */
.bb-ge .bb-gu {width: 24%;}
.bb-ge div.first {width: 74.2%;}

/* ----------------------------------------------- */
/*  1/4 - 3/4                                      */
/* ----------------------------------------------- */
.bb-gf .bb-gu {width: 74.2%;}
.bb-gf div.first {width: 24%;}

/* ----------------------------------------------- */
/*  100%                                           */
/* ----------------------------------------------- */
.bb-gg .bb-gu {width:100%;}

/*sobreescribir tamaños trae problemas no funcionan algunas clases que ya lo hacian por ejemplo un modelo 25 50 25 o 25 25 50*/
.bb-gh .bb-gu{ width:306px; float:right;}
.bb-gh div.first{width:626px; float:left;} 

.bb-gg{ width:100%;} 

.bb-gi{background: url(/static/IECIeco/images/bg-bb-lt-promo.gif) 320px 20px repeat-y; zoom:1;}
.bb-gi .bb-gu {width:146px; float:left; margin-left:12px; _width:5px;}
.bb-gi div.first {width:314px; float:left; margin-left:0px;}


div.first .bb-gt .bb-tu {/*width: 48.85%;*/width: 49.4%}
div.first .bb-gt .bb-tu {_width: 49%;*width: 49%;}

/* ----------------------------------------------- */
/*  @group Clearing                                */
/* ----------------------------------------------- */


.bb-g:after, 
.bb-gb:after, 
.bb-gc:after, 
.bb-gd:after, 
.bb-ge:after, 
.bb-gf:after,
.bb-gg:after,
.bb-gh:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.bb-gt, 
.bb-gb, 
.bb-gc, 
.bb-gd, 
.bb-ge, 
.bb-gf,
.bb-gg,
.bb-gh{
	zoom: 1;
}

/* ----------------------------------------------- */
/*  GRID-TEMPLATE                                  */
/* ----------------------------------------------- */

.bb-gt .bb-tu,
.bb-gtb .bb-tu,
.bb-gtc .bb-tu,
.bb-gtd .bb-tu,
.bb-gte .bb-tu,
.bb-gtf .bb-tu,
.bb-gth .bb-tu,
.bb-gti .bb-tu{
	float:right;
	}

.bb-gt div.first-t,
.bb-gtb div.first-t,
.bb-gtc div.first-t,
.bb-gtd div.first-t,
.bb-gte div.first-t,
.bb-gtf div.first-t,
.bb-gti div.first-t{ 
	float:left;
	}

/* ----------------------------------------------- */
/*  MARGIN                                         */
/* ----------------------------------------------- */
.bb-gtb div.first-t, 
.bb-gtc div.first-t, 
.bb-gtd div.first-t,
.bb-gte div.first-t,
.bb-gti div.first-t{
	margin-left: 0;
	}
	
/* test paladini */	

.bb-gtb div.second-t,
.bb-g div.second-t,
.bb-gb div.second-t,
.bb-gc div.second-t,
.bb-gd div.second-t,
.bb-ge div.second-t,
.bb-gf div.second-t,
.bb-gfi div.second-t{ 
	float:left;
	}	

.bb-gtb div.third-t,	
.bb-g div.third-t,
.bb-gb div.third-t,
.bb-gc div.third-t,
.bb-gd div.third-t,
.bb-ge div.third-t,
.bb-gf div.third-t { 
	float:left;
	}

/* ----------------------------------------------- */
/*  1/2 - 1/2                                      */
/* ----------------------------------------------- */
.bb-gt .bb-tu {width: 47.7%;/*  margin-left:14px; */}
.bb-gt div.first-t {width: 47.7%;/*  margin:0; */}

/* ----------------------------------------------- */
/*  1/3 - 1/3 - 1/3                                */
/* ----------------------------------------------- */
.bb-gtb  .bb-tu {width: 32.28%; margin-left: 1.45%;}

/* ----------------------------------------------- */
/*  2/3 - 1/3                                      */
/* ----------------------------------------------- */
.bb-gtc .bb-tu {width: 32%;}
.bb-gtc div.first-t {width: 66%;}

/* ----------------------------------------------- */
/*  1/3 - 2/3                                      */
/* ----------------------------------------------- */
.bb-gtd .bb-tu {width: 66%;}
.bb-gtd div.first-t {width: 32%;}
 
/* ----------------------------------------------- */
/*  3/4 - 1/4                                      */
/* ----------------------------------------------- */
.bb-gte .bb-tu {width: 24%;}
.bb-gte div.first-t {width: 74.2%;}

/* ----------------------------------------------- */
/*  1/4 - 3/4                                      */
/* ----------------------------------------------- */
.bb-gtf .bb-tu {width: 74.2%;}
.bb-gtf div.first-t {width: 24%;}

/* ----------------------------------------------- */
/*  100%                                           */
/* ----------------------------------------------- */
.bb-gtg .bb-tu {width:100%;}


/* ----------------------------------------------- */
/* 80 - 20           	                           */
/* ----------------------------------------------- */

.bb-gti .bb-tu {width: 23.35%; margin-left: 2.32%; *width: 24%; _width: 23%; *margin-left: 2%; _margin-left: 1.7%;}
.bb-gti div.first-t {width: 74.25%; *width: 74%; _width: 73%; }

/* ----------------------------------------------- */
/*  @group Clearing                                */
/* ----------------------------------------------- */

.bb-gt:after, 
.bb-gtb:after, 
.bb-gtc:after, 
.bb-gtd:after, 
.bb-gte:after, 
.bb-gtf:after,
.bb-gtg:after,
.bb-gth:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.bb-gt, 
.bb-gtb, 
.bb-gtc, 
.bb-gtd, 
.bb-gte, 
.bb-gtf,
.bb-gtg,
.bb-gth{
	zoom: 1;
}