



.floatLeft 	{ float:left; }
.floatRight	{ float:right; }

.floatLeft1 	{ position:relative; float: left; left:0em; top:0em; }
.floatRight1	{ position:relative; float: right; left:0em; top:1em; width:30px; }

.clear		{ clear: both; }




/* FRAMES CON EFECTOS SPRY*/

#frameInnovacion	{ width: 100%; min-height: 210px; *height: 210px; }
#frameBannerGrande	{ width: 100%; min-height: 210px; *height: 210px; }
#frameNoticias		{ width: 100%; min-height: 124px; *height: 124px; }
#frameMinibanners	{ width: 100%; min-height: 50px; *height: 50px; }


#frameInnovacion .btn_previous, #frameInnovacion .btn_next	{ float:left; margin: 95px 3px 0 3px; }
#frameNoticias .btn_previous, #frameNoticias .btn_next		{ float:left; }
#frameMinibanners .btn_previous, #frameMinibanners .btn_next{ float:left; }


#frameNoticias p { margin: 0; padding: 0; }


/* CONTENIDOS */

#estilo1.SlidingPanels 				{ float: left; height: 210px; /* alto del panel visible */ }
#estilo1 .SlidingPanelsContentGroup	{ float: left; width: 10000px; }
#estilo1 .SlidingPanelsContent 		{ float: left; width: 135px; /* ancho del panel visible */ }

#estilo2.SlidingPanels 				{ float: left; height: 124px; /* alto del panel visible */ }
#estilo2 .SlidingPanelsContentGroup	{ float: left; width: 10000px; }
#estilo2 .SlidingPanelsContent 		{ float: left; width: 440px; /* ancho del panel visible */ }

#estilo3.SlidingPanels 				{ float: left; height: 50px; /* alto del panel visible */  }
#estilo3 .SlidingPanelsContentGroup	{ float: left; width: 10000px; }
#estilo3 .SlidingPanelsContent 		{ float: left; width: 610px; /* ancho del panel visible */ }


/* PANELES */

#panelInnovacion  	{ width: 135px; float: left; background:#ffffff;}
#panelNoticias 		{ width: 440px; font-size: 10px; }
#panelMinibanners	{ width: 610px; float: left; }



/******************************************/

#estilo2 .SlidingPanelsContent div { float: left; width: 207px; margin: 0 12px 0 0; /* estilo para cada columna de informacion */ }
#estilo2 .SlidingPanelsContent div img { float:left; width: 60px; margin: 0; /* estilo para los graficos alusivos de cada noticia */ }


#estilo2 .SlidingPanelsContent div * 	{ width: 140px; float: right; } /* estilo para que los textos se ubiquen a la derecha de la imagen */
#estilo2 .SlidingPanelsContent div * * 	{ width: auto; float: none; } /* estilo para que los textos se ubiquen a la derecha de la imagen */