/*tablets horizontal*/
@media screen and (max-width: 1024px) {
 
	#menu li.home {
		/*display: none;*/
	}

	#menu a{
		font-size: 16px;
	}

	#top{
		width: 980px;
	}

	.contenido{
		width: 950px;
	}

	#footer{
		width: 920px;
	}

	.logo{
		width: 400px;
	}

	#accion{
		width: 580px;
	}

	.form input,.form textarea{
		width: 100%;
	}
} 

/*tablets vertical*/
@media screen and (max-width: 768px) {
 
	#menu a{
		font-size: 14px;
	}


	#top{
		width: 740px;
	}

	.contenido{
		width: 710px;
	}

	#footer{
		width: 680px;
	}

	.logo{
		width: 350px;
	}

	#accion{
		width: 450px;
	}

	#lat{
		width: 180px;
	}

	.form input,.form textarea{
		width: 100%;
	}
} 


/*celulares vertical*/
@media screen and (max-width: 480px) {

	h1{
		font-size: 40px;
	}

	#slogan2 h1{
		font-size: 50px;
	}

	#slogan2 h1.en_linea_res{
		font-size: 35px;
	}

	#slogan2 h2{
		font-size: 14px;
	}

	#menu{
		display: none;
	}

	#menu_select{
		display: inline-block;
		margin-top: 10px;
		margin-left: 10px;
	}

	.lista li{
		width: 220px;
	}

	.lista .foto_inmueble{
		width: 220px;
	}

	#top{
		margin-top: 0px;
		border-radius: 0px;
		width: 320px;
	}

	#contact_top{
		margin-top: 60px;
	}

	.contenido{
		width: 290px;
	}

	#footer{
		width: 300px;
		border: 0px solid red;
		padding: 10px;
	}

	.logo{
		width: 230px;
		margin-bottom: 40px;
	}

	#accion{
		width: 100%;
	}

	#lat{
		width: 180px;
		border: 0px;
	}

	.div_form li{
		display: inline;
		padding: 0px;
		width: 100%;
		/*border: 1px solid red;*/
	}

	.form input,.form textarea{
		width: 182px;
	}

	#nav_right{
		right: 110px;
		top: 60px;
	}

	#nav_left{
		right: 150px;
		top: 60px;
	}	

	#l_proyectos{
		margin-top: 50px;
	}

	#l_proyectos .lista{
		/*margin-top: 20px;*/
	}

	#menu_fotter ul{
		display: none;
	}

	.rs{
		width: 100%;
		/*border: 1px solid red;*/
	}

	ul.clientes li{
		width: 180px;
		height: 150px;
		float: left;
		margin: 0px 0px;
		border: 0px solid blue; 
	}

	ul.clientes li img{
		max-width: 180px;
		max-height: 150px;
	}

	#splash{
		width: 310px; /* Ayuda a evitar el overflow */
		height: 80px;
		/*border: 1px solid blue; */
	}

	#splash li{
		width: 100%;
		height: 100px;
		/*border: 1px solid red;*/
		/*border-radius: 5px;*/
	}

	#splash img{
		width: 100%;
	}
	
	.c_catalogo{
		margin: auto;
		width: 280px;
		/*height: 421px;*/
		/*border: 1px solid red;*/
	}

	#b_add{
		margin-top: 0px;
	}

}