/*
	Theme Name: Pensiones
	Description: Theme desgined by AyerViernes S.A. to Superintendencia de Pensiones
	Version: 0.1
	Author: Fabian Ramirez (developer), Paulinaf Meyer (project manager)
	Author URI: http://ayerviernes.com
	Tags: chile, pensiones, superintendencia, simulador	
*/
/*chrome*/
html {
		background-color: #002E6A;
}

body {
        font: normal .7em/140% Arial, Sans-serif;
        color: #212121;
		background-color: #002E6A;
}
table {
	
}
a{
        text-decoration: none;
        color: #002E6A;
}
a:hover{
        text-decoration: underline;
}

/******************************** Containers ****/
div#root-login {
	background-color:#D6D6BE;
	margin-bottom:0;
	padding-top:30px;
}

	div#root-login div#container-login {
		width:860px;
		padding:20px;
		padding-right:0;
		padding-top:30px;
		background-color:white;
		margin:0 auto;
		padding-bottom:80px;
		height:450px;
		padding-left:23px;
		/*padding-left:30px;*/
		position: relative;
		margin-bottom: -15px;
		z-index: 30;
	}

div#root-solicitud {
	background-color:#D6D6BE;
	margin-bottom:0;
	padding-top:30px;
}

	div#root-solicitud div#container-solicitud {
		width:860px;
		padding:20px;
		padding-right:0;
		padding-top:30px;
		background-color:white;
		margin:0 auto -15px;
		padding-bottom:15px;		
		height:680px;
		padding-left:30px;
		position: relative;
		z-index: 30;
	}


#forgot-password {
	width:575px;
}
		
div#footer {
		width:860px;
		margin:0 auto;
		position:relative;
		background:url(../img/back/back-footer.png) top repeat-x;
		width:100%;
}

div#footer_sticky table {
	border-collapse:inherit;
}

div#footer_sticky {
		width:100%;
		position:fixed;
		bottom:0;
		left:0;
		z-index:200;
		padding:0px;
}

div#footer_sticky .container {
	background-color:#FFFFD3;
	border:solid 1px #174B86;
	border-left:none;
	border-right:none;
	z-index:1000;
}

div#footer_sticky .containerEspecial {
        background-color:#FFFFD3;
        border:solid 1px #174B86;
        border-left:none;
        border-right:none;
        z-index:1000;
}


div#footer_sticky #actualizar {
	display:inline-block;
	background-image:url(../img/boto/actualizar.gif);
	background-repeat:no-repeat;
	width:104px;
	top:-35px;
	height:32px;
	text-align:center;
	color:white;
	font-size:17px;
	line-height:34px;
	margin-left:6px;
	position:relative;
	z-index:0;
}

div#footer_sticky #actualizarEspecial {
        display:inline-block;
        background-image:url(../img/boto/actualizar.gif);
        background-repeat:no-repeat;
        width:104px;
        /*top:-35px;*/
        height:32px;
        text-align:center;
        color:white;
        font-size:17px;
        line-height:34px;
        margin-left:6px;
        position:relative;
        z-index:0;
}

div#footer_sticky #actualizar:hover {
	text-decoration:none;
	background-position:bottom;
}

div#footer_sticky #actualizarEspecial:hover {
        text-decoration:none;
        background-position:bottom;
}

div#footer_sticky table {
	width:800px;
	margin:0 auto;
	position:relative;
}

div#footer_sticky table th {
	padding-top:10px;
	text-align:center;
	vertical-align: top; 
	color:#134782;
	line-height:17px;
}

div#footer table td {
	padding:10px;
}


div#footer_sticky .container table tbody td {
		vertical-align: top; 
}

div#footer_sticky .containerEspecial table tbody td {
                vertical-align: top;
}

div#footer_sticky td.pension_mensual, div#footer_sticky .pension_escenario_optimista, div#footer_sticky pension_escenario_pesimista, div#footer_sticky .pension_escenario_pesimista, div#footer_sticky .pension_mensual_esperada {
	color:#134782;
	font-size:24px;
	text-align:center;
	line-height:40px;
} 

div#footer_sticky .detalle_footer {
	font-size:38px;
	color:#134782;
	text-align:center;
	padding-top:16px;
	font-weight:bold;
	padding-bottom:14px;
}

div#footer_sticky .bg_pension_mensual  {
	background-color:#CAEAF6;
	border-left:solid 1px #1657A2;
}

div#footer_sticky .bg_pension_escenario_optimista  {
	background-color:#CAEAF6;
	border-left:solid 1px #1657A2;
	border-collapse:inherit;
}

div#footer_sticky .bg_pension_escenario_pesimista  {
	background-color:#CAEAF6;
	border-right:solid 1px #1657A2;
	border-left:solid 1px #1657A2;
}



div#footer_sticky th, div#footer_sticky th.pension_mensual {
	font-size:11px;
}

div#footer_sticky #detalle_footer {
	width:85px;
	background-image:url(../img/ico/detalle.png);
	background-repeat:no-repeat;
	background-position:left;
	padding:10px;
	padding-left:23px;
	font-size:12px;
	text-decoration:underline;
	position:relative;
	top:45px;
}

div#footer_sticky #detalle_footerEspecial {
        width:85px;
        background-image:url(../img/ico/detalle.png);
        background-repeat:no-repeat;
        background-position:left;
        padding:10px;
        padding-left:23px;
        font-size:12px;
        text-decoration:underline;
        position:relative;
        /*top:45px;*/
}

div#footer_sticky #detalle_footer:hover { 
	background-image:url(../img/ico/detalle-hover.png);
}

div#footer_sticky #detalle_footerEspecial:hover {
        background-image:url(../img/ico/detalle-hover.png);
}

div#footer_sticky #cerrar_detalle_footer {
	width:85px;
	background-image:url(../img/ico/cerrar.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding:10px;
	padding-right:23px;
	font-size:12px;
	text-decoration:underline;
	position:relative;
	top:45px;
}

