@charset "UTF-8";


.logo-resp{display:none;}
.max-wrapper{max-width:1024px; margin:0 auto; width:100%;}
.espacio-top{display:none;}
.tablas-responsive{display:none;}
.show{display:block;}
#avances{padding-top:34px; box-sizing:border-box; text-align:center; display:inline-block;}
#avances div{display:inline-block; text-align:center;}
.telefono-footer{font-family: 'Dosis', Arial, sans-serif; font-size:24px; color:#FFF; padding-top:-20px !important; padding-left:10px; vertical-align:middle;}
.imagen-tel-footer{vertical-align:middle;}
#azul1{padding-top:34px; box-sizing:border-box; width:621px;}
#azul1 .redes{}
.aviso-derechos-footer{float: left; padding: 18px; width:100%; box-sizing:border-box;}
.aviso-privacidad-footer{display: block; float: left;}
.derechos-footer{display:block; float:right; margin:auto;}
.minimapa-resp{}
.texto-ubicacion-desktop{display:block;}
	.texto-ubicacion-responsive{display:none;}
/*.panzoom-parent{width:100% !important; height:500px !important; margin:0 auto !important;} */
@media all and (max-width:1024px){
	/* FOOTER */
	.texto-ubicacion-desktop{display:none;}
	.texto-ubicacion-responsive{display:block;}
	.aviso-derechos-footer{background:rgba(255,255,255,1);}
	.aviso-privacidad-footer{float: none; width:100%; text-align:center;}
	.derechos-footer{float: none; width:100%; text-align:center; padding-bottom:2px;}
	.rayas-footer{display:none;}
	#contenidos{height:auto;}
	#foot{float:none;clear:both; display:block; width:100%;}
	#footer{ width:100%; float:none; clear:both;}
	#avances{ width:100%; height:60px;padding-top:10px;}
	#azul1{ width:100%; height:60px; margin:0; padding:0; padding-top:10px; display:inline-block; text-align:center; float:none;}
	.redes{ width:100%; height:60px; display:inline-block; text-align:center; float:none; margin:0; padding:0;}
	.redes a, #redes img{text-align:center; display:inline-block; margin:0; padding:0;}
	.video{width:90%;}
	#header-textos{text-align:center; height:50px;}
	#header-textosubica{text-align:center;}
	
	/* SECCIONES */
	#banner{display:none;}
	#contenidosnosotrosaviso{height:450px; float:none; display:block; position:relative;}
	#textos-nosotros, #contenidosnosotrosaviso, #header-textos{width:100%; box-sizing:border-box;}
	#contenido-nosotros{width:80% !important; box-sizing:border-box; height:auto; padding:0; margin:0 auto; margin-top:20px; display:block; float:none;}
	#contenidosnosotros{height:380px;}
	.contenido-precios-resp{width:100% !important; height:600px !important;}
	#contenido-precios{
	padding-top:25px;
	padding-left:30px;
	width:80%;
	height:500px;
	padding-right:50px;
	}
	.contenido-contacto-id{height:600px !important; padding:0 !important; margin:0 !important; width:100% !important;}
	.form-contacto-id{width:100% !important;}
	.form-contacto-id input, .form-contacto-id textarea{width:100% !important;}
	#contact-area{width:100% !important;}
	#contenido-mapa{width:80% !important; padding:20px 0 0 0 !important; margin:0 auto !important; max-width:500px;}
	.contenido-ubicacion-id{height:600px !important;}
	.contenido-lotificacion-id{height:560px !important;}
	
	
	.img-responsive{width:100%; height:auto;}
	#menuazul, #fotoheader, #logo{display:none;}
	.logo-resp{display:block;margin-left:20px; margin-top:5px;}
	#header{position:fixed;top:0px; margin:0 auto;height:70px; background:rgba(249,245,236,1); border-bottom:rgba(0,0,0,1) 2px solid; box-shadow:rgba(0,0,0,1) 0px 0px 10px; z-index:100;}
	.espacio-top{display:block;height:70px; width:100%;}
	.text-small-resp{padding-top:0px; margin-top:-20px !important;}
}

