/*	calculadora-hipotecas.css */	
/* @IMPORT url("/css/nueva-home.css"); */

/*
#tabs {clear: both; padding: 0 0 40px 0;}
#tabs ul.tabs {width: 600px;}
*/
#tabs ul li.tab1 {width: 170px;}
#tabs ul li.tab2 {width: 200px;}


#contenido {
	position: relative;
	height: 1000px;
	margin: 0;}

#contenido #publicidad {
	position: absolute;
	top: 9px;
	width: 300px;
	right: 10px;
}
html>body #contenido #publicidad {
	/*right: 0px;*/}
#contenido #publicidad div {
	text-align: center;}
#contenido #publicidad div#publi-video {
	margin-top: 8px;}
#contenido #publicidad div#publi-video p {
	text-align: right;
	width: 200px;
	margin: 0 0 8px;
	padding: 0;}
#contenido #publicidad div#publi-video p.txt {
	margin: 8px 0 0;}
#contenido #publicidad div#publi-video p a {}
#contenido #publicidad div#publi-video p.txt span {
	font-size: 12px;}

#o-loading {
	margin-top: 20px;
	padding: 80px 0 0;
	width: 620px;
	text-align: center;
	height: 316px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 396px;}
html>body #o-loading {
	height: 316px;}
#o-loading p {
	color: rgb(200, 200, 200);
	font-size: 16px;
	line-height: 15px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;}
#o-loading img {}

#calculadora-hipotecas {
	position: relative;
	background-color: white;
	margin: 0 /*20px*/ 0 40px 20px;
	padding: 0 0 0px 0;
	width: 620px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 630px;}
html>body #calculadora-hipotecas {
	width: 602px; padding-left: 10px;}

#calculadora-hipotecas form {
	padding: 0;
}
#calculadora-hipotecas h3 {
	margin-bottom: 20px;
}
#calculadora-hipotecas p{
	margin-bottom: 12px;
}
#calculadora-hipotecas .o-proxy-indicador,
#calculadora-hipotecas .o-indicador {
	position: relative;
	height: 50px;
	margin: 0 0 0 0;
	width: 620px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 630px;
	border: 1px solid white;}
html>body #calculadora-hipotecas .o-proxy-indicador,
html>body #calculadora-hipotecas .o-indicador {
	width: 620px;}
#calculadora-hipotecas .o-proxy-indicador {
	height: 40px;}	
#calculadora-hipotecas .o-indicador .radio {
	margin-top: 10px;
	voice-family: "\"}\"";
	voice-family:inherit;
	margin-top: 5px;}
html>body #calculadora-hipotecas .o-indicador .radio {
	margin-top: 10px;}
#calculadora-hipotecas .o-hover {}
#calculadora-hipotecas .o-activo {
	/*border: 1px dotted rgb(200, 200, 200);*/}
#calculadora-hipotecas label {
	font-weight: normal;
}
#calculadora-hipotecas .o-activo .handle {visibility: hidden;}
#calculadora-hipotecas .o-activo label.nombre {	
	font-weight: bold !important;}
#calculadora-hipotecas .o-inactivo {
	border: 1px solid #eee !important;
	background-color: #eee;}
#calculadora-hipotecas .o-inactivo .regulador-horizontal .texto input.valor {
	border: 1px solid rgb(200, 200, 200) !important;}
#calculadora-hipotecas .o-activo .regulador-horizontal .texto input.valor {
	background-color: #ccff33;
	border:1px solid #ccff33!important;
	font-weight: bold;}
#calculadora-hipotecas .o-inactivo .boton-calcular {
	display: none;}
#calculadora-hipotecas .o-proxy-indicador label.nombre,
#calculadora-hipotecas .o-indicador label.nombre {
	font-weight: normal;
	color: black;
	text-align: left;
/*	width: 250px;*/
	position: absolute;
	top: 8px;
	left: 25px;
	z-index: 1000;}
#calculadora-hipotecas .o-proxy-indicador label.nombre {
	text-align: right;
	width: 448px;}
#calculadora-hipotecas .o-indicador label.pl-20 {
	padding-left: 20px;}
#calculadora-hipotecas .o-indicador .regulador-horizontal {
	position: absolute;
	top: 11px;
	left: 80px;
	width: 360px;}
#calculadora-hipotecas .o-indicador .regulador-horizontal .rango-regulador-horizontal {
	position: absolute;
	top: -3px;
	left: 0;
	width: 402px;}