div#footer_sticky #cerrar_detalle_footerEspecial {
        width:85px;
        background-image:url(../img/ico/cerrar.gif);
        background-repeat:no-repeat;
        background-position:right;
        padding:10px;
        padding-right:23px;
        font-size:12px;
        text-decoration:underline;
        position:relative;
        top:45px;
}

div#footer_sticky div#detalle_pension {
	width:800px;
	margin:0 auto;
}

/******************************** Elements ****/
	div#root-login div#container-login h1 {
		font-size:36px;
		font-weight:normal;
		color:#444444;
		padding-top:55px;
	}	
	
	div#root-solicitud div#container-solicitud h1 {
		font-size:36px;
		font-weight:normal;
		color:#444444;
		padding-top:55px;
		padding-left:210px;
	}
	
	
		div#root-login div#container-login .login-form-separator h2 {
			color:white;
			font-size:25px;
			background-image:url(../img/back/login-bienvenido.png);
			background-repeat:no-repeat;
			position:absolute;
			top:18px;
			margin-left:-40px;
			height:40px;
			width:400px;
			padding:10px;
			padding-left:30px;
			line-height:19px;
		}
		
		div#root-solicitud div#container-solicitud h2 {
			color:white;
			font-size:25px;
			background-image:url(../img/back/login-bienvenido.png);
			background-repeat:repeat-x;
			position:absolute;
			top:18px;
			margin-left:-40px;
			height:40px;
			width:306px;
			padding:10px;
			padding-left:30px;
			line-height:19px;
		}
		

/*********************************** Clases ******/

/*------------------------------------- Separadores del login */
div#root-login div#container-login .explain {
	font-size:18px;
	margin-top:20px;
	margin-bottom:16px;
	line-height:20px;
	color:#212121;
	width : 831px;
}

div#root-login div#container-login .get-started {
	color:#444444;
	font-size:14px;
	height:530px;
	/*margin-bottom:16px;
	line-height:18px;*/
	text-align: center;
}

/*------------------------------------- Separadores solicitar clave */
div#root-solicitud div#container-solicitud .explain {
	font-size:18px;
	margin-top:20px;
	margin-bottom:16px;
	line-height:25px;
	color:#444444;
}


div#root-solicitud .container-form-solicitud {
	width:436px;
	margin:0 auto;
}

div#root-solicitud .container-form-solicitud .fieldset-solicitud {
	background-color:#FDFFD5;
	padding:48px;
	padding-top:16px;
	padding-bottom:20px;
}

/*------------------------------------- Clases de los inputs y fieldsets de solicitar clave */
div#root-solicitud .container-form-solicitud .fieldset-solicitud label {
	display:block;
	font-size:14px;
	font-weight:bold;
	color:#444444;
	padding-bottom:6px;
}

div#root-solicitud .container-form-solicitud .fieldset-solicitud .input-text {
	border:solid 2px #DDDDDD;
	width:304px;
	padding-top:6px;
	padding-bottom:6px;
	float:left;
	padding-left:5px;
	font-size:16px;
	margin-bottom:16px;
}
div#root-solicitud div#container-solicitud .input-container .explain {
	font-size:12px;
	position:relative;
	right:0;
	top:-44px;
	left:325px;
	text-decoration:underline;
}

div#root-solicitud div#container-solicitud .back-container {
	float:left;
	line-height:36px;
}
div#root-solicitud div#container-solicitud .back-container a:link, div#root-solicitud div#container-solicitud .back-container a:visited {
	text-decoration:underline;
}

div#root-solicitud div#container-solicitud .submit-container { 
	float:right;
	margin-right:30px;
	margin-top:12px;
}

div#root-solicitud div#container-solicitud .submit-container .button {
	width:124px;
	height:32px;
	background-color:transparent;
	border:none;
	background-image:url(../img/boto/solicitar-clave.png);
	background-position:top;
	background-repeat:repeat-x;
	color:white;
	font-size:16px;
	cursor:pointer;
	margin-left:21px;
}

div#root-solicitud div#container-solicitud .submit-container .button:hover {
	background-position:bottom;
}

/*------------------------------------- Clases de los inputs y fieldsets del login */
div#root-login div#container-login .login-form-separator {
	width:440px;
	float:left;
}

div#root-login div#container-login .login-nopassword-separator {
	width:338px;
	/*float:right;*/
	float:left;
	padding-top:25px;
	padding:20px;
	padding-top:25px;
	padding-bottom:17px;
	/*margin-top:52px;*/
	background-image:url(../img/back/login-nopassword.gif);
	background-repeat:repeat-x;
	margin-left:2%;
	margin-top:166px;
}

div#root-login div#container-login .fieldset-login {
	/*background-color:#FDFFD5;*/
	background-image:url(../img/back/login-nopassword.gif);
	background-repeat:repeat-x;
	/*padding:27px;*/
	padding:10px;
	/*margin-top:24px;*/
	margin-top:6px;
	/*width:350px;*/
}


div#root-login div#container-login .input-text {
	border:solid 1px #DDDDDD;
	width:200px;
	padding-top:4px;
	padding-bottom:6px;
	float:left;
	padding-left:5px;
	font-size:14px;
}

div#root-login div#container-login .input-container {
	margin-bottom:8px;
}

/*------------------------------------- Botones de la pagina de Login */
div#root-login div#container-login .fieldset-login .button {
	background-color:transparent;
	background-image:url(../img/back/login-button.gif);
	background-repeat:no-repeat;
	background-position:top;
	border:none;
	width:94px;
	height:32px;
	color:white;
	font-size:16px;
	margin-left:300px;
	cursor:pointer;
	margin-top:9px;
}

div#root-login div#container-login .fieldset-login .button:hover { 
	background-position:bottom;
}

.fieldset-login samp {
    font-family: Arial, Sans-serif;
    color: #212121;
	font-size:12px;
	padding-left:62px;
	margin-top:10px;
	/*line-height:24px;*/
}

div#root-login div#container-login .input-container label {
	font-size:16px;
	/*text-align:right;*/
	color:#444444;
	/*width:100px;*/
	width:180px;
	float:left;
	padding-right:12px;
	line-height:26px;
	font-weight:bold;
}

