/*
   Estilos Personalizados (Inmobiliaria)

   Copyright 2006 Infonova Informática e Comunicacións, S.L.
   Todos los Derechos Reservados
---------------------------------------------------------------- */

/*
  Listado de Inmuebles Simple
---------------------------------------------------------------- */

.listado-inmuebles-simple {
  width: 100%;
  border-spacing: 0 2px;
  border-width: 1px;
  border-style: solid;
}

.listado-inmuebles-simple thead tr {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.listado-inmuebles-simple thead th {
  font-size: 0.9em;
  text-align: center;
  vertical-align: middle;
  padding: 2px 0;
}

.listado-inmuebles-simple tbody tr {
  cursor: pointer;
}

.listado-inmuebles-simple tbody tr:hover {
  /* STUB */
}

.listado-inmuebles-simple tbody td {
  font-size: 0.85em;
  padding: 0 3px;
  text-align: center;
  vertical-align: middle;
  border-left-width: 1px;
  border-left-style: solid;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.listado-inmuebles-simple tbody td.right {
  text-align: right;
}

.listado-inmuebles-simple tbody td.image {
  width: 75px;
}

.listado-inmuebles-simple img {
  border-width: 2px;
  border-style: solid;
}

.listado-inmuebles-simple tbody tr:hover img {
  border-width: 2px;
  border-style: solid;
}

/*
  Listado de Inmuebles Extendido y Ficha de Inmuebles
---------------------------------------------------------------- */

.item-listado-inmuebles-extendido,
.ficha-inmueble {
  margin: 0 0 3px 0;
  padding: 0 8px 5px 8px;
  border-width: 1px;
  border-style: solid;
  border-left-width: 5px;
  width: 442px;
}

.item-listado-inmuebles-extendido h3,
.ficha-inmueble h3 {
  margin: 2px 0 8px 0;
  padding: 0 5px 0 25px;
  text-align: left;
  border: none;
}

.item-listado-inmuebles-extendido img,
.ficha-inmueble img {
  padding: 5px;
  border-style: solid;
  border-width: 1px;
  border-bottom-width: 2px;
}

.item-listado-inmuebles-extendido .details,
.ficha-inmueble .details {
  float: right;
  padding: 7px;
  margin-bottom: 5px;
  width: 220px;
  border-style: solid;
  border-bottom-style: dotted;
  border-width: 1px;
  border-top-width: 12px;
}

.item-listado-inmuebles-extendido .details a.boton,
.ficha-inmueble .details a.boton {
  float: right;
  padding: 1px 12px;
  border-width: 2px;
  border-style: groove;
  font-weight: normal;
  text-decoration: none;
}

/*
  Listado de Inmuebles tipo caja sencillo (:simple_box)
---------------------------------------------------------------- */
.listado-inmuebles-caja {
  width: 280px;
  float: right;
  margin: 0px 0px 10px 10px;
  border: #ccc 1px solid;
  border-top: #D7D7D7 4px solid;
}

.footer-listado-inmuebles {
  display: block
}

.listado-inmuebles-caja:hover {
  cursor: pointer
}

.listado-inmuebles-caja img {
  border: none;
  margin: 3px 4px 0px 4px;
  float: left
}

.listado-inmuebles-caja DIV.title {
  width: auto;
  line-height: 25px;
  padding: 5px 5px 0px 5px;
}

.listado-inmuebles-caja:hover {
  border-top: #3D7EA8 4px solid;  
} 

.listado-inmuebles-caja DIV.title strong {
  color: #069;
  padding: 0px 0 0 2px;
}

.listado-inmuebles-caja DIV.info {
  margin-left: 100px
}

.listado-inmuebles-caja DIV.info p {
  margin: 0px 0 0px 0;
  padding: 0 0 5px 0;
}

.listado-inmuebles-caja DIV.info p strong {
  margin: 0;
  padding: 0;
}

.listado-inmuebles-caja DIV.info .price {
  color: #AA0000;
}

/*
  Galería de Imágenes
-------------------------------------------------------------------- */

ul#listado-imagenes {
  display: block;
  margin: 0;
  padding: 0 0 25px 0;
}

ul#listado-imagenes li {
  float: left;
  margin: 3px 2px 2px 0px;
  padding: 2px 5px;
  border-width: 1px;
  border-style: solid;
  border-bottom-width: 2px;
  list-style: none;
}

ul#listado-imagenes li img {
  padding: 0;
  border: 0;
}

/*
  Listado de Características
-------------------------------------------------------------------- */

ul#features_list {
  margin: 0;
  padding: 0;
}

ul#features_list li {
  float: left;
  margin: 4px 4px 4px 0;
  padding: 2px 4px;
  border-width: 1px;
  border-style: solid;
  list-style: none;
}

/*
  Promociones
---------------------------------------------------------------- */

.promocion {
  border-width: 1px;
  border-left-width: 5px;
  border-style: solid;
  margin: 0 0 3px 0;
  padding: 5px;
  width: 580px;
}

.promocion .picture {
  float: left;
  margin-right: 5px;
  padding: 5px;
}

.promocion .button {
  font-size: 12px;
  border-width: 2px;
  border-style: groove;
  padding: 1px 12px;
  font-weight: bold;
  text-decoration: none;
  float: right;
}

