@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  |
	 sencillo
*/

/* RESET STYLES */
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 }
sup {vertical-align: 0.35em;font-size: 75%;}

/*Fonts*/
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;font-family: Arial, Helvetica, sans-serif;}
h1 {font-size: 1.8em !important;}
h2, h3 {font-size: 1.3em; color: #333; margin: 30px 0 15px 0;}
h4 {font-size: 1.2em; color:#333; margin: 20px 0 10px 0;}
h5 {font-size: 1.1em; color:#666; margin: 10px 0 5px 0;}
h6 {font-size: 1em; color:#555; margin: 5px 0 0px 0;}
p {line-height: 135%; margin-bottom:12px;font-family: Arial, Helvetica, sans-serif}
a:link, a:visited, a:active {color:#990000;}
a:hover {color:#666666;}
a:visited.volver, a:visited.ir , a:visited.ver, .paginacion a:visited {color:#666666;}
table thead th a {color:#666 !important}
table thead th a:hover {color:#333 !important}
acronym, abbr { border-bottom:1px dotted #2E809E; cursor: help; color: #444; font-size:.8em;}
small {font-size: 90%;}

/* Buildings */
div#cos {margin:0;font-family: Arial, Helvetica, sans-serif;}
div#top-frame {clear:both;margin-bottom:15px}
div#left-frame {width:125px;float:left;}
div#content {float:left;padding: 0 0 30px 10px;width:680px;margin-top:10px;font-size:12px}

div#content-left-675 {margin-top:20px;float:left !important;width:670px;min-height:950px !important}
div#content-resultados {width:720px; float:right;margin-top:25px}

#sidebar {float:right; width: 210px; margin: 25px 0 0 0px;}
#sidebar-325 {float: right; width: 325px;}

#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}

/* Limpiar flotaciones */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* Text styles */
.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;clear:both}
.negrita {font-weight: bold;}
.grisOscuro {color:#333!important;}
.nota {color:#666 !important}
.valorverde {color:#47922F !important; font-weight: bold !important;}
.rojo {color:#DD0000}
.no-bold {font-weight:normal !important;}
.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;}
.enfatizar {background-color:#FFFFCC}

/* Position styles */
.box-marca {width: 16px; height: 30px; margin-right: 5px;vertical-align:middle;padding-top:5px}
img.icono {margin-left: 5px; vertical-align: middle;}
hr.separador-horizontal {size:1px;background-color:#ddd;margin:20px 0}
.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}
.no-left {margin-left:0 !important}
.no-bottom {margin-bottom:0 !important}
.separa-sup-40 {margin-top: 40px;}
.top5 {padding-top: 5px}
.top10 {padding-top: 15px}
.top20 {padding-top: 20px}
.right10 {padding-right: 10px}
.right40 {padding-right: 40px}
.bottom10 {padding-bottom:10px}
.menos10 {margin-left: -10px}
.left5 {padding-left: 5px}
.left10 {padding-left: 10px}
.left20 {padding-left: 20px}
.left30 {padding-left: 30px}
.left55 {padding-left: 55px}
.left2em {padding-left: 2em}
.ancho150 {width:150px !important;}
.ancho540 {width: 540px}
.interlineado14 {line-height: 1.4em !important}
.interlineado20 {line-height: 2.0em !important}

.margen-superior {margin-top:1em !important;}
.margen-inferior {margin-bottom:1em !important;}
.margen-superior-grande {margin-top:2em !important;}
.margen-inferior-grande {margin-bottom:2em !important;}
.margen-superior-muy-grande {margin-top:3em !important;}
.margen-inferior-muy-grande {margin-bottom:3em !important;}
.margen-superior-extra-grande {margin-top:3em !important;}
.margen-inferior-extra-grande {margin-bottom:4em !important;}
.margen-superior-35 {margin-top:35px !important;}

.pastilla-azul {background-color:#E0E6F5;padding:25px 0 10px 20px;-moz-border-radius:12px;margin:30px 0;width:500px;}
.pastilla-azul h2 {margin:0;font-size: 1.2em;}
.pastilla-azul h2 a {font-weight:bold}
.pastilla-azul p {margin:-5px 0 20px 30px}
.pastilla-azul a {color:#0066CC;}

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}

/* BreadCrumb - Link FAQs */
#breadcrumb {color: #999; background-color: #fff; padding: 3px; margin: 10px auto 5px 8px; width:660px;font-size:11px}
#breadcrumb ul {display: inline;line-height:140%} 
#breadcrumb ul li {padding-right: 2px; display: inline;}
#breadcrumb a{color: #999; background-color: #fff;}
#breadcrumb a:hover {color: #666; background-color: #fff;}

/*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*/
.division-x-3 {float: left; width: 30%; padding:15px}
.division-x-2 {float: left; width: 40%; padding:15px}
.division-x-2 p, .division-x-3 p {margin-bottom: 4px;}
.abarca-1,.abarca-2,.abarca-3,.abarca-4,.abarca-5,.abarca-6,.abarca-7,.abarca-8,.abarca-9,.abarca-10,.abarca-11,.abarca-16 {float:left;margin-right:25px} 
.abarca-1 {width: 40px;}
.abarca-2 {width: 100px;}
.abarca-3 {width: 160px;}
.abarca-4 {width: 220px;}
.abarca-5 {width: 280px;}
.abarca-6 {width: 340px;}
.abarca-7 {width: 400px;}
.abarca-8 {width: 460px;}
.abarca-9 {width: 520px;}
.abarca-10 {width: 580px;}
.abarca-11 {width: 640px;}
.abarca-16 {width: 910px;}

/* Add these to a column to prepend empty cols. */
.prepend-1 {padding-left:40px;}
.prepend-2 {padding-left:80px;}
.prepend-3 {padding-left:120px;}
.prepend-4 {padding-left:160px;}
.prepend-5 {padding-left:200px;}
.prepend-6 {padding-left:240px;}
.prepend-7 {padding-left:280px;}

.ultima {margin-right: 0 !important}

/* Listas */
ul.default {margin: 15px 10px}
ul.default li {margin:4px 0 8px 0;background: url("/inc_images/generic/bullet_lista_gris_min.gif") no-repeat 0 7px;padding-left:12px;line-height:135%}
ul.default li li {background: url("/inc_images/generic/bullet_lista_gris_min.gif") no-repeat 0 5px;padding-left:10px}
.sin-bullet {background:none !important;}
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;}
ul.standard ul li { margin-left: 25px; list-style-image: url(/inc_images/generic/bullet_lista_gris_min.gif);}
ul.standard-estrecha li { line-height: 1.2em; margin-bottom: 12px;}
ul.standard-simple {margin-left: 10px; margin-top: 15px;}
ul.standard-simple li {padding:5px 0;}
ol li {margin-left: 15px; margin-top: 20px; line-height: 1.2em}
ol li ul.standard {margin-top: 10px; margin-left: 30px;}
ul.bullet-azul-mini, ul.bullet-gris-mini {margin: 0 1.2em 0 1.8em; font-size:90% }
ul.bullet-azul-mini li,  ul.bullet-gris-mini li {margin:4px 0 0.8em 0; padding-left:10px;}
ul.bullet-azul-mini li {background: url("/inc_images/hipotecas/bullet-azul-peq.gif") no-repeat 0 5px;}
ul.bullet-gris-mini li {background: url("/inc_images/hipotecas/bullet_lista_gris_min.gif") no-repeat 0 5px;}
ol.informes {margin-left:15px; margin-bottom:15px }

.entidades-container {margin-left: 25px;float:left}
.entidades-container li {margin:15px 0}
.entidades-container li img {vertical-align:middle;padding-right:3px}
.entidades-container li span {padding-left:21px;display:block;color:#666;font-size:11px;line-height:120%}

/* Loading box */ 
#cuadro-cargarimg {margin-bottom:10px;}

/* Msgs historico - cuarentena */
.msg-status {border:2px solid #D58A8A;padding:1.5em;margin:5px 0 35px;-moz-border-radius:12px}
.msg-status h2 {color:#C40000;padding-left:45px;line-height:120%}
.msg-status h2.historico {background: url("/inc_images/generic/ico_prod_historic.gif") no-repeat left center;}
.msg-status h2.cuarentena {background: url("/inc_images/generic/ico_prod_cuarentena.gif") no-repeat left center;}
div.msg-historica, div.msg-cuarentena {border:2px solid #red;font-size:11px;color:#C40000;}

/* Tool tips */
a.tip {position: relative; text-decoration: none !important; color: #217223 !important; font: 12px Arial, Helvetica,sans-serif; padding-left:2px;}
a.tip img {vertical-align:text-top}
a.tip:hover {text-decoration:underline !important;}
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.gif") 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.gif") 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.gif") 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.gif") 0 0 no-repeat;
	}
.tip-bottom3 {left: -60px;	background: transparent url("/inc_images/generic/tool-tips-bottom3.gif") 0 0 no-repeat;}
.tip-bottom4 {left: -245px; position: absolute;	width: 293px;	height: 33px;	padding: 0;	background: transparent url("/inc_images/generic/tool-tips-bottom4.gif") 0 0 no-repeat;	}
	
	.clicktip_close {
		text-decoration: underline !important;
		left:240px;
		top:-7px;
		position:absolute;
		background: url("/inc_images/generic/icono_cerrar.gif") right 4px no-repeat;
		padding-right: 11px;
		}

a.boton-ver-todos, a.boton-ver-todas {width:63px; height: 12px; text-indent:-9999px;display:inline-block;vertical-align:middle;margin-left:10px}
a.boton-ver-todos {background:url("/inc_images/generic/boton-ver-todos.gif") no-repeat;}
a.boton-ver-todas {background:url("/inc_images/generic/boton-ver-todas.gif") no-repeat;}

#footer {clear:both;padding-top:50px}
#info-bankimia {width:665px;font-size:11px;color:#888 !important;margin-left:140px}

