@charset "ISO-8859-1"; 
/* Globales a toda la web, pagina centrada, fondo blanco con laterales en gris */


script, noscript {
  visibility: hidden;
  display: none;
}
a {
  cursor: pointer;
}
body {
	background:#333333;
	border:0 solid;
	color:#000000;
	font-family: Arial, 'lucida grande',verdana,Helvetica,sans-serif;
	font-size:14px;
	height:100%;
	margin:0 auto;
	padding:0;
	text-align:left;
	width:100%;
}

.novisible {
  display: none;
}

#pagina, #phpinfo {
	background:#FFFFFF none repeat scroll 0 0;
	height:100%;
	margin:auto;
	padding: 8px 8px 8px 8px;
	width:1000px;
}

/* Cabecera  */
#pagina #cabecera {
	height:108px;
	float:none;
}

#pagina #cabecera img.logo {
  border: 0;
}
.textos p {margin: 0}
/* cuerpo  */
#pagina #cuerpo {
  clear: both
}

#pagina #cuerpo #menu {
  width: 185px;
  float: left;
}

#filtrado {width: 760px; height: 17px; padding: 10px; margin-top: 1px; background: #bababa}
#filtrado .item {float: left}

#paginate {width: 760px; height: 17px; padding: 10px; margin-top: 1px; background: #bababa}
#paginate #resumen {float: left}
#paginate #paginas {float: right}

#pagina #cuerpo #menu .bloque {
  width: 175px;
  background-color: #bababa;
  padding-left: 10px;
  margin-bottom: 10px;
}
#pagina #cuerpo #menu .subbloque {
  width: 170px;
  background-color: #bababa;
  padding-left: 5px;
  margin-bottom: 10px;
}
.imgHover:hover {
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}
#pagina #cuerpo #menu .selected {
  background-color: #FFB100;
}
#pagina #cuerpo #menu .subSelected {
  background-color: #CCB100;
}

#pagina #cuerpo #menu .item {
  height: 17px;
  font-family: Arial;
  font-size: 14px;
}
#pagina #cuerpo #menu .item a {
  color: #ffffff;
  text-decoration: none;
  font-size: 12px;
}

#pagina #cuerpo #menu .espacio {
  height: 12px;
  margin-bottom: 10px;
}

#pagina #cuerpo #menu .espacioFino {
  height: 3px;
  margin-top: 7px;
}

#pagina #cuerpo #menu .espacioCorto {
  height: 12px;
  width: 140px;
}

#pagina #cuerpo #contenido {
  margin-left: 23px;
  width: 785px;
  float: left
}

/* Pie */
#pagina #pie {
  clear: both;
  margin-top:30px;
  margin-bottom: 50px;
  width: 993px;
  height: 22px;
  background-color: #ffb100;
  color: #ffffff;
  font-family: Arial;
  font-size: 12px;
}
#pagina #pie #direccion {
  float: left;
  padding-left: 10px;
}
#pagina #pie #legal {
  float: left;
  margin-left: 15px;
}
#pagina #pie #mapa {
  float: right;
  margin-right: 15px;
}
#pagina #pie #idiomas {
  float: right;
  margin-right: 15px;
}

#pagina #pie #idiomas a {
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
}
#pagina #pie #idiomas a:hover {
  color: #000000;
}
#pagina #pie #idiomas a.selected {
  text-decoration: underline;
}


/* Cuerpo */

#pagina a:hover {
	color:#747577;
}
#pagina a {
	color:#000000;
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
}
#homepage a {
  text-decoration: none;
}
#homepage #contenido a{font-family: Arial; font-size: 16px; color: #fff}
#homepage #grande {height: 363px; margin-bottom: 15px; clear: both}
#homepage #grande .bloque {width: 249px; height: 367px; margin-left: 14px; float: left}
#homepage #grande .bloque:first-child {margin-left: 0px}
#homepage #grande .texto {width: 92px; height: 34px; background-color: #bababa; padding-top: 300px; padding-left: 8px; float: left}
#homepage #grande .imagen {width: 142px; height: 334px; margin-left: 7px; float: left; background: #000}

#homepage #grande .bloque .bloqueDoble{width: 249px; height: 160px; float: left; margin-bottom: 15px}
#homepage #grande .bloqueDoble .texto {width: 90px; height: 34px; background-color: #bababa; padding-top: 126px; padding-left: 10px; float: left}
#homepage #grande .bloqueDoble .imagen {width: 142px; height: 160px; margin-left: 7px; float: left; background: #000; overflow: hidden}


