/*
   Se actualizo el 10 enero 2010 8:35 am
   featutred border:0 antes tenia 5, es el border de donde eesta la tabla de las imagenes
   Actualizado: 22 Agosto 2011 
   Proyecto: III  Foro IMIP - IESI
*/

#featured{ 
	width:400px; 
	padding-right:250px; 
	position:relative; 
	border:0px solid #ccc;  /*  border:5   border marco del contenedor de imagenes  #014464*/ 
	height:250px; 
	background:#fff;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:400px; 
	list-style:none; 
	padding:0; margin:0; 
	width:250px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background::#fff;  /* fff */ 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color:#333;  background:#fff; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background: :#f2f2f2;  
}
#featured li.ui-tabs-selected{ 
	background:url('../imagenes/foro/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#72A7AD;  /* color del td del texto del thumbnail */ 
}

/* cuadro gris transparente para poner el texto   */
#featured .ui-tabs-panel{ 
	width:400px; height:250px;  /*  height= 250 */
	background:#999; position:relative;
}

/* cuadro gris transparente para poner el texto   */
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; left:0; 
	height:70px; 
	background: url('../imagenes/foro/transparent-bg.png'); 
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0; 
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}

.Titulo{
font-family: Arial, Helvetica, sans-serif;
	color: #014464;
	font-weight: bold;
	font-size: 16px;
	text-align:left;
}

.Titulo_verde{
font-family: Arial, Helvetica, sans-serif;
	color: #9DCB73;
	font-weight: bold;
	font-size: 16px;
	text-align:left;
}

.texto{
	font-size: 12pt;
	font-weight: bold;
}

.Estilo70 {font-family: Arial, Helvetica, sans-serif; font-size: 10x; color: #333333; }

.Estilo62 {
	font-family: Arial, Helvetica, sans-serif;
	/* font-weight: bold; */
	font-size: 13px;
}

.bienvenida{
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color:#333333; 
font-weight: bold; 

}

.bloque{
    width:300px;
	border: 1px solid #999999;
}

.more {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #fc9f10;
	text-align: right;
	margin: 0px;
}
.liensMore {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #39807A;  /* #fc9f10;  NARANJA */
	text-decoration: none;
}
.liensMore:hover {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #014464;    /* #333;  GRIS  */
	text-decoration: none;
}