/*
=============
|     A     |           Este 
=============           es
|   B   | C |           un plano
=============           de
| D | E | F |           situación
=============           para no perderse
|   G   | H |           
=============
|     I     |
=============
| J | K | L |
=============
|   M   | N |
=============
| O | P | Q |
=============
*/


/*______________________________Distribución paneles en inicio.aspx: dentro de #page-container #page-container-contents______________________________*/
/** NOTA: version layout en tablas css para salver el height de las columnas **/

div.wrap-cols { display:table; /*border-collapse:collapse;*/ margin:0px; padding:0px;}
div.col { display:table-cell; vertical-align:top; margin:0px; padding:0px; } 
div#PanelA,div#PanelI { width:992px; }
div#PanelB,div#PanelG,div#PanelM{ width:658px; }
div#PanelC,div#PanelD,div#PanelE,div#PanelF,div#PanelH,div#PanelJ,div#PanelK,div#PanelL,div#PanelN,div#PanelO,div#PanelP,div#PanelQ { width:324px; }
div#PanelB,div#PanelD,div#PanelE,div#PanelG,div#PanelJ,div#PanelK,div#PanelM,div#PanelO,div#PanelP { padding-right:10px; }

/* Ajustes IE 7 y vista compatibilidad. No soporta el table-cell */

*+html div.wrap-cols {display:inline; clear:both; height:1%; overflow:hidden; font-size:0px; line-height:0px; }
*+html div.col { float:left; overflow:hidden; min-height:1px; vertical-align:baseline; font-size:0px; line-height:0px; }/* NOTA: vertical-align:baseline x IE7 en el modulo frase destacada*/
*+html .mod { font-size:12px; line-height:normal; }
*+html div#PanelA { float:none;  }
*+html div#PanelI { float:none;  }


/* experimentos con el layaut como tabla*/
div#PanelA {  }
div#PanelB { }
div#PanelD, div#PanelE, div#PanelG, div#PanelI, div#PanelJ, div#PanelK, div#PanelM, div#PanelO, div#PanelP { }
div#PanelC, div#PanelF, div#PanelH, div#PanelL, div#PanelN, div#PanelQ  {  }