/* CSS Document */
* {font-family:Arial, Helvetica, sans-serif}


/*ESTIOS DE LAS ANCLAS*/

/*FIN ESTILOS DE LAS ANCLAS*/
/* BORDER BOTTOM */
.borderBottom { border-bottom:1px dotted #999; padding:10px 0 0 0; }

/* TÍTULOS */
.titulos { float:left; margin:0;  width:763px;}
.titulos h1 { font-size:16px; font-weight:700; margin:0; padding:0; color:#666; }

/* MENÚ TOP HIPOTECAS */
.menuContenido { float:left; margin:20px 0 5px 0; -margin:18px 0 5px 0; width:763px;}
.menuContenido h1 { font-size:16px;}
.menuContenido a { text-decoration:underline}

.boxPortadaHipo { float:left; padding:0px 0 0 15px; width:763px;}

/* ESTILOS GENERALES*/
.contentApartados { float:left; margin:0 0 10px 0; width:763px; font-size:14px;}
/* FIN ESTILOS GENERALES*/

/*CAJA MODELO CONTENIDO INTERIOR 726PX*/
.cajaModelo705 { float:left; width:763px;}
.cajaModelo705 .contenido { float:left; padding:0; margin:0; width:763px; }
.cajaModelo705 .contenido p { margin:5px 0; }
.cajaModelo705 .contenido .interior { width:763px; float:left; padding:5px 0; clear:both; }
.cajaModelo705 .contenido .interior p { margin:5px 0; padding:0; }
/*FIN CAJA MODELO CONTENIDO INTERIOR 726PX*/ 

/*ESTILOS CONTENEDOR VARIACION*/
.contentVariacion { width: 763px; float:left; margin:0; padding:0; font-size:12px; font-weight:700; text-align:center;}
.contentVariacion .titulos { width:761px; float:left; border:solid 1px #e0e0e0; background:#e0e0e0; padding:2px 0 1px 0; margin:0 0 2px 0;}
.contentVariacion .titulos .vacio { width:761px; float:left;}
.contentVariacion .titulos .vacio .referencias { width: 117px; border-right:solid 1px #ccc; text-align:left; padding:0 0 0 10px;}
.contentVariacion .titulos .vacio .meses { width:125px; border-right:solid 1px #ccc;}
.contentVariacion .datos { float:left; width:761px; border-left:solid 1px #e0e0e0; border-top:solid 1px #e0e0e0; border-right:solid 1px #e0e0e0; overflow:hidden; }
.contentVariacion .datos .row, .contentVariacion .datos .rowAzul { width:761px; float:left; background:white; }
.contentVariacion .datos .rowAzul { background:#f9f9f9; }
.contentVariacion .datos .row .colum01, .contentVariacion .datos .rowAzul .colum01 { float:left; width:117px; height:20px; text-align:left; padding:3px 0 0 10px; border-bottom:1px dotted #ccc; }
.contentVariacion .datos .row .colum02, .contentVariacion .datos .rowAzul .colum02 { float:left; width:125px; font-weight:normal; height:20px; padding:3px 0 0 0; border-bottom:1px dotted #ccc; }
.borderRight { border-right:solid 1px #ccc; }
.interior .comentVariacion { width:695px; float:left; font-size:11px; margin:0; padding:0;}
.interior .comentVariacion span { color:#f00; }
/*FIN ESTILOS CONTENEDOR VARIACION*/


/*ESTILOS DE LA GRAFICA*/
.graficasContent { float:left; width:763px; margin:20px 0 0 0; font-size:12px; color: #469dbe; font-weight:650;}
.graficasContent .pestanasHipo { float:left; position:relative; margin:0 0 0 15px; *margin:0 0 0 7px; width:748px; height:31px;}
.graficasContent .pestanasHipo ul { list-style:none; position:absolute; top:0px; left:0; }
.graficasContent .pestanasHipo .act, .graficasContent .pestanasHipo .des { float:left; padding:7px 7px 0 7px; margin:0 2px; height:23px; display:inline; border:1px #ccc solid; background:#F3F3F3; filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#e5e5e5' ,endColorStr='#FFFFFF' ,gradientType= '0' ); text-align:center}
.graficasContent .pestanasHipo .act { border-bottom:1px solid #fff; }
.graficasContent .pestanasHipo .act h1 { display:inline; font-size:12px; color:#333; }
.graficasContent .pestanasHipo .act a { color:#666; text-decoration:none;}
.graficasContent .pestanasHipo .des { background:#fff; filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF' ,endColorStr='#FFFFFF' ,gradientType= '0' ); }
.graficasContent .pestanasHipo .des h1 { display:inline; font-size:12px; color:#333; }
.graficasContent .pestanasHipo .des a { color:#469DBE; text-decoration:none;}

.graficasContent .bajoPestanas { float:left; width:692px; height:8px; font-size:2px; border-top:1px solid #ccc; background:#F3F3F3; filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#e5e5e5' ,endColorStr='#FFFFFF' ,gradientType= '0' ); }
.graficasContent .pararelas { float:left; width:761px; border:1px #ccc solid; height:330px;}
.graficasContent .pararelas .graficaFlash { float:left; width:741px; margin:20 0px;}
/*FIN ESTILOS DE LA GRAFICA*/

/*ESTILOS CONTENEDOR CALCULADORA*/
.calcularContent { float: left; width:763px; margin:20px 0; padding:0;}
.calcularContent .fondo, .calcularContent .fondoBig { float:left; width:763px; }
.calcularContent .fondoBig .tit { float:left; width:748px; border-bottom:1px dotted #ccc; margin:0 0 0 14px; *margin:0 0 0 7px; font-weight:700; font-size:14px; padding:0 0 2px 0;}
.calcularContent .fondo .tit { float:left; width:763px; border-bottom:1px dotted #ccc; font-weight:700; font-size:14px; padding:0 0 2px 0;}
.calcularContent .fondo .central, .calcularContent .fondoBig .central { float:left; width:763px;}


.calcularContent .fondo .central .izq { float:left; width:374px; margin:0;}
.calcularContent .fondo .central .izq .row {float:left; width:370px; height:23px; border-bottom:1px dotted #ccc; padding:2px 0;  }
.calcularContent .fondo .central .izq .row p  {float:left; width:365px; margin:3px 0 0; }
.calcularContent .fondo .central .izq .rowGastos {float:left; width:352px; height:23px; border-bottom:1px dotted #ccc; padding:2px 0; }
.calcularContent .fondo .central .izq .rowGastos p  {float:left; width:280px; margin:3px 0 0; }
.calcularContent .fondo .central .izq .red p { float:right; text-align:right; color:#FF0000; font-size:14px; padding:3px 0 0 0; font-weight:700; width:auto;}
.calcularContent .fondo .central .izq input { float:right}
.calcularContent .fondo .central .izq ul {margin:0;}
.calcularContent .fondo .central .izq ul li { width:300px; list-style:none; background:url(/images/pxGrisTrans.gif) bottom repeat-x; height:23px;  }
.calcularContent .fondo .central .izq ul li p { float:left; padding:3px 0 0 10px; margin:0; width:236px; background: url(/images/bulletMargen2.gif) left no-repeat;}
.calcularContent .fondo .central .contentCuota { float:right; width:328px; }
.calcularContent .fondo .central .contentCuota .drch { float:right; width:320px; height:23px; border-bottom:1px dotted #ccc; padding:2px 0; }
.calcularContent .fondo .central .contentCuota .drch .texto { float:left; width:220px; }
.calcularContent .fondo .central .contentCuota .drch .texto p { float:left; width:220px; margin:0; padding:3px 0 0; }
.calcularContent .fondo .central .contentCuota .drch .rojo p { float:right; text-align:right; color:#FF0000; font-size:14px; padding:3px 0 0 0; margin:0; font-weight:700;}
.calcularContent .fondo .central .izqLargo { float:left; padding:3px 0 0 0; margin:10px 0 0 0; width:763px; border-bottom:1px dotted #ccc; height:22px; }
.calcularContent .fondo .central .izqLargoBg { float:left; padding:3px 0 0 0; margin:0; width:763px; background:#ececec; height:22px; }
.calcularContent .fondo .central .izqLargoBg .boxMulti { float:left; width:190px;}
.calcularContent .fondo .central .izqLargoBg .boxMultipeq { float:left; width:125px;}
.calcularContent .fondo .central .izqLargoBg .left { float:left; width:265px; background:red } 
.calcularContent .fondo .central .izqLargoBg .left p{ width:265px; background:url(/images/bulletMargen2.gif) left no-repeat; padding:2px 0 3px 10px;} 
.calcularContent .fondo .central .izqLargoBg .right { float: right; width:360px;} 
.calcularContent .fondo .central .izqLargoBg .right p{ width:360px; background:url(/images/bulletMargen2.gif) left no-repeat; padding:2px 0 3px 10px;}  
/*FIN ESTILOS CONTENEDOR CALCULADORA*/

/*ESTILOS CONTENEDOR BIG CALCULADORA*/

.calcularContent .fondoBig .central .izq { float:left; width:763px; margin:0 0 25px 0;}
.calcularContent .fondoBig .central .izq .row {float:left; width:763px; height:23px; border-bottom:1px dotted #ccc; padding:2px 0; }
.calcularContent .fondoBig .central .izq .row p {float:left; width:758px; margin:3px 0 0;}
.calcularContent .fondoBig .central .izq input { float:right; text-align:right; padding:0 4px 0 0;}
.calcularContent .fondoBig .central .izq ul {margin:0;}
.calcularContent .fondoBig .central .izq ul li { width:660px; list-style:none; background:url(/images/pxGrisTrans.gif) bottom repeat-x; height:23px;  }
.calcularContent .fondoBig .central .izq ul li p { float:left; padding:3px 0 0 10px; margin:0; width:236px; background: url(/images/bulletMargen2.gif) left no-repeat;}
.calcularContent .fondoBig .central .contentCuota { float:right; width:670px; }
.calcularContent .fondoBig .central .contentCuota .drch { float:right; width:668px; height:23px; border-bottom:1px dotted #ccc; padding:2px 0; }
.calcularContent .fondoBig .central .contentCuota .drch .texto { float:left; width:350px;}
.calcularContent .fondoBig .central .contentCuota .drch .texto p { float:left; width:350px; margin:0; padding:3px 0 0; }
.calcularContent .fondoBig .central .contentCuota .drch .rojo p { float:right; text-align:right; color:#FF0000; font-size:14px; padding:3px 0 0 0; margin:0; font-weight:700;}
.calcularContent .fondoBig .central .izqLargo { float:left; padding:0; margin:0; width:670px; border-bottom:1px dotted #ccc; }
.calcularContent .fondoBig .central .izqLargo .left { float:left; width:265px; background:red } 
.calcularContent .fondoBig .central .izqLargo .left p{ width:265px; background:url(/images/bulletMargen2.gif) left no-repeat; padding:2px 0 3px 10px;} 
.calcularContent .fondoBig .central .izqLargo .right { float: right; width:360px;} 
.calcularContent .fondoBig .central .izqLargo .right p{ width:360px; background:url(/images/bulletMargen2.gif) left no-repeat; padding:2px 0 3px 10px;}  
/*FIN ESTILOS CONTENEDOR CALCULADORA*/


/*ESTILOS DE LA CAJA CON INFORMACI0N*/
.boxApartados { float:left; width:763px;}
.boxApartados .fila { float:left; width:763px;}
.boxApartados .fila .numeroIzq { float:left; width: 32px;}
.boxApartados .fila .numeroIzq p { float:left; width:32px; font-size:24px; font-weight:700; color:#f17d00; margin:0; text-align:right;}
.boxApartados .fila .drchDesact, .boxApartados .fila .drchAct { float:right; width:720px; height:21px; padding:4px 0 0 5px; border:solid 1px #f0f0f0; background:#f7f7f7; }
.boxApartados .fila .drchDesact .boxIco a { float:left; width:20px; height:17px; display:block;  color:#666;}
.boxApartados .fila .drchDesact .boxIco a:hover { text-decoration:none; color:#666; }
.boxApartados .fila .drchAct .boxIco a { float:right; width:30px; height:17px; background: url(/images/icoAct.gif) left no-repeat; display:block;}
.boxApartados .fila .drchAct .boxIco a:hover { text-decoration: none; }
.boxApartados .fila .drchDesact p { float:left; width: 560px; margin:0; color:#469dbe; font-weight:700; }
.boxApartados .fila .drchDesact p a { text-decoration:none; color:#469dbe; }
.boxApartados .fila .drchDesact p a:hover { text-decoration:underline; color:#f17d00; }
.boxApartados .fila .drchAct p { float:left; width: 560px; margin:0; color:#666; font-weight:700; }
.boxApartados .fila .drchAct p a { text-decoration:none; color:#666; }
.boxApartados .fila .drchAct p a:hover { text-decoration:none; color:#666; }
.boxApartados .contDesplega {float:left; width:723px; margin:0 0 0 40px; -margin:0 0 0 20px; display:none; background:#FFF;}
.boxApartados .contDesplega .puntosDesplegados { float:left; width:718px; margin:0 0 10px 5px; padding:5px 0 10px 0;}
.boxApartados .contDesplega .puntosDesplegados .titulillo { float:left; width:718px; margin:0; font-weight:700;}
.boxApartados .contDesplega .puntosDesplegados .titulilloNum { float:left; width:718px;  margin:0; font-weight:700;}
.boxApartados .contDesplega .puntosDesplegados .textillo { float:left; width:718px; padding:8px 0; -padding:11px 0; margin:0; }
.boxApartados .contDesplega .puntosDesplegados .textillo p { margin:8px 0; }
.boxApartados .contDesplega .puntosDesplegados .textillo ul { float:left; width:718px; margin:0 0 10px 0; }
.boxApartados .contDesplega .puntosDesplegados .textillo ul li { width:683px; margin:0 0 0 15px; list-style:square inside; }
.rojo { color: #ff0000;}
/*FIN ESTILOS DE LA CAJA CON INFORMACI0N*/

/*ESTILOS FORMULARIO*/

/*.campoNumero { padding:0 0 0 5px; font-family: arial; font-size: 11px; color: #333333; border: 1px #469dbe solid; background-color: #fff; text-align: right;}*/

.calcularContent .fondo .central .izq .campos { float:right; text-align:right; padding-right:4px;}
.calcularContent .fondo .central .izq .camposDes { background:#DDDDDD; border:1px #ACACAC solid;}
.calcularContent .fondo .central .izq .camposRes {border:none; background:none; font-weight:700; text-align:right;}
.calcularContent .fondo .central .izq .camposOra {border:none; background:none; font-weight:700; color:#ff850d; font-size:18px; width:150px;}

/*FIN ESTILOS FORMULARIO*/