@charset "utf-8";

/* Estils especifics per a producte */

/*titol principal*/
#content-producto {float:left; padding: 13px 0 30px 0px; width: 950px}
#content-producto h2 { font-size:1.8em; margin-left: 0px; font-weight: bold; clear:both}
#content-producto h1 { width:35em;}
.box-marca { width: 16px; height: 30px; float: left; margin-right: 13px; margin-top: -1px}

/*Contenido izquierda*/
#content-producto #content-left-530 h3{font-weight:bold; color: #067CFF; background-color: #F2F8FF; padding:2px; background-image: url(/inc_images/generic/dott-blue.gif); background-repeat: repeat-x; background-position: bottom; clear: both; margin: 0 0 15px 0}
#content-producto #content-left-530 h4{font-weight:bold; color: #666; background-color: #fff; margin:0 0 5px 0}
#content-left-530 div.bloque-lista { float: left; margin: 0 0 20px 20px; width: 46%;}

/*Herramientas (imprimir, enviar, url) */
#herramientas-user-top {color: #999; background-color: #fff; padding: 3px; margin: 0 auto 4px auto; float: right}
#herramientas-user-top ul {display: inline; border: none} 
#herramientas-user-top ul li {padding-left: 2px; border: none; display: inline}
#herramientas-user-top a {color: #999; background-color: #fff; margin-left:10px}
.link-imprimir {background-image: url(/inc_images/generic/imprimir.gif); background-repeat: no-repeat; padding-left:20px}
.link-enviar-amigo {background-image: url(/inc_images/generic/enviar-amigo.gif); background-repeat: no-repeat; padding-left:20px}
.link-web-hipoteca {background-image: url(/inc_images/generic/link-web.gif); background-repeat: no-repeat; padding-left:20px}

#herramientas-bottom {margin: -175px 0 0 600px;position:absolute}
#herramientas-bottom ul li {padding: 4px; border: none; list-style: none;}
#herramientas-bottom a {margin-bottom:10px;}

/*leads*/
.lead-lateral {background: url("/inc_images/hipotecas/leads/bg_top_325x345.gif") no-repeat; overflow:hidden;}
.destacadolead {background: url("/inc_images/hipotecas/leads/bg_top_325x625_taronja.gif") no-repeat !important;}
.lead-lateral-in {background: url("/inc_images/hipotecas/leads/bg_bot_325x7.gif") 0 100% no-repeat; padding: 10px 15px;}
.lead-abajo {background: url("/inc_images/hipotecas/leads/bg_top_530x375.gif") no-repeat; margin-left:10px}
.lead-abajo-in {width:530px;background: url("/inc_images/hipotecas/leads/bg_bot_530x6.gif") 0 100% no-repeat; padding: 10px;}
.lead-abajo .division {width:46%; float:left}
.lead-comparativa {background: url("/inc_images/hipotecas/leads/bg_top_325x175.gif") no-repeat; ;float:right; width:325px; margin-right: 30px; margin-top:-25px}

.lead h3 {color:#000; margin:3px 0 25px 0; font-weight:normal}
.lead h3 img {vertical-align:text-bottom;}
.destacadolead h3 {font-weight:bold}
.lead h4 {color:#b97c00; margin:5px 0 10px 5px}
.lead p.link {margin-top:-15px; text-align: right; margin-bottom:5px}
.lead a.link {color:#b97c00}
.lead ul {margin-left:20px}
.lead ul li {background: url(/inc_images/generic/bullet_gris_petit.gif) 0 5px no-repeat; padding: 0 0 7px 10px}
.lead form p {margin-top:10px}
.lead label ,.lead p.description{color:#555;}
.lead p.description{margin-bottom:5px !important;}
.lead .fallo {margin-left:85px !important;font-size:11px}
p.ancho500 {width:500px}
input.radios {margin-left:65px; margin-bottom:5px; margin-right:5px;}
input.botones {margin-left:80px; margin-bottom:5px}
.lead-abajo input.botones, .lead-abajo input.radios {margin-left:45px}

/*leads floating*/
.lead_close {	text-decoration: underline !important;	left:410px;	top:-7px;	position:relative;	background: url("/inc_images/generic/cross.gif") right 4px no-repeat;	padding-right: 11px;}
/*floatinginfoMrtg*/
#leadFloatingInfo2{border:2px solid #999; padding-bottom:5em; cursor:default; display:none; background-color:white; width:400px; height:70px; position: fixed; top:17%; left: 50%; margin-left: -250px;}
#leadFloatingInfo2 #solicitarInfoButton, #leadFloatingInfo2 #solicitarInfoButton2{margin-left:40%;}
#leadFloatingInfo2 .lead_close{left:87%}
/*floatinginfoResult*/
#leadFloatingInfo{border:2px solid #999;  padding:1.5em; width:460px !important; cursor:default; position: fixed; top:17%; left: 50%;  margin-left: -230px; }
#leadFloatingInfo .nombreBanco{border:1px solid #EFF6FF; background-color:#FFF; color:#333; margin:0px auto 0px auto; padding:5px; width:360px;}
#leadFloatingInfo #otras{margin:2em auto; width:390px;}
#leadFloatingInfo #aceptaTip{position:absolute; left:418px !important; top:100px;}
#leadFloatingInfo p.descripcion{font-size:0.9em; color:#333; width:95%; margin:0px auto 0px auto;}
#leadFloatingInfo .nombreBanco img{margin-right:5px; vertical-align: middle;}
#leadFloatingInfo .detalles{border:1px solid #EFF6FF; background-color:#EFF6FF; margin:0px auto 10px auto; padding:5px; width:360px;}
#leadFloatingInfo .detalles ul{margin-top:1em;list-style-image: url(/inc_images/generic/bullet_lista_gris.gif); list-style-position:inside; line-height:1.6em; margin-bottom: 0px;}
#leadFloatingInfo .detalles ul li{display:inline; margin-right:3em; padding-left:10px;}
#leadFloatingInfo input{margin-left:10px;}
#leadFloatingInfo .detalles input{margin-left:5px;}
#leadFloatingInfo .detalles label{display:block; width:93%; float:right; margin-top:-15px;}
#leadFloatingInfo .lead_close{left:87%}
/*  MENSAJES */
#mensajeOk ,#mensajeOk2{padding:5px 0 5px 40px;	background:#CDFF9F url(/inc_images/hipotecas/altaOK.gif) no-repeat left center;	width:85%;	font-size:1.2em;	margin:10px auto 10px auto;	}
#mensajeOk h3 ,#mensajeOk2 h3{ margin:5px 0px 0px 0px;font-size:1.1em; color:#0a5d04;}
#mensajeOk p ,#mensajeOk2 p{ margin-top:0px; font-size:0.8em;}

#mensajeKO, #mensajeKO2{padding:5px 0 5px 40px; background:#FDE1E2 url(/inc_images/hipotecas/altaKO.gif) no-repeat left center; width:85%;	font-size:1.2em;	margin:10px auto 10px auto;};
#mensajeKO h3, #mensajeKO2 h3 { margin:5px 0px 0px 0px;font-size:1.1em; color:black;}
#mensajeKO p, #mensajeKO2 p,{ margin-top:0px; font-size:0.8em;}

/* blocking elements */
.lead_content { display: none;	position: absolute;	height:450px;	padding: 16px;	border: 16px solid orange;	background-color: white;	z-index:1002;}
.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6 Star selector used to hide definition from browsers other than IE6 For valid CSS, use a conditional include instead */
* html #leadFloatingInfo2 {position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');}

