/* CSS Document */

article { width: 100%; max-width: 1240px; margin: 0px auto; }
@media screen and (max-width: 500px) {
	h1 { font-size: 0.9em; }
}

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

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

div#abrir_filtros { border-radius: 4px; margin: 10px; cursor: pointer; width: auto; padding: 5px 10px; float: left; font-weight: bold; background-color: #b4e61c; color: #3C4ACC; border: none; font-size: 0.9em; }
	div#abrir_filtros:hover { background-color: white; color: #313131; }

aside#ordenar_resultados { margin: 5px 0px; float: left; padding: 5px; clear: left; }
	aside#ordenar_resultados select { border-radius: 4px; border: none; font-weight: bold; width: 150px; margin: 2px 0px; background-color: #9CDAEC; color: #313131; padding: 5px 10px; }


aside#columna_buscador { float: left; }
	aside#columna_buscador * { font-family: "Arial Narrow"; }
	aside.por_defecto { width: 250px; height: auto; padding: 10px; opacity: 1; }
	aside.mostrado { width: 250px; height: auto; padding: 10px; opacity: 1; }
aside.oculto { width: 20px; height: 1px; padding: 0px; opacity: 0.1; overflow: hidden; }
	aside#columna_buscador p { color: #ddd; margin: 0px; }
	aside#columna_buscador strong { color: #4868fb; }
 
aside#columna_buscador label { width: 100%; font-size: 0.8em; display: block; color: #ddd; cursor: pointer; }
aside#columna_buscador input[type=text], aside#columna_buscador input[type=number], aside#columna_buscador select { border: none; font-weight: bold; border-radius: 4px; width: 100%; margin: 2px 0px; background-color: #9CDAEC; color: #313131; padding: 5px 10px; }
	aside#columna_buscador input[placeholder] { color: #313131; font-style: italic; }
	input::-webkit-input-placeholder { color: #313131; font-style: italic; }
	input:-moz-placeholder { color: #313131; font-style: italic; }
	input::-moz-placeholder { color: #313131; font-style: italic; }
	input:-ms-input-placeholder { color: #313131; font-style: italic; }
div.dobleinput { width: 50%; float: left; padding: 1px; }
div.sangrado { padding-left: 20px; }

div.invisible { height: 0px; overflow: hidden; }
div.visible { height: auto; }

aside#columna_buscador select[disabled] { background-color: silver; color: gray; border: 1px solid gray; }

aside#columna_buscador input[type=checkbox] { width: 13px; height: 13px; }
p#superfmax { text-align: right; }
div#tripleinput { width: 33%; float: left; padding: 1px; } 

aside#columna_buscador input[type=submit] { width: 100%; border-radius: 4px; margin: 10px 0px; cursor: pointer; padding: 5px 10px; font-weight: bold; background-color: #3C4ACC; color: #9CDAEC; border: none; }
	aside#columna_buscador input[type=submit]:hover { background-color: white; color: #313131; }

aside#columna_buscador div.boton_desplegar { width: 100%; border-radius: 4px; margin: 2px 0px; cursor: pointer; padding: 5px 10px; background-color: white; color: #232323; border: none; }
	aside#columna_buscador div.boton_desplegar:hover { background-color: #3C4ACC; color: #9CDAEC; }


section.con_buscador, section.por_defecto { padding-left: 260px; }
section.sin_buscador { }


div.contenedor_inmueble { width: 25%; padding: 5px; float: left; cursor: pointer; }
	div.contenedor_inmueble:hover { background-color: #262626; border-radius: 4px; }
div.contenedor_inmueble p { font-size: 0.8em; }
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: 1em; 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: 1em; 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: 31px; overflow: hidden; text-overflow: ellipsis; font-size: 0.9em; color: gray; }
p.linea_datos { height: 12px; color: #ddd; }
div.linea_iconos { height: 30px; color: #ddd; font-size: 0.8em; }
	div.linea_iconos img { }

@media screen and (max-width: 750px) {
	section.con_buscador div.contenedor_inmueble { width: 50%; }
}
@media screen and (max-width: 650px) {
	div.contenedor_inmueble { width: 50%; }
	aside#columna_buscador { float: left; }
	section.con_buscador div.contenedor_inmueble, section.por_defecto div.contenedor_inmueble { width: 100%; }
	div.recolocar2 { clear: both; }
	div.recolocar3 { clear: none; }
}

@media screen and (max-width: 530px) {
	aside.por_defecto { width: 20px; height: 1px; padding: 0px; opacity: 0.1; overflow: hidden; }
	section.por_defecto { padding-left: 0px; }	
	section.con_buscador { padding-left: 0px; }	
aside#columna_buscador { float: none; width: 100%; }
	section.con_buscador div.contenedor_inmueble { width: 50%; }
	div.contenedor_inmueble { width: 50%; }
}

@media screen and (max-width: 400px) {
	section.con_buscador div.contenedor_inmueble { width: 100%; }
	div.contenedor_inmueble { width: 100%; }
}