@import url("comun.css");

/***************************************************/
/*		AGRUPACION CONTENIDO	*/
/***************************************************/
/* Cuerpo */
.contenido_cuerpo {width:944px; overflow:hidden; min-height:620px;}
.contenido_titulo {margin:0 0 16px; padding-bottom:12px; border-bottom:1px solid #adb9ce; font-family:'Oblik-Bold'; font-size:12pt; color:#73736a;}
.contenido_titulo h1{font-family:'Oblik-Bold'; font-size:12pt; color:#73736a;}
.caja {position:relative; width:422px;}
.caja p, .caja a {color:#575757;}
.caja_titulo {margin:24px 0 15px; padding-bottom:12px; border-bottom:1px solid #adb9ce;}
.caja_titulo, .caja_titulo a {color:#73736a; font-family:'Oblik-Bold'; font-size:12pt;}

.titulo_resumen {background:url(grafico_resumen.png) no-repeat left; height:23px; line-height:23px; padding-left:34px;}
.titulo_resumen a {text-decoration:underline; font-size:10.5pt; color:#004780;}

.grafica_tipologia {width:944px; height:190px; background:url(fondos_tipologia.png) no-repeat bottom;}
.grafica_tipologia .tipologia {position:relative; float:left; margin:0 2px 2px 1px ; width:154px; height:26px; line-height:26px; font-family:'Oblik-Regular'; font-size:10.5pt; color:#343434; text-align:center;}
.grafica_tipologia .tipologia.active {font-family:'Oblik-Bold'; color:white; background-color:#04477d;}

.nivel_tipologia {margin-bottom:20px; width:944px; height:22px; line-height:22px;}
.nivel_tipologia div {line-height:22px; font-family:'Oblik-Bold'; color:#004881;}

.accordion {margin-bottom:50px;}
.fondos .tipologia {margin-bottom:6px;}
.fondos .tipologia, .fondos .cotizacion {clear:both; overflow:hidden; border:1px solid #c3c3c3;}
.fondos .tipologia ul, .fondos .cotizacion ul {display:none;}
.fondos .tipologia > .titulo {position:relative; padding-left:18px; height:38px; line-height:38px; background:url(tipologia_bg.png); font-family:'Oblik-Bold'; font-size:12pt; color:#003f71; cursor:pointer;}
.fondos .tipologia .arrow {position:absolute; top: 16px; right: 16px; width:13px; height:11px; background:url(arrow_down.png);}

.fondos .cotizacion li.cabecera {height:45px; line-height:45px;}
.fondos .cotizacion li.detalle {width:100%; height:28px; line-height:26px; cursor:pointer;}
.fondos .cotizacion ul li div {float:left; border-top:1px solid #c0d4e4;}
.fondos .cotizacion p, .cotizacion a {color:#575757;}

.fondos .cabecera .nombre, .fondos .cabecera .isin, .fondos .cabecera .divisa, .fondos .cabecera .valor, .fondos .cabecera .fecha, .fondos .cabecera .compra {color:#00467f;}
.fondos .detalle .nombre, .fondos .detalle .isin, .fondos .detalle .divisa, .fondos .detalle .valor, .fondos .detalle .fecha, .fondos .detalle .compra {color:#575757;}
.fondos .nombre {padding-left:24px; width:290px; white-space:nowrap;}
.fondos .isin {width:130px;}
.fondos .divisa {width:124px;}
.fondos .valor {width:150px;}
.fondos .fecha {width:116px;}
.fondos .compra {width:100px;}
.fondos .compra a {text-decoration:underline; color:#00467f;}