#calculadora-hipotecas .o-indicador .regulador-horizontal .rango-regulador-horizontal #euribor {
	color: #999999;
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	background: url(http://imagenes.idealista.com/imagenes/hipotecas/cursor.png) left bottom no-repeat;}
#calculadora-hipotecas .o-indicador .regulador-horizontal .rango-regulador-horizontal .minimo {
	position: absolute;
	top: 0;
	left: 0;}
#calculadora-hipotecas .o-indicador .regulador-horizontal .rango-regulador-horizontal .unidades {
	position: absolute;
	top: 0;
	left: 45%;}
#calculadora-hipotecas .o-indicador .regulador-horizontal .rango-regulador-horizontal .maximo {
	color: #999999;
	position: absolute;
	top: 0;
	right: 0;
	height: 20px;
	background: url(http://imagenes.idealista.com/imagenes/hipotecas/cursor.png) right bottom no-repeat;}
#calculadora-hipotecas .o-proxy-indicador .texto,
#calculadora-hipotecas .o-indicador .regulador-horizontal .texto {
	position: absolute;
	left: 415px;
	top: 9px;
	voice-family: "\"}\"";
	voice-family:inherit;
	top: 8px;
	z-index:1000;}
#calculadora-hipotecas .o-proxy-indicador .texto {
	left: 494px;
	top: 5px;
	voice-family: "\"}\"";
	voice-family:inherit;
	top: 4px;}
html>body #calculadora-hipotecas .o-indicador .regulador-horizontal .texto {
	top: 9px;}
html>body #calculadora-hipotecas .o-proxy-indicador .texto {
	top: 5px;}
#calculadora-hipotecas .o-proxy-indicador .texto input,
#calculadora-hipotecas .o-indicador .regulador-horizontal .texto input.valor {
	width: 75px;
	height: 14px;
	text-align: right;
	padding: 2px 10px 2px 5px;
	font-family: verdana;
	border: 1px solid #8398b8;
}
#calculadora-hipotecas .o-indicador .regulador-horizontal .texto input.activo {
	border: 1px solid rgb(200, 200, 200);
	background-color: rgb(255, 255, 204);}
#calculadora-hipotecas .o-proxy-indicador .texto input.activo {
	border: 1px solid rgb(200, 200, 200);
	background-color: rgb(255, 255, 204);}
#calculadora-hipotecas .o-proxy-indicador .texto input {
	border: 1px solid #8398B8;}
#calculadora-hipotecas .o-indicador .regulador-horizontal .texto input.hover {
	border: 1px solid rgb(200, 200, 200);}
#calculadora-hipotecas .o-proxy-indicador .texto input.valor-cero,
#calculadora-hipotecas .o-indicador .regulador-horizontal .texto input.valor-cero {
	color: #999999;}
#calculadora-hipotecas .o-indicador .regulador-horizontal .texto input.valor-rojo {
	color: red;}
#calculadora-hipotecas .o-activo .regulador-horizontal .texto input {}

#calculadora-hipotecas .o-indicador .boton-calcular {
	position: absolute;
	top: 16px;
	right: 20px;
	padding: 0;
	width: 150px;
	height: 25px;}
#calculadora-hipotecas .o-indicador .boton-calcular div {
	height: 25px;
	width: 150px;
	font-size: 10px;}
#calculadora-hipotecas .o-indicador .boton-calcular div span {display: none;}
#calculadora-hipotecas .o-indicador .boton-calcular div span.alerta {
	color: red;
	display: block !important;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana;
	position: absolute;
	border: 1px solid white;
	padding: 8px 0 0 30px;
	top: -17px;
	left: -451px;
	height: 42px;
	width: 460px;
	voice-family: "\"}\"";
	voice-family:inherit;
	padding: 8px 0 0 32px;
	top: -17px;
	left: -459px;
	height: 50px;
	width: 500px;}
html>body #calculadora-hipotecas .o-indicador .boton-calcular div span.alerta {
	padding: 8px 0 0 30px;
	top: -17px;
	left: -451px;
	height: 42px;
	width: 460px;}
#calculadora-hipotecas .mod-opacidad .nombre {
	opacity: .0;
	filter: alpha(opacity=0);}
#calculadora-hipotecas .mod-opacidad .regulador-horizontal {
	opacity: .2;
	filter: alpha(opacity=20);}
#calculadora-hipotecas .o-indicador .boton-calcular div.desactivado {
	width: 80px;
	z-index: 10;