/******************************** Lightbox ****/
#forgot-password .image-lightbox {
	width:493px;
	margin:0 auto;
	margin-top:5px;
}

#forgot-password .link-lightbox {
	font-size:12px;
	margin-top:5px;
	padding-bottom:12px;
	color:#00316D;
	padding-left:76px;

}

#forgot-password .link-lightbox a:link, #forgot-password .link-lightbox a:visited {
	text-decoration:underline;
}


#forgot-password .banner-lightbox {
	width:100%;
	height:72px;
	background-image:url(../img/back/back-title-lightbox.png);
	background-repeat:repeat-x;
	padding-top:6px;
}
#forgot-password .banner-lightbox h2 {
	margin:0;
	font-size:22px;
	color:white;
	line-height:28px;
	padding:3px;	
	padding-left:30px;
}


/*------------------------------------- Clases no cuenta con una clave */
div#root-login div#container-login .forgot-container {
	text-align:right;
	font-size:14px;
	margin-top:0;
	position:relative;
}

div#root-login div#container-login .forgot-container p {
	margin-top:-10px;
	margin-left:103px;
	padding:0;
	position:absolute;
}

div#root-login div#container-login .forgot-container a:link, div#root-login div#container-login .forgot-container a:visited {
	text-decoration:underline;
	margin:0;
	background-image:url(../img/auxi/alert.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:28px;
	font-size:17px;
}


div#root-login div#container-login .login-nopassword-separator h2 {
	font-size:25px;
	color:#444444;
	margin-bottom:16px;
}

div#root-login div#container-login .login-nopassword-separator ul {
	margin-top:27px;
	width:300px;
}

div#root-login div#container-login .login-nopassword-separator ul li {
	margin-left:20px;
	padding-left:20px;
	font-size:14px;
	margin-bottom:16px;
	background-image:url(../img/ico/options-login.gif);
	background-position:left 3px;
	background-repeat:no-repeat;
	line-height:20px;
}


div#root-login div#container-login .login-nopassword-separator .button:link, div#root-login div#container-login .login-nopassword-separator .button:visited {
	background-color:transparent;
	background-image:url(../img/back/login-button-nopassword.gif);
	background-position:top;
	background-repeat:no-repeat;	
	border:none;
	width:164px;
	height:32px;
	color:white;
	font-size:16px;
	cursor:pointer;
	display:block;
	text-align:center;
	text-decoration:none;
	line-height:32px;
	margin-top:79px;
	margin-left:140px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
div#root-login div#container-login .login-nopassword-separator .button:link, div#root-login div#container-login .login-nopassword-separator .button:visited
{
	margin-top: 49px; /* This works only in Safari and Google Chrome */
}
}

div#root-login div#container-login .login-nopassword-separator .button:hover {
	background-position:bottom;
}

/*------------------------------------- Clases Footer */
div#footerContainer{
		width: 100%;
		position: relative;
}
div#footer .footer-container {
	width:890px;
	margin:0 auto;
	padding-bottom: 30px;
	position:relative;
}

div#footer .footer-superposition {
	width:890px;
	height:15px;
	background-color:white;
	display:block;
	position:absolute;
	top:-1px;
	z-index: 10;
}

div#footer .footer-logos .footer-logo-superintendencia a:link, div#footer .footer-logos .footer-logo-superintendencia a:visited {
	border:none;
} 

div#footer .footer-logos, div#footer .footer-description {
	padding-top:35px;
	color:white;
	font-size:1em;
}

div#footer .footer-description { 
	padding-top:45px;
}

div#footer .footer-logos {
	width:277px;
	float:left;
}

div#footer .footer-logo-superintendencia, div#footer .footer-logo-gov {
	float:left;
}

div#footer .footer-logo-gov { 
	margin-left:22px;
}

#manos-container{
		height: 273px;
		width: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
		overflow: hidden;
}
#manos{
		width: 890px;
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -445px;
}
#footer-manos{
		display: block;
		width: 264px;
		height: 253px;
		position: absolute;
		top: 15px;
		right: -115px;
		background: url(../img/auxi/footer-manos.png) no-repeat;
		z-index : 1; 
}


/*------------------------------------- Clases auxiliares */
.hide {
	display:none;
}

/*********** UNICAMENTE SIMULADOR ****/
.simulador {
	background: url(../img/back/back-simulador.png) top repeat-x #E4E4D8;
}

.simulador #contenedor {
	width:800px;
	margin:0 auto;
}

.simulador #contenedor .logo {
	float:left;
	border:none;
}
.simulador #contenedor h1 {
	font-size:25px;
	color:#00377F;
	line-height:50px;
	padding-left:20px;
	float:left;
}


.simulador #banner {
	clear:both;
	height:34px;
}
.simulador #banner ul {
	float:right;
}

.simulador #banner ul li {
	display:inline;
	color:white;
	line-height:23px;
	font-size:12px;
}

.simulador #banner ul li span {
	padding-left:4px;
	padding-right:4px;
}

.simulador #banner ul li a:link,.simulador #banner ul li a:visited {
	text-decoration:underline;
	color:white;
}

.simulador #banner ul li a:hover {
	text-decoration:none;
}

/*** Tabla datos persona ***/
.tabla-datos-persona {
	clear:both;
	/*border:solid 1px #013476;*/
	width:100%;
	margin-top:19px;
	background-color:white;
	border-collapse:separate;
}

.tabla-datos-persona .header {
	font-size:12px;
	color:#212121;
	display:block;
	line-height:12px;
}

.tabla-datos-persona .header {
	font-size:12px;
	color:#212121;
	display:block;
	line-height:12px;
}

..tabla-datos-persona .header {
	position:absolute;
}

.tabla-datos-persona .header .ayuda {
	top:-5px;
	position:relative;
}

.tabla-datos-persona td {
	padding:8px;
	/*border:solid 1px #7F9CC1;*/
	border-collapse:inherit;
	border-top:none;
	border-right:none;
	vertical-align:top;
}
.tabla-datos-persona td.no-border-bottom {
	border-bottom:none;
}

