@import url("comun.css");

/***************************************************/
/*		AGRUPACION CONTENIDO	*/
/***************************************************/
/* Cuerpo */
.contenido_cuerpo {width:944px; overflow:hidden;}
.contenido_cajas {height:632px; overflow:hidden;}
.clear {clear:both; width:100%; height:20px; }
.caja {position:relative; float:left; background-color:#fafafa; margin-bottom:20px;}
.caja_titulo {margin:24px 24px 0 24px;}
.caja_titulo, .caja_titulo a {color:#4f4f4f; font-family:'Oblik-Bold'; font-size:12pt;}
.caja_contenido {position:relative; margin:0 24px; overflow:hidden;}
.caja_contenido p {color:#464646;}
.separador {clear:both; margin-top:8px; width:100%;border-top:1px solid #b4b4b4; border-bottom:1px solid #ececec;}

	/* Fondos */
#caja-modulo1 { width:356px; height:425px; margin:0;}
#caja-modulo1 .caja_contenido {width:31s6px; margin:10px 20px 0 20px;}
#caja-modulo1 .buscar_literal {float:left; width:120px; height:22px; line-height:22px; color:#494949; font-size:10pt; margin-bottom:14px;}
#caja-modulo1 .buscar_fondo {float:right; width:186px; height:22px; background:url(buscar_fondo.png) no-repeat; margin-bottom:14px;}
#caja-modulo1 .buscar_fondo input {border:none; width:172px; height:22px; font-size:10pt; color:white; background:none; margin:0 10px;}
#caja-modulo1 .caja_contenido ul {clear:both;}
#caja-modulo1 .caja_contenido ul li {margin-top:8px; height:18px; border-bottom:1px solid #c2c2c2;}
#caja-modulo1 .caja_contenido ul div {float:left;}
#caja-modulo1 .caja_contenido .cabecera .nombre {width:172px; color:#004780; font-family:'Oblik-Bold'; text-align:left; font-size:8pt;}
#caja-modulo1 .caja_contenido .cabecera .tipologia {width:52px; color:#004780; font-family:'Oblik-Bold'; text-align:center; font-size:8pt;}
#caja-modulo1 .caja_contenido .cabecera .divisa {width:40px; color:#004780; font-family:'Oblik-Bold'; text-align:center; font-size:8pt;}
#caja-modulo1 .caja_contenido .cabecera .ultimo {width:50px; color:#004780; font-family:'Oblik-Bold'; text-align:right; font-size:8pt;}
#caja-modulo1 .caja_contenido .fondo .nombre {width:200px; color:#61a3d2; font-size:8pt; text-align:left; cursor:pointer;}
#caja-modulo1 .caja_contenido .fondo .nombre a {color:#61a3d2; font-ssize:8pt;}
#caja-modulo1 .caja_contenido .fondo .tipologia {width:26px; color:#464646; font-size:8pt; text-align:center;}
#caja-modulo1 .caja_contenido .fondo .divisa {width:26px; color:#464646; font-size:8pt; text-align:center;}
#caja-modulo1 .caja_contenido .fondo .ultimo {width:62px; color:#464646; font-size:8pt; text-align:right;}
#caja-modulo1 .caja_contenido .pie {clear:both; margin-top:14px; overflow:hidden;}
#caja-modulo1 .caja_contenido .pie img {float:right;}

	/* Mercados */
#caja-modulo2 {width:312px; height:254px; margin-left:20px;}
#caja-modulo2 .caja_contenido {width:264px;}
#caja-modulo2 .caja_contenido .valores div {float:left;}
#caja-modulo2 .caja_contenido .valores ul li {margin-top:10px; height:20px; border-bottom:1px solid #cecece;}
#caja-modulo2 .caja_contenido .nombre {width:130px; color:#61a3d2; font-size:10pt; }
#caja-modulo2 .caja_contenido .nombre a {color:#61a3d2; font-size:10pt;}
#caja-modulo2 .caja_contenido .valor {width:75px; color:#464646; font-size:10pt;}
#caja-modulo2 .caja_contenido .percent {font-weight:bold; font-size:10pt;}
#caja-modulo2 .caja_contenido .pie {clear:both; margin-top:8px;}
#caja-modulo2 .caja_contenido .pie img {float:right;}

	/* Contacto */
#caja-modulo3 {width:225px; height:254px; margin-left:20px; background-color:#81b5db;}
#caja-modulo3 .caja_titulo, #caja-modulo3 .caja_titulo a {color:#004780;}
#caja-modulo3 .caja_contenido {width:177px; margin-top:24px;}
#caja-modulo3 .separador {border-top:1px solid #5c829d; border-bottom:1px solid #77a8cb;}
#caja-modulo3 p, #caja-modulo3 a {color:white; font-size:11pt;}

	/* Vision */
#caja-modulo4 {width:554px; height:152px; margin-left:20px;}
#caja-modulo4 .caja_contenido {width:514px; margin:10px 20px 0 20px;}
#caja-modulo4 .vision_imagen {float:left; max-width:224px; margin-right:16px}
#caja-modulo4 .vision_contenido {float:left; width:270px;}
#caja-modulo4 .vision_contenido .descripcion {height:60px; overflow:auto;}
#caja-modulo4 .descripcion p {color:#464646; font-size:10pt;}
#caja-modulo4 .vision_contenido .enlace {padding-top:8px;}
#caja-modulo4 .vision_contenido .enlace a {font-weight:bold; color:#61a3d2; font-size:10pt;}

	/* Resumen */
#caja-modulo5 {width:462px; height:186px; margin:0;}
#caja-modulo5 .caja_contenido {width:462px; margin:14px 0 0 0;}
#caja-modulo5 .vision_imagen {float:left; max-width:142px; padding-top:8px;}
#caja-modulo5 .vision_descripcion {float:left; width:300px; height:100px; overflow:auto;}
#caja-modulo5 .vision_descripcion p {color:#464646; font-size:10pt;}

	/* Twitter */
#caja-modulo6 {width:460px; height:186px; margin:0; margin-left:20px;}
#caja-modulo6 .cabecera {width:100%; height:32px; background:url(vimg/cabecera_twitter.png/$file/cabecera_twitter.png);}
#caja-modulo6 .caja_contenido {width:420px; margin-top:14px;}
#caja-modulo6 .loader {position:absolute; display:none; top:32px; width:460px; height:154px; background: url(loader-small.gif) no-repeat center #efefef; opacity:0.8;filter:alpha(opacity=80);}
#caja-modulo6 .tweets {width:100%; height:154px; overflow:auto;}
#caja-modulo6 .tweet {width:380px; border-bottom:1px solid #cecece; padding:10px 20px;}
#caja-modulo6 .tweet_logo {float:left; width:46px; margin-right:18px;}
#caja-modulo6 .tweet_usuario {float:left; width:150px; color:#464646; line-height:150%;}
#caja-modulo6 .tweet_usuario span {color:#2780ec}
#caja-modulo6 .tweet_tiempo {float:left; width:165px; text-align:right; font-size:8pt; color:#464646;}
#caja-modulo6 .tweet_texto {float:left; width:310px; line-height:150%; color:#464646;}
#caja-modulo6 .tweet_clear {clear:both;}

	/* Voces - inversor */
.contenido_enlaces {width:100%; height:160px;}
.contenido_enlaces > ul{width:100%; height:100%;}
.contenido_enlaces > ul li {float:left; margin-right:20px}
.contenido_enlaces > ul li:last-child {margin-right:0;}

	/* Indices Mercado */
.contenido_indices {width:100%; height:20px; line-height:20px; background-color:#b2b2b2;}
.contenido_indices ul li {float:left; margin-right:20px;}
.contenido_indices span {margin:0 4px;}
.contenido_indices .nombre {color:#4f4f4f; font-size:8pt; font-weight:bold; }
.contenido_indices .valor {color:#464646; font-size:8pt;}
.contenido_indices .percent {font-size:8pt; font-weight:bold;}