/* MENU RESPONSIVO */
/* Esto simplemente es para que nuestro nav (responsive-menu) aparezca a la izquierda (left) */
#responsive-menu{
	display:none;
	float: left;
	background:none;
	margin-top:-7px !important;
}
 
/* Quitamos estilos predeterminados de la etiqueta UL (margen, relleno, estilo de lista y tamaño de letra)  */
#responsive-menu ul{
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 12px;
}

#responsive-menu li:first-child{
	margin-top:0px;	
}
 
#responsive-menu li{
	background:rgba(0,0,0,1);
	color:rgba(255,255,255,1);
	display: inline;
	float: left; 
	text-transform: uppercase;
	text-align: center;
}
 
/* Añadimos estilo a los enlaces */
#responsive-menu li a{
	display: block; 
	color:rgba(0,0,0,1); 
	text-decoration: none; 
	line-height: 60px;
	width:100%;
	text-align:center;
}
 
#responsive-menu li a:hover{
	background:rgba(255,255,255,1); /* Color de fondo de cada elemento al pasar el cursor */
	color:rgba(0,0,0,1); /* Color de letra al pasar el cursor */
}
 
#nav-responsive{
	display: none; /* Ocultamos el enlace */
	background: url(../img/responsive.png) no-repeat 25px 28px; /* Imagen que desplegará el menú al hacer click */
	background-size:48px 26px;
	text-decoration: none; /* Sin subrayado */
	float: right; /* Flotado a la derecha */
	width: 80px; /* Ancho */
	height:70px; /* Alto */
	position: absolute;
	right: 27px; /* Derecha */
	top: -5px; /* Arriba */
	opacity: 1; /* Opacidad */ 
}
 
 
/* Agregaremos la clase .nav-active al enlace #nav-responsive, cuando el menu esté desplegado */
#nav-responsive.nav-active{
	width:117px;
	right:0;
	background:rgba(243,235,218,1) url(../img/responsive.png) no-repeat 35px 30px;
	background-size:48px 26px;
	height:65px;
	padding-bottom:10px;
	opacity: 1; /* Opacidad */
	margin-top:-2px !important;
}
 
/* A partir de aquí, vista móvil */
@media all and (max-width:1024px){
	#responsive-menu{display:block;}
	/* MENU */
	#menucafe{display:none;	}
	/* Mostramos el enlace que desplegará el menú (#nav-responsive) */
	#nav-responsive{display: block;}
	 
	#responsive-menu{
		display:inline;
		width: 117px; /* Ancho (vista móvil) */
		float: right; /* Dejamos de flotar el menú ya que el ancho es 100% */
		padding-top: 0px; /*Relleno por arriba a partir del cual se mostrarán los elementos <li> */
		
	}
	 
	#responsive-menu ul{
		margin-top:10px;
		box-shadow: 0 1px 2px rgba(0,0,0,.5); /* Sombra al menú */
		max-height: 0;
		overflow: hidden;
		z-index:1002;
		background:rgba(255,255,255,1);
		width:117px;
	}
	/* Añadimos estilo a cada elemento <li> (Vista móvil) */
	#responsive-menu li{
		background:rgba(255,255,255,1); /* Color de fondo */
		color:rgba(0,0,0,1); /* Borde inferior tamaño-tipo-color */
		float: none;
		display: block;
		border-bottom:1px solid rgba(0,0,0,1);
	}
	
	#responsive-menu li:last-child{
		border-bottom:2px solid rgba(0,0,0,1);	
	}
	
	/* Estilos para los enlaces (Vista móvil) */
	#responsive-menu li a{
		font-family: 'Dosis', sans-serif;
		font-weight:400;
		font-size:12px;
		padding: 10px 5px 10px 5px;
		box-sizing:border-box;
		color:rgba(0,0,0,1);
		height: auto;
		line-height: normal;
		width:117px;
	}
	#responsive-menu li a:hover{color:rgba(0,0,0,1);/* Color de fondo para cada enlace al pasar el cursor */}
	#responsive-menu ul.open-responsive-menu{max-height: 400px; /* Máximo alto para el menú desplegado */transition: max-height .5s; /* Efecto en el despliegue del menú */}
	/* FIN MENU */
	
	.panzoom{width:3559px; height:4135px;}
		.panzoom img{width:3559px; height:4135px;}
		.panzoom-holder{width:90% !important; overflow:scroll !important;}
		.buttons{display:none;}
}

