/** BASIC LAYOUT BLOCK **************************/
/************************************************/ 
body {width:100%;}
.wrapper {margin:0 auto;float:left;}
.container {margin:0 auto;clear:both;float:none;/***CONSECUENCIAS****/}
.container:after {visibility:hidden;display:block;clear:both;content:" ";/*height:0;font-size:0;*/}
* html .container             { zoom: 1; } /* IE6 */
*:first-child+html .container { zoom: 1; } /* IE7 */

.wrapper,.grid {display:inline-block;width:100%;}

.gridBox,.mediaBox,.ico {display:inline-block;}
/*media destacados con icono*//*desestructuracion*/
.mediaBox {width:100%;}

/** BASIC LAYOUT BLOCK **************************/
/** END *****************************************/


/*reticulas basicas*/
.gridBox,.cell {}
.grid > h3,.grid .c33 h2,.grid .c34 h2,.more_galery > h3. {padding:2em 4em 0 5em;}
h3 + .gridBox {padding-top:0;}
.cell {float:left;width:100%;}
/*sin separacion vertical*/
.grid.byside {margin-top:-2em;}
/*.cell {display:block;}*/
.cell,.mod {display:inline-block;}
.cell > .mod {float:left;}
.gridBox,.mod {width:100%;}
.g3.simply  .cell{width:33.33%;}
.g3.simply  .c33,.g3.simply  .c34 {float:left;} /* EDL */
.g6.simply  .ima {padding-top:0;}
.g6.simply  img {position:relative;}

.bodier>.container.striplayer {width:100%;}
.bloody .cell {padding:0;}

.wrapper.bodier {background:transparent;}

/** ASPECT RATIO ********************************/
/************************************************/ 
/*formatos imagen*/
.ima {/*float:left*/display:inline-block;overflow:hidden;width:100%;}
img {}
.H img {width:100%;height:auto;}
.V img {height:100%;width:auto;}
.R {float:right;margin-left:1.6em;}
.L {float:left;margin-right:1.6em;}
.T,.B {width:100%;}
.L,.R {width:50%;}

.f12x9,
.R.f6x9,
.L.f6x9  {padding-top:075.00%;}	
.f16x9   {padding-top:056.25%;}	
.playerBox .f16x9   {padding-top:75.00%;}	/* no pueden informar el formato */

.ima img {display:inline-block;}
.imgT img,.imgL img,.imgR img,.img img,.f16x9 img {width:100%;}

/*alineaciones basicas*/
.V {text-align:center;}
.V img {margin:0 auto;}
.H img {vertical-align:middle;}

/** ASPECT RATIO ********************************/
/** END *****************************************/

/* LO MAS DE LO MAS ********************************************/
/***************************************************************/
.panel li {float:left;z-index:5;}
.col5 > li {width:20%;}
/* LO MAS DE LO MAS ********************************************/



/*positioning*/
/*absolute*/
.ima > img,
.mediaBox > a,.mediaBox > figure > a,.mediaBox .ico {position:absolute;}
/*relative*/
.container > section.grid,
.mediaBox,
.ima,.ico img {position:relative;}
.mediaBox > a,.mediaBox > figure > a,.mediaBox .ico {left:0;bottom:0;}
.ima > img {left:0;top:0;}