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

.cleaner {
	clear:both;
	float: none;
	}
	
/*FORMULARIO DE BUSQUEDA DE PROP*/
#formulario {
	background: none;
}
  form h3{
	text-align: center;
	background-color: #0134CD;
	color: #FFF;
	letter-spacing: 0.2em;
	font-size: medium;
	margin: 1em;
	border-radius: 5px;
	border: 2px outset #D0D0D0;
	}
.form-derecha  {
	float:right;
	width: 45%;
	margin: 2%;
	}	
	
.form-izquierda {
	float:left;
	width: 45%;
	margin: 2%;
	}	
	
 .enviar {
	width: 30%;
	float: none;
	margin: 0 auto;
	color: #FFF;
	background-color: #FF0000;
	 }

	select {
		border: 1px solid black;
		}

input, textarea {
	border: solid 1px #000;
}

#prop_cantambientes {
	width: 50%;
	float: none;
	margin: 0 auto;
}
  .precio-min {
	  width:45%;
	  float:left;
	  text-align:center;
	  }	
	  
  .precio-max {
	  width:45%;
	  float: right;
	  text-align:center;
	  }	 		
	 
/*LISTADO DE FICHAS DE PROPIEDADES */

.foto-prop {
		width: 25%;
		margin-right: 1%;
		float:left;
		
		
		}
	.foto-prop img {
		width:100%;
		height:auto;
		padding: 2%;
		}
	
	.ficha-izq {
		width: 35%;
		margin-right: 1%;
		float:left;
		margin-top: 1%;
		}
		
	.ficha-der {
		width: 35%;
		margin-right: 1%;
		float: left;
		margin-top: 1%;

		}
			
	.cleaner {
		clear:both;
		
		}
	 
	 .ficha-small {
		margin-bottom: 2%;
		border-bottom: solid 4px #0133C6;
		}
		
	.ver-ficha {
	background-color: #FF0000;
	border: 2px solid #0133C6;
	padding: 0 2% 0;
	text-align:left;
	  }	
	 
	
/*FICHA COMPLETA */
	
	
   .ficha-completa { 
   	   width:45%;
	   margin-right: 1%;
	   float: left;
	   	   
   }		  

	.ubicacion-prop {
	color: #FF0000;
	font-size: 1em;
	border-bottom: 3px solid #0133C6;
	background-color: #CCCCCC;
	padding-left: 2px;
	margin-top: 1%;
	 }
	 
	 
	.comentarios-prop{
	   width:45%;
	   margin-right: 1%;
	   float: right;
		}
		
	.fotos-propiedad1 {
		width: 50%;
		float:none;
		margin: 0 auto;
		   }
	.fotos-propiedad1 img {
		width: 100%;
		height:auto;
		border: solid #CDCEDA 3px;
		border-radius: 10px;
		}	   		  
		  
	.fotos-propiedad2 {
		width: 100%;
		margin: 2px;
		 }	
			
     .fotos-propiedad2 img {
		 width: 16.2%;
		 float:left;
		 margin: 2px;
		 border: solid #CDCEDA 2px;
		 border-radius: 5px;
		 height: 120px;
	
    
		 }	
	
	.video {
	width: 45%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2em;
	margin-top: 2em;
	float:left;
		
	}
	
	
	/*VIDEOS Y MAPAS RESPONSIVE*/
	.map{
		width:100%;
		
	}
	.map iframe{
		min-height:350px;
		width:90%;
	}
	 
@media screen and (max-width: 455px){
	
   form h3{
	text-align: center;
	background-color: #FF0000;
	color: #FFF;
	letter-spacing: 0.2em;
	font-size: medium;
	margin: 1em;
	border-radius: 5px;
	border: 2px outset #D0D0D0;
	}
	
	
  .form-izquierda, .form-derecha, .precio-min, .precio-max {
	  width: 90%;
	  float:none;
	  margin: 0 auto;
	  }	
	
  .ficha-izq, .ficha-completa, .comentarios-prop {
	  width: 90%;
	  float:none;
	  margin: 0 auto;
	  text-align:center;
	  }
	
	.datos-prop {
		text-align:left;
	}
	.ficha-der {
		display: none;
	}
		
		
  .foto-prop  {
	  width: 80%;
	  float:none;
	  margin: 0 auto;
	  text-align:center;
	  } 
	  
  .enviar {
	 width: 50%;
	 float:none;
	 margin:0 auto;
	 color: #FFF;
	 }
	 
	.fotos-propiedad1 {
		width: 90%;
		float:none;
		margin: 0 auto;
		}
		
	.fotos-propiedad2 img {
		 width: 32%;
		 float:left;
		 margin: 2px;
		 }		 	
	 .video {
		 width: 100%; 
	 }
}