/*	background: url(http://imagenes.idealista.com/imagenes/hipotecas/boton-desactivado.png) left 1px no-repeat;*/
/*	cursor: pointer;*/}
#calculadora-hipotecas .o-indicador .boton-calcular div.desactivado span {
	display: none;}
#calculadora-hipotecas .o-indicador .boton-calcular div.hover {
/*	background: url(http://imagenes.idealista.com/imagenes/hipotecas/boton-hover.png) left 1px no-repeat;*/
/*	cursor: pointer;*/}
#calculadora-hipotecas .o-indicador .boton-calcular div.hover span {
	display: none;}
	
#calculadora-hipotecas #ti-gastos {
	width: 65px;
	padding-right: 20px;
}
#calculadora-hipotecas .o-proxy-indicador .texto .scroller {
	position: absolute;
	right: 2px;
	width: 15px;
	top: 2px;
	height: 16px;
	voice-family: "\"}\"";
	voice-family:inherit;
	top: 3px;
	height: 22px;}
html>body #calculadora-hipotecas .o-proxy-indicador .texto .scroller {
	top: 2px;
	height: 16px;}
#calculadora-hipotecas .o-proxy-indicador .texto .scroller .top-arrow {
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 8px;
	background: url(http://imagenes.idealista.com/imagenes/iconos/scroller-top.gif) left top no-repeat;}
#calculadora-hipotecas .o-proxy-indicador .texto .scroller .bottom-arrow {
	cursor: pointer;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 15px;
	height: 8px;
	background: url(http://imagenes.idealista.com/imagenes/iconos/scroller-bottom.gif) left top no-repeat;}
	
/*	modo inicio	*/
#calculadora-hipotecas.modo-inicio {}
#calculadora-hipotecas.modo-inicio .o-indicador {}
#calculadora-hipotecas.modo-inicio .o-indicador .regulador-horizontal {
	opacity: .2;
	filter: alpha(opacity=20);}
#calculadora-hipotecas.modo-inicio .o-indicador .regulador-horizontal .slider {}
#calculadora-hipotecas.modo-inicio .o-indicador .regulador-horizontal .slider .handle {background-image: none;}
#calculadora-hipotecas.modo-inicio .o-indicador .regulador-horizontal .slider .euriborBar {background-image: none; border: 0px solid white;}
#calculadora-hipotecas.modo-inicio .o-indicador .regulador-horizontal .slider .handleBar {background-image: none; border: 0px solid white;}
#calculadora-hipotecas.modo-inicio .o-indicador .regulador-horizontal .texto {display: none;}
#calculadora-hipotecas.modo-inicio .o-indicador .regulador-horizontal .boton-calcular {display: none;}
#calculadora-hipotecas.modo-inicio .o-proxy-indicador {display: none;}

#calculadora-hipotecas .fade0,
#calculadora-hipotecas .fade1,
#calculadora-hipotecas .fade2,
#calculadora-hipotecas .fade3,
#calculadora-hipotecas .fade4,
#calculadora-hipotecas .fade5,
#calculadora-hipotecas .fade6,
#calculadora-hipotecas .fade7,
#calculadora-hipotecas .fade8,
#calculadora-hipotecas .fade9,
#calculadora-hipotecas .fade10,
#calculadora-hipotecas .fade11 {border: 1px solid red !important;}

.mod-info-pdf {
	border: 1px solid rgb(248, 248, 248);
	background-color: rgb(255, 255, 204);
	padding: 20px;
	margin: 20px 215px 20px 150px;
	voice-family: "\"}\"";
	voice-family:inherit;
	margin: 20px 206px 20px 150px;}
html>body .mod-info-pdf {
	margin: 20px 215px 20px 150px;}
.mod-pruebas-contacta {
	padding: 0px;
	text-align: right;
	margin: 40px 215px 20px 150px;
	voice-family: "\"}\"";
	voice-family:inherit;
	margin: 20px 206px 20px 150px;}
html>body .mod-pruebas-contacta {
	margin: 40px 215px 20px 70px;}
.mod-pruebas-contacta p {
	margin: 0;
	padding: 0;
	font-size: 12px;}

.dynamic-slider-control {
	position:			relative;
	-moz-user-focus:	normal;
	-moz-user-select:	none;
	cursor:				default;
	overflow:			hidden;
}

.horizontal {
	width:				408px;
	height:				40px;
}

.dynamic-slider-control input {
	display:	none;
}

.dynamic-slider-control .handle {
	position:			absolute;	
	font-size:			1px;
	overflow:			hidden;
	-moz-user-select:	none;
	cursor:				pointer;
}

.dynamic-slider-control .euriborBar {z-index: 9;
	position:			absolute;
	width:				150px;
	height:				4px;
	font-size:			1px;
	-moz-user-select:	none;
	cursor:				pointer;
	background-image:	url("/imagenes/hipotecas/marcador-horizontal-rojo.png");
	background-position: right top;
	background-repeat: no-repeat;
	margin-top:			7px;
	voice-family: "\"}\"";
	voice-family:inherit;
	margin-top:			7px;}
html>body .dynamic-slider-control .euriborBar {
	margin-top:			7px;}

.dynamic-slider-control .handleBar {z-index: 10; border-right: 1px solid black;
	position:			absolute;
	width:				400px;
	height:				5px;
	font-size:			1px;
	-moz-user-select:	none;
	cursor:				pointer;
	background-image:	url("/imagenes/hipotecas/marcador-horizontal.png");
	background-position: right top;
	background-repeat: no-repeat;
	margin-top:			7px;
	voice-family: "\"}\"";
	voice-family:inherit;
	margin-top:			7px;}
html>body .dynamic-slider-control .handleBar {
	margin-top:			7px;}
.fondo-azul .handleBar {
	background-image:	url("/imagenes/hipotecas/marcador-horizontal-azul.png");}

.dynamic-slider-control.horizontal .handle {
	width:				11px;
	height:				18px;
	margin-top:			4px;
	z-index:			100;
	background-image:	url("/imagenes/hipotecas/puntero.png");
}

.dynamic-slider-control.horizontal .handle div {}
.dynamic-slider-control.horizontal .handle.hover {
	background-image:	url("/imagenes/hipotecas/puntero-hover.png");
}

.dynamic-slider-control .line {
	position:			absolute;
	font-size:			0.01mm;
	overflow:			hidden;
	
	behavior:			url("/libjs/htc/boxsizing.htc"); /* ie path bug */
	box-sizing:			content-box;
	-moz-box-sizing:	content-box;
	background-image:	url("/imagenes/hipotecas/bg-marcador-horizontal.png");
}

.dynamic-slider-control.horizontal .line {
	height:				4px;
	cursor:				pointer;
}

.dynamic-slider-control .line div {
	display: none;
}

#publicidad .adv_txt{
	color: #666;
	text-align: center;
}