#homepage #peque {height: 100px; margin-bottom: 34px; clear: both}
#homepage #peque .bloque {width: 249px; height: 100px; margin-left: 14px; float: left}
#homepage #peque .bloque:first-child {margin-left: 0px}
#homepage #peque .texto {width: 95px; height: 34px; background-color: #000; padding-top: 66px; padding-left: 5px; float: left}
#homepage #peque .imagen {width: 142px; height: 100px; margin-left: 7px; margin-right: 0px; margin-bottom: 0px; float: left; background: #000}

#homepage .imagen .flecha {float: right; position: relative; z-index: 1; top: -40px}


.oscurece {width: 100%; height: 100%; background-color: #000}

#titular {width: 765px; height: 17px; padding: 10px; background-color: #000; color: #fff}
.titular {width: 760px; height: 17px; padding: 10px; background-color: #000; color: #fff}
#titular2 {width: 785px; height: 23px; clear: both; margin-top: 14px; margin-bottom: 15px; border-bottom: 1px solid #bababa}
.titular2 {width: 785px; height: 23px; clear: both; margin-top: 14px; margin-bottom: 15px; border-bottom: 1px solid #bababa}
#titular3 {width: 464px; height: 20px; clear: both; margin-top: 4px; margin-bottom: 10px; border-bottom: 1px solid #bababa}
.titular3 {width: 464px; height: 20px; clear: both; margin-top: 4px; margin-bottom: 10px; border-bottom: 1px solid #bababa}

#obra .tipo,
#rehabilitacion .tipo {width: 259px; height: 184px; margin-bottom: 12px; margin-top: 14px; margin-left: 1px; float: left; background-color: #000}
#obra .tipo:first-child,
#rehabilitacion .tipo:first-child {margin-left: 0px}
#obra .tipo .texto,
#rehabilitacion .tipo .texto{color: #fff; padding-top: 5px; padding-left: 8px; width: 227px; float: left}
#obra .tipo .imagen,
#rehabilitacion .tipo .imagen{width: 259px; height: 160px;}
#obra .tipo .imagen img,
#rehabilitacion .tipo .imagen img {width: 259px; height: 160px;}
#obra .tipo .flecha,
#rehabilitacion .tipo .flecha {float: right}

#obra #listado,
#rehabilitacion #listado {width: 785px}
#obra #listado .obra,
#rehabilitacion #listado .rehabilitacion {width: 260px; height: 306px; margin-top: 12px; margin-bottom: 12px; float: left}
#obra #listado .obra .imagen,
#rehabilitacion #listado .rehabilitacion .imagen {width: 259px; height: 178px}
#obra #listado .obra .imagen img,
#rehabilitacion #listado .rehabilitacion .imagen img {width: 259px; height: 178px; margin-right: 18px; float: left}
#obra #listado .obra .texto,
#rehabilitacion #listado .rehabilitacion .texto {width: 259px; height: 94px; margin-top: 11px; clear:both}
#obra #listado .obra .linea,
#rehabilitacion #listado .rehabilitacion .linea{width: 100%; clear: both}
#obra #listado .obra .linea .etiqueta,
#rehabilitacion #listado .rehabilitacion .linea .etiqueta {width: 100px; font-weight: bold; float: left}
#obra #listado .obra .linea .descripcion,
#rehabilitacion #listado .rehabilitacion .linea .descripcion{width: 150px; font-size: 12px;line-height: 16px; overflow: hidden}
#obra #listado .obra .verficha,
#rehabilitacion #listado .rehabilitacion .verficha{width: 95%; text-align: right}
#obra #listado .obra .simple,
#rehabilitacion #listado .rehabilitacion .simple{height: 16px}
#obra #listado .obra .doble,
#rehabilitacion #listado .rehabilitacion .doble{height: 32px}


#empresa .verficha  a,
#obra .verficha  a,
#obra #datos .verUbicacion a ,
#obra #datos #memoria a,
#rehabilitacion .verficha  a,
#rehabilitacion #datos .verUbicacion a ,
#rehabilitacion #datos #memoria a,
#piso #datos #memoria a,
#contacto a{color: #f90; font-size: 14px}
#empresa .verficha  a:hover,
#obra .verficha a:hover,
#obra #datos .verUbicacion a:hover,
#obra #datos #memoria a:hover,
#rehabilitacion .verficha a:hover,
#rehabilitacion #datos .verUbicacion a:hover,
#rehabilitacion #datos #memoria a:hover,
#piso #datos #memoria a:hover,
#contacto a:hover {color: #000}

.obratipo, .volver {
    float: left;
}

#obra #titular2 #obratipo {float: left; font-size: 19px}
#obra .titular2 .obratipo {float: left; font-size: 19px}
.verficha {float: right}

#obra #datos,
#rehabilitacion #datos {width: 379px; margin-right: 19px; float:left}
#obra #datos #titulo,
#rehabilitacion #datos #titulo {height: 39px; font-size: 16px; font-weight: bold; }
#obra #datos .campo label,
#rehabilitacion #datos .campo label {width: 100px; float:left; font-weight: bold}
#obra #datos .campo,
#rehabilitacion #datos .campo {font-size: 12px; height: 16px}
#obra #datos .verUbicacion,
#rehabilitacion #datos .verUbicacion {float: right}

#obra #datos #descripcion,
#rehabilitacion #datos #descripcion {height: 235px; margin-top: 10px; border-top: 1px solid #000}
#obra #datos #memoria,
#rehabilitacion #datos #memoria,
#piso #datos #memoria
{height: 30px; width: 100%; text-align: right; margin-top: 10px; border-bottom: 1px solid #e2e2e2}

#obra #fotos,
#rehabilitacion #fotos {width: 378px; float: right}
#obra #fotos .foto,
#rehabilitacion #fotos .foto {width: 185px; height: 127px; float: left; margin-bottom: 8px;}
#obra #fotos .foto img,
#rehabilitacion #fotos .foto img {width: 185px; height: 127px; float: left; margin-bottom: 8px;}
#obra #fotos .separa,
#rehabilitacion #fotos .separa {margin-right:8px}

#empresa .imagen {width: 275px; height: 165px; float: left; margin-left: 16px; margin-right: 16px; margin-bottom: 16px}
#patrocinio .imagen {width: 275px; height: 180px; float: left; margin-left: 16px; margin-right: 16px; margin-bottom: 16px}
.intro .imagen {width: 220px; height: 150px; float: left; margin-left: 16px; margin-right: 16px; margin-bottom: 16px}


#empresa .imagen img {width: 275px; height: 165px}
#patrocinio .imagen img {width: 275px; height: 180px}
#empresa .texto,
#patrocinio .texto {line-height: 16px; font-family: Arial; font-size: 12px; margin-bottom: 10px; float: left; width: 464px; text-align: justify}


#contacto #cajaForm th {width: 152px; font-weight: bold; float: left; margin-right: 10px}
#contacto #cajaForm label {font-weight: bold; float: right}
#contacto #cajaForm label.error {font-weight: bold; color: red; font-size: 12px}
#contacto #cajaForm input,
#contacto #cajaForm textarea {
    width: 450px;
    background-color: #e2e2e2; border: 1px solid #959595;
    margin-top: 7px; margin-right: 10px;
    font-family: 'Arial'
}
#contacto #cajaForm input {height: 28px;}
#contacto #cajaForm #csrf_token {display: none}
#contacto #cajaForm #enviar {
    width: 104px; height: 30px;
    float: right; background-color: #000; color: #fff;
    font-weight: bold;
    font-family: 'Arial';
    cursor: pointer;
}
#contacto #cajaForm #enviar:hover {color: #F90}
#contacto #gracias {width: 400px; margin-top: 150px; margin-left: 50px; font-size: 15px; font-weight: bold}

#error { width: 600px; margin-left: 20px; margin-top: 20px}
#error #titulo {width: 90%; font-weight: bold; font-size: 16px; margin-bottom: 10px; border-bottom: 1px solid #000}
#error .explicacion {font-size: 12px; line-height: 16px; }
#error .recomendacion {font-size: 12px; margin-top: 10px}
#error  a:hover {
	color:#747577;
}
#error  a {
	color:#FFB100;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}

#piso #selector {
  height: 37px;
  margin-top: 1px;
  margin-bottom:23px;
  background-color: #bababa;
  float: left;
  width:785px;
}

#piso #selector select {
  margin-top: 6px;
  margin-left: 15px;
  margin-right: 10px;

  float: left;
}

