/* CSS Document */

/**************************************************/
/*	General */

body{
	background: url(../inc_images/layout/bg_header.jpg) top left repeat-x;
	color:#000000;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 1em;
	line-height:1.4;
	margin:0; 
	padding:0;
}

a:link { color:#2A3947;}
a:visited {color:#2A3947;} 
a:hover { color:#008EC6; }

form { margin-left:25px;}

form input, form label, form select { margin:10px 0 0 0;} 
form input[type="radio"]{ margin:0px;}



form input[type="checkbox"]{ vertical-align:sub; *vertical-align:baseline;}
form input[type="submit"]{ margin:10px 0 0 155px;}
form label{ float:left; font-size:0.8em; font-weight:bold; padding:2px 10px 0 0; text-align:right; width:150px; }
form p.desc{ color:#666; font-size:0.7em; line-height:1; margin-bottom:0; margin-top:-10px; padding-top:0; text-align:right; width:150px; *margin-top:-4px; }

form label{ *font-size:0.9em; *color:#000000;}

h2 { color:#FF9933; font-size:1.5em; } 
	h2#nomUsuari{ font-size:1em; color:#999; margin-top:25px; margin-bottom:0; }
h3 { font-size:1.25em; }
h4 { font-size:1em; margin:0 0 5px 0; }
h5 { margin:0; }


h2#titolPagina { font-size:1.46em;}

p, ul li, table { font-size:0.8em; line-height: 135%;}
table{text-align:center; margin-top:20px;}
table th{ background-color:#F5F5F5; border-bottom:1px #ccc solid; *padding:5px 0; }
table td{ border-bottom:1px #F1F1F1 solid; padding:5px 0; }
table td.color{ background-color:#F0F4FF;}

/**************************************************/
/*	Contenidors */
			
div#container{width: 900px; margin: 0 auto; } /* conté tota la pàgina, header, cos i footer */

div#content{ /* cos de la pàgina */
	margin:10px 0 40px 0; 
	min-height:420px;
	height:auto !important; /* hack per IE6 min-height*/
	height:420px; 
}

div#costatEsq{ 	width:470px;  } /* Costat esquerre de la pàgina */
	div#costatEsq h2{ margin-bottom:0; }
	div#costatEsq img{ border:1px #ccc solid; padding:2px; margin-right:8px; }

div#costatEsqAmple{ width:650px; margin:10px 0; } 

div#costatEsqUsuari{ width:300px; margin-bottom:10px;  } 

div#costatDretUsuari{ width:550px; margin-bottom:30px;  } 
	div#costatDretUsuari h3{ margin:0;  } 

div#costatDret{ width:370px; margin-left:60px;} /* Costat dret de la pàgina */
	#costatDret h3#vision{
		background: url(/inc_images/layout/quadreVision.gif) no-repeat;
		color:#FFFFFF;
		height:45px;
		margin:45px 0 0 0;	
		padding:2px 0 0 10px;
	}
	


/**************************************************/
/* Classes */

.alignRight{ text-align:right; }

.ample{width:140px;}

.botoAlineat{ margin-left:159px!important; _margin-left:162px; }
.botoAlineat2{ margin-left:209px!important; _margin-left:212px!important; }

.error{ background: url(../inc_images/layout/error.gif) no-repeat; color:#CC3333!important; font-size:11px; margin-top:5px; font-weight:bold; height:16px; margin-left:15px; padding-left:20px; height:18px; *padding-bottom:1px;} /* error al formulari */
	.formLlarg .error{  margin-left:45px; padding-left:20px;}

.estret{ width:50px;}

.fail{ background:#F5F5F5 url(../inc_images/layout/icona_casoEstudio.gif) no-repeat 20px center; border:1px #999 solid;	} /* petición a estudio */

.procesada{ background:#F4FAFF url(../inc_images/layout/icona_info.gif) no-repeat 20px center; border:1px #A4C8FF solid; height:32px;	} /* petición a estudio */

.fletxa{ list-style:url(/inc_images/layout/fletxa.gif); }

.floatLeft{ float:left; }
.floatRight{ float:right; }

.formLlarg label, .formLlarg .desc{ width:200px; }
.formLlarg .radioLabel{ margin-left:0; padding-left:0; text-align:left; width:42px; }
/*.formLlarg input[type="submit"]{ margin-left:210px; }*/
.formLlarg input#viabilidadP{ margin-left:210px; }

.gris{color:#666;}

.hidden{ visibility:hidden; }

.info{font-size:0.65em; }

.limpiar{ clear:both; }

.lletraPetita{font-size:0.75em; }

.mig{ width:100px;}

.mLeft10{ margin-left:10px; }
.mLeft15{ margin-left:15px; }
.mLeft20{ margin-left:20px; }
.mLeft40{ margin-left:40px; }
.mLeft60{ margin-left:60px; }

.mTop5{ margin-top:5px;}
.mTop20{ margin-top:20px!important;}
.mTop30{ margin-top:30px;}


.numPas1{ background: url(../inc_images/layout/pas1.gif) no-repeat; height:45px; } /* pas 1 prestec */
	.numPas1 h3{ background: url(/inc_images/layout/icona_calculadora.gif) no-repeat 205px; height:39px; padding-top:10px;  }

.numPas2{ background: url(../inc_images/layout/pas2.gif) no-repeat; height:45px; margin-left:45px;  } /* pas 2 prestec */
	.numPas2 h3{ background: url(/inc_images/layout/icona_titulares.gif) no-repeat 340px; height:39px; padding-top:10px; }

.numPas3{ background: url(../inc_images/layout/pas3.gif) no-repeat; height:46px; width:100%;  *margin-top:-40px;   } /* pas 3 prestec */
	.numPas3 h3{ background: url(/inc_images/layout/icona_datosUsuario.gif) no-repeat 175px; height:32px; padding-top:6px;}

.numPas3L{ background: url(../inc_images/layout/pas3.gif) no-repeat; height:46px; width:100%;  } /* pas 3 prestec si logejat */
	.numPas3L h3{ background: url(/inc_images/layout/icona_solInformacio.gif) no-repeat 235px; height:32px;  }


.ok{ background:#F3FFEA url(../inc_images/layout/icona_viable.gif) no-repeat 20px center; border:1px  #ACCE4B solid; height:32px; } /* Préstamo viable */
.ok2{ color:#009933; background: url(../inc_images/layout/ok.gif) no-repeat!important; font-size:11px; margin-top:5px; font-weight:bold; margin-left:15px; padding-left:20px; height:18px; *padding-bottom:1px;  } 
 
.perIE{ *float:left; } /* cas d' IE per fons dels passos per demanar prestec */

.pLeft10{ padding-left:10px; }
.pLeft25{ padding-left:25px; }
.pLeft30{ padding-left:30px; }
.pLeft35{ padding-left:35px; }
.pLeft40{ padding-left:40px; }

.pTop20{ padding-top:20px; }

.radio{margin:0;}

.resultatEstudi{
	font-weight:bold;
	height:32px; 
	margin-top:20px!important;
	padding:10px 15px 0px 60px;
	width:500px!important;
	}

.subtitolGran{
	color:#333;
	font-size:0.98em;
	line-height:1.2;
	margin-bottom:0;
	width:265px;
	}
	
.subtitolLlarg{	width:425px; *width:380px; }

.text{ font-size:0.8em; line-height: 135%; *color:#000000;}

.prestec_foto{background: url(/inc_images/layout/foto_calculadora.gif) no-repeat; float:right; height:184px; width:173px;}
.prestec_fotoAnalisis{background: url(/inc_images/layout/foto_analisis.gif) no-repeat; float:right; height:170px; width:173px; }
.prestec_fotoResposta{background: url(/inc_images/layout/foto_resultado.gif) no-repeat; float:right; height:184px; width:173px;}
                         

/*************************************************/
/* IDs*/
#adminNav ul{ margin-top:-15px;} /* menú backoffice */
#adminNav ul li{ display:inline; padding:0 8px; font-weight:bold;}
	#adminNav ul li#peticiones{background: url(/inc_images/layout/icona_peticiones.gif) no-repeat; padding-left:20px; }
	#adminNav ul li#desconectar{background: url(/inc_images/layout/icona_desconectar.gif) no-repeat; padding-left:19px; }
	#adminNav ul li#interes2{background: url(/inc_images/layout/icona_interes.gif) no-repeat; padding-left:20px; }

#correoE{ background: url(/inc_images/layout/correuE.gif) no-repeat; height:24px; }
#correoEPetit{ background: url(/inc_images/layout/correuEP.gif) no-repeat; padding-left:20px; }

#fax{ background: url(/inc_images/layout/fax.gif) no-repeat; height:24px; }
#faxPetit{ background: url(/inc_images/layout/faxP.gif) no-repeat; padding-left:20px;}

#filtrePeticions{ background:url(/inc_images/layout/fons_filtrar.gif) no-repeat; height:252px; padding-bottom:20px; padding-top:20px; width:610px;   *margin-left:-15px;  *padding-top:25px;  color:#000000!important;}
	#filtrePeticions li{ color:#006A00; *margin-left:45px;	}

#formCalculadora {  *margin:0 0 0 20px; _margin-top:-20px; width:370px; }
#formCalculadora input[type="submit"]{  font-size:11px; margin:0 0 0 5px; *margin:0px; _padding:0; }

#formEstudio{ margin-top:-5px; margin-left:29px; *margin-left:-40px; _margin-left:120px; }
#formInscrip{ *margin-top:-10px; }

#formFiltre label{width:124px; text-align:center; font-weight:normal;}
#inputFiltrar{margin-left:30px; margin-top:15px; }

#modesContacte{ margin-top:0px; }
#modesContacte li{ list-style:none; margin:10px 0px; }

#numTitular h4{ margin:0 0 0 82px; _margin-top:-25px; *margin-bottom:-25px; _margin-bottom:-20px;}

/* FONS PASSOS */
	#prestec_bottom_pas{ background: url(/inc_images/layout/bottom_pas.gif) no-repeat; height:15px; margin-bottom:20px;  width:443px;}
	#prestec_bottom_pas_ample{ background: url(/inc_images/layout/bottom_pas_ample.gif) no-repeat; height:15px; margin-bottom:20px;  width:610px;}
	
	#prestec_pas_fons{ background: url(/inc_images/layout/fons_pas.gif) repeat-y; padding-bottom:10px; width:443px; _margin-top:-12px;	   } 
	#prestec_pas_fons_ample{ background: url(/inc_images/layout/fons_pas_ample.gif) repeat-y; padding-bottom:10px; width:610px; _margin-top:-2px;}   

	#prestec_top_pas{ background: url(/inc_images/layout/top_pas.gif) no-repeat; height:10px; margin-top:50px; }
	#prestec_top_pas_ample{ background: url(/inc_images/layout/top_pas_ample.gif) no-repeat; height:10px; margin-top:50px; }
	

#quiSom{
	background: url(/inc_images/layout/fons_empresa.gif) no-repeat; 
	float:right;	
	height:201px; 
	margin-top:40px; 
	padding:4px 0 5px 20px; 
	*padding:15px 0 10px 20px; 
	width:315px; 
}

#quiSom p{ *margin-top:8px; }

#resumen li{ margin-left:20px;}

#telefono{ background: url(/inc_images/layout/telefono.gif) no-repeat; height:24px; }
#telefonoPetit{ background: url(/inc_images/layout/telefonoP.gif) no-repeat;  padding-left:20px;  }

#mobil{ background: url(/inc_images/layout/phoneB.gif) no-repeat; height:24px; }
#mobilPetit{ background: url(/inc_images/layout/phone.gif) no-repeat; padding-left:20px;}


#userNav { background:url(/inc_images/layout/fons_menuU.gif) no-repeat; padding:5px 20px 30px 5px; } /* Menú per usuaris logejats */
	#userNav ul{ margin-top:-12px;}	
	#userNav ul li{ line-height:1.7; list-style:url(/inc_images/layout/bullet.gif); list-style-position:inside;}	
	#userNav h2 { color:#009600; font-size:1.2em; }



/********************************************************************/	


#datosTitulares h4, #solicitud h4, #datosUsuario h4{ color:#009900; }

label#interes{ margin-left:50px;}
label#interes .normal{ font-weight:normal; padding-left:5px;}
label.petit{ width:58px!important; *width:65px!important; *margin-left:-6px; _margin-top:2px;}