.tabla-datos-persona td.no-border-no-padding {
	border:none;
	padding:0;
	margin:0;
}

.tabla-datos-persona td.no-border-left {
	border-left:none;
}

.tabla-datos-persona td.border-left {
	/*border-left:solid 1px #7F9CC1;*/
}
.tabla-datos-persona p {
	font-size:18px;
	color:#00377F;
	margin-top:6px;
}

.tabla-datos-persona .align-top {
 	vertical-align: top; 
}

/*Agregado : 20120619*/
.tabla-datos-persona tr td h2 {
        font-size:18px;
        color:#00377F;
        margin-bottom:5px;
}

/*------------------------------------- Estilos de box */
.box {
	background-color:white;
	margin-top:12px;
	padding:15px;
	padding-top:0;
	padding-bottom:0;
}

.box h2 {
	font-size:20px;
	color:#00377F;
	margin-bottom:15px;
	margin-top:15px;
}

.box p {
	color:#212121;
	line-height:13px;
	font-size:14px;
}

.box .input-container {
	margin-top:12px;
	margin-bottom:12px;
}

.box .input-text {
	width:158px;
}
.box .input-select {
	margin-left:10px;
}

.box #edad {
	font-size:28px;
	color:#0078AD;
}

.box .separador_pension {
	width:360px;
	float:left;
	padding-right:10px;
	padding-bottom:10px;
}

.box .separador_pension_ahorro_adi {
	width:360px;
	float:left;
	padding-right:10px;
	padding-bottom:10px;
	height:240px;
}
.box .separador_pension_grafico {
	width:630px;
	float:left;
	padding-left:15px;
	height:335px;
}



/**** SLiders **/
#slider-jubilacion {
	margin-top:120px;
	/*width:497px;*/
	width:280px;
	margin-left:120px;
}

#slider-jubilacion-fondo {
	position:relative;margin-top:-15px;margin-left:10px
}

#slider-jubilacion a, #slider-jubilacion a:link, #slider-jubilacion a:hover, #slider-jubilacion a:focus {
	outline:none;
	border:none;
	border:none;
}


.separador_pension  label {
	width:120px;
	display:inline-block;
	text-align:right;
	padding-right:5px;
}

.separador_pension .saldos-adicionales .input-text {
	width:136px;
	display:inline-block;
	margin-right:2px;
}

.input-container {
	position:relative;
}


.edad-actual-jubilacion {
	width:80px;
	color:#555555;
	padding-top:62px;
	position:absolute;
	background-image:url(../img/auxi/fecha-edad-actual.gif);
	background-position:33px top;
	background-repeat:no-repeat;
	margin-top:16px;
	text-align:center;
	margin-left:-30px;
}

.edad-deseada-jubilacion {
	width:190px;
	color:#555555;
	margin-top:-95px;
	position:absolute;
	padding-left:43px;
	margin-left:-80px;
	background-image:url(../img/auxi/fecha-edad-jubilacion.gif);
	background-position:82px 47px;
	background-repeat:no-repeat;
	height:95px;
	font-size:11px;	
}

.edad-deseada-jubilacion span {	
	font-size:14px;
	color:#2B8EBC;
	display:block;
	text-align:left;
	padding-left:34px;
}

#slider-jubilacion a{ 
	cursor:move;
}

.box h2 {
	line-height:23px;
}

.box .estrategia_de_inversion {
	width:770px;
}

.box .estrategia_de_inversion_banner {
	width:690px;
	background-color:#FFFFD3;
	border:solid 1px #CFCFCF;
	float:left;
	padding:30px;
	padding-top:10px;
	padding-bottom:20px;
	margin-top:0px;
	margin-left:10px;
}

.box .estrategia_de_inversion_banner h2 {
	font-size:18px;
	color:#444444;
}

.box .estrategia_de_inversion_banner p {
	font-size:13px;
	line-height:16px;
}

.box .estrategia_de_inversion_banner .button {
	width:164px;
	height:32px;
	background-color:transparent;
	border:none;
	background-image:url(../img/boto/edicion-avanzada.png);
	background-position:top;
	background-repeat:repeat-x;
	color:white;
	font-size:16px;
	cursor:pointer;	
	display:block;
	margin:0 auto;
	margin-top:12px;
	text-align:center;
	line-height:32px;
}

.box .estrategia_de_inversion_banner .button:hover {
	text-decoration:none;
	background-position:bottom;
}


.estrategia_de_inversion ul.estrategias {
	margin-top:12px;
	margin-bottom:-12px;
	margin-left:2px;
}

.estrategias {
	position:relative;
}
/** Estrategias de inversion por defecto */
#estrategia_inversion_defecto {
	background-image:url(../img/back/estrategia-defecto.gif);
	width:106px;
	background-position:left top;
}

#estrategia_inversion_defecto:hover {
	background-position:left bottom;
	text-decoration:none;
}


#estrategia_inversion_defecto .ayuda {
	position:absolute;
	left:84px;
	top:2px;
	background-image:url(../img/ico/tooltips-sprite.gif);
	background-position:0px -19px;

}

#estrategia_inversion_defecto:hover .ayuda {
	background-position:-21px -19px;
}
/** Fin estrategias de inversion por defecto */
#espacio {
	width:200px;	
	background-position:left top;
}
/** Estrategias de inversion arriesgado */
#estrategia_inversion_arriesgado {
	background-image:url(../img/back/estrategia-arriesgado.gif);
	width:106px;
	margin-right:3px;	
	background-position:left top;
}

#estrategia_inversion_arriesgado:hover {
	background-position:left bottom;
	text-decoration:none;
}


#estrategia_inversion_arriesgado .ayuda {
	position:absolute;
	left:83px;
	top:2px;
	background-image:url(../img/ico/tooltips-sprite.gif);
	background-position:0px -38px;
}

#estrategia_inversion_arriesgado:hover .ayuda {
	background-position:-21px -38px;	
}

/** Fin estrategias de inversion arriesgado */