#piso #selector #buscar {
  margin-top: 6px;
  float: right;
  margin-right: 15px;
  color:#fff;
  background-color: #000;
}
#piso #selector #buscar:hover {
  background-color: #f90;
}
#piso #selector form  {
  margin: 0;
}

#piso #listado {
  width: 785px;
  float: left;
}
#piso #listado .piso {width: 785px; height: 190px; margin-top: 21px; float: left; border-bottom: 1px solid #efefef}
#piso #listado .piso .imagen {
  width: 109px;
  height: 75px;
  float: left;
  margin-right: 10px;
  background:#000000 none repeat scroll 0 0;
}
#piso #listado .piso .imagen img{width: 109px; height: 75px; margin-right: 10px; float: left}
#piso #listado .piso .texto {float: left; width: 660px}
#piso #listado .piso .texto .titulo {font-size: 14px;line-height: 16px; font-weight: bold}
#piso #listado .piso .texto .descripcion {font-size: 12px;line-height: 16px; height: 140px; overflow: hidden}
#piso #listado .piso .verficha {width: 95%; text-align: right}



#piso #datos {width: 379px; margin-right: 19px; float:left}
#piso #datos #titulo {height: 39px; font-size: 16px; font-weight: bold; }
#piso #datos .campo label {width: 100px; float:left; font-weight: bold}
#piso #datos .campo {font-size: 12px; height: 16px}
#piso #datos .verUbicacion {float: right}

