@charset "utf-8";
/**
* @style       Standard Layout
* @media       screen
* @version     1.0 Beta
* @author      Usolab.com
* @copyright   Usolab.com
* @layout      en pixels:
*  - General                 |            950            |
*  - Home                    |10|    610    | 30 |  300  |
*  - Buscador (nomes text)   |10|       690       | 230  |
*  - Producto                |10| 30 |     530    | 325  |
*  - Resultados hipotecas    |			800		   | 150 |
	 sencillo
*/

/* RESET DEFECTE NAVEGADORS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, center, u, b, i, .nada { margin: 0; padding: 0; border: 0; outline: 0; font-weight: normal; font-style: normal; font-size: 100%; font-family: inherit; vertical-align: baseline }
body { line-height: 1 }
:focus { outline: 0;}
ul { list-style: none}
table { border-collapse: collapse;  border-spacing: 0 }
blockquote:before, blockquote:after, q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}
input, textarea { margin: 0; padding: 0 }
hr { margin: 0; padding: 0; border: 0; color: #000; background-color: #000; height: 1px }

/*TAGS*/
body {font-size: 0.75em; font-family: Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 {background: transparent; color: #000; clear:both; font-weight:bold;}
h1 {font-size: 1.8em;}
h3 {font-size: 1.3em; color: #067cff; margin: 30px 0 15px 0;}
h3.sin-margen {margin: 0 0 10px 0}
h4 {font-size: 1.2em; color:#333; margin: 20px 0 10px 0;}
h5 {font-size: 1.1em; color:#444; margin: 10px 0 5px 0;}
h6 {font-size: 1em; color:#555; margin: 5px 0 0px 0;}

p {line-height: 135%; margin-bottom:12px;}

a:link, a:visited, a:active {color:#2F4792;}
a:hover { color:#5673C9;}
a:visited.volver, a:visited.ir , a:visited.ver, .paginacion a:visited {color:#2F4792;}
acronym, abbr { border-bottom:1px dotted #2E809E; cursor: help; color: #444; font-size:.8em;}
small {font-size: 90%;}


/*CLASES*/
/* Clases Contenedoras */
div.cos { margin: 20px auto; width: 950px;}
div#content{ float:left; padding: 15px 0 30px 0; min-height:400px; clear:both; width:950px;}

div#content-left-525 { margin: 10px 0 0 0; width: 560px; float:left; min-height: 500px;}/*Per les pagines internes de les FAQs*/
#sidebar {float: right; width: 25%; padding: 15px 0 30px 0px}

div#content-left-530 { margin: 20px 0 0 30px; width: 550px; float:left;}
#sidebar-325 { float: right; width: 325px;}

div#content-left-700 { margin: 20px 0 0 10px; width: 700px; float:left;}
#sidebar-230 {float: right; width: 230px; margin: 20px 0 0 0px;}

div#content-left-800 { margin: 20px 0 0 10px; width: 800px; float:left;}
div#content-left-900 { margin: 20px 0 0 10px; width: 935px; float:left;}

#sidebar-150 {float: right; width: 140px; margin: 20px 0 0 0px;}
#sidebar-comparativa, #sidebar-comparativalong{float:right; width: 25em; background: #f4f4f4; padding:3px 7px; margin-top:-20px; margin-bottom:5px;color:#666;}
#sidebar-comparativalong{width:35em;margin-top:-10px;}
#sidebar-comparativa h4, #sidebar-comparativalong h4{margin-top: 10px; margin-left:5px}
.separa-sup-40 {margin-top: 40px;}

/* Clases individuals **************************/
.titulo-span{ font-weight: normal; font-size:0.8em; color:#666; background-color:transparent; line-height:120%;}
.letramedium{ font-size: 1.2em; color: #000 !important;}
.letragran-gris{ font-size: 1.3em; color: #707070; font-weight: bold;}
.letrapeq-gris{ font-size: 0.9em; color: #707070 !important;}
p.paginacion {word-spacing: 3px;}
.negrita {font-weight: bold;}
.grisOscuro {color:#333!important;}
.hidden {visibility:hidden;}
.nota {color:#666 !important}
.valorverde {color:#47922F !important; font-weight: bold !important;}
.blanco {background-color:#FFFFFF;}
.no-bold {font-weight:normal !important;}
.oculto, .esconder {visibility: hidden; position: absolute; left: -9999px; top: -9999px;}
.fallo {padding-left: 18px; background: url("/inc_images/generic/icono_error.gif") left center no-repeat; color: #FF0000 !important; margin: 3px 0 0 20px !important; display:block;}
img.icono {margin-left: 5px; vertical-align: middle; }
img.logobank {vertical-align: inherit;}

.no-focus:focus {border: 0; background-color:#fff}
.alinea-medio {vertical-align: middle}
.alinea-texttop {vertical-align: text-top}
.texto-derecha {text-align: right !important}
.texto-izquierda {text-align: left !important}
.texto-centro {text-align: center !important}
.floatleft {float: left}
.floatright {float: right}
.limpiar {clear:both !important}
.no-top {margin-top:0 !important}
.nopaddingtop {padding-top:0;}
.top5 {padding-top: 5px}
.top10 {padding-top: 15px}
.top20 {padding-top: 20px}
.right10 {padding-right: 10px}
.right40 {padding-right: 40px}
.bottom10 {padding-bottom:10px}
.bottom5 {margin-bottom:0}
.menos10 {margin-left: -10px}
.left10 {padding-left: 10px} 
.left20 {padding-left: 20px}
.ancho540 {width: 540px}
.block {display: block}
.interlineado14 {line-height: 1.4em}
.interlineado20 {line-height: 2.0em}

a.volver {background: url("/inc_images/hipotecas/bullet_flecha_azul_left.gif") left center no-repeat; padding-left: 10px}	
a.ir {background: url("/inc_images/hipotecas/bullet_flecha_azul.gif") right center no-repeat; padding-right: 10px}
a.arriba {background: url("/inc_images/hipotecas/bullet_flecha_azul_top.gif") left center no-repeat; padding-left: 10px}
a.ver {background: url("/inc_images/hipotecas/bullet_flecha_azul.gif") left center no-repeat; padding-left: 10px}

/*BreadCrumb / Link Preguntas y respuestas */
#breadcrumb {color: #999; background-color: #fff; padding: 3px; margin: 18px auto 0px 0px; float: left;}
#breadcrumb ul, #faq-link ul {display: inline;} 
#breadcrumb ul li, #faq-link ul li {padding-right: 2px; display: inline;}
#breadcrumb a{color: #999; background-color: #fff;}
#breadcrumb a:hover {color: #666; background-color: #fff;}
#faq-link {padding:10px; margin-top: 19px;margin-left:772px; background: url(/inc_images/generic/bg_verde_faqs.gif) top left no-repeat; font-size:11px; line-height: 125%; position:absolute; width: 175px; height: 47px; color: #444}
#faq-link img {float: left; padding-right:5px;padding-bottom: 20px}
#faq-link a {color:#47922F; font-weight:bold}
#faq-link a:hover {color:#2D591E;}
.aclaracion {float: left; padding-right:5px;}

/*Pastilla gris pagina de resultados*/
div#pastilla-amarilla-sliders {padding:10px 0 5px 5px;  background-color: #ffffdf; border:1px solid #EDEFA4; color: #666; float:right; width: 455px; margin-top:-11px; margin-bottom:30px;}

/*Pastilla errores*/
div#pastilla-errores {margin-bottom:15px; padding-bottom:6px;  background-color: #FEFFEA; width: 60%; float:left;}
div#pastilla-errores h3 {margin:10px 0 5px 10px; color:#777; font-size: 1.15em;}
div#pastilla-errores p {margin-left:20px; color: #ff0000;}

/*Divisiones cabecera tablas y sliders*/
#semuestran {width:265px;}
.tus-datos {margin-left: 5px; margin-bottom: 10px; width:200px; float:left; color:#666;}
.tus-datos p {margin-bottom: 0}
.division-x-4 {float: left; width: 20%; padding:15px;}
.division-x-4-slider {float: right; width: 18%;  padding:15px;}
.division-x-3 {float: left; width: 30%; padding:15px}
.division-x-3-slider {float: left; margin-left: 15px }
.division-x-2 {float: left; width: 40%; padding:15px}
.division-x-2 p, .division-x-3 p {margin-bottom: 4px;}

.rango1 {font-size: .9em; color: #999; margin-top: 2px;}
.rango2 {margin-left: 110px;}
.rango2-2digitos {margin-left: 150px;}
.rango2-6digitos {margin-left: 95px;}
.rango2-8digitos {margin-left: 115px;}
.rango2-10digitos {margin-left: 130px;}
.rango2largo-8digitos {margin-left: 300px;}
.rango2largo-2digitos {margin-left: 320px;}

/* lista ul.standard bullet gris */
ul.standard, .bloque-lista ul { margin-left: 25px;}
ul.standard h4, ul.standard h5 { margin: 0;}
ul.standard li, .bloque-lista ul {list-style-image: url(/inc_images/generic/bullet_lista_gris.gif); list-style-position:outside; line-height:1.6em; margin-bottom: 15px;}

/*lista anidada*/
ol li {margin-left: 15px; margin-top: 20px; line-height: 1.2em}
ol li ul.standard {margin-top: 10px; margin-left: 30px;}

/* lista li.standard estrecha */
ul.standard-estrecha li { line-height: 1.2em; margin-bottom: 12px;}

/* lista ul.standard standard-simple */
ul.standard-simple { margin-left: 10px; margin-top: 15px;}
ul.standard-simple li { padding:5px 0;}

/* lista ul.entidades */
div.entidades {float:left;}
div.entidades h3 {margin-top:10px}
ul.entidades {margin-left:10px; margin-top:10px;}
ul.entidades li {clear:both; line-height:120%; margin-bottom:15px; }
ul.entidades li span {padding-left:8px; font-size: 1.2em; font-weight:bold; color:#505050;}
ul.entidades li span a {font-weight:normal;}

.resultadoGastos{ background: url("/inc_images/generic/brazos_resultado.gif") no-repeat 282px; height:60px; } /* Suma de los costes totales */
.resultadoGastos p{ margin-left:315px; padding-top:60px;}

/*Clases informes*/
ol.informes {margin-left:15px; margin-bottom:15px }

/*CUADRO CARGANDO*/ 
#cuadro-cargarimg{ margin-bottom:10px;}

/*TOOL TIP CSS*/
a.tip {position: relative; text-decoration: none !important; color: #217223; font: 12px Arial, Helvetica,sans-serif; padding-left:2px;}
a.09em {position: relative; text-decoration: underline !important; font: 11px Arial, Helvetica,sans-serif;}

.clicktip {
position: absolute;
display: none; /* in case javascript is disabled */
width: 258px;
font-size: 12px;
z-index: 100;
	}

.tip-content {
	width: 258px;
	padding: 5px 20px 15px 15px;
	position: absolute;
	top: 33px;
	left: -245px;
	background: transparent url("/inc_images/generic/tool-tips-content.png") no-repeat bottom left;
	color: #444;
	line-height: 16px;
	}

.tip-content2 {
	width: 258px;
	padding: 5px 20px 15px 15px;
	position: absolute;
	top: 33px;
	left: -245px;
	background: transparent url("/inc_images/generic/tool-tips-content2.png") no-repeat bottom left;
	color: #000;
	line-height: 16px;
	}
	.tip-content2 ul{list-style-image: url("/inc_images/generic/bullet_taronja.gif"); line-height:1.3em; margin-top:1em; margin-left:30px;}

.tip-content3 {left: -60px;}

.tip-content, .tip-content2 {text-align: left;}
form.formulario .tip-content p {color: #444 !important; margin: 10px 0 12px 0}
.clicktip strong { margin-bottom: 15px;}
.clicktip .texto-derecha {margin-bottom: 0;}

.tip-bottom {
	left: -245px;
	position: absolute;
	width: 293px;
	height: 33px;
	padding: 0;
	background: transparent url("/inc_images/generic/tool-tips-bottom.png") 0 0 no-repeat;
	}
.tip-bottom2 {
	left: -245px;
	position: absolute;
	width: 293px;
	height: 33px;
	padding: 0;
	background: transparent url("/inc_images/generic/tool-tips-bottom2.png") 0 0 no-repeat;
	}
.tip-bottom3 {left: -60px;	background: transparent url("/inc_images/generic/tool-tips-bottom3.png") 0 0 no-repeat;}
	
	.clicktip_close {
		text-decoration: underline !important;
		left:240px;
		top:-7px;
		position:absolute;
		background: url("/inc_images/generic/cross.gif") right 4px no-repeat;
		padding-right: 11px;
		}
	
/*Nifty Corners*/
b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px; overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}