/** Estrategias de inversion conservador */
#estrategia_inversion_conservador {
	background-image:url(../img/back/estrategia-conservador.gif);
	background-position:left top;
	width:106px;
}

#estrategia_inversion_conservador:hover {
	background-position:left bottom;
	text-decoration:none;
}

#estrategia_inversion_conservador .ayuda {
	position:absolute;
	left:88px;
	top:2px;
	background-image:url(../img/ico/tooltips-sprite.gif);
	background-position:0px -57px;
}

#estrategia_inversion_conservador:hover .ayuda {
	background-image:url(../img/ico/tooltips-sprite.gif);
	background-position:-21px -57px;
}

/** Fin estrategias de inversion conservador */

/** Estrategias de inversion fondo_actual */
#estrategia_inversion_fondoactual {
	background-image:url(../img/back/estrategia-fondoactual.gif);
	background-position:left top;
	width:106px;
}

#estrategia_inversion_fondoactual:hover {
	background-position:left bottom;
	text-decoration:none;
}


#estrategia_inversion_fondoactual .ayuda {
	position:absolute;
	left:91px;
	top:2px;
	background-image:url(../img/ico/tooltips-sprite.gif);
	background-position:-0px -0px;
}

#estrategia_inversion_fondoactual:hover .ayuda {
	background-image:url(../img/ico/tooltips-sprite.gif);
	background-position:-21px -0px;	
	
}

/** Fin estrategias de inversion fondo_Actual */

.estrategia_de_inversion ul.estrategias li {
	margin:0;
	padding:0;
	display:inline-block;
    float:left;
}

.estrategia_de_inversion ul.estrategias li a{
	width:119px;
	height:33px;
	line-height:33px;
	text-align:left;
	color:white;
	font-size:13px;
	font-weight:bold;
	display:block;
	float:left;
	margin:0;
	padding:0;
	background-image:url(../img/back/estrategias-de-inversion.gif);
	background-repeat:no-repeat;
	margin-right:1px;
	padding-left:9px;
	margin-bottom:7px;
}


/***** Tablas de inputs generados automaticos */
.tabla_inputs {
	margin-top:35px;
}

.tabla_inputs th {
	font-size:11px;
	color:#444444;
	text-align:right;
}

.tabla_inputs label {	
	font-size:12px;
	color:#212121;
	font-weight:bold;
}

.tabla_inputs td {
	height:25px;
}

.tabla_inputs td, .tabla_inputs th {
	padding:2px;
}
.tabla_inputs th {
	padding-bottom:1px;
}

.tabla_inputs .input-text {
	width:105px;
	padding:2px;
}

.tabla_inputs .select {
	margin-right:6px;
}

.tabla_inputs .input-text-porcentaje {
	width:70x;
	padding:2px;
}

.tabla_inputs .input-text-meses {
	width:140px;
	padding:2px;
}


/** Cajas CNU **/
.box_info_benef {
	/*width:440px;*/
	float:left;
	/*border-right:solid 1px #CCCCCC;*/
	/*padding-bottom:30px;*/
}

.box_info_benef p, .box_info_benef_parientes p {
	width:98%;
	height:63px;
	line-height:18px;
}

.box_info_benef_parientes {
	width:295px;
	float:left;
	padding-left:20px;
	margin-top:0px;
}

/** fin cajas CNU**/


/*** Cajas **/
.box_expectativas {
	width:440px;
	float:left;
	border-right:solid 1px #CCCCCC;
	padding-bottom:30px;
}

.box_expectativas p, .box_regularidad p {
	width:98%;
	height:63px;
	line-height:18px;
}

.box_regularidad {
	width:295px;
	float:left;
	padding-left:20px;
	margin-top:0px;
}

.opciones-llenar {
	margin-top:15px;
	width:100%;
}

.opciones-llenar .opciones-llegar-especial .ayuda {
	position:relative;
	margin-top:2px;
}
.opciones-llenar .opciones-llegar-especial {
	background-position:middle;
	width:250px;
}

.opciones-llenar li {
	background-image:url(../img/ico/fondo-opciones-llenar.png);
	background-position:left;
	background-repeat:no-repeat;	
	font-size:12px;
	margin-bottom:4px;
	padding:0px;
	padding-left:23px;
	line-height:25px;
	
}

.opciones-llenar li a:link, .opciones-llenar li a:visited {
	text-decoration:underline;
}

.opciones-llenar li a.ayuda:link,.opciones-llenar li a.ayuda:visited, .opciones-llenar li a:hover, .opciones-llenar li a:hover{
	text-decoration:none;
	cursor: help;
}

#sliders_estrategia_de_inversion_simple, #sliders_estrategia_de_inversion_avanzado {
	margin-top:0px;
	clear:both;
    
}



/**** Sliders **/
#tablaEstrategiaDeInversion {
	width:442px;
	background-image:url(../img/back/tabla-estrategia-de-inversion.gif);
	background-repeat:repeat-y;
	margin-top:0;
}

#tablaEstrategiaDeInversionEditar {
	width:100%;
	margin-top:0;
}
#tablaEstrategiaDeInversionEditar {
	background-image:url(../img/back/tabla-estrategia-inversion-edicion.gif);
	background-repeat:repeat-y;
}

#tablaEstrategiaDeInversionEditar tfoot {
	background-color:white;
	background-image:url(../img/back/tabla-estrategia-inversion-edicion-footer.gif);
	background-repeat:no-repeat;
	background-position:2px 0px;
}
#tablaEstrategiaDeInversionEditar tfoot td {
	padding-bottom:0px;
	padding-top:1px;
}


#tablaEstrategiaDeInversionEditar th {
	font-size:14px;
	color:#444444;
	font-weight:bold;
	text-align:center;
	padding-top:20px;
	padding-bottom:8px;
}

#tablaEstrategiaDeInversionEditar th.actual {
	color:#003479;
	background-image:url(../img/auxi/explicacion-rango-edad.gif);
	background-repeat:no-repeat;
	background-position:0px 19px;
	padding-left:5px;
}