#piso #datos #descripcion {margin-top: 10px; border-top: 1px solid #000}
#piso #datos #memoria {height: 30px; width: 100%; text-align: right; margin-top: 10px; border-bottom: 1px solid #e2e2e2}
#piso #fotosPrivadas,
#piso #fotos {width: 378px; float: right}
#piso #fotosPrivadas .foto,
#piso #fotos .foto {width: 185px; height: 127px; float: left; margin-bottom: 8px;}
#piso #fotosPrivadas .foto img,
#piso #fotos .foto img {width: 185px; height: 127px; float: left; margin-bottom: 8px;}
#piso #fotosPrivadas .separa,
#piso #fotos .separa {margin-right:8px}

#piso #otrosPisos {
  clear: both;
  float: left;
  width: 760px;
}
#piso #otrosPisos #titulo{
  font-size: 14px;
  font-weight: bold;
  width: 760px;
  height: 24px;
  border-bottom: 1px solid #e2e2e2;
}

#piso #otrosPisos .flecha {
    float: left;
    width: 15px;
    margin-top: 10px;
}
#piso #otrosPisos #tipos{
  width:399px;
  float: left;
}
#piso #otrosPisos .tipo{
  float: left;
  width:360px;
  padding-top: 10px;
  margin-right:19px;
  border-bottom: 1px solid #e2e2e2;
}
#piso #otrosPisos .tipo .flecha{
  float: left;
  width: 25px;
}
#piso #otrosPisos .tipo .otroPiso{
  float: left;
  width: 119px;
  height: 20px;
  text-align: center;
}
#piso #otrosPisos .disponibilidad1 {
  color: #690 !important;
}
#piso #otrosPisos .disponibilidad2 {
  color: #C00 !important;
}
#piso #otrosPisos .disponibilidad3 {
  color: #06C !important;
}
#piso #otrosPisos a:hover {
  text-decoration: underline;
}
.selected {
  font-weight: bold;
}

#leyendas {
  width:379px;
  height: 50px;
  margin-top: 5px;
  float: left;
}
.leyenda {
  width: 100px;
  float: left;
  margin-right: 25px;
  font-size: 10px;
}
.leyenda .cuadrado {
  border: 6px solid;
  float: left;
  margin-right: 5px;
}
#piso #otrosPisos #datos2 {
  float: right;
  width: 360px;
}

#piso #datos2 .titulo {height: 15px; font-size: 16px; font-weight: bold; }
#piso #datos2 .descripcion {
  min-height: 180px;
  margin-top: 10px;
  margin-bottom: 60px;
  border-top: 1px solid #000;
}
#piso #datos2 .campo label {width: 160px; float:left; font-weight: bold}
#piso #datos2 .campo {font-size: 12px; height: 16px}


