#featured
{
    BORDER-RIGHT: #EFEFEF 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #EFEFEF  1px solid;
    LEFT: 20px;
    VISIBILITY: visible;
    BORDER-LEFT: #EFEFEF  1px solid;
    WIDTH: 460px;
    BORDER-BOTTOM: #EFEFEF  1px solid;
    POSITION: absolute;
    TOP: 180px;
    HEIGHT: 190px; //marco total del gestor
}
#featured UL.ui-tabs-nav
{
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	VISIBILITY: visible;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	VERTICAL-ALIGN: top;
	WIDTH: 180px;
	PADDING-TOP: 0px;
	LIST-STYLE-TYPE: none;
	POSITION: absolute;
	TOP: 0px;
	HEIGHT: 190px;
	left: 0px;
	background-image: url(../Imagenes/images/cuadradogestor.jpg);// bg de la columna izquierda 
	
}
#featured UL.ui-tabs-nav LI
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
	margin-top:6px;
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 0px;
    COLOR: #ffffff;
    PADDING-TOP: 0px; //ubicacion de los botones de la columna izquierda
}
#featured UL.ui-tabs-nav LI IMG
{
    BORDER-RIGHT: #eee 0px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: #eee 0px solid;
    PADDING-LEFT: 2px;
    BACKGROUND: #fff;
    PADDING-BOTTOM: 2px;
    MARGIN: 2px;
    BORDER-LEFT: #eee 0px solid;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #eee 0px solid; //no cambia nada...
}
#featured UL.ui-tabs-nav LI SPAN
{
    FONT-SIZE: 11px;
	COLOR: #666666;
    LINE-HEIGHT: 12px;
	PADDING-RIGHT: 15px;
	FONT-FAMILY: Arial; // tipografia de los titulos
}
#featured LI.ui-tabs-nav-item A 
{
    PADDING-RIGHT: 15px;
    DISPLAY: block;
    PADDING-LEFT: 5px;
    BACKGROUND-IMAGE: none;
    PADDING-BOTTOM: 0px;
    WIDTH: 175px;
    COLOR: #333333;
    PADDING-TOP: 3px;
    BACKGROUND-REPEAT: repeat;
    HEIGHT: 30px;
    TEXT-ALIGN: left;
	BACKGROUND: url(../Imagenes/images/cuadradogestor.jpg); //bg de la columna izq y ubicacion de los elementos
}
#featured LI.ui-tabs-nav-item A:hover
{
    BACKGROUND: url(../Imagenes/images/sobre2.jpg) no-repeat left top; // bg de los botones en estado over
}
#featured LI.ui-tabs-selected
{
    BACKGROUND: url(../imagenes/images/selected-item.gif) no-repeat left top; // esta imagen no existe...
}
#featured UL.ui-tabs-nav LI.ui-tabs-selected A 
{
	BACKGROUND: url(../Imagenes/images/IMAGBOTONNoticias2.jpg) no-repeat; // bg de los botones
}
#featured .ui-tabs-panel
{
    BACKGROUND: #999;
    LEFT: 180px;
    WIDTH: 280px;
    POSITION: relative;
    HEIGHT: 180px; // bg de la columna derecha
}
#featured .ui-tabs-panel .info
{
    BACKGROUND: url(../Imagenes/images/transparent-bg.png) no-repeat;
    LEFT: 0px;
    VISIBILITY: visible;
    WIDTH: 280px;
    POSITION: absolute;
    TOP: 128px;
    HEIGHT: 62px; //zona donde esta el texto de la noticia en la col derecha
}
IMAGBOTONNoticias2.jpg #featured .info H2
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-SIZE: 18px;
    PADDING-BOTTOM: 5px;
    MARGIN: 0px;
    OVERFLOW: hidden;
    COLOR: #666;
    PADDING-TOP: 5px;
    FONT-FAMILY: Georgia, serif; //no cambia nada...
}
#featured .info P
{
    PADDING-RIGHT: 6px;
    PADDING-LEFT: 6px;
    FONT-SIZE: 10px;
    PADDING-BOTTOM: 6px;
    MARGIN: 6px;
    COLOR: #666;
    LINE-HEIGHT: normal;
    PADDING-TOP: 6px;
    FONT-FAMILY: Arial; //tipografia de la noticia en columna derecha
}
#featured .info A
{
    COLOR: #666;
    TEXT-DECORATION: none; //link de la noticia
}
#featured .info A:hover
{
    COLOR: #336699;
	TEXT-DECORATION: none; //link de la noticia over
}
#featured .ui-tabs-hide
{
   DISPLAY: none
}
#featured LI.ui-tabs-nav-item
{
    POSITION: relative
}
#featured .info
{
}