#tablaEstrategiaDeInversion td.label {
	padding-left:14px;
	font-weight:bold;
}
#tablaEstrategiaDeInversionEditar td.label {
	padding-left:6px;
}

#tablaEstrategiaDeInversion td.range, #tablaEstrategiaDeInversionEditar td.range {
	font-size:13px;
	color:#003379;
	text-align:left;
	font-weight:bold;
	width:83px;
	margin-top:0;
	padding-top:12px;
}

#tablaEstrategiaDeInversion td label, #tablaEstrategiaDeInversionEditar td label {
	font-size:14px;
	color:#444444;
}
#tablaEstrategiaDeInversion td, #tablaEstrategiaDeInversionEditar td {
	vertical-align: top; 
	padding-left:0;
	padding-bottom:15px;
	padding-top:22px;
	padding-bottom:24px;
}

#tablaEstrategiaDeInversion .slider .slider-estrategia a {
	cursor:move;
}

.slider a{
	position:relative;
}
.slider a, .ui-slider-horizontal .ui-slider-handle{
	 cursor: pointer !important;
}
	
.back-control-rango {
	position:absolute;
	margin-top:-4px;
	margin-left:8px;
	z-index:1;
}


.back-control-porcentaje {
	position:absolute;
	margin-top:0px;
	margin-left:2px;
	z-index:1;
}

/*** Slider Rango Actual edad **/

.porcentaje .ui-widget-content {
	background:none;
	background-image:url(../img/back/back-simulador-porcentaje.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	width:172px;
}

/*** Slider Estrategia de inversión **/
#tablaEstrategiaDeInversion tbody td.slider, #tablaEstrategiaDeInversionEditar tbody td.slider {
	background:url(../img/back/simulador-linea-rango.gif) 2px 19px no-repeat;
}
.slider .ui-widget-content {
	border: none;
	height: 48px;
	width: 212px;
}
.slider .ui-slider{
	width: 212px;
	background: transparent;
}

#tablaEstrategiaDeInversion .slider-estrategia a, #tablaEstrategiaDeInversionEditar .slider-estrategia a {
	top:-2px;
	margin-left:.025%;
}



/*** Slider Edad **/
.box .separador_pension_grafico #slider-jubilacion a {
	top:1px;
}

.box .separador_pension_grafico .ui-widget-content {
	border:none;
	/*background-image:url(../img/back/simulador-linea-edad_110_.png);*/
	background-image:url(../img/back/simulador-linea-edad_70.png);
	background-position:0px 0px;
	height:48px;
	background-repeat:no-repeat;
}

.box  .separador_pension_grafico .ui-widget-header {
	height:13px;
	margin-top:2px;
}



/**** alerta ***/
#box-alerta {
	margin-top:70px;
	padding:15px;
	margin-bottom:12px;
}
.alerta {
	background-color:#FFFFC1;
	border:solid 1px #FFC257;
	position:relative;
	padding:20px;
	background-image:url(../img/ico/alerta.png);
	background-repeat:no-repeat;
	background-position:13px 30px;
}
.alerta h2 {
	color:#212121;
	font-size:14px;
	font-weight:bold;
	padding-left:55px;
	margin:0;
	line-height:23px;
}

.alerta p {
	font-size:12px;
	line-height:15px;
	padding-left:55px;
	
}

.cancelar {
	background-image:url(../img/ico/cerrar.gif);
	background-repeat:no-repeat;
	display:block;
	text-indent:-10000px;
	width:24px;
	height:17px;
}
.alerta .cerrar a:link, .alerta .cerrar a:visited {
	position:absolute;
	right:0;
	top:0;
	color:#003376;
	text-decoration:underline;
	font-size:12px;
	padding-top:10px;
	padding-right:12px;
	padding-bottom:3px;
	background-image:url(../img/ico/cerrar.png);
	background-repeat:no-repeat;
	background-position:38px 10px;
	padding-right:25px;
	margin-right:10px;
}
.cerrar_grafico {
        color:#003376;
        text-decoration:underline;
        font-size:14px;
        padding-top:10px;
        padding-right:12px;
        padding-bottom:3px;
        background-image:url(../img/ico/cerrar.gif);
        background-repeat:no-repeat;
        background-position:46px 10px;
        padding-right:25px;
        margin-right:10px;
}

.alerta .cerrar a:hover {
	text-decoration:none;
}



.tabla-datos-persona .input-text-largo {
	width:171px;
	font-size:13px;
}

.tabla-datos-persona .input-text-pequeno {
	width:120px;
	font-size:13px;
}

.tabla-datos-persona .text-input-superpequeno {
	width:51px;
}


.alerta-th {
	background-color:#FFE385;
	font-size:13px;
	padding:6px;
	border-bottom:solid 1px #F6BB54;
	padding-left:55px;
	background-image:url(../img/ico/alerta-th.png);
	background-repeat:no-repeat;
	background-position:23px 4px;	
}



.alerta-fondo-actual {
	background-color:#FFFFD1;
	border:solid 1px #FFC257;
	padding:5px;
	width:290px;
	margin-top:5px;
	padding-left:10px;
	padding-right:4px;
	padding-bottom:10px;
}

.alerta-fondo-actual p{
	font-size:11px;
	color:#212121;
}


.tabla-fondos {
	width:100%;
	margin-top:8px;
}

.tabla-fondos .input-select-fondo {
	width:65px;
}


.buttons-container {
	float:right;
	margin-top:20px;
	margin-bottom:12px;
}

.buttons-container .cancel {
	font-size:13px;
	color:#003376;
	text-decoration:underline;
	margin-right:8px;
}

.buttons-container .save {
	border:none;
	background:url(../img/back/back-guardar.png) center center no-repeat;
	background-position:top;
	width:89px;
	height:30px;
	text-align:center;
	color:white;
	font-size:15px;
	line-height:22px;
}

.buttons-container .save:hover {
		background-position:bottom;
}

#editar-informacion {
	clear:both;
	text-align:left;
	margin-bottom:-12px;
	padding-top:12px;
	clear:both;
}

