/* CSS Document */

div#imagenintro { padding-top: 20px; padding-bottom: 20px; border-bottom: 3px solid #262626; }
div#contenedor_mapa { width: 100%; max-width: 1100px; margin: 0px auto;  }
div#buscar { width: 100%; max-width: 1100px; margin: 0px auto; background-color: rgba(49, 49, 49, 0.8); border-radius: 4px; clear: both; }

div#buscar div#buscar_referencia { float: right; margin: 0px 10px; }
	div#buscar div#buscar_referencia input[type=text] { border-radius: 4px; border: none; font-weight: bold; width: 150px; margin: 0px; background-color: #9CDAEC; color: #313131; padding: 5px 10px; }
	div#buscar div#buscar_referencia input[type=submit] { border-radius: 4px; margin: 5px 0px; cursor: pointer; padding: 5px 10px; font-weight: bold; background-color: #3C4ACC; color: #9CDAEC; border: none; }
		div#buscar div#buscar_referencia input[type=submit]:hover { background-color: white; color: #313131; }

div#mapa { width: 200px; height: 200px; float: right; cursor: pointer; margin-right: 10px; }

div.elemento_buscar { padding: 8px 20px; float: left; color: #ddd; cursor: pointer; font-size: 1.1em; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; }
	div.elemento_buscar:hover { background-color: #3c4acc; }

div#inmuebles, div#ultimos_inmuebles { width: 100%; }
div#ultimos_inmuebles { border-top: 1px solid #ddd; margin-top: 20px; }
div.contenedor_inmueble { width: 25%; padding: 5px; float: left; cursor: pointer; }
	div.contenedor_inmueble:hover { background-color: #262626; border-radius: 4px; }
div.imagen { background: center no-repeat; background-size: cover; -moz-background-size: cover; border-radius: 4px; }
p.operacion { background-color: rgba(255, 255, 255, 0.7); font-size: 0.9em; text-align: left; padding-left: 10px; text-transform: uppercase; width: 50%; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #3C4ACC; }
p.precio { background-color: rgba(255, 255, 255, 0.7); font-size: 0.95em; text-align: right; padding-right: 10px; text-transform: uppercase; width: 50%; float: left; font-weight: bold; color: #3C4ACC; }
p.nodisponible { color: #900; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
p.titulo { height: 37px; overflow: hidden; }
	p.titulo strong { font-size: 0.9em; font-weight: normal; }
p.linea_datos { height: 12px; font-size: 0.8em; }

/*.oculto { height: 1px; width: 1px; overflow: hidden; padding: 0px; margin: 0px; }
.mostrar { height: auto; width: 100%; }*/


@media screen and (max-width: 800px) {
	div.contenedor_inmueble { width: 50%; }
}

@media screen and (max-width: 500px) {
	div#buscar div#buscar_referencia { float: none; text-align: center; }
	div#buscar_referencia+div.elemento_buscar { clear: both; }
	div.contenedor_inmueble { width: 100%; }
	div#buscar div.elemento_buscar { font-size: 1em; padding: 7px; }
}

div.sevicio { float: left; width: 50%; padding: 5px 20px; font-size: 1.2em; }

@media screen and (max-width: 450px) {
	div#imagenintro p { font-size: 1.1em; }
	div.sevicio { float: none; width: 100%; padding: 5px 10px; font-size: 1.1em; }
}