/* hoja de estilos para impresora */
@MEDIA print {
	#contenido #publicidad,
	#calculadora-hipotecas .o-indicador .regulador-horizontal .rango-regulador-horizontal,
	#calculadora-hipotecas .o-indicador .regulador-horizontal .slider,
	#calculadora-hipotecas .o-indicador .boton-calcular,
	#calculadora-hipotecas .o-proxy-indicador .scroller {
		display: none;}
		
	#calculadora-hipotecas .o-indicador label.nombre,
	#calculadora-hipotecas .o-proxy-indicador label.nombre {
		text-align: left;
		width: auto;}
		
	#calculadora-hipotecas .o-activo {
		border: 0px dotted white;}

	#calculadora-hipotecas .o-indicador .regulador-horizontal {
		top: 0px;
		left: 0px;
		padding: 0;
		margin: 0;
		width: 500px;}
	#calculadora-hipotecas .o-indicador .regulador-horizontal .texto {
		position: absolute;
	    right: 20px;
	    top: 8px;}
	#calculadora-hipotecas .o-proxy-indicador .texto {
		left: 265px;}
	#calculadora-hipotecas .o-indicador .regulador-horizontal .texto,
	#calculadora-hipotecas .o-proxy-indicador .texto {
		right: 20px;
		top: 8px;
		voice-family: "\"}\"";
		voice-family:inherit;
		top: 7px;}
	html>body #calculadora-hipotecas .o-indicador .regulador-horizontal .texto,
	html>body #calculadora-hipotecas .o-proxy-indicador .texto {
		top: 8px;}
	#calculadora-hipotecas #ti-gastos,
	#calculadora-hipotecas .o-indicador .regulador-horizontal .texto input.valor,
	#calculadora-hipotecas .o-proxy-indicador .texto input {
		display: block;
		border: 1px solid rgb(200, 200, 200) !important;
		background: white !important;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		width: 150px;
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 150px;}
	html>body #calculadora-hipotecas #ti-gastos,
	html>body #calculadora-hipotecas .o-indicador .regulador-horizontal .texto input.valor,
	html>body #calculadora-hipotecas .o-proxy-indicador .texto input {
		width: 150px;}
}