@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;  }
body {background-color: #4A4D52; font-size:13px; color:#333333;   }

a {text-decoration: none; color: #0099FF; font-weight:bold; outline:none;}
a:hover {background-color:#0099FF; color: #FFFFFF; outline:none;}
a img {border: 0px;}

img {border: 0px; padding: 0px; margin: 0px;}

.intercambioenlaces ul {padding-left: 20px !important;}
.intercambioenlaces {width: 400px !important; }

#menu-cuerpo {width: 600px; height: 25px;}
#menu-cuerpo ul {width: 600px; height: 25px;}
#menu-cuerpo ul li {width: auto; height: 25px; float:left; list-style: none;}
#menu-cuerpo ul li a p {width: auto; height: auto; background-color: #017BAC; margin-left: 8px; color:#FFFFFF; padding: 3px 5px; background-image:url(images/punta-botones.jpg); background-repeat:no-repeat; background-position:top left;}
#menu-cuerpo ul li a p:hover { text-decoration:underline;}



#formas {width: 178px; height: 190px; background-image:url(images/formas.jpg); color:#FFFFFF; padding: 5px;}


#todo { width: 885px; height: 100%;  margin: 0px auto; padding-top: 10px; }

#cabecera {width: 885px; height: 140px; margin: 0px auto;  background-image:url(images/cabeceraentera.png); background-repeat:no-repeat;   }
#menu-cab {width: 830px; height: 23px;  margin-left: 51px; margin-bottom: 10px;}
	.boton-cab01 {background-image:url(images/botoninicio.png); width: 180px; height: 18px; text-align:center; float: left; padding-top: 5px; font-size: 13px !important; color:#FFFFFF !important}
	.boton-cab02 {background-image:url(images/boton2.png); width: 216px; height: 18px; text-align:center; float:left; padding-top: 5px; font-size: 13px !important; color:#FFFFFF !important;}
	.boton-cab01:hover, .boton-cab02:hover { text-decoration: underline;}


#cuerpo {width: 885px; height: auto; margin: 0px auto;}	

#contenedor {width: 480px; height: auto;  padding: 10px; background-color:#FFFFFF; margin-top: 4px;}
#contenedor2 {width: 480px; height: auto;  padding: 10px; background-color:#FFFFFF; margin-top: 0px;}
#contenedor3 {width: 480px; height: auto;  padding: 10px; background-color:#FFFFFF; margin-top: 0px;}
#contenedor-grande {width: 640px; height: auto;  padding: 10px; background-color:#FFFFFF; margin-top: 4px;}
#contenedor-grande2 {width: 640px; height: auto;  padding: 10px; background-color:#FFFFFF; margin-top: 0px;}
		
		
#col-izq {width: 190px; height: auto;  float: left;}
	#col-izq ul li {width: 188px; height: 40px; list-style:none; margin-bottom: 10px ;}
	#col-izq ul li a p {width: 173px; height: 28px; color:#FFFFFF; padding: 12px 0px 0px 15px}
	#col-izq ul li a p:hover { text-decoration:underline;}
	.boton01 { background-image:url(images/hipotecaoro.png);}
	.boton02 { background-image:url(images/hipotecajoven.png);}
	.boton03 { background-image:url(images/hipoteca100.png);}
	.boton04 { background-image:url(images/subrogacion.png);}
	.boton05 { background-image:url(images/cambiodecasa.png);}
	.boton06 { background-image:url(images/hipotecaunica.png);}
	.boton07 { background-image:url(images/hipotecaliquidez.png);}
	.boton08 { background-image:url(images/situacionesdificiles.png);}
	
#col-centro {width: 520px; height: auto; float: left; padding-left: 22px;}
#col-centro2 {width: 671px; height: auto; float: left; padding-left: 22px;}
#col-drch {width: 151px; height: auto;  float: left; background-image:url(images/formulariocontacto.png); background-repeat:no-repeat; padding-top: 22px; margin-top: 4px;}
#col-drch form p {color: #FFFFFF;}


#cont-oro01 { width: 486px; height: 250px; background-image:url(images/oro2.jpg); background-repeat: no-repeat; padding: 5px; font-size:24px; color:#FFFFFF; font-weight: bold;}
#cont-joven01 { width: 486px; height: 250px; background-image:url(images/joven2.jpg); background-repeat: no-repeat; padding: 5px; font-size:24px; color:#FFFFFF; font-weight: bold;}
#cont-10001 { width: 486px; height: 250px; background-image:url(images/1002.jpg); background-repeat: no-repeat; padding: 5px; font-size:24px; color:#FFFFFF; font-weight: bold;}
#cont-sub01 { width: 486px; height: 250px; background-image:url(images/subrogacion2.jpg); background-repeat: no-repeat; padding: 5px; font-size:24px; color:#FFFFFF; font-weight: bold;}
#cont-casa01 { width: 486px; height: 250px; background-image:url(images/casa2.jpg); background-repeat: no-repeat; padding: 5px; font-size:24px; color:#FFFFFF; font-weight: bold;}

#cont-unica01 { width: 486px; height: 250px; background-image:url(images/unica2.jpg); background-repeat: no-repeat; padding: 5px; font-size:24px; color:#FFFFFF; font-weight: bold;}

#cont-liquidez01 { width: 486px; height: 250px; background-image:url(images/liquidez2.jpg); background-repeat: no-repeat; padding: 5px; font-size:24px; color:#FFFFFF; font-weight: bold;}

#cont-situacion01 { width: 486px; height: 250px; background-image:url(images/situacion2.jpg); background-repeat: no-repeat; padding: 5px; font-size:24px; color:#FFFFFF; font-weight: bold;}


	
#caja-centro01 {width: 495px; height: 178px; background-image:url(images/bannerhipotecaoro.png);  color:#FFFFFF !important;  float:left;}
.texto01 {width: 476px; height: auto;  padding: 60px 10px 0px 10px; font-size:18px; font-weight: bold;}
.texto02 {width: 486px; height: auto; }
.porciento {width: 85px; height: auto; font-size: 60px !important; font-weight: bold; float:left; }
.texto-porciento {width: 270px; height: auto; float:left; font-weight: bold; font-size: 20px !important; padding-top: 10px; }





.mas-info {width: 100px; height: auto; float:right; font-weight: bold; font-size: 13px !important; margin-top: 50px; margin-right: 5px; margin-right: 5px;}
.mas-info a p {width: 100px; height: 17px;  text-align: center; color: #FFFFFF; }
.mas-info a p:hover { background-color:#FFFFFF; color:#666;}


#caja-centro02 {width: 244px; height: 236px; background-image: url(images/bannersubrogacion.png);  color:#FFFFFF !important; float:left; margin: 10px 5px 5px 0px;}
.texto03 {width: 224px; height: auto;  padding: 65px 10px 0px 10px; font-size:18px; font-weight: bold;}
.texto04 {width: 224px; height: auto; margin-top: 15px; }
.porciento02 {width: 50px; height: auto; font-size: 30px !important; font-weight: bold; float:left; }
.texto-porciento02 {width: 180px; height: auto; float:left; font-weight: bold; font-size: 13px !important; padding-top: 2px; }

.mas-info02 {width: 100px; height: auto; float:right; font-weight: bold; font-size: 13px !important; margin-top: 18px; margin-right: -5px;}
.mas-info02 a p {width: 100px; height: 17px;  text-align: center; color: #FFFFFF; }
.mas-info02 a p:hover { background-color:#FFFFFF; color:#666;}


#caja-centro03 {width: 244px; height: 236px; background-image: url(images/bannerhipotecaunica.png);  color:#FFFFFF !important; float:left;  margin: 10px 5px 5px 5px;}
.texto05 {width: 224px; height: auto;  padding: 65px 10px 0px 10px; font-size:18px; font-weight: bold;}
.texto06 {width: 224px; height: auto; margin-top: 15px; }
.porciento03 {width: 50px; height: auto; font-size: 30px !important; font-weight: bold; float:left; }
.texto-porciento03 {width: 230px; height: auto; float:left; font-weight: bold; font-size: 13px !important; padding-top: 2px; }

.mas-info03 {width: 100px; height: auto; float:right; font-weight: bold; font-size: 13px !important; margin-top: 55px; margin-right: -5px;}
.mas-info03 a p {width: 100px; height: 17px;  text-align: center; color: #FFFFFF;  }
.mas-info03 a p:hover { background-color:#FFFFFF; color:#666;}


.cajas-productos {width: 475px; height: auto;   float:left; margin-top: 0px; font-weight: normal !important; font-size: 15px !important; padding: 8px 10px; line-height: 18px; background-image:url(images/esquina-cajas.png); background-position:top left; background-repeat:no-repeat;}

.color-oro { background-color: #FAA805;  color:#FFFFFF !important;}
.color-joven { background-color: #6769DC;  color:#FFFFFF !important;}
.color-100 { background-color: #FFE17C;  color: #333 !important;}
.color-sub { background-color: #3FA9F5;  color:#FFFFFF !important;}
.color-casa { background-color: #B065A1;  color:#FFFFFF !important;}
.color-unica { background-color: #68D06A;  color:#FFFFFF !important;}
.color-liquidez { background-color: #BBB199;  color:#FFFFFF !important;}
.color-situaciones { background-color: #B7B8CA;  color:#FFFFFF !important;}




/*
#caja-centro04 {width: 495px; height: 178px; background-image:url(images/bannerhipotecaoro2.png);  color:#FFFFFF !important;  float:left; margin-top: 0px; font-weight: normal !important; font-size: 12px !important;}
#caja-centro05 {width: 495px; height: 178px; background-image:url(images/bannerjoven.png);  color:#FFFFFF !important;  float:left; margin-top: 0px;}
#caja-centro06 {width: 495px; height: 178px; background-image:url(images/banner100.png);  color:#FFFFFF !important;  float:left; margin-top: 0px;}
#caja-centro07 {width: 495px; height: 178px; background-image:url(images/bannersubrogaciongrande.png);  color:#FFFFFF !important;  float:left; margin-top: 0px;}
#caja-centro08 {width: 495px; height: 178px; background-image:url(images/bannercambiodecasa.png);  color:#FFFFFF !important;  float:left; margin-top: 0px;}
#caja-centro09 {width: 495px; height: 178px; background-image:url(images/bannerunica.png);  color:#FFFFFF !important;  float:left; margin-top: 0px;}
#caja-centro10 {width: 495px; height: 178px; background-image:url(images/bannerliquidez.png);  color:#FFFFFF !important;  float:left; margin-top: 0px;}
#caja-centro11 {width: 495px; height: 178px; background-image:url(images/bannersituacionesdificiles.png);  color:#FFFFFF !important;  float:left; margin-top: 0px;}
*/


.texto07 {width: 476px; height: auto;  padding: 60px 10px 0px 10px; font-size:14px; font-weight: bold;}
.texto08 {width: 486px; height: auto; }
.porciento04 {width: 85px; height: auto; font-size: 40px !important; font-weight: bold; float:left; }
.texto-porciento04 {width: 270px; height: auto; float:left; font-weight: bold; font-size: 16px !important; padding-top: 10px; }




#creditos {width: 885px; height: 70px; text-align: center; font-size: 10px; color:#fff;  margin: 0px auto; padding-top: 0px;  margin-top: 10px !important; padding-top: 5px;}
#creditos a { color:#fff; text-decoration:none;}
#creditos a:hover { color:#333; text-decoration:none; background-color:#fff;}







/* Textos */
p {text-align: left; margin: 3px 0px;}
p img {margin: 3px;}
.clear { clear:both;}
.bold { font-weight:bold;}
.izquierda {float:left; padding: 0px; margin: 0px;}
.derecha {float:right; padding: 0px; margin: 0px;}
.block {display: block;}
.centro {margin: 0px auto !important;}
.tcentro { text-align:center;}
.textoform {font-weight: bold;}
.tizquierda {text-align: left; margin-left: 10px; width: 235px; float:left; }
.tnaranja {color: #EF7B1D;}
.entretexto {padding-right: 3px; border-right: 1px;}
.entretexto:hover { padding-right: 3px; border-right: 0px solid #F6A226;}
.sin {border-top: 5px solid #8DC73F !important;}
.sin:hover {border-top: 5px solid #8DC73F !important;}
.fotos {border: 2px solid #CCCCCC; padding: 5px; margin: 5px; background-color: #FFFFFF;}
.texto1 {font-size: 14px !important;}
.texto2 {font-size: 16px !important;}
.texto3 {font-size: 18px !important;}
.texto5 {font-size: 20px !important;}

.color01 {color: #345AA1;}
.color02 {color: #FFFFFF; line-height: 14px; font-size:15px; }

.btn-portada p, .btn-noticias p {background-color:#FCB00C !important; color: White !important; padding-left: 5px;}
.btn-portada p:hover, .btn-noticias p:hover {background-color:white !important; color: #FCB00C !important;}
.titulos-blog {background-color:#FCB00C !important; color: White !important; font-weight:bold; border-bottom: 1px solid #FCB00C;border-top: 1px solid #FCB00C; }
.titulos-blog:hover {background-color:white !important; color: #FCB00C !important; border-top: 1px solid white;}

.titulos-blog01 {background-color:#FCB00C !important; color: White !important; font-weight:bold; border-bottom: 1px solid #FCB00C;border-top: 1px solid #FCB00C; }

/*Sitemap*/
.sitemapcajas {width: 300px; height: auto; border-left: 1px dotted #666666;  margin-left:49px; padding-bottom: 10px; font-size:13px}
.sitemapcajas strong {border-bottom: 1px dotted #666666;}
.subcategoria {width: 100px; height: auto; border-left: 1px dotted #666666; margin-left:49px; color:#000000; font-weight:bold;}
.subcategoria2 {width: 180px; height: auto; border-left: 1px dotted #666666; margin-left:49px; color:#000000; font-weight:bold;}
.subcategoria a, .subcategoria2 a {text-decoration: none;color:#333333; font-weight:bold; font-size:12px}
.subcategoria a:hover, .subcategoria2 a:hover {text-decoration: none; color:#FFFFFF; background-color: #333333;}

/**/


/*H1...*/
h2 {font-size: 16px;  font-weight: bold; border-bottom: 1px solid #367EAF; color:#367EAF; display:inherit; }
h5 {font-size: 16px;  font-weight: bold;  color:#345AA1; display:inherit;}
h1 {font-size: 16px;  font-weight: bold; color:#0066CC; display:inherit; }
h3 {font-size: 14px;  font-weight: bold; color: #CC0000; display:inherit; }
h4 {font-size: 16px;  font-weight: bold; color: #333; display:inherit;  }
h6 {font-size: 14px;  font-weight: bold; color: #333333; display:inherit;  padding-bottom: 5px; background-color:#FBFBFB;}
h7 {font-size: 14px;  font-weight: bold; color: #333366; display:inherit;  padding-bottom: 5px; background-color:#FFFFFF; }

/*formularios*/
#form {width: 370px; height: auto; margin-top: 10px;}
#datos {width: 370px; height: 400px;  margin-left: 15px; margin-top: 10px; }
#datos p {width: 370px; font-size:14px; padding-left: 10px;}
#tableform {width: 370px; height: auto; margin: 0px auto !important;}
#tableform2 {width: 140px; height: auto; margin: 0px auto !important;}
#tableform p, #tableform2 p { margin:5px 0px !important;}



.input2 {width: 151px; border: 1px solid #546375; background-color:#FFFFFF;}
.input3 {width: 300px; border: 1px solid #546375; background-color:#FFFFFF;}
.input4 {width: 180px; border: 1px solid #546375; background-color:#FFFFFF;}
.input5 {width: 80px; height: 25px; border: 1px solid #546375; background-color:#FFFFFF; }

.envio {width: 151px; border: 1px solid #546375; margin: 0px auto; margin-top: 5px; background-color:#FFFFFF;}
.envio2 {width: 300px; border: 1px solid #546375; margin: 0px auto; margin-top: 5px; background-color:#FFFFFF;}

.input2:hover, .input3:hover, .input4:hover, .input5:hover {border: 1px solid #0071BD;  }
.envio:hover, .envio2:hover {background-color: #0071BD; color:#FFF !important; }