/*RESET*/
@charset "utf-8";a{text-decoration:none}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}




/*GENERALES*/
body { margin:0px; background-color:#FFF; overflow-x: hidden}
p, b, a, i, u, h1, h2, h3, h4, h5, h6, ul ,li, input, textarea, select, span { font-family: 'Lora', serif; font-family: 'Rubik', sans-serif;  text-align: justify;}
b { font-weight:700}
.clear0 { clear:both; height:0px}
.clear10 { clear:both; height:10px}
.clear20 { clear:both; height:20px}
.clear30 { clear:both; height:30px}
.clear40 { clear:both; height:40px}
.clear50 { clear:both; height:50px}
::selection {color:#CCC;background:#444;}
::-moz-selection {color:#EEE;background:#444;}
*:focus { outline:none}


.opTodo { display: none}


header { width: 100%; position: fixed; height: 86px; background-color: #FFF; top: 0px; left: 0px; z-index: 999;
-moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
header .logo { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); height: 74px; cursor: pointer;
-moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;
}
header .menuIzq { width: 50%; position: absolute; height: auto; top: 43%; transform: translate(-160px,-0%); left: 0px;
-moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
header .menuIzq li { float:right; margin-left: 40px; position: relative; cursor: pointer}
header .menuIzq li p { font-family: 'Roboto Slab', serif; padding: 0px 5px; font-size: 16px; font-weight: 300;
-moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
header .menuIzq li .raya { width: 0%; height: 2px; background-color: #66a0a1; position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%);
-moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
header .menuIzq li:hover .raya { width: 100%;
-moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
header .menuDer { width: 50%; position: absolute; height: 30px; top: 43%; transform: translate(160px,-0%); right: 0px;}
header .menuDer li { float: left; margin-right: 40px; position: relative; cursor: pointer}
header .menuDer li p { font-family: 'Roboto Slab', serif; padding: 0px 5px; font-size: 16px; font-weight: 300;
-moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
header .menuDer li .raya { width: 0%; height: 2px; background-color: #66a0a1; position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%);
-moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
header .menuDer li:hover .raya { width: 100%}

.icMenu { width: 40px; height: 40px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); background-image: url(../img/menu.png); cursor: pointer; display: none}


.show-menu { height: 50px;}
.show-menu .logo { height: 44px;}
.show-menu .menuIzq { top: 35%;}
.show-menu .menuDer { top: 35%;}
.show-menu .menuIzq li p { font-size: 14px;}
.show-menu .menuDer li p { font-size: 14px;}


.lighMenu { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(256,256,256,0.7); z-index: 99999; display: none}
.lighMenu .izq { position: absolute; top: 0; bottom: 0; left: 0; right: 350px}
.lighMenu .der { width: 350px; height: 100%; position: absolute; right: -350px; top: 0; background-color: #262424}
.lighMenu .der .cerrar { width: 40px; position: absolute; top: 20px; right: 20px; opacity: 0.6; cursor: pointer;
 -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.lighMenu .der .cerrar:hover { opacity: 1}
.lighMenu .der .listaMenu { top: 100px; width: 80%; left: 10%; position: absolute }
.lighMenu .der .listaMenu li { width: 100%; border-bottom: 1px solid #545454; cursor: pointer}
.lighMenu .der .listaMenu li p { color: #FFF; font-size: 18px; padding: 13px 0px; font-weight: 300;
 -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.lighMenu .der .listaMenu li:hover p { padding-left: 6px}




.lighContacto { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,0.7); z-index: 99999; display: none}
.lighContacto .in { position: absolute; width: 360px; height: auto; left: 50%; top: 80%; transform: translate(-50%,-50%); background-color: #FFF; padding: 40px 50px; text-align: center; opacity: 0;
-webkit-box-shadow: 0px 0px 38px -4px rgba(0,0,0,0.73);
-moz-box-shadow: 0px 0px 38px -4px rgba(0,0,0,0.73);
box-shadow: 0px 0px 38px -4px rgba(0,0,0,0.73);}
.lighContacto .in .logoC { width: auto; margin-bottom: 30px; margin-top: 10px;}
.lighContacto .in .campo { width: 100%; border: none; border-bottom: 1px solid #CCC; font-size: 18px; font-weight: 300; padding-bottom: 3px; margin-bottom: 30px;}
.lighContacto .in .eltext {width: 98%; border: none; border-bottom: 1px solid #CCC; font-size: 18px; font-weight: 300; margin-bottom: 20px; height: 100px; resize: none;}
.lighContacto .in .mandale { color: #FFF; background-color: #b2b133; width: 100%; padding: 12px; font-weight: bold; border: none;
 -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.lighContacto .in  .cerrar { width: 40px; position: absolute; top: 10px; right: 10px; opacity: 0.7; cursor: pointer;
 -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.lighContacto .in .mandale:hover { background-color: #b2b133;}
.lighContacto .in  .cerrar:hover { opacity: 1}



.slider1 { margin-top: 86px; position: relative; background-color: #EEE; width: 100%; height: 560px;}
.slider1 .cu { width: 100%; height: 560px; position: relative; overflow: hidden}
.slider1 .cu img { width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

.slider2 { margin-top: 86px; position: relative; background-color: #EEE; width: 100%; height: auto; display: none !important}
.slider2 .cu { width: 100%; height: auto; position: relative; overflow: hidden}
.slider2 .cu img { width: 100%; height: auto}
.slider2 .slick-slide img {    display: block;    width: 100%;}



.cont1 { width: 900px; height: 470px; margin: 80px auto; position: relative}
.cont1 .contFoto { width: 740px; height:470px;  position: absolute; right: 0px; top: 0px; z-index: 2}
.cont1 .contFoto img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%;}
.cont1 .contTxt { position: absolute; left: 0px; top: 50%; transform: translateY(-50%); z-index: 99}
.cont1 .contTxt h3 { color: #323232; font-size: 58px; font-weight: bolder; line-height: 60px}
.cont1 .contTxt h3 span { font-weight: 300; font-size: 48px}
.cont1 .contTxt p.inst { color: #323232; font-size: 8px; font-weight: bold; letter-spacing: 2px; width: 84px; text-align: center; margin-top: 10px;}
.cont1 .botVideo { width: 84px; height: 84px; margin-top: 30px; border: 2px solid #333; background-image: url(../img/play.png); background-repeat: no-repeat; background-position:  center center; overflow: hidden; position: relative; cursor: pointer;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;}
.cont1 .botVideo .fondo { width: 0px; height: 0px; background-color: #323232; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); overflow: hidden;
-moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;
-webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;}
.cont1 .botVideo .fondo img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); opacity: 0;
-moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.cont1 .botVideo:hover .fondo { width: 80px; height: 80px;}
.cont1 .botVideo:hover .fondo img { opacity: 1;
-moz-transition:all 0.25s ease 0.3s;
    -o-transition:all 0.25s ease 0.3s;
    -ms-transition:all 0.25s ease 0.3s;
    -webkit-transition:all 0.25s ease 0.3s;}
.cont1 .borde { width: 740px; height: 470px; position: absolute; right: -8px; top: 8px;border: 1px solid #b2b133; z-index: 1;}

.scroll-img {	width: 100%;    height: 500px;	min-width: 250px;	min-height: 250px;	background-size: cover;}

.cont1 .fotoMob { display: none}





.desarrollo { width: 100%; height: auto; padding: 110px 0px; background-image: url(../img/plano.jpg); overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.desarrollo .cont { width: 1100px; height: auto; margin: auto;}
.desarrollo .cont .fondo { background-color: #FFF; padding: 35px; max-width: 460px;
-webkit-box-shadow: 8px 8px 0px -1px rgba(115,115,115,0.2);
-moz-box-shadow: 8px 8px 0px -1px rgba(115,115,115,0.2);
box-shadow: 8px 8px 0px -1px rgba(115,115,115,0.2);
-o-box-shadow: 8px 8px 0px -1px rgba(115,115,115,0.2);
}
.desarrollo .cont .fondo .titu { color: #58737e; font-family: 'Roboto Slab', serif;  font-size: 40px; margin-bottom: 15px; }
.desarrollo .cont .fondo .desc { font-weight: 300; font-size: 15px;  line-height: 25px; line-height: 24px;}
.desarrollo .cont .fondo .desc b { font-weight: 500;}
.desarrollo .cont .fondo .desc u { font-weight: 400;}

.desarrollo .bot { width: 100px; height: 30px; float: left; margin-top: 18px; position: relative; padding-right: 25px; cursor: pointer; -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.desarrollo .bot .p1 { color: #888; font-size: 13px; position: absolute; left: 15px; top: 9px; width: 100px; display: block; z-index: 10}
.desarrollo .bot .flecha { position: absolute; right: 14px; top: 9px; z-index: 10; width: 14px; opacity: 0.6;
-moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.desarrollo .bot .fonde { background-color: #dfdacd; width: 30px; height: 30px; position: absolute; left: 0px; top: 0px; z-index: 1; -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px; -moz-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -webkit-transition:all 0.4s ease 0s;}
.desarrollo .bot:hover { width: 110px;}
.desarrollo .bot:hover .p1 { color: #444;}
.desarrollo .bot:hover .fonde { width: 100%}
.desarrollo .bot:hover .flecha { opacity: 1}




.historia { width: 90%; max-width: 1200px; height: auto; margin: 90px auto;}
.historia .bajada {    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    margin-top: 10px; margin-bottom:25px;
    color: #4b4b4b;}
.historia h3 { font-size: 36px; padding-bottom: 14px; color: #58737e;font-family: 'Roboto Slab', serif; }
.historia .izq { width: 600px; float: left; height: auto; background-color: #EEE}
.historia .izq .slider2 { width: 100%; }
.historia .izq .slider2 img { width: 100%;}
.historia .der { width: 560px; height: auto; float: right}
.historia .der .lin1 { font-size: 16px; line-height: 26px; font-weight: 700; border-left: 3px solid #b2b133; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; color: #4b4b4b; margin-top: 13px;}
.historia .der .lin2 { font-size: 16px; font-weight: 300; line-height: 29px; margin-top: 25px; color: #4b4b4b}
.slider4 .slick-slide img {   width: 100%;}






.paisa2 { width: 100%; height: auto; ;background-color: #edeae3; display: flex; justify-content: center; flex-wrap: wrap; padding: 80px 0px; position: relative;}
.paisa2 .escudo { position: absolute; top: 0; left: 50%; transform: translate(0%,-50%);}
.paisa2 h3 { font-size: 36px; line-height: 43px; margin-bottom: 15px; margin-top: 15px; color: #58737e;font-family: 'Roboto Slab', serif; width: 100%; text-align: left; }
.paisa2 .bajada { color: #252525; font-size: 18px; line-height: 26px; font-weight: 300; margin-bottom: 35px;}
.paisa2 .izq { width: 50%; float: left; height: auto; }
.paisa2 .izq .slider2 { width: 100%; }
.paisa2 .izq .slider2 img { width: 100%;}
.paisa2 .der { width: 40%; height: auto; margin-left: 40px;}
.paisa2 .der .lin1 { font-size: 16px; line-height: 26px; font-weight: 700; border-left: 3px solid #b2b133; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; color: #4b4b4b; margin-top: 13px;}
.paisa2 .der .lin2 { font-size: 16px; font-weight: 300; line-height: 29px; margin-top: 25px; color: #4b4b4b}
.paisa2 .slick-slide img {   width: 100%;}








.cont-2col { display: flex; width: 90%; margin: auto;} 
.historia2 { width: 1000px; height: auto; margin: 90px 30px}
.historia2 h3 { font-size: 40px; padding-bottom: 14px; color: #58737e;font-family: 'Roboto Slab', serif; letter-spacing: 1px;}
.historia2 .bajada { color: #252525; font-size: 19px; line-height: 27px; font-weight: 300; margin-bottom: 35px; }
.historia2 .izq { width: 480px; float: left; height: 330px; background-color: #EEE}
.historia2 .izq .slider2 { width: 100%; }
.historia2 .izq .slider2 img { width: 100%;}
.historia2 .der { width: 480px; height: auto; float: right}
.historia2 .der .lin1 { font-size: 16px; line-height: 26px; font-weight: 700; border-left: 3px solid #b2b133; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; color: #4b4b4b; margin-top: 13px;}
.historia2 .der .lin2 { font-size: 16px; font-weight: 300; line-height: 26px; margin-top: 25px; color: #4b4b4b}


.fotoSep { width: 100%; height: 450px; background-image: url(../img/fotoSeparador.jpg); background-size: 100% auto ; background-repeat: no-repeat; background-position: center center;}


.amenities { width: 1000px; height: auto; margin: 90px auto; display: flex; margin-bottom: 75px;}
.amenities .izq { width: 320px; float: left; height: 500px; position: relative;}
.amenities .izq .foto { width: 360px; height: auto; position: absolute; left: 50%; transform: translateX(-50%); z-index: 10}
.amenities .izq .borde { position: absolute; border: 1px solid #b2b133; width: 120%; height: 72%; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1}
.amenities .der { flex: 1; padding-left: 80px; height: auto; float: right}
.amenities .der h3 { font-size: 40px; padding-bottom: 20px;  color: #58737e;font-family: 'Roboto Slab', serif;  margin-top: 30px;}
.amenities .der .lin2 { font-size: 16px; font-weight: 300; line-height: 26px; color: #4b4b4b}
.listaAmenities { width: 100%; height: auto; margin-bottom: 15px; }
.listaAmenities li { margin-right: 20px; width: 180px; float: left; margin-bottom: 10px;}
.listaAmenities li .icono { float: left; margin-right: 9px;}
.listaAmenities li p { float: left; font-family: 'Lora', serif; color: #252525; width: 100px; font-size: 18px; line-height: 20px; padding-top: 7px;}
.listaAmenities li p span {font-family: 'Lora', serif; font-size: 22px; font-weight: bold;}




.nuevop { font-size: 16px; font-weight: 300; line-height: 26px; color: #4b4b4b;  width: 1000px; margin: auto; margin-bottom: 100px;}



.paisajismo { width: 100%; height: auto; padding: 80px 0px; background-color: #edeae3; position: relative }
.paisajismo .escudo { position: absolute; left: 50%; transform: translateX(-50%); top: -26px;}
.paisajismo .in { width: 1200px; margin: auto; height: 504px;  position: relative}
.paisajismo .in .izq { width: 750px; height: 504px; float: left; position: relative}
.paisajismo .in .izq .slider3 { position: absolute; top: 0px; left: 0px; z-index: 10;  width: 750px; height: 504px; overflow: hidden}
.paisajismo .in .izq .slider3 img { width: 100%}
.paisajismo .in .izq .borde { width: 750px; height: 504px; border: 1px solid #b2b133; position: absolute; top: 6px; left: 6px; z-index: 1;}
.paisajismo .in .cont { position: absolute; right: 0px; bottom: 30px; width: 460px; height: auto; background-color: #FFF; z-index: 11; padding: 30px 26px;
-webkit-box-shadow: 8px 8px 0px -1px rgba(115,115,115,0.12);
-moz-box-shadow: 8px 8px 0px -1px rgba(115,115,115,0.12);
box-shadow: 8px 8px 0px -1px rgba(115,115,115,0.12);
-o-box-shadow: 8px 8px 0px -1px rgba(115,115,115,0.12);}
.paisajismo .in .cont h3 { font-size: 35px; line-height: 42px; padding-bottom: 10px;  color: #58737e;font-family: 'Roboto Slab', serif; }
.paisajismo .in .cont .lin1 { font-size: 14px; font-weight: 300; line-height: 21px; color: #3e3e3e}






.ubicacion { width: 1100px; height: auto; margin: auto; margin-top: 70px;}
.ubicacion .izq { width: 500px; float: left;}
.ubicacion .izq h3 { font-size: 45px; padding-bottom: 14px; color: #58737e;font-family: 'Roboto Slab', serif; margin-top: 25px; }
.ubicacion .izq .lin1 { font-size: 16px; font-weight: 300; line-height: 28px; color: #3e3e3e}
.ubicacion .mapa { width: 540px; height: 290px; float: right; 
-webkit-box-shadow: 8px 8px 0px -1px rgba(0,0,0,0.11);
-moz-box-shadow: 8px 8px 0px -1px rgba(0,0,0,0.11);
box-shadow: 8px 8px 0px -1px rgba(0,0,0,0.11);
-o-box-shadow: 8px 8px 0px -1px rgba(0,0,0,0.11);}
.ubicacion .mapa  iframe { width: 100%; height: 100%}

.ubicacion .bot { width: 170px; height: 30px; float: left; margin-top: 22px; position: relative; padding-right: 25px; cursor: pointer; -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.ubicacion .bot .p1 { color: #888; font-size: 13px; position: absolute; left: 15px; top: 9px; width: 140px; display: block; z-index: 10}
.ubicacion .bot .flecha { position: absolute; right: 14px; top: 9px; z-index: 10; width: 14px; opacity: 0.6;
-moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.ubicacion .bot .fonde { background-color: #dfdacd; width: 30px; height: 30px; position: absolute; left: 0px; top: 0px; z-index: 1; -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px; -moz-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -webkit-transition:all 0.4s ease 0s;}
.ubicacion .bot:hover { width: 180px;}
.ubicacion .bot:hover .p1 { color: #444;}
.ubicacion .bot:hover .fonde { width: 100%}
.ubicacion .bot:hover .flecha { opacity: 1}


.separador { width: 960px; height: 1px;  background-color: #b2b133; margin: 60px auto; opacity: 0.5 }



.bloqueInfo { width: 960px; height: auto; margin: auto; }
.bloqueInfo .izq { width: 450px; float: left;}
.bloqueInfo .izq .mra { margin-bottom: 15px; }
.bloqueInfo .izq .lin1 { font-size: 14px; font-weight: 300; line-height: 24px; color: #3e3e3e}
.bloqueInfo .der { width: 450px; height: 290px; float: right; }
.bloqueInfo .der h3 { font-size: 27px; padding-bottom: 14px; color: #4f4f4f; font-family: 'Lora', serif; padding-top: 12px; margin-bottom: 15px; }
.bloqueInfo .der .logo {l float: left; margin-right: 30px;}

.bloqueInfo .bot { width: 152px; height: 30px; float: left; margin-top: 22px; position: relative; padding-right: 25px; cursor: pointer; -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.bloqueInfo .bot .p1 { color: #888; font-size: 13px; position: absolute; left: 15px; top: 9px; width: 140px; display: block; z-index: 10}
.bloqueInfo .bot .flecha { position: absolute; right: 14px; top: 9px; z-index: 10; width: 14px; opacity: 0.6;
-moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.bloqueInfo .bot .fonde { background-color: #dfdacd; width: 30px; height: 30px; position: absolute; left: 0px; top: 0px; z-index: 1; -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px; -moz-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -webkit-transition:all 0.4s ease 0s;}
.bloqueInfo .bot:hover { width: 162px;}
.bloqueInfo .bot:hover .p1 { color: #444;}
.bloqueInfo .bot:hover .fonde { width: 100%}
.bloqueInfo .bot:hover .flecha { opacity: 1}


footer { background-color: #222; width: 100%; height: auto; padding: 25px 0px; margin-top: 80px;}
footer .in { width: 1100px; margin: auto; height: auto}
footer .in .logo { float: left; margin-top: 30px; }
footer .in  p { color: #FFF;
    float: right;
    width: 700px;
    text-align: right;
    opacity: 0.8;
    font-size: 14px;
    line-height: 24px;
    padding: 10px 0px;}
    footer .in  p a { color: #FFF;}
    footer .in  p a:hover { text-decoration: underline;}






.gracias { width: 80%; margin: 50px auto; text-align: center;}
.gracias .logo { width: auto; margin-top: 40px;}
.gracias p.pp1 { font-size: 20px; line-height: 26px; font-weight: 300; margin-top: 40px; margin-bottom: 30px;}


.gracias .bot { width: 80px; height: 30px; margin: auto; margin-top: 18px; margin-bottom: 100px; position: relative; padding-right: 25px; cursor: pointer; -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.gracias .bot .p1 { color: #888; font-size: 13px; position: absolute; left: 15px; top: 9px; width: 140px; display: block; z-index: 10; text-align: left}
.gracias .bot .flecha { position: absolute; right: 14px; top: 9px; z-index: 10; width: 14px; opacity: 0.6;
-moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.gracias .bot .fonde { background-color: #dfdacd; width: 30px; height: 30px; position: absolute; left: 0px; top: 0px; z-index: 1; -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px; -moz-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -webkit-transition:all 0.4s ease 0s;}
.gracias .bot:hover { width: 90px;}
.gracias .bot:hover .p1 { color: #444;}
.gracias .bot:hover .fonde { width: 100%}
.gracias .bot:hover .flecha { opacity: 1}



.aloha { width: 100%; height: auto; padding: 9px 0px; text-align: center; background-color: #000;}
.aloha p { color: #FFF; font-size: 9px; opacity: 0.4; text-transform: uppercase;}
.aloha p a { text-decoration: underline; color: #FFF;}



/*QUERYS*/
@media screen and (max-width: 1500px) {

    .slider1 .cu img {         height: 100% ;   width: auto;}
       
}



@media screen and (max-width: 1300px) {
       
    header .menuDer li {    margin-right: 25px;}
    header .menuIzq li {    margin-left: 25px;}
    
    .desarrollo .cont {    width: 90%;}
    
    .fotoSep {    background-size: auto 100%;}
    
    .paisajismo .in {    width: 1000px;}
    
    footer .in {    width: 90%;}

    .historia { width: 1000px;} 
    .historia .der { width: 360px; height: auto; float: right;}
    .historia .der .lin2 {
        font-size: 15px;
        font-weight: 300;
        line-height: 28px;
        margin-top: 10px;
        color: #4b4b4b;
    }

    
    
}



@media screen and (max-width: 1100px) {
    header {    height: 70px;}
    header .logo {        height: 50px; float: left; position: relative; left: inherit; transform: translateX(0%); top: inherit; margin: 10px;}
    header .menuIzq { display: none}
    header .menuDer { display: none}
    .show-menu {    height: 64px;}
    .icMenu { display: block}
    
    .slider1 {    margin-top: 70px;}
    
    .historia {    width: 800px;}
    .historia .izq {        width: 100%;    }
    .historia .der {    width: 100%;margin-top: 30px;}
    
    .amenities {    width: 90%;    margin: 60px auto; margin-bottom: 100px;}
    .amenities .der {  }
    .amenities .der h3 {    margin-top: 20px;}

    .amenities .izq {        width: 300px;    }
    .amenities .izq .foto {        width: 320px;    }

    
    .paisajismo .in {    width: 900px;}
    
    .ubicacion {    width: 900px;}
    .ubicacion .izq {    width: 400px;}
    .ubicacion .mapa {        width: 480px;}
    
    .separador {    width: 900px;}
    
    .bloqueInfo {    width: 900px;}
    .bloqueInfo .izq {    width: 400px;} 
    
    footer .in p {    width: 550px;  }

    .nuevop { width: 90%;    }
    
    .paisa2 h3 {
        font-size: 28px;
        line-height: 35px;
    }

    .paisa2 .der .lin2 {
        font-size: 14px;
        line-height: 23px;;
    }

}



@media screen and (max-width: 960px) {
    
    .slider1 {    height: 480px; overflow: hidden}
    .slider1 .cu {    height: 480px;}
    
    .cont1 {    width: 660px;}
    .cont1 .contFoto {    width: 530px;    height: 380px;}
    .cont1 .borde {    width: 525px;        height: 468px;}

    .desarrollo .cont .fondo {    width: 350px; max-width: inherit;}
    .desarrollo .cont .fondo .desc {    font-size: 14px;    line-height: 20px;}
    
    .historia {    width: 680px;}
    .historia .der {    width: 100%;}
    .historia .izq { margin: auto; float: none; margin-bottom: 0px;}
    .amenities .izq .foto {        width: 280px;    }
    .amenities .izq .borde {      width: 100%;    }
       
     .fotoSep {    height: 360px;}
    
    .amenities {    width: 90%; }
    .amenities .der {   }
    .amenities .der h3 {    margin-top: 0px;        font-size: 32px;}
    .amenities .der {        padding-left: 40px;    }
    
    .paisajismo .in {    width: 680px; height: auto;}
    .paisajismo .in .izq {    width: 100%;}
    .paisajismo .in .izq .slider3 {    height: 460px;    width: 100%;}
    .paisajismo .in .izq .borde {    width: 680px;    height: 460px;}
    .paisajismo .in .cont {    position: relative;    right: inherit;    bottom: inherit;    float: left;    width: 90%;}
    
    .ubicacion {    width: 680px;}
    .ubicacion .mapa {    width: 350px;    height: 380px;}
    .ubicacion .izq {    width: 290px;}
    
    .separador {    width: 680px;}
    
    .bloqueInfo {    width: 680px; padding-bottom: 60px;}
    .bloqueInfo .izq {    width: 290px;} 
    .bloqueInfo .der {    width: 350px;    height: auto;}
    .bloqueInfo .izq .mra {    width: 90%;}
    .bloqueInfo .der .logo {    width: 40%;}
    
            
    footer .in {    text-align: center;}
    footer .in .logo {    float: none;}
    footer .in p {    width: 100%;  padding-top: 20px; text-align: center;}
    
 
    .cont-2col { flex-direction: column;  margin: 50px auto; justify-content: center; align-items: center;   }
    .historia2 {
        width: 100%;
        height: auto;
        margin: 10px auto;
    }

    .amenities .izq .borde { display: none; }


    .paisa2 { flex-direction: column; align-items: center;}
    .paisa2 .izq {
        width: 80%; max-width: 700px;
    }
    .paisa2 .der {
        width: 80%; max-width: 700px; margin: 0; margin-top: 20px;
    }
    .paisa2 .der .lin2 {
        font-size: 16px;
        line-height: 26px;
    }
    .paisa2 h3 {
        font-size: 32px;
        line-height: 37px;
    }
    
}



@media screen and (max-width: 720px) {
    
    .cont1 {    width: 500px; height: auto;}
    .cont1 .contTxt {    position: relative;    height: auto;    text-align: center;    left: 0px;    top: 0%;    transform: translateY(-0%);}
    .cont1 .contFoto {    width: 100%;    height: auto; position: relative}
    .cont1 .contFoto .grid__item { display: none}
    .cont1 .contFoto .fotoMob { margin-top: 50px;    display: block;    position: relative;    width: 100%;    top: inherit;    left: inherit; transform: translate(0%,0%);}
    .cont1 .botVideo {        margin: auto; margin-top: 30px;}
    .cont1 .contTxt p.inst {    margin: auto; margin-top: 10px;}
    .cont1 .borde {    width: 500px;    height: 314px;    top: 180px;} 
       
    .desarrollo .cont  {    width: 80%}
    .desarrollo .cont .fondo {    width: 86%}
    .desarrollo {    padding-top: 70px;    padding-bottom: 250px;}  
    
    .historia {    width: 500px;}
    
    .fotoSep {    height: 300px;}
    
    .amenities {        margin-bottom: 30px;    }
    .amenities {
        width: 90%;
        display: flex;
        flex-direction: column;
    }
    .amenities .der {    width: 100%; margin-top: 60px;}
    .amenities .der {
        padding-left: 0px;
    }
    .amenities .izq {
        width: 80%;
        margin: auto;
        height: auto;
    }
    .amenities .izq .foto {
        width: 100%;
        height: auto; position: relative;
    }
    
    
    .paisajismo .in {    width: 500px; height: auto}
    .paisajismo .in .izq { height: 370px}
    .paisajismo .in .izq .borde {    width: 500px; height: 330px;}
    .paisajismo .in .izq .slider3 {    height: 330px; }
    
    .ubicacion {    width: 80%}
    .ubicacion .mapa {    width: 100%;    height: 380px;}
    .ubicacion .izq {    width: 100%; margin-bottom: 30px;  }
    
    
    .separador {    width: 80%;}
    
    .bloqueInfo {    width: 80%;}
    .bloqueInfo .izq {    width: 100%; margin-bottom: 40px;} 
    .bloqueInfo .der {    width: 100%;    height: auto;}
    
    .bloqueInfo .izq .mra {    width: auto;}
    .bloqueInfo .der .logo {    width: auto;}

 
    .historia h3 {        font-size: 28px;    }

    .paisajismo .in .cont h3 {        font-size: 26px; line-height: 33px;    }

    .ubicacion .izq h3 {        font-size: 36px;    }

    .nuevop { width: 80%;    }
}



@media screen and (max-width: 560px) {
    
    header {    height: 57px;}
    header .logo {    height: 40px;    margin: 8px;}
    
    .show-menu { height: 57px;}
    .show-menu .logo { height: 40px;}
    

    .slider1 {    height: 320px; overflow: hidden; margin-top: 57px;}
    .slider1 .cu {    height: 320px;}
    
    .cont1 {    width: 400px; }
    .cont1 .contTxt h3 {    font-size: 42px;    line-height: 46px;}
    .cont1 .contTxt h3 span {    font-size: 35px;}
    .cont1 .contFoto .fotoMob { }
    .cont1 .borde {    width: 400px;    height: 249px;    top: 153px;}
    
    .desarrollo .cont .fondo {    width: 80%}
    
    .historia {    width: 420px;}
    .historia .izq {  width: 100%;    height: 290px;}
    
    .slider2 { width: 100%}
    
    .listaAmenities li { width: 100%;}
    .listaAmenities li p {    width: 160px;}
    
    .paisajismo .in {    width: 400px;}
    .paisajismo .in .izq { height: 320px}
    .paisajismo .in .izq .borde {    width: 400px; height: 270px;}
    .paisajismo .in .izq .slider3 {    height: 270px; }
    .paisajismo .in .cont {    width: 87%;}
    
    .ubicacion .izq h3 {    font-size: 38px;}
    .ubicacion .mapa {    width: 100%;    height: 300px;}

    .lighContacto .in {    width: 310px;    padding: 30px 30px;}
    
    .slider1 { display: none !important}
    .slider2 { display: block !important; }


    .desarrollo .cont .fondo .titu {        font-size: 28px;    }
    .desarrollo .cont .fondo {        padding: 25px; width: 100%; box-sizing: border-box;} 
    
    .amenities .izq {
        width: 100%;
        margin: auto;
        height: auto;
    }

    .paisa2 h3 {
        font-size: 26px;
        line-height: 33px;
    }

}

@media screen and (max-width: 480px) {
    
    .slider1 {    height: 250px; overflow: hidden; margin-top: 57px;}
    .slider1 .cu {    height: 250px;}
    

    
    .cont1 {    width: 300px; }
    .cont1 .contTxt h3 {    font-size: 30px;    line-height: 34px;}
    .cont1 .contTxt h3 span {    font-size: 24px;}
    .cont1 .contFoto .fotoMob {  margin-top: 30px }
    .cont1 .borde {    width: 298px;    height: 186px;    top: 107px;}
       
  
    
    .historia {    width: 300px;}
    .historia .izq {    height: 207px;}
    
    .fotoSep {    height: 250px;}
    
    .amenities .der h3 {        font-size: 28px;}
    
    
    .paisajismo .in {    width: 300px;}
    .paisajismo .in .izq { height: 240px}
    .paisajismo .in .izq .borde {    width: 300px; height: 200px;}
    .paisajismo .in .izq .slider3 {    height: 200px; }
    .paisajismo .in .cont {    width: 82%;}
    
    .bloqueInfo .izq .mra {    width: 100%;}
    .bloqueInfo .der .logo {    width: 38%;}
    .bloqueInfo .der h3 {    font-size: 22px;}
    
    .lighMenu .der {    width: 340px;}
    
    .lighContacto .in { width: 240px;}
    .desarrollo .cont {
        width: 90%;
    }
    
}



@media screen and (max-width: 300px) {
    
    .cont1 {    width: 250px; }
    .cont1 .contTxt h3 {    font-size: 30px;    line-height: 33px;}
    .cont1 .contTxt h3 span {    font-size: 22px;}
    .cont1 .borde {   display: none}

    .paisajismo .in {    width: 270px;}
    .paisajismo .in .izq { height: 240px}
    .paisajismo .in .izq .borde {    width: 270px; height: 180px;}
    .paisajismo .in .izq .slider3 {    height: 180px; }
    .paisajismo .in .cont {    width: 78%;}
    
     .lighContacto .in { width: 200px;}
       
}