%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /var/www/canadasdelmirador.com/
Upload File :
Create Path :
Current File : /var/www/canadasdelmirador.com/index.php

<!DOCTYPE HTML>
<script
id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/9233d7c296788676e7e1ceb05/817bf0fa0f124b9f94fc204ea.js");</script>
<html>
	<head>

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NJX97HR9');</script>
<!-- End Google Tag Manager -->


<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1909851802516918');
fbq('track', 'PageView');
</script>


<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1909851802516918&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->

<style>
	@font-face {
	    font-family: Baskerville;
	    src: url("fonts/Baskerville.ttc");
	}
	.Baskerville{
		font-family: Baskerville;
	}

	@font-face {
	    font-family: Gotham-Light;
	    src: url("fonts/Gotham-Light.otf");
	}
	.Gotham-Light{
		font-family: Gotham-Light;
	}

	@font-face {
	    font-family: Gotham-Bold;
	    src: url("fonts/Gotham-Bold.otf");
	}
	.Gotham-Bold{
		font-family: Gotham-Bold;
	}

	.gCdMUP {
	    opacity: 3 !important;
	    display: none;
	    position: absolute;
	    bottom: -1.6em;
	    text-align: center;
	    white-space: nowrap;
	    text-decoration: none;
	    width: 60px;
	    right: -0.4em;
	    font-family: Roboto, "Helvetica Neue", sans-serif;
	    font-size: 1px !important;
	    line-height: 11px;
	    border: 0px;
	    max-width: inherit;
	    color: rgb(0, 0, 0) !important;
	}


	       .select-container {
	            position: fixed;
	            right: 30px;
	            top: 30px;
	        }

	        .select-container:before {
	            content: '\f0dd';
	            position: absolute;
	            font-family: 'Font Awesome 5 Free';
	            right: 20px;
	            top: 8px;
	            font-weight: 900;
	        }

	        select {
	            background: #fff;
	            border: 0;
	            padding: 10px 40px 10px 20px;
	            border-radius: 20px;
	            box-shadow: 0 0 20px -5px rgba(0, 0, 0, 0.1);
	            cursor: pointer;
	            outline: none !important;
	            font-family: 'Roboto', sans-serif;
	            -webkit-appearance: none;
	            appearance: none;
	        }

	        .plus {
	            position: fixed;
	            width: 50px;
	            height: 50px;
	            background: #22438a;
	            display: block;
	            line-height: 50px;
	            font-size: 24px;
	            text-align: center;
	            color: #fff;
	            z-index: 9999;
	            border-radius: 50%;
	            cursor: pointer;
	            right: 20px;
	            bottom: 50%;
	            transition: all ease 0.5s;
	        }

	        .plus-menu .icon form {
	            position: absolute;
	            top: -4px;
	            right: calc(100% - 40px);
	            z-index: 2;
	            width: 0;
	            opacity: 0;
	            pointer-events: none;
	            transition: all ease 0.3s;
	        }

	        .plus-menu .icon.active form {
	            width: 250px;
	            opacity: 1;
	            pointer-events: initial;
	        }

	        .plus-menu .icon form input[type=text] {
	            width: 100%;
	            color: #fff;
	            box-sizing: border-box;
	            border-radius: 30px;
	            line-height: 28px;
	            padding: 10.5px 20px 10.5px 40px;
	            border: none;
	            background: var(--vermelho-principal);
	        }

	        .plus a.btn {
	            position: absolute;
	            width: 50px;
	            bottom: 0;
	            height: 50px;
	            display: block;
	            line-height: 50px;
	            font-size: 24px;
	            text-align: center;
	            color: #fff;
	            z-index: 9999;
	            border-radius: 50%;
	            transform: scale(0);
	            transition: all ease 0.3s;
	        }

	        .plus a.btn:nth-child(1) {
	            background: #00acee;
	            transition-delay: 0s;
	        }

	        .plus a.btn:nth-child(2) {
	            background: #54fd54;
	            transition-delay: 0.1s;
	        }

	        .plus a.btn:nth-child(3) {
	            background: #f1184c;
	            transition-delay: 0.2s;
	        }

	        .plus a.btn:nth-child(4) {
	            background: #f1184c;
	            transition-delay: 0.3s;
	        }

	        .plus.active .btn {
	            transform: scale(1);
	        }

	        .plus>i {
	            transition: all ease 0.5s;
	            width: 50px;
	            line-height: 50px;
	            display: block;
	        }

	        .plus.active>i {
	            transform: rotate(404deg);
	        }

	        /* Animations for different directions */
	        /* TO TOP */
	        .plus.to-top a.btn:nth-child(1) {
	            bottom: calc(100% + 10px);
	        }

	        .plus.to-top a.btn:nth-child(2) {
	            bottom: calc(100% + 70px);
	        }

	        .plus.to-top a.btn:nth-child(3) {
	            bottom: calc(100% + 130px);
	        }

	        .plus.to-top a.btn:nth-child(4) {
	            bottom: calc(100% + 190px);
	        }

	        /* TO LEFT */
	        .plus.to-left a.btn:nth-child(1) {
	            right: calc(100% + 10px);
	        }

	        .plus.to-left a.btn:nth-child(2) {
	            right: calc(100% + 70px);
	        }

	        .plus.to-left a.btn:nth-child(3) {
	            right: calc(100% + 130px);
	        }

	        .plus.to-left a.btn:nth-child(4) {
	            right: calc(100% + 190px);
	        }

	        /* TO RIGHT */
	        .plus.to-right a.btn:nth-child(1) {
	            left: calc(100% + 10px);
	        }

	        .plus.to-right a.btn:nth-child(2) {
	            left: calc(100% + 70px);
	        }

	        .plus.to-right a.btn:nth-child(3) {
	            left: calc(100% + 130px);
	        }

	        .plus.to-right a.btn:nth-child(4) {
	            left: calc(100% + 190px);
	        }

	        /* TO BOTTOM */
	        .plus.to-bottom a.btn:nth-child(1) {
	            top: calc(100% + 10px);
	        }

	        .plus.to-bottom a.btn:nth-child(2) {
	            top: calc(100% + 70px);
	        }

	        .plus.to-bottom a.btn:nth-child(3) {
	            top: calc(100% + 130px);
	        }

	        .plus.to-bottom a.btn:nth-child(4) {
	            top: calc(100% + 190px);
	        }

	        /* TO EXPLODE */
	        .plus.explosion a.btn:nth-child(1) {
	            left: calc(100% + 5px);
	            bottom: 50px;
	        }

	        .plus.explosion a.btn:nth-child(2) {
	            left: calc(100% + 5px);
	            top: 50px;
	        }

	        .plus.explosion a.btn:nth-child(3) {
	            right: calc(100% + 5px);
	            top: 50px;
	        }

	        .plus.explosion a.btn:nth-child(4) {
	            right: calc(100% + 5px);
	            bottom: 50px;
	        }
	.btn {
		 padding: 3px 12px!important

	}
/*
.csaas-i-trigger .csaas-channel{
    position: absolute;
    bottom: 0;
    right: 4px;
    top: -420px!important;
    transition: .5s;
    border-radius: 50%;
    cursor: pointer;
}

.chaty-i-trigger .chaty-channel {
    position: absolute;
    bottom: 0;
    right: 4px;
    top: -420px!important;
    transition: .5s;
    border-radius: 50%;
    cursor: pointer;
}
.csaas-channel-list{
    display: flex;
    width: 62px;
    height: 124px;
    position: absolute;
    bottom: -4px;
    right: 0;
    top: -555px!important;
    flex-direction: column;
    align-items: flex-start;
    pointer-events: none;
}
.chaty-channel-list {
    display: flex;
    width: 62px;
    height: 124px;
    position: absolute;
    bottom: -4px;
    right: 0;
    top: -555px!important;
    flex-direction: column;
    align-items: flex-start;
    pointer-events: none;
}
	*/
</style>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Cañadas By El Mirador</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="author" content="DSR.MX">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<meta name="facebook-domain-verification" content="xoawzxwk7ztuea0li3ptexxuxjj8m1" />

	<link rel="stylesheet" href="css/reset.css" media="all" />
	<link rel="shortcut icon" href="img/Favicon.png" type="image/x-icon">
    <link href="css/style.css" rel="stylesheet">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
	<link href="https://fonts.googleapis.com/css?family=Mina:400,700" rel="stylesheet">
	
	<link href="fonts/AmpleSoft-Light.otf" rel="stylesheet">
	<link href="fonts/DIN Condensed Bold.ttf" rel="stylesheet">
	
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	
	<!-- animaciones !-->
	<link href="css/animate.css" rel="stylesheet">
	
	<!-- Include a required theme -->
	<link rel="stylesheet" href="@sweetalert2/themes/dark/dark.css">
	<script src="sweetalert2/dist/sweetalert2.min.js"></script>
	  <!-- Cambia 6LcZu9QUAAAAACaj-WBiVIQUlr94vfCC8DUpIanS por tu clave de sitio web  RECAPTCHA-->
    <script src="https://www.google.com/recaptcha/api.js?render=6LdET14gAAAAAEsEAoJD-csBwFDzm9WmeBv-Q2jW"></script>
	<!-- <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400, 900" rel="stylesheet"> -->
	
	<!-- Icomoon Icon Fonts-->
	<link rel="stylesheet" href="css/icomoon.css">
	<!-- Themify Icons-->
	<link rel="stylesheet" href="css/themify-icons.css">
	<!-- Bootstrap  -->
	<link rel="stylesheet" href="css/bootstrap.css">
	<!-- Magnific Popup -->
	<link rel="stylesheet" href="css/magnific-popup.css">
	<!-- Owl Carousel  -->
	<link rel="stylesheet" href="css/owl.carousel.min.css">
	<link rel="stylesheet" href="css/owl.theme.default.min.css">
	<!-- Flexslider -->
	<link rel="stylesheet" href="css/flexslider.css">
	<!-- Theme style  -->
	<link rel="stylesheet" href="css/style.css">
	<!-- Modernizr JS -->
	<script src="js/modernizr-2.6.2.min.js"></script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-149451677-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-149451677-1');
</script>


<!-- Google tag (gtag.js) --> 
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-16639204399"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-16639204399'); </script>