#piso #privado {
  width: 379px;
  float: left;
}
#piso #privado #titulo {
  font-size: 14px;
  font-weight: bold;
  width: 379px;
  height: 24px;
  border-bottom: 1px solid #e2e2e2;
}
#piso #privado #clave {
  float: left;
  margin-bottom: 20px;
}
#piso #privado #send {
  float: left;
  margin-left: 5px;
  margin-bottom: 20px;
}


#piso #selector #buscar:hover {
  background-color: #f90;
}
#piso #selector form  {
  margin: 0;
}

#noticia #listado {
  width: 785px;
  float: left;
}
#noticia #listado .noticia {width: 785px; height: 142px; margin-top: 21px; float: left; border-bottom: 1px solid #efefef}
#noticia #listado .noticia .imagen {
  width: 189px;
  height: 130px;
  float: left;
  margin-right: 18px;
  background:#000000 none repeat scroll 0 0;
}

#noticia #listado .noticia .imagen img{width: 189px; height: 130px; margin-right: 18px; float: left}
#noticia #listado .noticia .texto {float: left; width: 570px; height: 142px}
#noticia #listado .noticia .texto .titulo {font-size: 14px;line-height: 16px; font-weight: bold}
#noticia #listado .noticia .texto .descripcion {font-size: 12px;line-height: 16px; height: 96px; overflow: hidden}
#noticia #listado .noticia .verficha {width: 95%; text-align: right; margin-top: 4px}

#noticia #fotos {width: 259px; float: left; margin-top: 21px; margin-right:8px}
#noticia #fotos .foto {width: 259px; height: 168px; float: left; margin-bottom: 8px;}
#noticia #fotos .foto img {width: 259px; height: 168px; float: left; margin-bottom: 8px;}

#noticia #datos {width: 480px; margin-left: 19px; float:left; margin-top: 21px;}
#noticia #datos #titulo {width: 100%; font-size: 16px; font-weight: bold; float: left}
#noticia #datos #volver {float: right; margin-right: 10px; margin-top: 2px}
#noticia #datos .descripcion {width: 100%; float: left}

#noticia #datos .campo label {width: 100px; float:left; font-weight: bold}
#noticia #datos .campo {font-size: 12px; height: 16px}
#noticia #datos .verUbicacion {float: right}

#noticia #datos #descripcion {margin-top: 10px; border-top: 1px solid #000; float: left}
#noticia #datos #memoria {height: 30px; width: 100%; text-align: right; margin-top: 10px; border-bottom: 1px solid #e2e2e2}


.descripcion p {
  text-align: justify;
}

#empresa .iso {
  margin-top: 5px;
  height:69px;
  width:69px;
}
#empresa .iso img {
height:69px;
width:69px;
}

.privacidad {
  background-color: #cfcfcf;
  border: 1px solid #000000;
  padding: 15px;
}

#piso #contacto {
  width: 100%;
  float: left;
}
#piso #contacto a {
  float: right;
}

.intro {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 10px;
    background-color: #BABABA;
    width: 765px;
    height: 452px;
}

.intro .texto {
    width: 505px;
    min-height: 170px;
    float: left;
}

.intro .texto h3 {
    text-align: justify;
}
.intro .opciones {
    width: 750px;
    height: 24px;
    float: left;
    margin-left: 10px;
}
#pagina .intro .opcion {
    height: 24px;
    float: left;
}
#pagina .intro .opcion img,
#pagina #reformas .opcion img{
    width: 24px;
    height: 24px;
    margin-right: 5px;
    float: left;
}
#pagina .intro .opcion a,
#pagina #reformas .opcion a{
    color: #eb8f5c;
    font-size: 14px;
    font-weight: bold;
    float: left;
    margin-top: 4px;
}
#reformas #titular2 {
    background-color: #FFB100;
    color: #000;
    height: 17px;
    padding: 10px;
    width: 765px;
}

#reformas .imagen{
    float: left;
    margin-right: 10px;
}
#reformas .texto {
    float: left;
    width: 780px;
    margin-bottom: 10px;
}
img {
    border: 0;
}

.textoHome {
    font-size: 27px;
    color: #BABABA;
}
.espaciado2 {
    letter-spacing: 2px;
}
.espaciado5 {
    letter-spacing: 5px;
}
.espaciado8 {
    letter-spacing: 8px;
}
.espaciado10 {
    letter-spacing: 10px;
}