?@charset "utf-8";

/*SALIDA A PANTALLA*/

/*HOJA DE ESTILOS POR TIPOS DE OPCION Y SECCION PARA [CNMV] SITIO WEB
Creado por IECI*/


/* ----------------------------------------------
FONDO DE CONTENIDO GRIS PARA HOME Y SUBHOME
------------------------------------------------*/
.home #contenido, .estudiante #contenido, .empezandoatrabajar #contenido, .tengofamilia #contenido, .autonomo #contenido, .cuentaajena #contenido, .inmigrante #contenido, .jubilado #contenido, .desempleado #contenido, .comprarcasa #contenido, .independizarme #contenido, .aprenderaahorrar #contenido, .invertirahorros #contenido, .prestamopersonal #contenido, .manejarmisdeudas #contenido{background-color:#f6f6f6}


/* ----------------------------------------------
FONDO DE CONTENIDO PARA EL DESTACADO
------------------------------------------------*/
/* GENERAL */
.destacado{background:#ffffff  url(../img/fondos/fnd_titular.gif) repeat-x 0 100%; overflow:hidden; height:100%; padding-left:31px; margin:0 20px}
.destacado .titular{ background:transparent url(../img/imagenes/fnd_titular_proyecto.jpg) no-repeat right bottom; /*height:138px;*/ height:11.5em}
/* HOME */
.home .destacado{background:#ffffff url(../img/fondos/fnd_destacado3.gif) repeat-x 0 100%}
.home .destacado .titular{float:left; width:532px; padding-bottom:9px; background:none; height:auto}

/* SEGUN OPCION DE MENU SELECCIONADA Y SUBOPCIONES [NAVEGACION COMUN, SUBMENU LATERAL, ETC. */
/* OPCION 1 [INICIO] */
/* OPCION 2 [COmo llegar a fin de mes] */
.op2 .destacado .titular{ background:transparent url(../img/imagenes/fnd_titular_op2.jpg) no-repeat right bottom; /*height:138px;*/ height:11.5em}
/* OPCION 3 [La economIa en las etapas de la vida] */
.op3 .destacado .titular{ background:transparent url(../img/imagenes/fnd_titular_op3.jpg) no-repeat right bottom; /*height:138px;*/ height:11.5em}
.op3.recuerde .destacado .titular{ background:transparent url(../img/imagenes/fnd_titular_op3recuerde.jpg) no-repeat right bottom; /*height:138px;*/ height:11.5em}
/* OPCION 4 [Consejos para invertir] */
.op4.glosario .destacado .titular{ background:transparent url(../img/imagenes/fnd_titular_op4glosario.jpg) no-repeat right bottom; /*height:138px;*/ height:11.5em}
.op4 .destacado .titular{ background:transparent url(../img/imagenes/fnd_titular_op4.jpg) no-repeat right bottom; /*height:138px;*/ height:11.5em}
/* OPCION 5 [La oferta de productos y servicios financieros] */
.op5 .destacado .titular{ background:transparent url(../img/imagenes/fnd_titular_op5.jpg) no-repeat right bottom; /*height:138px;*/ height:11.5em}
/* OPCION 6 [Kit financiero de supervivencia] */
.op6 .destacado .titular{ background:transparent url(../img/imagenes/fnd_titular_op6.jpg) no-repeat right bottom; /*height:138px;*/ height:11.5em}
.op6.enlaces .destacado .titular{ background:transparent url(../img/imagenes/fnd_titular_op6enlaces.jpg) no-repeat right bottom; /*height:138px;*/ height:11.5em}

/* PARA EL DESTACADO EN: RESULTADOS - MAPA WEB - PROYECTO - GLOSARIO - DETALLE  */
.resultados .destacado .titular{ background:transparent url(../img/imagenes/fnd_titular_op1resultados.jpg) no-repeat right bottom; /*height:138px;*/ height:11.5em}
.resultados .destacado .titular h1,.glosario .destacado .titular h1,.proyecto .destacado .titular h1,.detalle .destacado .titular h1{padding-top:24px}
.mapaweb .destacado .titular{ background:transparent url(../img/imagenes/fnd_titular_mapaweb.jpg) no-repeat right bottom; /*height:138px;*/ height:11.5em}
.proyecto .destacado .titular{ background:transparent url(../img/imagenes/fnd_titular_proyecto.jpg) no-repeat right bottom; /*height:138px;*/ height:11.5em}
.contacto .destacado .titular{ background:transparent url(../img/imagenes/fnd_titular_contacto.jpg) no-repeat right bottom; /*height:138px;*/ height:11.5em}
.contacto2 .destacado .titular{ background:transparent url(../img/imagenes/fnd_titular_contacto2.jpg) no-repeat right bottom; /*height:138px;*/ height:11.5em}
.multimedia .destacado .titular{ background:transparent url(../img/imagenes/fnd_titular_multimedia.jpg) no-repeat right bottom; /*height:138px;*/ height:11.5em}
.destacado .tags{float:left; width:377px; /*height:22.4em;*/ text-align:center; padding-bottom:9px}
.destacado .tags ul{padding:20px 50px 30px 30px}
.destacado .tags .img_tag{ position:relative}

/*PERFILES*/
.estudiante .destacado .titular{ background:transparent url(../img/imagenes/fnd_titular_op1estudiante.jpg) no-repeat right bottom; /*height:138px;*/ height:11.5em; position:relative}
.empezandoatrabajar .destacado .titular{ background:transparent url(../img/imagenes/fnd_titular_op1trabajar.jpg) no-repeat right bottom; /*height:138px;*/ height:11.5em; position:relative}
.tengofamilia .destacado .titular{ background:transparent url(../img/imagenes/fnd_titular_op1familia.jpg) no-repeat right bottom; /*height:138px;*/ height:11.5em; position:relative}
.autonomo .destacado .titular{ background:transparent url(../img/imagenes/fnd_titular_op1autonomo.jpg) no-repeat right bottom; /*height:138px;*/ height:11.5em; position:relative}
.cuentaajena .destacado .titular{ background:transparent url(../img/imagenes/fnd_titular_op1cuentaajena.jpg) no-repeat right bottom; /*height:138px;*/ height:11.5em; position:relative}
.inmigrante .destacado .titular{ background:transparent url(../img/imagenes/fnd_titular_op1inmigrante.jpg) no-repeat right bottom; /*height:138px;*/ height:11.5em; position:relative}
.jubilado .destacado .titular{ background:transparent url(../img/imagenes/fnd_titular_op1jubilado.jpg) no-repeat right bottom; /*height:138px;*/ height:11.5em; position:relative}
.desempleado .destacado .titular{ background:transparent url(../img/imagenes/fnd_titular_op1desempleado.jpg) no-repeat right bottom; /*height:138px;*/ height:11.5em; position:relative}
.estudiante .destacado .titular h1,.empezandoatrabajar .destacado .titular h1,.tengofamilia .destacado .titular h1,.autonomo .destacado .titular h1,.cuentaajena .destacado .titular h1,.inmigrante .destacado .titular h1,.jubilado .destacado .titular h1,.desempleado .destacado .titular h1{padding-top:24px}
.info_perfil{ position:absolute; right:10px; bottom:0; height:65px}
.info_perfil p {background:transparent url(../img/fondos/info_perfil_izq.gif) no-repeat left top;height:59px;padding-left:16px; float:left;}
.info_perfil p span{background:transparent url(../img/fondos/info_perfil_der.gif) no-repeat right top;color:#ffffff;float:left;font-size:1.8em;height:45px;padding:20px 16px 0 0;width:auto;}
.cuentaajena .info_perfil p span, .empezandoatrabajar .info_perfil p span, .desempleado .info_perfil p span{height:56px;line-height:20px;padding:8px 16px 0 0;text-align:right}

/*NECESIDADES*/
.comprarcasa .destacado .titular{ background:transparent url(../img/imagenes/fnd_titular_op1casa.jpg) no-repeat right bottom; /*height:138px;*/ height:11.5em; position:relative}
.independizarme .destacado .titular{ background:transparent url(../img/imagenes/fnd_titular_op1independizar.jpg) no-repeat right bottom; /*height:138px;*/ height:11.5em; position:relative}
.aprenderaahorrar .destacado .titular{ background:transparent url(../img/imagenes/fnd_titular_op1ahorrar.jpg) no-repeat right bottom; /*height:138px;*/ height:11.5em; position:relative}
.invertirahorros .destacado .titular{ background:transparent url(../img/imagenes/fnd_titular_op1invertir.jpg) no-repeat right bottom; /*height:138px;*/ height:11.5em; position:relative}
.prestamopersonal .destacado .titular{ background:transparent url(../img/imagenes/fnd_titular_op1prestamo.jpg) no-repeat right bottom; /*height:138px;*/ height:11.5em; position:relative}
.manejarmisdeudas .destacado .titular{ background:transparent url(../img/imagenes/fnd_titular_op1deudas.jpg) no-repeat right bottom; /*height:138px;*/ height:11.5em; position:relative}
.comprarcasa .destacado .titular h1,.independizarme .destacado .titular h1,.aprenderaahorrar .destacado .titular h1,.invertirahorros .destacado .titular h1,.prestamopersonal .destacado .titular h1,.manejarmisdeudas .destacado .titular h1{padding-top:24px}
.comprarcasa .info_perfil p span, .independizarme .info_perfil p span, .aprenderaahorrar .info_perfil p span, .invertirahorros .info_perfil p span,  .prestamopersonal .info_perfil p span,  .manejarmisdeudas .info_perfil p span{height:56px;line-height:20px;padding:8px 16px 0 0;text-align:right}