.promocion .button:active {
  position: relative;
  top: 1px;
  left: 1px;
}

.promocion .picture a {
  border: none;
  text-decoration: none;
}

.promocion .picture img {
  border: 0;
}
 
/*Listado de imágenes de la promoción, localización ...*/
UL.simple_list_picture {
  padding: 5px 0 0px 0;
}

.simple_list_picture li {
  display: inline;
  padding-bottom: 0;
  margin-bottom: 0;
}

/*
  Navegación Promociones
-------------------------------------------------------------------- */

#nav_promocion {
  margin: 15px 0 20px 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
  font-weight: bold;
  float: left;
  width: 100%;
  border-bottom-width: 3px;
  border-bottom-style: solid;
}

#nav_promocion li {
  float: left;
  margin: 0;
  margin-right: 10px;
  width: 157px;
  line-height: 22px;
  font-size: 14px;
  padding: 0;
}

#nav_promocion li a {
  margin-left: 0;
  padding: 0;
  float: left;
  width: 157px;
  line-height: 22px;
  text-decoration: none;
  font-size: 14px;
}

/*
  Promociones en el Mapa
---------------------------------------------------------------- */

#listado_promociones_en_mapa .wrapper-tabla {
  width: 250px;
  height: 200px;
}

#listado_promociones_en_mapa table {
  width: 100%
}

#listado_promociones_en_mapa table tr,
#listado_promociones_en_mapa table tr td {
  padding: 0.2em 0;
  margin: 0
}

#listado_promociones_en_mapa table tr td {
  vertical-align: top;
  text-align: left
}

#listado_promociones_en_mapa table img {
  border: 0
}

#listado_promociones_en_mapa table td a {
  text-decoration: none;
}

#listado_promociones_en_mapa table td a.current-item {
  font-weight: bold;
}

#listado_promociones_en_mapa table td.link-to-promotion {
  width: 20px;
}

#listado_promociones_en_mapa .descripcion {
  clear: both;
  border-width: 2px;
  border-style: solid;
  padding: 8px;
}

#listado_promociones_en_mapa .descripcion h2 {
  font-size: 15px;
  margin:0 0 10px 0
}

#listado_promociones_en_mapa .paginacion {
  float: left;
  text-align: right;
  width: 260px;
  border-top-width: 2px;
  border-top-style: solid;
  padding-top: 5px;
  font-size: 12px;
}

#listado_promociones_en_mapa .paginacion a {
  text-decoration: none
}

#icono_mapa_promociones {
  margin-top: 20px;
  margin-bottom: 200px;
  padding: 20px 100px 0 0;
  height: 70px;
  text-align: center;
}

#map {
  margin-right: 20px;
  margin-bottom: 25px;
  width: 320px; height: 240px
}

.globo {
  width: 180px;
  padding: 2px;
  text-align: center;
  white-space: normal;
}

/*
  Memoria de Calidades (Promociones)
-------------------------------------------------------------------- */

.tabla-memoria-calidades {
  table-layout: fixed;
  border-spacing: 1px;
  width: 100%;
  border-width: 1px;
  border-style: solid;
}

.tabla-memoria-calidades td,
.tabla-memoria-calidades th {
  padding: 4px 5px;
  vertical-align: top;
}

.tabla-memoria-calidades thead th h3 {
  border: none;
  padding: 0;
  margin: 0;
}

.tabla-memoria-calidades tbody th {
  text-align: right;
  width: 180px;
}

.tabla-memoria-calidades thead th,
.tabla-memoria-calidades tfoot th {
  text-align: center;
}

/*
  Formulario de Contacto
-------------------------------------------------------------------- */

form.formulario {
  width: 100%;
  margin: 0;
  padding: 0;
}

form.formulario fieldset {
  padding: 10px;
  border-width: 1px;
  border-style: solid;
}

form.formulario fieldset legend {
  padding: 2px 6px;
  border-width: 1px;
  border-style: solid;
  font-weight: bold;
}

form.formulario label {
  display: block;
  font-weight: bold;
  padding-left: 10px;
  text-align: left;
}

form.formulario input,
form.formulario textarea {
  border-width: 1px;
  border-style: solid;
  border-bottom-width: 2px;
  padding: 2px;
}

form.formulario input,
form.formulario select,
form.formulario textarea {
  width: 98%;
}

form.formulario input:focus,
form.formulario select:focus,
form.formulario textarea:focus {
  font-weight: bold;
}

form.formulario .actions {
  text-align: right;
}

form.formulario p {
  margin: 0 0 2px 0;
  padding: 0;
}

/*
  Otros
---------------------------------------------------------------- */

h4.decorated {
  margin: 10px 0 5px 0;
  padding: 2px 5px;
  border-width: 1px;
  border-style: solid;
  font-size: 1.1em
}

.downloadable_file {
  display: block;
  padding-left: 60px;
  height: 60px;
  line-height: 30px;
}

#full_size_picture {
  text-align: center;
}

.framed_picture,
.security_code {
  border-width: 1px;
  border-style: solid;
}

.security_code {
  margin: 5px 0;
}

.fieldWithErrors {
  display: inline;
  margin: 0;
  padding: 0;
}

.fieldWithErrors em {
  display: block;
  text-align: right;
}

.max_width {
  max-width: 160px;
}