#editar-informacion a{
	text-decoration:underline;
	font-size:13px;
}
#editar-informacion a:hover{
		text-decoration:none;
}

#detalle_pension {
	position:relative;
}

#detalle_pension ul.explicacion {
	background-image:url(../img/back/explicacion_colores.gif);
	background-repeat:repeat-x;
	height:41px;
	padding-left:15px;
}

#detalle_pension ul.explicacion li {
	font-size:12px;
	color:#003273;
	display:inline;
	margin-right:4px;
	line-height:39px;
}

	#detalle_pension ul.explicacion li span {
		line-height:12px;
		font-weight:bold;
		font-size:22px;
	}
	
	#detalle_pension ul.explicacion li .box_pension_mensual_esperada {
		color:#FFCC33;
	}

	#detalle_pension ul.explicacion li .box_pension_escenario_optimista {
		color:#33CC00;
	}
	
	#detalle_pension ul.explicacion li .box_pension_escenario_pesimista {
		color:#FF0000;
	}
	
	#detalle_pension .grafico {
		height:500px;
		width:100%;
		background-color:white;
	}
	
	#detalle_pension .explicacion_grafico {
		background-color:#EAEBDE;
		width:226px;
		padding:13px;
		padding-left:20px;
		position:absolute;
		top:0px;
		margin-left:523px;
		display:block;
		height:520px;
	}
	
	#detalle_pension .explicacion_grafico h2 {
		font-size:21px;
		color:#003984;
		line-height:0px;
		margin:0;
		margin-bottom:24px;
		margin-top:8px;
	}
	
	#detalle_pension .explicacion_grafico p {
		font-size:12px;
		margin-top:5px;		
	}	
	
	
	#detalle_pension .compartir_email {
		border:solid 1px #003983;
		border-left:none;
		border-right:none;
		margin-top:8px;
		color:#003479;
		padding:3px;
		padding-bottom:5px;
		font-weight:bold;
		padding-left:30px;
		background-image:url(../img/ico/email.gif);
		background-repeat:no-repeat;
		background-position:7px 6px;
	}
	
	#detalle_pension p.texto-formato {
		font-size:11px;
	}
	
	#detalle_pension .compartir_formatos {
		width:80px;
		margin:5px auto;
	}
	
	#detalle_pension .compartir_formatos li {
		display:inline;
	}
	
	#detalle_pension .compartir_formatos li .pdf:link, #detalle_pension .compartir_formatos li .pdf:visited {
		background-image:url(../img/ico/pdf.gif);
		background-repeat:no-repeat;
		width:35px;
		height:27px;
		display:inline-block;
		text-indent:-100000px;
	}
	
	#detalle_pension .compartir_formatos li .xls:link, #detalle_pension .compartir_formatos li .xls:visited {
		background-image:url(../img/ico/xls.gif);
		background-repeat:no-repeat;
		width:35px;
		height:27px;
		display:inline-block;
		text-indent:-100000px;
	}
	
	#detalle_pension .alerta_proyeccion {
		width:204px;
		margin:0 auto;
		border:solid 1px #FFCC66;
		background-color:#FFFFD9;
		padding-top:3px;
		padding-bottom:3px;
		padding-left:10px;
		padding-right:10px;
		margin-top:15px;
	
	}
	
	#detalle_pension .alerta_proyeccion p {
		font-size:10px;
		line-height:13px;
	}
	
	#detalle_pension .footer_detalle_pension {
		/*background-image:url(../img/back/bg_no_satisfecho.png);*/
		/*background-repeat:repeat-x;*/
		background-color:#CAEAF6; /* agregado por jsilva */
		width:100%;
		margin-top:0;
		/*height:52px;*/
		height:210px;
		position:relative;
	}
	
	#detalle_pension .footer_detalle_pension p {
		font-size:13px;
		/*color:white;*/
		color:#003984;
		/*padding-left:25px;*/
		padding-left:15px;
		display:inline-block;		
		/*position:absolute;*/
		position:relative;
		/*top:20px;*/
		top:15px;
		font-weight:bold;
	}

	#detalle_pension .footer_detalle_pension ul {
		/*margin-left:370px;*/
		margin-left:25px;
		margin-top: 30px;
	}	
	
	#detalle_pension .footer_detalle_pension ul li {
		/*display:inline;*/
		display:block;
		background-image:url(../img/ico/check_footer.gif);
		background-repeat:no-repeat;
		background-position: 0px 2px;
		/*color:white;*/
		color:#003984;
		font-size:12px;
		text-decoration:underline;
		margin-top:13px;
	}
	
	#detalle_pension .footer_detalle_pension ul li a{
		/*color: #fff;*/
		color: #003984;
	}
	
	#detalle_pension .footer_detalle_pension ul li {
		width:120px;
		float: left;
		padding-left:20px;
		display:inline-block;
	}
	
	.slider-rangos-porcentajes {
		width:170px;
	}
	
	#tablaEstrategiaDeInversionEditar .porcentaje {
		padding-left:10px;
	}
	
	
	#tablaEstrategiaDeInversionEditar .porcentaje .izquierda {
		float:left;
		padding-top:5px;
		font-size:13px;
		color:#555555;
	}
	
	#tablaEstrategiaDeInversionEditar .porcentaje .derecha {
		float:right;
		padding-right:15px;
		padding-top:5px;
		font-size:13px;
		color:#555555;
	}	
	
	.porcentaje .ui-widget-content .ui-state-default {
		background-color:#000000;
	}
	
	
	.ayuda, .tooltip-remuneracion {
		background-image:url(../img/ico/tooltip.gif);
		background-repeat:no-repeat;
		width:21px;
		height:18px;
		display:inline-block;
		text-decoration:none;
		position:relative;
		top:0px;
		margin-left:1px;
		cursor: help;
	}
	.ayuda:hover, .tooltip-remuneracion:hover {
		text-decoration:none;
	}
	
	.ayuda span, .tooltip-remuneracion span {
		visibility:hidden;
	}
	
	.pordefecto .ayuda {
		background-image:url(../img/ico/tooltip-estrategia.gif);
	}
	
	.arriesgado .ayuda {
		background-image:url(../img/ico/tooltip-estrategia.gif);
	}
	.conservador .ayuda {
		background-image:url(../img/ico/tooltip-estrategia.gif);
	}
	.fondoactual .ayuda {
		background-image:url(../img/ico/tooltip-estrategia.gif);
	}
	
	p.fancy-tooltip {
		width:196px;
		padding:5px;
		background-color:#FFFFC1;
		border:solid 1px #FFC257;
	}	
	.containerindi {
		position:relative;
	}
	
	.inditop {
		margin-left:14px;
		background-image:url(../img/ico/bottom_tooltip_top.gif);
		background-position:bottom;
		background-repeat:no-repeat;
		width:18px;
		height:20px;
		display:block;
		z-index:200;
		margin-top:-2px;
		
	}
	
	#tooltip_contenedor_fondo {
		position:relative;
		margin-top:-25px;
	}
	
	#tooltip_regularidad_promedio_de_trabajadores_ayuda  {
		position:absolute;
		margin-left:286px;
	}
	
	#tooltip_ingreso_promedio_de_trabajadores_ayuda {
		position:absolute;margin-left:-193px;
	}	
	
	#guardar_formulario {
		cursor:pointer;
		display:inline-block;
		line-height:30px;
		margin-right:16px;
	}
	#guardar_formulario:hover {
		text-decoration:none;
	}
	
	
	
	#estrategia_inversion_defecto {
		position:relative;
	}
	/*#estrategia_inversion_defecto span {
		width:19px;
		height:13px;
		display:block;
		position:absolute;
		background-image:url(../img/back/estrategia-fondo.gif);
		background-repeat:no-repeat;
		top:31px;
		left:46px;
	}*/
	

	#estrategia_inversion_arriesgado {
		position:relative;
	}	
	#estrategia_inversion_conservador {
		position:relative;
	}
	#estrategia_inversion_fondoactual {
		position:relative;
	}
	
	#volver_simple {
		background-image:url(../img/ico/volver.gif);
		background-position:left;
		padding-left:14px;
		background-repeat:no-repeat;
		float:right;
		margin-top:-35px;
	}
	
	#box_estrategia_de_inversion_avanzado {
		padding-top:3px;
	}
	
	#box_estrategia_de_inversion_simple, #box_estrategia_de_inversion_avanzado {
		padding-bottom:20px;
	}
	
	#tablaEstrategiaDeInversion tfoot {
		background-color:white;
		background-image:url(../img/back/tabla-estrategia-de-inversion-footer.gif);
		background-repeat:no-repeat;
		background-position:2px 0px;
	}
	#tablaEstrategiaDeInversion tfoot td {
		padding-bottom:0px;
	}
	
	#estrategia_de_inversion_simple .opciones-llenar {
		margin:0;
		padding-top:0;
	}
	
	
	div#root-login div#container-login .forgot-container a:hover, #forgot-password .link-lightbox a:hover, div#root-solicitud div#container-solicitud .back-container a:hover {
		text-decoration:none;
	}
	
	
	.alerta-edad {
		background-image:url(../img/back/back-alerta-edad.gif);
		background-repeat:no-repeat;
		width:344px;
		height:76px;
		margin-top:60px;
		text-align:left;
		margin-left:12px;		
		padding-top:19px;
	}
	
	.alerta-edad p {
		width:310px;
		font-size:11px;
		padding-left:18px;
		padding-right:10px;
		word-spacing:3px;
	}
	
	#recordar_simulacion {
		margin-left:8px;
		padding-right:10px;
		line-height:30px;
	}
	
	.recordar_simulacion {
		border-top: solid 1px #003983;
		padding-top:5px;
		position:relative;
		top:3px;
	}
	.recordar_simulacion label {
		color:#002E6A;
		font-weight:bold;
		padding-left:6px;
		text-transform:uppercase;
		font-size:12px;		
		cursor:pointer;
	}
	
	.recordar_simulacion label:hover {
		text-decoration:underline;
	}
	
	
	
		.grafico {
			position:relative;
		}
		
		#controles_2_barras {
			position:absolute;
			top:340px;
			left:110px;
			text-align:center;
		}
		
		#controles_2_barras .edad_legal {
			font-weight:bold;
			font-size:11px;
			color:#555555;
			width:96px;
			float:left;
		}
		
		#controles_2_barras .edad_pronosticada {
			font-weight:bold;
			font-size:11px;
			color:#555555;
			width:96px;
			float:left;
		}
		
		#controles_3_barras {
			position:absolute;
			top:340px;
			left:106px;
			text-align:center;
			width:400px;
		}

		#controles_3_barras .edad {
			font-weight:bold;
			font-size:12px;
			color:#555555;
			width:96px;
			float:left;
		}

		#controles_3_barras .edad_legal {
			font-weight:bold;
			font-size:12px;
			color:#555555;
			width:96px;
			float:left;
		}

		#controles_3_barras .edad_pronosticada {
			font-weight:bold;
			font-size:12px;
			color:#555555;
			width:96px;
			float:left;
			margin-left:8px;
		}
		
		
		#nombre-persona {
			margin-top:6px;
		}
		
		#recordar_simulacion_label {
			position:absolute;
			margin-top:3px;
		}
		
		
		.recordar_simulacion .ayuda {
			margin-left:176px;
		}
		
		
		#mensaje-entrada p {
			padding-top:15px;
			/*font-weight:bold;*/
			text-align:justify;
		}
		
		#footer_sticky  th {
			position:relative;
		}
		#footer_sticky th .ayuda {
			top:-5px;
			margin-left:-2px;
		}
		
		.compartir_email a {
			cursor:default;
		}
		
		.compartir_email a:hover {
			text-decoration:none;
		}
		
		
		#container-solicitud #forgot-password-link {
			clear:both;
			font-size:12px;
			display:block;
			padding-top:20px;
			text-align:center;
			font-weight:bold;
			text-decoration:underline;
		}
		
		#container-solicitud #forgot-password-link:hover {
			text-decoration:none;
		}