@media all and (max-width:920px){
	#contenidosnosotrosaviso{height:550px;}	
}

@media all and (max-width:700px){
	#contenidosnosotrosaviso{height:700px;}	
	#contenidosnosotros{height:420px;}
	.h-txt-big{height:70px !important; text-align:left !important;}
	.header-disponibilidad-resp{height:70px !important; padding:20px !important; margin:0 auto !important;}
}
@media all and (max-width:600px){
		.panzoom-holder{max-height:350px !important;}
		
	.propiedades-show{background:rgba(34,34,34,1); color:rgba(255,255,255,1);}
	.propiedades-show .cont-info{padding:10px; line-height:14px !important;}
	.modal{width:80%;}
	.propiedades-show .cont-info img{display:block; margin:0 auto; margin-top:10px;}
	.propiedades-show h2{
			margin:0 auto;
			font-size:12px;
			text-align:center;
			width:100%;
			color:rgba(195,164,117,1);
			padding-bottom:10px;
			border-bottom:2px rgba(195,164,117,1) solid;	
		}
		.propiedades-show .left-info{width:50%;float:left; font-size:10px !important;}
		.propiedades-show .right-info{width:50%;float:left; font-size:10px !important;}
		.propiedades-show .full{width:100%; padding-top:10px !important; clear:both; border-top:rgba(255,255,255,0.2) 1px solid; font-size:10px !important;}
		.full-sin-padding-top{width:100%; clear:both; border-top:rgba(255,255,255,0.2) 1px solid; font-size:10px !important;}
		.propiedades-show .colindancias{color:rgba(195,164,117,1); text-transform:uppercase;}
		.color-titulos{color:rgba(195,164,117,1);}
		.padding-bot{padding-bottom:5px !important;}
		.padding-bot-big{padding-bottom:15px !important;}
		.white-bg{background:rgba(255,255,255,1);}
		
		
	.header-lotificacion-txt{height:70px !important; padding:20px !important; margin:0 auto !important; box-sizing:border-box;}
	
	
	
}
@media all and (max-width:500px){
	.fondo-t-1{background:rgba(146,172,190,1); text-align:center;}
	.fondo-t-2{background:rgba(120,149,170,1); text-align:center;}
	.tablas-responsive{display:block;}
	.tablas-desktop{display:none;}
	.titulos-tabla-resp{background:rgba(66,46,45,1) !important; color:rgba(255,255,255,1);}
	.table-precios-1{width:100% !important;}
	.table-precios-2{width:100% !important;}
	.table-precios-1 tr td{width:auto !important; height:30px;}
	.table-precios-1 tr td.p1-table{background:rgba(148,173,191,1); border:dashed 1px #FFFFFF;}
	#contenido-precios{width:90% !important; margin:0 auto; padding:0;}
	.precios-header-resp{ height:65px !important;  padding:20px !important; margin:0 auto !important; box-sizing:border-box;}
	.google-map-id{width:100% !important;}
	#header-textosubica{height:85px;padding:20px; box-sizing:border-box;}
	#contenidosnosotrosaviso{height:900px;}	
	#contenidosnosotros{height:480px;}
	.contenido-lotificacion-id{height:660px !important;}
	.contenido-precios-resp{height:730px !important;}
	.imagen-lotificacion-resp{width:100% !important; height:auto !important; margin-top:20px;}
}
@media all and (max-width:400px){
	.header-lotificacion-txt{height:100px !important;}
	.header-disponibilidad-resp{height:100px !important;}
	.header-avances{height:70px !important;}
	#contenidosnosotrosaviso{height:950px;}	
	#contenidosnosotros{height:550px;}
	.h-txt-big{height:85px !important;}
	.video{height:160px; padding:20px; box-sizing:border-box;}
}