<!-- Event snippet for Contact conversion page --> <script> gtag('event', 'conversion', {'send_to': 'AW-16639204399/XPdMCL2XpccZEK-4mP49'}); </script>

<!-- Global site tag (gtag.js) - Google Ads: 741721081 -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-741721081"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-741721081');
</script>

<!-- Event snippet for Tráfico conversion page -->
<script>
  gtag('event', 'conversion', {'send_to': 'AW-741721081/5S7WCPa23q8BEPmH1-EC'});
</script>

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-149451677-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createdocument('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getdocumentsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

<script id="pixel-chaty" async="true" src="https://cdn.chaty.app/pixel.js?id=wIMIOdyA"> </script>
</head>
<body>

<script>
	/*
    Swal.fire({
        title: "¡Conoce nuestras promociones!",
        html: '<img src="img/Promo.jpg" style="width:100%; max-height:70vh; object-fit: contain;">',
        showConfirmButton: true,
        confirmButtonText: "¡Ver más!",
        width: '50vw',
        background: 'rgba(0,0,0,0)',  // Hace el fondo transparente
        backdrop: 'rgba(0,0,0,0.6)'   // Oscurece el fondo detrás del popup
    });
	*/
</script>


<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NJX97HR9"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->


<div class="gtco-loader"></div>
	
<div id="page">

   <!-- Social Media Button 
    <div>
        <div class="plus to-top">
            <i class="fas fa-plus"></i>
            <div class="plus-menu">
                <a href="tel:+524421915554" title="Call" class="btn"><i class="fas fa-phone"></i></a>
                <a href="https://api.whatsapp.com/send?phone=+524421915554&text=%C2%A1Hola!,%20me%20gustar%C3%ADa%20recibir%20m%C3%A1s%20informaci%C3%B3n." title="WhatsApp" class="btn"><i class="fab fa-whatsapp"></i></a>
                <a href="https://maps.app.goo.gl/g8wGSZcUeiHpuyHk9" title="Location" class="btn"><i class="fas fa-map-marker-alt"></i></a>
            </div>
        </div>
    </div>
     End Social Media Button -->

<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
    <script>
        $(function(){
            $('.icon').appendTo('.plus-menu').addClass('btn');
            $('.sociais a').appendTo('.plus-menu').addClass('btn');

            $('.plus').not('.plus.close').on('click','i.fa-plus',function(){
                $(this).parents('.plus').addClass('active');
                setTimeout(function(){
                    $('.plus').addClass('close')
                },500);
            });

            $(document).on('click','.close i.fa-plus',function(){
                $(this).parents('.close').removeClass('active');
                setTimeout(function(){
                    $('.plus').removeClass('close')
                },500);
            });

            $('select').on('change',function(){
                var direction = $(this).val();
                $('.plus')
                    .removeClass('to-top')
                    .removeClass('to-right')
                    .removeClass('to-bottom')
                    .removeClass('to-left')
                    .removeClass('explosion')
                    .addClass(direction);
            });
        });
    </script>
<!-- SOCILA 
		<a onclick="gtag('event', 'send', {'event_category': 'boton','event_action': 'clic','event_label': 'whatsapp'});" class="whatsapp" id="whatsapp" name="whatsapp" href="https://api.whatsapp.com/send?phone=524421915554" target="_blank">
			<img class="whatsapp" style="z-index: 1;position: fixed;width: 5%;height:auto;top: 25%;right: 20px;min-width:50px; max-width:70px;" src="img/1Header/WhatsApp_Icon.png" height="50%" width="50%"> 
		</a>
		
		<a  class="msn" id="msn" name="msn" href="https://www.facebook.com/messages/t/111586403561708" target="_blank">
			<img class="msn" style="z-index: 1;position: fixed;width: 5%;height:auto;top: 35%;right: 20px;min-width:50px; max-width:70px;" src="img/1Header/Messenger_Icon.png" height="50%" width="50%"> 
		</a>
		-->

<!-- GetButton.io widget -->
<script>
	/*
  (function () {
        var options = {
            facebook: "111586403561708", // Facebook page ID 111586403561708
            facebook_chat: true, // Facebook customer chat
            whatsapp: "+5214421915554", // WhatsApp number
            call_to_action: "Envíanos un mensaje", // Call to action
            button_color: "#daa900", // Color of button
            position: "center", // Position may be 'right' or 'left'
            order: "facebook,whatsapp", // Order of buttons
        };
        var proto = document.location.protocol, host = "getbutton.io", url = proto + "//static." + host;
        var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js';
        s.onload = function () { WhWidgetSendButton.init(host, proto, options); };
        var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);
    })();*/
</script>



	<nav class="gtco-nav" role="navigation" style="">
		<div class="container" style="text-align: left; width:100%;">
			<div class="row" style="width:100%;">
				<div class="col-md-12 menu-1 main-nav" style="text-align: center;">
					<ul style="width:90%;">
						<li><img class="ocultar" src="img/1Header/Logo.png" style="width: 22%;min-width:80px; max-width:290px;"></li>
						&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
						<div style="width: auto;border-bottom: solid #fff 5px;padding-bottom: 7px;float:right;">
						<li class="active" style="padding-left:0px;"><a style="font-size: 15px;" class="Gotham-Light" href="#" data-nav-section="CONCEPTO" class="font">CONCEPTO</a></li>
						<li><a style="font-size: 15px;" class="Gotham-Light" href="#" data-nav-section="PROYECTO" class="font">PROYECTO</a></li>
						<li><a style="font-size: 15px;" class="Gotham-Light" href="#" data-nav-section="AMENIDADES" class="font">AMENIDADES</a></li>
						<li><a style="font-size: 15px;" class="Gotham-Light" href="#" data-nav-section="UBICACION" class="font">UBICACIÓN</a></li>
						<li style="padding-right:0px;"><a style="font-size: 15px;" class="Gotham-Light" href="#" data-nav-section="CONTACTO" class="font">CONTACTO</a></li>
						</div>
					</ul>
				</div>
			</div>
		</div>
	</nav>

		
<center id="CONCEPTO">
	<section class="concepto" id="gtco-practice-areas" data-section="CONCEPTO" style="padding-bottom:0px;padding-top:0px;text-align:center;height: 830px;background: url(img/1Header/ParaExportar_MaquetadoWeb_CanadasDelMirador-02.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;transition: all ease 20.1s;animation: 34s linear 0.2s normal none infinite zoominout;">	
		<div class="container" style="padding-top: 165px;width: 80%;">
			<div class="row">
				<div class="col-md-12" style="text-align:left;">
					<img src="img/1Header/Titulo.png" style="width: 30%;min-width: 250px;">
				</div>
			</div>
			<div style="height:40px;"></div>
			<div class="row">
				<div class="col-md-6 Gotham-Light" style="text-align:left; color:#fff;">
					CAÑADAS BY EL MIRADOR es un exclusivo<br>
					desarrollo con una oferta limitada de terrenos<br>
					en una de las zonas residenciales más<br>
					codiciadas de la ciudad.
				</div>
			</div>
			<div style="height:40px;"></div>
			<div class="row">
				<div class="col-md-6" style="text-align:left;">
					<a href="https://dcem.mx/1o645" target="_Blank"><img src="img/1Header/Boton_Chatea.png" style="width: 30%;min-width: 250px;"></a>
				</div>
			</div>
			<div style="height:40px;"></div>
			<div class="row">
				<div class="col-md-6" style="text-align:left;">
				</div>
			</div>
		</div>
	</section>
</center>

<div class="container" style="width:100%;background: url(img/2BannerCOVID/Fondo.jpg);background-size: cover;background-repeat: no-repeat;position: sticky;padding:30px;text-align:-webkit-center; text-align:-moz-center;padding-top:45px;padding-bottom:45px;background-position-y:bottom;">
<style>
	.pop{
		width: 100%!important;

	}

</style>
	<div class="col-md-6  pop" style="padding-top: 25px;">
			<a href="https://dcem.mx/1o645" target="_Blank"><img src="img/2BannerCOVID/Boton_WhatsApp.png" class="imagenWh ocultar"></a> &nbsp;&nbsp;&nbsp;&nbsp;
			<a href="https://dcem.mx/1o645" target="_Blank"><img src="img/2BannerCOVID/Boton_Agenda.png" class="imagenBanner"></a>
		</div>
	</div>
</div>
	
<div class="chico"></div>
<!--
<div class="container">
    <div class="row">
        <div class="col-md-12">
            <img src="img/Canadas-BF-Web2.jpg" style="width:100%; max-width: 100%; height: auto;">
        </div>
    </div>
</div>
-->
<div class="container">
    <div class="row">
        <div class="col-md-12">
            <img src="img/PPBSYSALVC.gif" style="width:100%;">
        </div>
    </div>
</div>
	
<div class="chico"></div>	

<div class="container abajo" style="opacity:0;">
	<center><div class="Baskerville textoTitulo" style="width:100%;color:#e5a800;">CONCEPTO</div></center>
	<div class="chico"></div>
	<div class="row rowconcepto">
		<div class="col-md-12" style="text-align:-webkit-center; text-align:-moz-center;border-right: solid #e5a800 5px;border-left: solid #e5a800 5px;">
			<center class="Gotham-Light" style="text-align: justify;width: fit-content;font-size:18px;">
				Por seguridad, amenidades y gran oferta de servicios dentro del fraccionamiento,
				El Mirador, se ha convertido en uno de los fraccionamientos más deseables y con
				más plusvalía de Querétaro. Cañadas by El Mirador, es la culminación perfecta de
				un proyecto que se ha posicionado como el referente residencial de la zona.
			</center>
		</div>
	</div>
</div>
	
<div class="chico"></div>	
	
<div class="container">
	<div class="row">
		<div class="col-md-7 Gotham-Light der" style="opacity:0; text-align:left;background-color: #22438a;color: white;padding: 30px;font-size: 20px;line-height: 1.5;min-height: 363px;">
			Cañadas by El Mirador es la etapa final de nuestro<br>
			exitoso desarrollo, El Mirador.<br><br>
			Conformado por los últimos 250 lotes de El Mirador,<br>
			el desarrollo tendrá las vistas más espectaculares del<br>
			conjunto residencial. Los terrenos ubicados en Cañadas<br>
			by El Mirador tienen vistas directamente al campo de<br>
			golf de El Campanario y a la Cañada; una composición<br>
			visual única y espectacular
		</div>
		<div class="col-md-5 der" style="opacity:0; padding: 0px;text-align: right;">
			<img src="img/3Concepto/Image.png" class="imagen1concepto">
		</div>
	</div>
</div>
	
<div class="chico"></div>
	
<center ID="PROYECTO">
	<section id="gtco-practice-areas" data-section="PROYECTO" style="padding-bottom:0px; padding-top:0px;">
		<div class="container">
			<center><div class="Baskerville textoTitulo" style="width:100%;color:#e5a800;">PROYECTO</div></center>
			<div class="chico"></div>
			<center class="der" style="opacity:0;"><video src="img/Videoweb.mp4" controls style="width:100%;"></video></center>
			<div class="mediano"></div>
			<div class="row fondolinea izq" style="opacity:0; background: url(img/4Proyecto/Line.png);background-repeat: no-repeat;background-size: 70%;background-position-x: center;background-position-y: center;">
				<div class="col-md-1"></div>
				<div class="col-md-2"><div class="chico"></div><img src="img/4Proyecto/1_Cuadro.png" style="width: 100%;max-width: 170px;"></div>
				<div class="col-md-2"><br></div>
				<div class="col-md-2"><img src="img/4Proyecto/2_Cuadro.png" style="width: 100%;max-width: 170px;"></div>
				<div class="col-md-2"><br class="ocultar"></div>
				<div class="col-md-2"><div class="chico"></div><img src="img/4Proyecto/3_Cuadro.png" style="width: 100%;max-width: 170px;"></div>
				<div class="col-md-1"></div>
			</div>
			<center class="ocultar abajo" style="opacity:0;"><img src="img/4Proyecto/Logo.png" style="width:33%;min-width: 200px;"></center>
			<div class="mediano"></div>
			<div class="row der" style="opacity:0;">
				<div class="col-md-12 Gotham-Light texto1proyecto" style="font-size: 20px;line-height: 1.5;padding-top: 25px;padding-bottom: 15px; text-align:center;">
					Uno de los atractivos más grandes de Cañadas by El Mirador<br>
					es su inigualable precio de salida. En definitiva, un gran<br>
					negocio para visionarios e inversionistas que saben<br>
					aprovechar una gran oportunidad cuando se presenta.
				</div>
			</div>
			<br>
			<img src="img/Canadas-Sembrado_2D.png" style="width:80%;">
			<br><br><br>
			<!--	
			<center><div class="Baskerville textoTitulo" style="width:100%;color:#e5a800;">PLANO INTERACTIVO</div></center>
			<br>
			<a href="http://drt-sistema.ikigaisolutions.com/clientes/canadas/" target="_blank" class="hoverSembrado"><img src="img/Sembrado_Canadas.png" style="width:100%;"></a><br><br>
		<a class="btn plano" href="https://dev.bsys.mx/scriptcase/app/SIGAventas/blank_map_productos_cliente/blank_map_productos_cliente.php?proyecto=Mw==" target="_blank">Aparta tú lote</a>-->
			<div class="mediano ocultar"></div>
			<div class="row ocultar">
				<div class="col-md-5 izq" style="opacity:0;">
					<div class="row">
						<div class="col-md-4"><img src="img/6Galeria/1_Foto_Min.jpg" class="galeria galeriaActived" onclick="galeria1();" id="galeria1"></div>
						<div class="col-md-4"><img src="img/6Galeria/2_Foto_Min.jpg" class="galeria" onclick="galeria2();" id="galeria2"></div>
						<div class="col-md-4"><img src="img/6Galeria/3_Foto_Min.jpg" class="galeria" onclick="galeria3();" id="galeria3"></div>
					</div>
					<br>
					<div class="row">
						<div class="col-md-4"><img src="img/6Galeria/4_Foto_Min.jpg" class="galeria" onclick="galeria4();" id="galeria4"></div>
						<div class="col-md-4"><img src="img/6Galeria/5_Foto_Min.jpg" class="galeria" onclick="galeria5();" id="galeria5"></div>
						<div class="col-md-4"><img src="img/6Galeria/6_Foto_Min.jpg" class="galeria" onclick="galeria6();" id="galeria6"></div>
					</div>
					<br>
					<div class="row">
						<div class="col-md-4"><img src="img/6Galeria/7_Foto_Min.jpg" class="galeria" onclick="galeria7();" id="galeria7"></div>
						<div class="col-md-4"><img src="img/6Galeria/8_Foto_Min.jpg" class="galeria" onclick="galeria8();" id="galeria8"></div>
						<div class="col-md-4"><img src="img/6Galeria/9_Foto_Min.jpg" class="galeria" onclick="galeria9();" id="galeria9"></div>
					</div>
					<br>
					<div class="row">
						<div class="col-md-4"><img src="img/6Galeria/10_Foto_Min.jpg" class="galeria" onclick="galeria10();" id="galeria10"></div>
						<div class="col-md-4"><img src="img/6Galeria/11_Foto_Min.jpg" class="galeria" onclick="galeria11();" id="galeria11"></div>
						<div class="col-md-4"><img src="img/6Galeria/12_Foto_Min.jpg" class="galeria" onclick="galeria12();" id="galeria12"></div>
					</div>
					<br>
				</div>
				<div class="col-md-7 der" style="opacity:0;">
					<img src="img/6Galeria/1_Foto_Gde.jpg" style="width:100%;" id="imagenGaleria">
				</div>
			</div>
		</div>
	</section>
</center>

<div class="mediano"></div>

<center ID="AMENIDADES" style="background-color:#1a428a;">
	<section id="gtco-practice-areas" data-section="AMENIDADES" style="padding-bottom:70px;">
		<div class="container">
			<div class="row ocultar">
				<div class="col-md-12 der" style="opacity:0;">
					<img src="img/7Amenidades/Fotos/1_Acceso.png" style="width:100%;" id="imagenAmenidades">
				</div>
			</div>
			<div class="chico ocultar"></div>
			<div class="Baskerville textoTitulo" style="width:100%;color:#e5a800; text-align:left;">AMENIDADES</div>
			<div class="chico"></div>
			<div class="row der" style="text-align:left; opacity:0;">
				<div class="col-md-4" style="color:#e5a800; cursor:pointer;" id="amenidadestexto1" onclick="amenidades1();">
					<img src="img/7Amenidades/Amarillo-Seleccion/1_Amenidades.png" style="width:65px;" id="amenidades1"> Acceso Controlado
				</div>
				<div class="col-md-4" style="color:#fff; cursor:pointer;" id="amenidadestexto2" onclick="amenidades2();">
					<img src="img/7Amenidades/2_Amenidades.png" style="width:65px;" id="amenidades2"> Plazas Comerciales
				</div>
				<div class="col-md-4" style="color:#fff; cursor:pointer;" id="amenidadestexto3" onclick="amenidades3();">
					<img src="img/7Amenidades/3_Amenidades.png" style="width:65px;" id="amenidades3"> Juegos para Niños
				</div>
			</div>
			<div class="row der" style="text-align:left;opacity:0;">
				<div class="col-md-4" style="color:#fff; cursor:pointer;" id="amenidadestexto4" onclick="amenidades4();">
					<img src="img/7Amenidades/4_Amenidades.png" style="width:65px;" id="amenidades4"> Arquitectura del Paisaje
				</div>
				<div class="col-md-4" style="color:#fff; cursor:pointer;" id="amenidadestexto5" onclick="amenidades5();">
					<img src="img/7Amenidades/5_Amenidades.png" style="width:65px;" id="amenidades5"> Áreas Verdes
				</div>
				<div class="col-md-4" style="color:#fff; cursor:pointer;" id="amenidadestexto6" onclick="amenidades6();">
					<img src="img/7Amenidades/6_Amenidades.png" style="width:65px;" id="amenidades6"> Parque para Mascotas
				</div>
			</div>
			<div class="row der" style="text-align:left;opacity:0;">
				<div class="col-md-4" style="color:#fff; cursor:pointer;" id="amenidadestexto7" onclick="amenidades7();">
					<img src="img/7Amenidades/7_Amenidades.png" style="width:65px;" id="amenidades7"> Canchas de Básquetbol y Fútbol 7

				</div>
				<div class="col-md-4" style="color:#fff; cursor:pointer;" id="amenidadestexto8" onclick="amenidades8();">
					<img src="img/7Amenidades/8_Amenidades.png" style="width:65px;" id="amenidades8"> Gimnasio al Aire Libre
				</div>
				<div class="col-md-4" style="color:#fff; cursor:pointer;" id="amenidadestexto9" onclick="amenidades9();">
					<img src="img/7Amenidades/9_Amenidades.png" style="width:65px;" id="amenidades9"> Amplios Camellones Arbolados
				</div>
			</div>
			<div class="row der" style="text-align:left;opacity:0;">
				<div class="col-md-4" style="color:#fff; cursor:pointer;" id="amenidadestexto10" onclick="amenidades10();">
					<img src="img/7Amenidades/10_Amenidades.png" style="width:65px;" id="amenidades10"> Áreas de Picnic
				</div>
				<div class="col-md-4" style="color:#fff; cursor:pointer;" id="amenidadestexto11" onclick="amenidades11();">
					<img src="img/7Amenidades/11_Amenidades.png" style="width:65px;" id="amenidades11"> Vista a la Cañada
				</div>
			</div>
		</div>
	</section>
</center>

<div class="mediano"></div>

<center ID="COTIZADOR" style="display:none;">
	<section id="gtco-practice-areas" data-section="COTIZADOR" style="padding-bottom:0px; padding-top:0px;">
		<div class="mediano"></div>
		<div class="container">
			<div class="row">
				<div class="col-md-6" style="text-align:left;">
					<label for="valor" style="color:#263b66;font-size:23px;">VALOR DEL INMUEBLE</label>
					<br>
					<input type="number" step="0.01" id="valor" name="valor" placeholder="INGRESA CANTIDAD" style="width: 70%;font-size: 15px;padding: 8px;border: solid 2px #7f7f7f;">
					<br><br>
					<label for="enganche" style="color:#263b66;font-size:23px;">ENGANCHE</label>
					<br>
					<input type="number" step="0.01" id="enganche" name="enganche" placeholder="INGRESA CANTIDAD" style="width: 70%;font-size: 15px;padding: 8px;border: solid 2px #7f7f7f;">
					<br><br><br>
					<label style="color:#263b66;font-size:23px;">TIEMPO</label>
					<br>
					<form id="FormCotizador" name="FormCotizador" action="">
						<div style="width:35%; float:left;">
							<input type="radio" id="5" name="tiempo" value="5" style="color:#263b66;">
							<label for="5" style="color:#263b66;">A 5 AÑOS</label>
						</div>
						
						<div style="width:35%; float:left;">
							<input type="radio" id="10" name="tiempo" value="10" style="color:#263b66;">
							<label for="10" style="color:#263b66;">A 10 AÑOS</label>
						</div>
						
						<br><br>
						
					</form>
					<input type="submit" onclick="cotizar();" class="botonCotizar" value="COTIZAR">
					<br><br>
				</div>
				<div class="col-md-6" style="padding: 50px;border: solid #e5a800 3px;">
				
					<label for="enganche2" style="color:#263b66; float:left;font-size:23px;">Enganche</label><input type="text" readonly name="enganche2" id="enganche2" style="float: right;border: none;text-align: right;font-size: 23px;">
					<br><br>
					<label for="tasaanual" style="color:#263b66; float:left;font-size:23px;">Tasa anual</label><input type="text" readonly name="tasaanual" id="tasaanual" style="float:right;border:none;text-align: right;font-size: 23px;">
					<br><br>
					<label for="pagomensual" style="color:#263b66; float:left;font-size:23px;">Pago mensual</label><input type="text" readonly name="pagomensual" id="pagomensual" style="float:right;border:none;text-align: right;font-size: 23px;">
					<br><br>
					<label for="cat" style="color:#263b66; float:left;font-size:23px;">CAT sin IVA*</label><input type="text" readonly name="cat" id="cat" style="float:right;border:none;text-align: right;font-size: 23px;">
					<div class="mediano"></div>
					<div style="width:100%; text-align:left;">
						<a href="https://api.whatsapp.com/send?phone=5214421915554" target="_Blank" style="">
							<img src="img/8Cotizador/Boton_Chatea.png" style="width: 30%;min-width: 250px;">
						</a>
					</div>
					<br>
					<div style="font-size:10px;line-height: 1.2;">
						Este cotizador es un ejercicio aritmético, el cual incluye parámetros estándar y sólo representa un aproximado del monto de pago real de los planes de financiamiento que comunican en este sitio.
						Para obtener mayor detalle le recomendamos comunicarse con uno de nuestros asesores.
					</div>
				</div>
			</div>
		</div>
	</section>
</center>


    <style>
        .map-container {
            width: 100%;
            height: 450px;
        }
        @media (max-width: 768px) {
            .map-container {
                height: 300px;
            }
        }
    </style>
    <script src="https://maps.google.com/maps/api/js?key=AIzaSyCTnBHhhqVg-dZWT4ZqCoks_kab4U6oJjg&callback=initMap" async defer></script>

    
		<script>

        function initMap() {
            var location = { lat: 20.60061999039181, lng: -100.33250011733773 };
            var map = new google.maps.Map(document.getElementById('map'), {
                zoom: 15,
                center: location
            });

            var marker = new google.maps.Marker({
                position: location,
                map: map,
                icon: 'img/9Ubicacion/Cuadro_Direccion.png' // Ruta a tu imagen de marcador personalizado
            });
        }
    </script>

    <center id="UBICACION">
        <section id="gtco-contact" data-section="UBICACION" style="padding-top:0px; padding-bottom:0px; text-align:center;">
            <div class="Baskerville textoTitulo">UBICACIÓN</div>

            <div id="map" class="map-container"></div>
        </section>
    </center>


<div class="mediano"></div>	

<center id="CONTACTO">
	<section id="gtco-contact" data-section="CONTACTO" style="padding-top:0px; padding-bottom:0px;">

		<div class="mediano"></div>
			
		<div class="container containerContacto" style="width:100%;background: url(img/11Contacto/ParaExportar_MaquetadoWeb_CanadasDelMirador-19.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;">	
			<div class="row rowContacto" style="">
				<div class="col-md-6 contactoTexto izq" style="opacity:0;">
					<div class="Baskerville contactoTitulo" style="letter-spacing:4px;">
						¿DESEAS RECIBIR MÁS INFORMACIÓN?
					</div>
					<br>
					<div class="Gotham-Light contactoContactanos" style="">
						CONTÁCTANOS
					</div>
					<br>
					<div class="Gotham-Light contactoFecha" style="line-height:1.5;">
						¡úLTIMOS LOTES<br>CON ENTREGA INMEDIATA!
					</div>
					<br>
					<label for="tel"><img src="img/11Contacto/Telefono_Icon.png"></label><span name="tel" id="tel" style="color:#fff; font-size:20px;" class="Gotham-Light">(442) 191 5554</span>
					<br>
					<label for="id"><img src="img/11Contacto/Direccion_Icon.png"></label><span name="id" id="id" style="color:#fff; font-size:15px;" class="Gotham-Light">Prolongación Constituyentes #3 Fracc. El Mirador. Querétaro, Qro.</span>
					<br>
					<a href="https://www.instagram.com/canadasdelmirador/" target="_blank">
					    <label for="tel">
					        <img src="img/11Contacto/Instagram_Icon.png">
					    </label>
					</a>
					<span name="tel" id="tel" style="color:#fff; font-size:20px;" class="Gotham-Light">Cañadas del Mirador</span>

					<br>
					<a href="https://www.facebook.com/canadasbyelmirador/?_rdr" target="_blank">
					    <label for="tel">
					        <img src="img/11Contacto/Facebook_Icon.png">
					    </label>
					</a>
					<span name="tel" id="tel" style="color:#fff; font-size:20px;" class="Gotham-Light">Cañadas del Mirador</span>
					<br>
					<p style="color:#fff; font-size:20px;">
					    contacto@drt.com.mx
					</p>
					<br>
					<a href="https://www.facebook.com/canadasbyelmirador/?_rdr" target="_blank">
					    <span style="color:#fff; font-size:20px;" class="Gotham-Light"></span>
					</a>

					<br><br>
					<a href="https://api.whatsapp.com/send?phone=5214461195551" target="_Blank" style=""><img src="img/11Contacto/Boton_Chatea.png" style="width: 30%;min-width: 250px;"></a> 
					<br><br>

				</div>
				<div class="col-md-6 der" style="opacity:0;text-align:-webkit-center; text-align:-moz-center;padding-left:40px; padding-right:40px;">
					
					
					<table style="background-color:whitesmoke;width: 100%;box-shadow: 5px 5px 13px 0px #00020e;min-width: 300px;">
						<tr>
							<td>
								<br><br>
								<form  id="form" action="mensaje.php" method="post" target="mensaje" onsubmit="ContactoEnviado();">
									<center>
										<input class="Gotham-Bold" id="nombre" name="nombre" type="text" style="width:80%; height:35px; border-style:solid; border-color:#dbdbdb; background-color:#dbdbdb; padding-left:10px;" placeholder="NOMBRE" required /><BR><BR>
										<input class="Gotham-Bold" id="email" name="email" type="email" style="width:80%; height:35px; border-style:solid; border-color:#dbdbdb; background-color:#dbdbdb; padding-left:10px;" placeholder="EMAIL" required /><BR><BR>
										<input class="Gotham-Bold" id="telefono" name="telefono" type="tel" style="width:80%; height:35px; border-style:solid; border-color:#dbdbdb; background-color:#dbdbdb; padding-left:10px;" placeholder="TELÉFONO" /><BR><BR>
										<textarea class="Gotham-Bold" placeholder="MENSAJE" required type="text" style="width:80%; height:85px !IMPORTANT; border-style:solid; border-color:#dbdbdb; background-color:#dbdbdb; padding-left:10px;" id="mensaje" name="mensaje"></textarea>
									</center>
									<br>
									<div style="text-align:center; font-size:20px; color:#22438a; line-height:1.2;" class="Gotham-Light">¿CÓMO TE GUSTARÍA RECIBIR LA INFORMACIÓN?</div>
									<br>
									<div style="padding-left: 45px;padding-right: 45px;padding-bottom: 15px;">
										<input type="radio" id="LLAMADA" name="INFORMACION" value="LLAMADA">
										<label for="LLAMADA">LLAMADA</label>
										<br>
										<input type="radio" id="CORREO" name="INFORMACION" value="CORREO">
										<label for="CORREO">CORREO ELECTRÓNICO</label>
										<br>
										<input type="radio" id="WHATSAPP" name="INFORMACION" value="WHATSAPP">
										<label for="WHATSAPP">WHATSAPP</label>
										<br>
										<input onclick="mostrarCalendario();" type="checkbox" id="CITA" name="CITA" value="CITA">
												<label  style="color:##777;">HACER CITA</label>
												<br>
												<div id="calendario" class="hidden" align="center">
													<input type="date" id="fecha" name="fecha" style="color:#717171;width:80%; height:35px; border-style:solid; border-color:#dbdbdb; background-color:000; padding-left:10px;">
													<input type="time" id="hora" name="hora" style="color:#717171;width:80%; height:35px; border-style:solid; border-color:#dbdbdb; background-color:#000; padding-left:10px;" value="10:00">
													<label style="color:#777;width:80%; text-align:center;">Horario de citas: 10:00 hrs - 18:00 hrs de Lunes a Domingo</label>
												</div>
											</div>
									</div>
									<center><input type="submit" class="Gotham-Bold boton_contacto" value="ENVIAR" /></center>
									<br><br>
								</form>


								<script>
										     $('#form').submit(function(event) {
        									event.preventDefault();
										        /*Cambia 6LcZu9QUAAAAACaj-WBiVIQUlr94vfCC8DUpIanS por tu clave de sitio web*/
										        grecaptcha.ready(function() {
										            grecaptcha.execute('6LdET14gAAAAAEsEAoJD-csBwFDzm9WmeBv-Q2jW', {action: 'mensaje'}).then(function(token) {
										                $('#form').prepend('<input type="hidden" name="token" value="' + token + '">');
										                $('#form').prepend('<input type="hidden" name="action" value="mensaje">');
										                $('#form').unbind('submit').submit();
										            });;
										        });
										  });
								</script>


<script>

function mostrarCalendario(){
	
	var input = document.getElementById("calendario");
	if (input.classList.contains("hidden")){
		$("#calendario").removeClass("hidden");
	}else{
		$("#calendario").addClass("hidden");
	}
}
</script>

								<div>
									<center>
										<iframe id="mensaje" name="mensaje" src="" style="display:none;" frameborder="none"></iframe>
									</center>
								</div>
							</td>
						</tr>
					</table>
				</div>
			</div>	
		</div>
	</section>
</center>

<div class="gototop js-top ocultar">
	<a href="#" class="js-gotop"><i class="fa fa-angle-up" aria-hidden="true" style="font-size:75px"></i></a>
</div>

<center><img class="no_ocultar" src="img/12PiedePagina/Logo.png" style="width: 81%;max-width: 360px;padding: 25px;"></center>

<footer class="ocultar" id="footer-main" style="background-color:#fff; padding:50px;">
	<div class="container" style="width:80%;">
		<div class="row">
			<div class="col-md-3" style="text-align:left;">

			</div>
			<div class="col-md-3" style="text-align: center;line-height: 1.3;">
				<img src="img/12PiedePagina/Direccion_Icon.png" style="width:20px;">
				<br>
				Prolongación Constituyentes #3<br>
				Fracc. El Mirador. Querétaro, Qro.<br>
			</div>
			<div class="col-md-3" style="text-align:right;"><br>
				<img src="img/12PiedePagina/Logo.png" style="width:60%;">
			</div>
		</div>
		<br><br>
		<div class="row">
			<div class="col-md-2">
			</div>
			<div class="col-md-2"></div>
			<div class="col-md-8">
				<div class="row">
					<div class="col-md-2"><a href="#CONCEPTO" style="color:#22438a">CONCEPTO</a></div>
					<div class="col-md-2"><a href="#PROYECTO" style="color:#22438a">PROYECTO</a></div>
					<div class="col-md-2"><a href="#AMENIDADES" style="color:#22438a">AMENIDADES</a></div>
					<div class="col-md-2"><a href="#UBICACION" style="color:#22438a">UBICACIÓN</a></div>
				</div>
			</div>
			<br>
		</div>
		<div style="width: 100%;border: solid 0.6px;"></div>
		<div class="row">
			<br>
			<div class="col-md-6" style="color:#22438a; text-align:center;">
				Todos los derechos reservados 2021 Grupo DRT.
			</div>
			<div class="col-md-6" style="text-align:center;">
				<a href="Aviso_privacidad.html" target="_blank" style="color:#22438a;">Conoce nuestro Aviso de privacidad</a>
			</div>
		</div>
		<br><br>

	</div>
</footer>

</div>	


<script>
function videollamadaEnviado(){
	Swal.fire({
			  icon: 'success',
			  title: 'Mensaje enviado',
			  text: 'Hemos recibido tu mensaje, pronto nos pondremos en contacto contigo'
			});
setTimeout('document.forms[1].reset()', 1000);	
}


function ContactoEnviado(){
	Swal.fire({
			  icon: 'success',
			  title: 'Mensaje enviado',
			  text: 'Hemos recibido tu mensaje, pronto nos pondremos en contacto contigo'
			});
setTimeout('document.forms[2].reset()', 1000);	
}
</script>

<script>
function cotizar(){
	var valor = document.getElementById("valor").value;
	var enganche = document.getElementById("enganche").value;
	
	var radiovalue = document.FormCotizador.tiempo.value;
	
	
	if(valor == '' || valor == null){
			Swal.fire({
			  icon: 'error',
			  title: 'Error',
			  text: 'Ingresa el valor del inmueble'
			});
			document.getElementById("valor").classList.add("error");
	}else if(enganche == '' || enganche == null){
		Swal.fire({
			icon: 'error',
			title: 'Error',
			text: 'Ingresa una cantidad como enganche'
		});
		document.getElementById("valor").classList.remove("error");
		document.getElementById("enganche").classList.add("error");
	}else if(radiovalue.length==0){ 
		Swal.fire({
			icon: 'error',
			title: 'Error',
			text: 'Selecciona el tiempo del financiamiento'
		});
		document.getElementById("enganche").classList.remove("error");
	}else{
		document.getElementById("enganche").classList.remove("error");
	  let timerInterval
		Swal.fire({
		  title: 'Cotizando!',
		  timer: 500,
		  timerProgressBar: true,
		  onBeforeOpen: () => {
			Swal.showLoading()
			timerInterval = setInterval(() => {
			  const content = Swal.getContent()
			  if (content) {
				const b = content.querySelector('b')
				if (b) {
				  b.textContent = Swal.getTimerLeft()
				}
			  }
			}, 100)
		  },
		  onClose: () => {
			clearInterval(timerInterval)
		  }
		}).then((result) => {
		  if (result.dismiss === Swal.DismissReason.timer) {
		  }
		})    
		
		const formatter = new Intl.NumberFormat('en-US', {
		  style: 'currency',
		  currency: 'USD',
		  minimumFractionDigits: 0
		})
		
		document.getElementById("enganche2").value = formatter.format(enganche);
		document.getElementById("tasaanual").value = '12%';
		document.getElementById("cat").value = '15%';
				
		if(radiovalue == '5'){
			var N = 60
		}else if(radiovalue == '10'){
			var N = 120
		}
		
		var P = valor - enganche;
		var tasaanualporcent = 12		
		
		//Math.pow(2,2)
		//M = P*(J/(1-(1+J)^-N))		
		
		var tia1 = (tasaanualporcent / 100)
		var J = tia1 / 12
		var M = P*(J/(1-Math.pow((1+J),-N)))
		document.getElementById("pagomensual").value = formatter.format(M);
				
	}
  
}
</script>


<script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script>



<script>
function enviado(){
  document.getElementById("enviado").innerHTML = "Mensaje enviado";
}
</script>

<script>
function galeria1(){
	document.getElementById("imagenGaleria").src="img/6Galeria/1_Foto_Gde.jpg"
	document.getElementById("galeria1").classList.add("galeriaActived");
	document.getElementById("galeria2").classList.remove("galeriaActived");
	document.getElementById("galeria3").classList.remove("galeriaActived");
	document.getElementById("galeria4").classList.remove("galeriaActived");
	document.getElementById("galeria5").classList.remove("galeriaActived");
	document.getElementById("galeria6").classList.remove("galeriaActived");
	document.getElementById("galeria7").classList.remove("galeriaActived");
	document.getElementById("galeria8").classList.remove("galeriaActived");
	document.getElementById("galeria9").classList.remove("galeriaActived");
	document.getElementById("galeria10").classList.remove("galeriaActived");
	document.getElementById("galeria11").classList.remove("galeriaActived");
	document.getElementById("galeria12").classList.remove("galeriaActived");
}
function galeria2(){
	document.getElementById("imagenGaleria").src="img/6Galeria/2_Foto_Gde.jpg"
	document.getElementById("galeria1").classList.remove("galeriaActived");
	document.getElementById("galeria2").classList.add("galeriaActived");
	document.getElementById("galeria3").classList.remove("galeriaActived");
	document.getElementById("galeria4").classList.remove("galeriaActived");
	document.getElementById("galeria5").classList.remove("galeriaActived");
	document.getElementById("galeria6").classList.remove("galeriaActived");
	document.getElementById("galeria7").classList.remove("galeriaActived");
	document.getElementById("galeria8").classList.remove("galeriaActived");
	document.getElementById("galeria9").classList.remove("galeriaActived");
	document.getElementById("galeria10").classList.remove("galeriaActived");
	document.getElementById("galeria11").classList.remove("galeriaActived");
	document.getElementById("galeria12").classList.remove("galeriaActived");
}
function galeria3(){
	document.getElementById("imagenGaleria").src="img/6Galeria/3_Foto_Gde.jpg"
	document.getElementById("galeria1").classList.remove("galeriaActived");
	document.getElementById("galeria2").classList.remove("galeriaActived");
	document.getElementById("galeria3").classList.add("galeriaActived");
	document.getElementById("galeria4").classList.remove("galeriaActived");
	document.getElementById("galeria5").classList.remove("galeriaActived");
	document.getElementById("galeria6").classList.remove("galeriaActived");
	document.getElementById("galeria7").classList.remove("galeriaActived");
	document.getElementById("galeria8").classList.remove("galeriaActived");
	document.getElementById("galeria9").classList.remove("galeriaActived");
	document.getElementById("galeria10").classList.remove("galeriaActived");
	document.getElementById("galeria11").classList.remove("galeriaActived");
	document.getElementById("galeria12").classList.remove("galeriaActived");
}
function galeria4(){
	document.getElementById("imagenGaleria").src="img/6Galeria/4_Foto_Gde.jpg"
	document.getElementById("galeria1").classList.remove("galeriaActived");
	document.getElementById("galeria2").classList.remove("galeriaActived");
	document.getElementById("galeria3").classList.remove("galeriaActived");
	document.getElementById("galeria4").classList.add("galeriaActived");
	document.getElementById("galeria5").classList.remove("galeriaActived");
	document.getElementById("galeria6").classList.remove("galeriaActived");
	document.getElementById("galeria7").classList.remove("galeriaActived");
	document.getElementById("galeria8").classList.remove("galeriaActived");
	document.getElementById("galeria9").classList.remove("galeriaActived");
	document.getElementById("galeria10").classList.remove("galeriaActived");
	document.getElementById("galeria11").classList.remove("galeriaActived");
	document.getElementById("galeria12").classList.remove("galeriaActived");
}
function galeria5(){
	document.getElementById("imagenGaleria").src="img/6Galeria/5_Foto_Gde.jpg"
	document.getElementById("galeria1").classList.remove("galeriaActived");
	document.getElementById("galeria2").classList.remove("galeriaActived");
	document.getElementById("galeria3").classList.remove("galeriaActived");
	document.getElementById("galeria4").classList.remove("galeriaActived");
	document.getElementById("galeria5").classList.add("galeriaActived");
	document.getElementById("galeria6").classList.remove("galeriaActived");
	document.getElementById("galeria7").classList.remove("galeriaActived");
	document.getElementById("galeria8").classList.remove("galeriaActived");
	document.getElementById("galeria9").classList.remove("galeriaActived");
	document.getElementById("galeria10").classList.remove("galeriaActived");
	document.getElementById("galeria11").classList.remove("galeriaActived");
	document.getElementById("galeria12").classList.remove("galeriaActived");
}
function galeria6(){
	document.getElementById("imagenGaleria").src="img/6Galeria/6_Foto_Gde.jpg"
	document.getElementById("galeria1").classList.remove("galeriaActived");
	document.getElementById("galeria2").classList.remove("galeriaActived");
	document.getElementById("galeria3").classList.remove("galeriaActived");
	document.getElementById("galeria4").classList.remove("galeriaActived");
	document.getElementById("galeria5").classList.remove("galeriaActived");
	document.getElementById("galeria6").classList.add("galeriaActived");
	document.getElementById("galeria7").classList.remove("galeriaActived");
	document.getElementById("galeria8").classList.remove("galeriaActived");
	document.getElementById("galeria9").classList.remove("galeriaActived");
	document.getElementById("galeria10").classList.remove("galeriaActived");
	document.getElementById("galeria11").classList.remove("galeriaActived");
	document.getElementById("galeria12").classList.remove("galeriaActived");
}
function galeria7(){
	document.getElementById("imagenGaleria").src="img/6Galeria/7_Foto_Gde.jpg"
	document.getElementById("galeria1").classList.remove("galeriaActived");
	document.getElementById("galeria2").classList.remove("galeriaActived");
	document.getElementById("galeria3").classList.remove("galeriaActived");
	document.getElementById("galeria4").classList.remove("galeriaActived");
	document.getElementById("galeria5").classList.remove("galeriaActived");
	document.getElementById("galeria6").classList.remove("galeriaActived");
	document.getElementById("galeria7").classList.add("galeriaActived");
	document.getElementById("galeria8").classList.remove("galeriaActived");
	document.getElementById("galeria9").classList.remove("galeriaActived");
	document.getElementById("galeria10").classList.remove("galeriaActived");
	document.getElementById("galeria11").classList.remove("galeriaActived");
	document.getElementById("galeria12").classList.remove("galeriaActived");
}
function galeria8(){
	document.getElementById("imagenGaleria").src="img/6Galeria/8_Foto_Gde.jpg"
	document.getElementById("galeria1").classList.remove("galeriaActived");
	document.getElementById("galeria2").classList.remove("galeriaActived");
	document.getElementById("galeria3").classList.remove("galeriaActived");
	document.getElementById("galeria4").classList.remove("galeriaActived");
	document.getElementById("galeria5").classList.remove("galeriaActived");
	document.getElementById("galeria6").classList.remove("galeriaActived");
	document.getElementById("galeria7").classList.remove("galeriaActived");
	document.getElementById("galeria8").classList.add("galeriaActived");
	document.getElementById("galeria9").classList.remove("galeriaActived");
	document.getElementById("galeria10").classList.remove("galeriaActived");
	document.getElementById("galeria11").classList.remove("galeriaActived");
	document.getElementById("galeria12").classList.remove("galeriaActived");
}
function galeria9(){
	document.getElementById("imagenGaleria").src="img/6Galeria/9_Foto_Gde.jpg"
	document.getElementById("galeria1").classList.remove("galeriaActived");
	document.getElementById("galeria2").classList.remove("galeriaActived");
	document.getElementById("galeria3").classList.remove("galeriaActived");
	document.getElementById("galeria4").classList.remove("galeriaActived");
	document.getElementById("galeria5").classList.remove("galeriaActived");
	document.getElementById("galeria6").classList.remove("galeriaActived");
	document.getElementById("galeria7").classList.remove("galeriaActived");
	document.getElementById("galeria8").classList.remove("galeriaActived");
	document.getElementById("galeria9").classList.add("galeriaActived");
	document.getElementById("galeria10").classList.remove("galeriaActived");
	document.getElementById("galeria11").classList.remove("galeriaActived");
	document.getElementById("galeria12").classList.remove("galeriaActived");
}
function galeria10(){
	document.getElementById("imagenGaleria").src="img/6Galeria/10_Foto_Gde.jpg"
	document.getElementById("galeria1").classList.remove("galeriaActived");
	document.getElementById("galeria2").classList.remove("galeriaActived");
	document.getElementById("galeria3").classList.remove("galeriaActived");
	document.getElementById("galeria4").classList.remove("galeriaActived");
	document.getElementById("galeria5").classList.remove("galeriaActived");
	document.getElementById("galeria6").classList.remove("galeriaActived");
	document.getElementById("galeria7").classList.remove("galeriaActived");
	document.getElementById("galeria8").classList.remove("galeriaActived");
	document.getElementById("galeria9").classList.remove("galeriaActived");
	document.getElementById("galeria10").classList.add("galeriaActived");
	document.getElementById("galeria11").classList.remove("galeriaActived");
	document.getElementById("galeria12").classList.remove("galeriaActived");
}
function galeria11(){
	document.getElementById("imagenGaleria").src="img/6Galeria/11_Foto_Gde.jpg"
	document.getElementById("galeria1").classList.remove("galeriaActived");
	document.getElementById("galeria2").classList.remove("galeriaActived");
	document.getElementById("galeria3").classList.remove("galeriaActived");
	document.getElementById("galeria4").classList.remove("galeriaActived");
	document.getElementById("galeria5").classList.remove("galeriaActived");
	document.getElementById("galeria6").classList.remove("galeriaActived");
	document.getElementById("galeria7").classList.remove("galeriaActived");
	document.getElementById("galeria8").classList.remove("galeriaActived");
	document.getElementById("galeria9").classList.remove("galeriaActived");
	document.getElementById("galeria10").classList.remove("galeriaActived");
	document.getElementById("galeria11").classList.add("galeriaActived");
	document.getElementById("galeria12").classList.remove("galeriaActived");
}
function galeria12(){
	document.getElementById("imagenGaleria").src="img/6Galeria/12_Foto_Gde.jpg"
	document.getElementById("galeria1").classList.remove("galeriaActived");
	document.getElementById("galeria2").classList.remove("galeriaActived");
	document.getElementById("galeria3").classList.remove("galeriaActived");
	document.getElementById("galeria4").classList.remove("galeriaActived");
	document.getElementById("galeria5").classList.remove("galeriaActived");
	document.getElementById("galeria6").classList.remove("galeriaActived");
	document.getElementById("galeria7").classList.remove("galeriaActived");
	document.getElementById("galeria8").classList.remove("galeriaActived");
	document.getElementById("galeria9").classList.remove("galeriaActived");
	document.getElementById("galeria10").classList.remove("galeriaActived");
	document.getElementById("galeria11").classList.remove("galeriaActived");
	document.getElementById("galeria12").classList.add("galeriaActived");
}
</script>

<!------------------------------ amenidades !---------------------->

<script>
function amenidades1(){
	document.getElementById("amenidadestexto1").style.color = "#e5a800";
	document.getElementById("amenidadestexto2").style.color = "#ffffff";
	document.getElementById("amenidadestexto3").style.color = "#ffffff";
	document.getElementById("amenidadestexto4").style.color = "#ffffff";
	document.getElementById("amenidadestexto5").style.color = "#ffffff";
	document.getElementById("amenidadestexto6").style.color = "#ffffff";
	document.getElementById("amenidadestexto7").style.color = "#ffffff";
	document.getElementById("amenidadestexto8").style.color = "#ffffff";
	document.getElementById("amenidadestexto9").style.color = "#ffffff";
	document.getElementById("amenidadestexto10").style.color = "#ffffff";
	document.getElementById("amenidadestexto11").style.color = "#ffffff";
	
	document.getElementById("amenidades1").src = "img/7Amenidades/Amarillo-Seleccion/1_Amenidades.png";
	document.getElementById("amenidades2").src = "img/7Amenidades/2_Amenidades.png";
	document.getElementById("amenidades3").src = "img/7Amenidades/3_Amenidades.png";
	document.getElementById("amenidades4").src = "img/7Amenidades/4_Amenidades.png";
	document.getElementById("amenidades5").src = "img/7Amenidades/5_Amenidades.png";
	document.getElementById("amenidades6").src = "img/7Amenidades/6_Amenidades.png";
	document.getElementById("amenidades7").src = "img/7Amenidades/7_Amenidades.png";
	document.getElementById("amenidades8").src = "img/7Amenidades/8_Amenidades.png";
	document.getElementById("amenidades9").src = "img/7Amenidades/9_Amenidades.png";
	document.getElementById("amenidades10").src = "img/7Amenidades/10_Amenidades.png";
	document.getElementById("amenidades11").src = "img/7Amenidades/11_Amenidades.png";

	document.getElementById("imagenAmenidades").src="img/7Amenidades/Fotos/1_Acceso.jpg";
}
function amenidades2(){
	document.getElementById("amenidadestexto1").style.color = "#ffffff";
	document.getElementById("amenidadestexto2").style.color = "#e5a800";
	document.getElementById("amenidadestexto3").style.color = "#ffffff";
	document.getElementById("amenidadestexto4").style.color = "#ffffff";
	document.getElementById("amenidadestexto5").style.color = "#ffffff";
	document.getElementById("amenidadestexto6").style.color = "#ffffff";
	document.getElementById("amenidadestexto7").style.color = "#ffffff";
	document.getElementById("amenidadestexto8").style.color = "#ffffff";
	document.getElementById("amenidadestexto9").style.color = "#ffffff";
	document.getElementById("amenidadestexto10").style.color = "#ffffff";
	document.getElementById("amenidadestexto11").style.color = "#ffffff";
	
	document.getElementById("amenidades1").src = "img/7Amenidades/1_Amenidades.png";
	document.getElementById("amenidades2").src = "img/7Amenidades/Amarillo-Seleccion/2_Amenidades.png";
	document.getElementById("amenidades3").src = "img/7Amenidades/3_Amenidades.png";
	document.getElementById("amenidades4").src = "img/7Amenidades/4_Amenidades.png";
	document.getElementById("amenidades5").src = "img/7Amenidades/5_Amenidades.png";
	document.getElementById("amenidades6").src = "img/7Amenidades/6_Amenidades.png";
	document.getElementById("amenidades7").src = "img/7Amenidades/7_Amenidades.png";
	document.getElementById("amenidades8").src = "img/7Amenidades/8_Amenidades.png";
	document.getElementById("amenidades9").src = "img/7Amenidades/9_Amenidades.png";
	document.getElementById("amenidades10").src = "img/7Amenidades/10_Amenidades.png";
	document.getElementById("amenidades11").src = "img/7Amenidades/11_Amenidades.png";	

	document.getElementById("imagenAmenidades").src="img/7Amenidades/Fotos/2_Plazas.jpg";	
}
function amenidades3(){
	document.getElementById("amenidadestexto1").style.color = "#ffffff";
	document.getElementById("amenidadestexto2").style.color = "#ffffff";
	document.getElementById("amenidadestexto3").style.color = "#e5a800";
	document.getElementById("amenidadestexto4").style.color = "#ffffff";
	document.getElementById("amenidadestexto5").style.color = "#ffffff";
	document.getElementById("amenidadestexto6").style.color = "#ffffff";
	document.getElementById("amenidadestexto7").style.color = "#ffffff";
	document.getElementById("amenidadestexto8").style.color = "#ffffff";
	document.getElementById("amenidadestexto9").style.color = "#ffffff";
	document.getElementById("amenidadestexto10").style.color = "#ffffff";
	document.getElementById("amenidadestexto11").style.color = "#ffffff";
	
	document.getElementById("amenidades1").src = "img/7Amenidades/1_Amenidades.png";
	document.getElementById("amenidades2").src = "img/7Amenidades/2_Amenidades.png";
	document.getElementById("amenidades3").src = "img/7Amenidades/Amarillo-Seleccion/3_Amenidades.png";
	document.getElementById("amenidades4").src = "img/7Amenidades/4_Amenidades.png";
	document.getElementById("amenidades5").src = "img/7Amenidades/5_Amenidades.png";
	document.getElementById("amenidades6").src = "img/7Amenidades/6_Amenidades.png";
	document.getElementById("amenidades7").src = "img/7Amenidades/7_Amenidades.png";
	document.getElementById("amenidades8").src = "img/7Amenidades/8_Amenidades.png";
	document.getElementById("amenidades9").src = "img/7Amenidades/9_Amenidades.png";
	document.getElementById("amenidades10").src = "img/7Amenidades/10_Amenidades.png";
	document.getElementById("amenidades11").src = "img/7Amenidades/11_Amenidades.png";	

	document.getElementById("imagenAmenidades").src="img/7Amenidades/Fotos/3_Juegos.jpg";	
}
function amenidades4(){
	document.getElementById("amenidadestexto1").style.color = "#ffffff";
	document.getElementById("amenidadestexto2").style.color = "#ffffff";
	document.getElementById("amenidadestexto3").style.color = "#ffffff";
	document.getElementById("amenidadestexto4").style.color = "#e5a800";
	document.getElementById("amenidadestexto5").style.color = "#ffffff";
	document.getElementById("amenidadestexto6").style.color = "#ffffff";
	document.getElementById("amenidadestexto7").style.color = "#ffffff";
	document.getElementById("amenidadestexto8").style.color = "#ffffff";
	document.getElementById("amenidadestexto9").style.color = "#ffffff";
	document.getElementById("amenidadestexto10").style.color = "#ffffff";
	document.getElementById("amenidadestexto11").style.color = "#ffffff";
	
	document.getElementById("amenidades1").src = "img/7Amenidades/1_Amenidades.png";
	document.getElementById("amenidades2").src = "img/7Amenidades/2_Amenidades.png";
	document.getElementById("amenidades3").src = "img/7Amenidades/3_Amenidades.png";
	document.getElementById("amenidades4").src = "img/7Amenidades/Amarillo-Seleccion/4_Amenidades.png";
	document.getElementById("amenidades5").src = "img/7Amenidades/5_Amenidades.png";
	document.getElementById("amenidades6").src = "img/7Amenidades/6_Amenidades.png";
	document.getElementById("amenidades7").src = "img/7Amenidades/7_Amenidades.png";
	document.getElementById("amenidades8").src = "img/7Amenidades/8_Amenidades.png";
	document.getElementById("amenidades9").src = "img/7Amenidades/9_Amenidades.png";
	document.getElementById("amenidades10").src = "img/7Amenidades/10_Amenidades.png";
	document.getElementById("amenidades11").src = "img/7Amenidades/11_Amenidades.png";	

	document.getElementById("imagenAmenidades").src="img/7Amenidades/Fotos/4_Arquitectura.jpg";	
}
function amenidades5(){
	document.getElementById("amenidadestexto1").style.color = "#ffffff";
	document.getElementById("amenidadestexto2").style.color = "#ffffff";
	document.getElementById("amenidadestexto3").style.color = "#ffffff";
	document.getElementById("amenidadestexto4").style.color = "#ffffff";
	document.getElementById("amenidadestexto5").style.color = "#e5a800";
	document.getElementById("amenidadestexto6").style.color = "#ffffff";
	document.getElementById("amenidadestexto7").style.color = "#ffffff";
	document.getElementById("amenidadestexto8").style.color = "#ffffff";
	document.getElementById("amenidadestexto9").style.color = "#ffffff";
	document.getElementById("amenidadestexto10").style.color = "#ffffff";
	document.getElementById("amenidadestexto11").style.color = "#ffffff";
	
	document.getElementById("amenidades1").src = "img/7Amenidades/1_Amenidades.png";
	document.getElementById("amenidades2").src = "img/7Amenidades/2_Amenidades.png";
	document.getElementById("amenidades3").src = "img/7Amenidades/3_Amenidades.png";
	document.getElementById("amenidades4").src = "img/7Amenidades/4_Amenidades.png";
	document.getElementById("amenidades5").src = "img/7Amenidades/Amarillo-Seleccion/5_Amenidades.png";
	document.getElementById("amenidades6").src = "img/7Amenidades/6_Amenidades.png";
	document.getElementById("amenidades7").src = "img/7Amenidades/7_Amenidades.png";
	document.getElementById("amenidades8").src = "img/7Amenidades/8_Amenidades.png";
	document.getElementById("amenidades9").src = "img/7Amenidades/9_Amenidades.png";
	document.getElementById("amenidades10").src = "img/7Amenidades/10_Amenidades.png";
	document.getElementById("amenidades11").src = "img/7Amenidades/11_Amenidades.png";		

	document.getElementById("imagenAmenidades").src="img/7Amenidades/Fotos/5_AreasVerdes.jpg";
}
function amenidades6(){
	document.getElementById("amenidadestexto1").style.color = "#ffffff";
	document.getElementById("amenidadestexto2").style.color = "#ffffff";
	document.getElementById("amenidadestexto3").style.color = "#ffffff";
	document.getElementById("amenidadestexto4").style.color = "#ffffff";
	document.getElementById("amenidadestexto5").style.color = "#ffffff";
	document.getElementById("amenidadestexto6").style.color = "#e5a800";
	document.getElementById("amenidadestexto7").style.color = "#ffffff";
	document.getElementById("amenidadestexto8").style.color = "#ffffff";
	document.getElementById("amenidadestexto9").style.color = "#ffffff";
	document.getElementById("amenidadestexto10").style.color = "#ffffff";
	document.getElementById("amenidadestexto11").style.color = "#ffffff";
	
	document.getElementById("amenidades1").src = "img/7Amenidades/1_Amenidades.png";
	document.getElementById("amenidades2").src = "img/7Amenidades/2_Amenidades.png";
	document.getElementById("amenidades3").src = "img/7Amenidades/3_Amenidades.png";
	document.getElementById("amenidades4").src = "img/7Amenidades/4_Amenidades.png";
	document.getElementById("amenidades5").src = "img/7Amenidades/5_Amenidades.png";
	document.getElementById("amenidades6").src = "img/7Amenidades/Amarillo-Seleccion/6_Amenidades.png";
	document.getElementById("amenidades7").src = "img/7Amenidades/7_Amenidades.png";
	document.getElementById("amenidades8").src = "img/7Amenidades/8_Amenidades.png";
	document.getElementById("amenidades9").src = "img/7Amenidades/9_Amenidades.png";
	document.getElementById("amenidades10").src = "img/7Amenidades/10_Amenidades.png";
	document.getElementById("amenidades11").src = "img/7Amenidades/11_Amenidades.png";	

	document.getElementById("imagenAmenidades").src="img/7Amenidades/Fotos/6_ParqueMascotas.jpg";	
}
function amenidades7(){
	document.getElementById("amenidadestexto1").style.color = "#ffffff";
	document.getElementById("amenidadestexto2").style.color = "#ffffff";
	document.getElementById("amenidadestexto3").style.color = "#ffffff";
	document.getElementById("amenidadestexto4").style.color = "#ffffff";
	document.getElementById("amenidadestexto5").style.color = "#ffffff";
	document.getElementById("amenidadestexto6").style.color = "#ffffff";
	document.getElementById("amenidadestexto7").style.color = "#e5a800";
	document.getElementById("amenidadestexto8").style.color = "#ffffff";
	document.getElementById("amenidadestexto9").style.color = "#ffffff";
	document.getElementById("amenidadestexto10").style.color = "#ffffff";
	document.getElementById("amenidadestexto11").style.color = "#ffffff";
	
	document.getElementById("amenidades1").src = "img/7Amenidades/1_Amenidades.png";
	document.getElementById("amenidades2").src = "img/7Amenidades/2_Amenidades.png";
	document.getElementById("amenidades3").src = "img/7Amenidades/3_Amenidades.png";
	document.getElementById("amenidades4").src = "img/7Amenidades/4_Amenidades.png";
	document.getElementById("amenidades5").src = "img/7Amenidades/5_Amenidades.png";
	document.getElementById("amenidades6").src = "img/7Amenidades/6_Amenidades.png";
	document.getElementById("amenidades7").src = "img/7Amenidades/Amarillo-Seleccion/7_Amenidades.png";
	document.getElementById("amenidades8").src = "img/7Amenidades/8_Amenidades.png";
	document.getElementById("amenidades9").src = "img/7Amenidades/9_Amenidades.png";
	document.getElementById("amenidades10").src = "img/7Amenidades/10_Amenidades.png";
	document.getElementById("amenidades11").src = "img/7Amenidades/11_Amenidades.png";	

	document.getElementById("imagenAmenidades").src="img/7Amenidades/Fotos/7_Canchas.jpg";	
}
function amenidades8(){
	document.getElementById("amenidadestexto1").style.color = "#ffffff";
	document.getElementById("amenidadestexto2").style.color = "#ffffff";
	document.getElementById("amenidadestexto3").style.color = "#ffffff";
	document.getElementById("amenidadestexto4").style.color = "#ffffff";
	document.getElementById("amenidadestexto5").style.color = "#ffffff";
	document.getElementById("amenidadestexto6").style.color = "#ffffff";
	document.getElementById("amenidadestexto7").style.color = "#ffffff";
	document.getElementById("amenidadestexto8").style.color = "#e5a800";
	document.getElementById("amenidadestexto9").style.color = "#ffffff";
	document.getElementById("amenidadestexto10").style.color = "#ffffff";
	document.getElementById("amenidadestexto11").style.color = "#ffffff";
	
	document.getElementById("amenidades1").src = "img/7Amenidades/1_Amenidades.png";
	document.getElementById("amenidades2").src = "img/7Amenidades/2_Amenidades.png";
	document.getElementById("amenidades3").src = "img/7Amenidades/3_Amenidades.png";
	document.getElementById("amenidades4").src = "img/7Amenidades/4_Amenidades.png";
	document.getElementById("amenidades5").src = "img/7Amenidades/5_Amenidades.png";
	document.getElementById("amenidades6").src = "img/7Amenidades/6_Amenidades.png";
	document.getElementById("amenidades7").src = "img/7Amenidades/7_Amenidades.png";
	document.getElementById("amenidades8").src = "img/7Amenidades/Amarillo-Seleccion/8_Amenidades.png";
	document.getElementById("amenidades9").src = "img/7Amenidades/9_Amenidades.png";
	document.getElementById("amenidades10").src = "img/7Amenidades/10_Amenidades.png";
	document.getElementById("amenidades11").src = "img/7Amenidades/11_Amenidades.png";	

	document.getElementById("imagenAmenidades").src="img/7Amenidades/Fotos/8_Gym.jpg";	
}
function amenidades9(){
	document.getElementById("amenidadestexto1").style.color = "#ffffff";
	document.getElementById("amenidadestexto2").style.color = "#ffffff";
	document.getElementById("amenidadestexto3").style.color = "#ffffff";
	document.getElementById("amenidadestexto4").style.color = "#ffffff";
	document.getElementById("amenidadestexto5").style.color = "#ffffff";
	document.getElementById("amenidadestexto6").style.color = "#ffffff";
	document.getElementById("amenidadestexto7").style.color = "#ffffff";
	document.getElementById("amenidadestexto8").style.color = "#ffffff";
	document.getElementById("amenidadestexto9").style.color = "#e5a800";
	document.getElementById("amenidadestexto10").style.color = "#ffffff";
	document.getElementById("amenidadestexto11").style.color = "#ffffff";
	
	document.getElementById("amenidades1").src = "img/7Amenidades/1_Amenidades.png";
	document.getElementById("amenidades2").src = "img/7Amenidades/2_Amenidades.png";
	document.getElementById("amenidades3").src = "img/7Amenidades/3_Amenidades.png";
	document.getElementById("amenidades4").src = "img/7Amenidades/4_Amenidades.png";
	document.getElementById("amenidades5").src = "img/7Amenidades/5_Amenidades.png";
	document.getElementById("amenidades6").src = "img/7Amenidades/6_Amenidades.png";
	document.getElementById("amenidades7").src = "img/7Amenidades/7_Amenidades.png";
	document.getElementById("amenidades8").src = "img/7Amenidades/8_Amenidades.png";
	document.getElementById("amenidades9").src = "img/7Amenidades/Amarillo-Seleccion/9_Amenidades.png";
	document.getElementById("amenidades10").src = "img/7Amenidades/10_Amenidades.png";
	document.getElementById("amenidades11").src = "img/7Amenidades/11_Amenidades.png";	

	document.getElementById("imagenAmenidades").src="img/7Amenidades/Fotos/9_Camellones.jpg";
}
function amenidades10(){
	document.getElementById("amenidadestexto1").style.color = "#ffffff";
	document.getElementById("amenidadestexto2").style.color = "#ffffff";
	document.getElementById("amenidadestexto3").style.color = "#ffffff";
	document.getElementById("amenidadestexto4").style.color = "#ffffff";
	document.getElementById("amenidadestexto5").style.color = "#ffffff";
	document.getElementById("amenidadestexto6").style.color = "#ffffff";
	document.getElementById("amenidadestexto7").style.color = "#ffffff";
	document.getElementById("amenidadestexto8").style.color = "#ffffff";
	document.getElementById("amenidadestexto9").style.color = "#ffffff";
	document.getElementById("amenidadestexto10").style.color = "#e5a800";
	document.getElementById("amenidadestexto11").style.color = "#ffffff";
	
	document.getElementById("amenidades1").src = "img/7Amenidades/1_Amenidades.png";
	document.getElementById("amenidades2").src = "img/7Amenidades/2_Amenidades.png";
	document.getElementById("amenidades3").src = "img/7Amenidades/3_Amenidades.png";
	document.getElementById("amenidades4").src = "img/7Amenidades/4_Amenidades.png";
	document.getElementById("amenidades5").src = "img/7Amenidades/5_Amenidades.png";
	document.getElementById("amenidades6").src = "img/7Amenidades/6_Amenidades.png";
	document.getElementById("amenidades7").src = "img/7Amenidades/7_Amenidades.png";
	document.getElementById("amenidades8").src = "img/7Amenidades/8_Amenidades.png";
	document.getElementById("amenidades9").src = "img/7Amenidades/9_Amenidades.png";
	document.getElementById("amenidades10").src = "img/7Amenidades/Amarillo-Seleccion/10_Amenidades.png";
	document.getElementById("amenidades11").src = "img/7Amenidades/11_Amenidades.png";	

	document.getElementById("imagenAmenidades").src="img/7Amenidades/Fotos/10_Picnic.jpg";	
}
function amenidades11(){
	document.getElementById("amenidadestexto1").style.color = "#ffffff";
	document.getElementById("amenidadestexto2").style.color = "#ffffff";
	document.getElementById("amenidadestexto3").style.color = "#ffffff";
	document.getElementById("amenidadestexto4").style.color = "#ffffff";
	document.getElementById("amenidadestexto5").style.color = "#ffffff";
	document.getElementById("amenidadestexto6").style.color = "#ffffff";
	document.getElementById("amenidadestexto7").style.color = "#ffffff";
	document.getElementById("amenidadestexto8").style.color = "#ffffff";
	document.getElementById("amenidadestexto9").style.color = "#ffffff";
	document.getElementById("amenidadestexto10").style.color = "#ffffff";
	document.getElementById("amenidadestexto11").style.color = "#e5a800";
	
	document.getElementById("amenidades1").src = "img/7Amenidades/1_Amenidades.png";
	document.getElementById("amenidades2").src = "img/7Amenidades/2_Amenidades.png";
	document.getElementById("amenidades3").src = "img/7Amenidades/3_Amenidades.png";
	document.getElementById("amenidades4").src = "img/7Amenidades/4_Amenidades.png";
	document.getElementById("amenidades5").src = "img/7Amenidades/5_Amenidades.png";
	document.getElementById("amenidades6").src = "img/7Amenidades/6_Amenidades.png";
	document.getElementById("amenidades7").src = "img/7Amenidades/7_Amenidades.png";
	document.getElementById("amenidades8").src = "img/7Amenidades/8_Amenidades.png";
	document.getElementById("amenidades9").src = "img/7Amenidades/9_Amenidades.png";
	document.getElementById("amenidades10").src = "img/7Amenidades/10_Amenidades.png";
	document.getElementById("amenidades11").src = "img/7Amenidades/Amarillo-Seleccion/11_Amenidades.png";

	document.getElementById("imagenAmenidades").src="img/7Amenidades/Fotos/12_Vistas.jpg";	
}
</script>



<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/waypoints.min.js"></script>
    <script type="text/javascript">
    jQuery(function($) {

/*----------------left------------------*/

        $('.izq').waypoint(function() {
			
            $(this).toggleClass( 'bounceInLeft animated' );
        },
        {
            offset: '70%',
            triggerOnce: true
        });

/*----------------left------------------*/

/*----------------abajo------------------*/
 
 $('.abajo').waypoint(function() {
            $(this).toggleClass( 'bounceInUp animated' );
        },
        {
            offset: '70%',
            triggerOnce: true
        });

/*----------------abajo------------------*/


/*----------------derecha------------------*/
 
 $('.der').waypoint(function() {
            $(this).toggleClass( 'bounceInRight animated' );
        },
        {
            offset: '70%',
            triggerOnce: true
        });

/*----------------derecha------------------*/


    });
    </script>
<!-- animate -->




	<!-- jQuery -->
	<script src="js/jquery.min.js"></script>
	<!-- jQuery Easing -->
	<script src="js/jquery.easing.1.3.js"></script>
	<!-- Bootstrap -->
	<script src="js/bootstrap.min.js"></script>
	<!-- Waypoints -->
	<script src="js/jquery.waypoints.min.js"></script>
	<!-- Stellar -->
	<script src="js/jquery.stellar.min.js"></script>
	<!-- Magnific Popup -->
	<script src="js/jquery.magnific-popup.min.js"></script>
	<script src="js/magnific-popup-options.js"></script>
	<!-- Main -->
	<script src="js/main.js"></script>
	
	</body>
</html>

Zerion Mini Shell 1.0