@font-face {
  font-family: 'Special Elite';
  font-style: normal;
  font-weight: 400;
  src: local('Special Elite Regular'), local('SpecialElite-Regular'), url(../fonts/SpecialElite-Regular.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

*{box-sizing:border-box;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased!important;-webkit-text-stroke:1px transparent;text-rendering:optimizeLegibility;text-decoration:none;color:#fff;font-family:'Special Elite', cursive}

body .main{display:block}
body {font-family:'Special Elite', cursive; color:white; background:black; overflow-x:hidden}
body.fixed {overflow:hidden}

.principal_logo {z-index:1250;}
.logo {position:absolute; margin:0 auto; text-indent:inherit; width:205px; height:85px; top:17px;}

@media (min-width: 1024px) {
	.principal_logo {position:absolute; left:50px;}
	.content_us {width:50%}
  .principal_about .row, .col-about {height:100%}
}

@media (min-width: 1800px) {
	.logo a {width:205px; height:85px;}
}

body.migra div.migracion div.container div.table div.cell span.smallBar{display:block;width:100px;height:15px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHEAAAAFCAYAAAByzQMHAAAAYElEQVRIS2NkAIL///8zASkWIGYGYkaQ2CgY1CHwF+i6P0D8j5GR8T8jNAKFgAJWQJwMxH6D2vmjjrsADIKlQLwdiO8B8Y/RSBx6iWI0EodenGG4GDMSR+vEIRmtKHUiAKkCJgAdfbjQAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:50%;margin:0 auto;margin-bottom:3vh}
body.migra div.migracion div.container div.table div.cell p {font-family:'Special Elite', cursive;font-size:14px;font-weight:300;line-height:18px;width:55%;margin:0 auto;margin-top:0}
body.migra div.migracion div.container>h1 {font-family:"Lato", sans-serif; font-size:2.600em; text-transform:uppercase; font-weight:1000; letter-spacing:.05em; line-height:0.9em; margin:0}
body.migra div.migracion div.container h2.first {font-weight:300;letter-spacing:-.25px;font-family:"Lato", sans-serif;line-height:22px;font-size:18px;width:40%;margin:0 auto;margin-bottom:30px}

.squareleft {width:100%;text-align:left}
.squareleft div.Wfirst {padding-top:90px}
.squareleft div.Wfirst a.link-migra {margin-bottom:10px}

h1 {font-family:'Special Elite', cursive; font-size:60px; font-weight:200; letter-spacing:.05em; line-height:0.9em}
h2 {font-family:"Lato", sans-serif; font-size:40px; text-transform:uppercase; font-weight:900; letter-spacing:.05em; line-height:0.9em}
p {font-family:'Special Elite', cursive; font-size:14px; font-weight:300; line-height:18px; width:40%; margin-top:0}

#allwater {animation-delay:4s; -webkit-animation-delay:4s; -o-animation-delay:4s;}

body a.link-vuelo{background-color:transparent;text-transform:uppercase;border-bottom:0;display:table;border:2px solid #fff;height:52px;border-radius:100px;text-align:center;line-height:52px;padding:0 2.77vw;position:relative;transition:background-color .25s cubic-bezier(.455,.03,.515,.955);}
body a.link-vuelo>div{display:table-cell;vertical-align:middle; animation-delay:6s; -webkit-animation-delay:6s; -o-animation-delay:6s;}
body a.link-vuelo:hover{color:#6d6d6d;background-color:#fff;transition:background-color .25s cubic-bezier(.455,.03,.515,.955); }

body a.link-migra{background-color:transparent;text-transform:uppercase;border-bottom:0;display:table;border:2px solid #fff;height:52px;border-radius:100px;text-align:center;padding:0 2.77vw;position:relative;margin:0 auto;transition:background-color .25s cubic-bezier(.455,.03,.515,.955)}
body a.link-migra>div{display:table-cell;vertical-align:middle}
body a.link-migra span{font-size:14px;letter-spacing:-.15px;line-height:52px;margin-right:1.3vw}
body a.link-migra img{color:#333;transform:translateX(0);float:right;transition:color .25s cubic-bezier(.455,.03,.515,.955),transform .25s cubic-bezier(.455,.03,.515,.955);margin-top:23px}
body a.link-migra img:before{display:block}
body a.link-migra span{color:#fff;transition:color .25s cubic-bezier(.455,.03,.515,.955)}
body a.link-migra:hover{background-color:#fff;transition:background-color .25s cubic-bezier(.455,.03,.515,.955)}
body a.link-migra:hover i{color:#6d6d6d;transform:translateX(.4vw);transition:color .25s cubic-bezier(.455,.03,.515,.955),transform .25s cubic-bezier(.455,.03,.515,.955)}
body a.link-migra:hover div,body a.link-migra:hover span{color:#6d6d6d;transition:color .25s cubic-bezier(.455,.03,.515,.955)}

@media only screen and (max-width:1500px){
	body.migra div.migracion div.container h3{width:45%}
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait){
	html body:after,html body:before,html body div.contentMain{display:none!important}
}

@media only screen and (max-device-width:736px) and (orientation:landscape){
	html body:after,html body:before{display:none!important}
	html body .head,html body .contentMain,html body .sidebar{display:none}
}

@media only screen and (max-device-width:736px) and (orientation:portrait){
	html body:after,html body:before{display:none!important}
	html body .head,html body .contentMain{display:none}
}

.onepage-pagination {position:absolute; right:50px; top:42%; z-index:100; list-style:none; margin:0; padding:0}

*{box-sizing:border-box;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased!important;-webkit-text-stroke:1px transparent;text-rendering:optimizeLegibility;text-decoration:none;color:#fff;font-family:"Lato", sans-serif}

.row {margin-left:-25px;  margin-right:-25px}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {position:relative; min-height:1px; padding-right:15px; padding-left:15px}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float:left}
    .col-sm-12 {width:100%} .col-sm-11 {width:91.66666667%} .col-sm-10 {width:83.33333333%} .col-sm-9 {width:75%} .col-sm-8 {width:66.66666667%}
    .col-sm-7 {width:58.33333333%} .col-sm-6 {width:50%} .col-sm-5 {width:41.66666667%} .col-sm-4 {width:33.33333333%} .col-sm-3 {width:30%} .col-sm-2 {width:16.66666667%} .col-sm-1 {width:8.33333333%}
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float:left}
    .col-md-12 {width:100%} .col-md-11 {width:91.66666667%} .col-md-10 {width:83.33333333%} .col-md-9 {width:75%} .col-md-8 {width:66.66666667%}
    .col-md-7 {width:58.33333333%} .col-md-6 {width:50%} .col-md-5 {width:41.66666667%} .col-md-4 {width:33.33333333%} .col-md-3 {width:30%}
    .col-md-2 {width:16.66666667%} .col-md-1 {width:8.33333333%} .margin-top { margin-top:0;}}

@media (min-width: 1200px) {
	.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {float:left}
    .col-lg-12 {width:100%} .col-lg-11 {width:91.66666667%}.col-lg-10 {width:83.33333333%} .col-lg-9 {width:75%} .col-lg-8 {width:66.66666667%}
    .col-lg-7 {width:58.33333333%}.col-lg-6 {width:50%}.col-lg-5 {width:41.66666667%}.col-lg-4 {width:33.33333333%}.col-lg-3 {width:25%}  
}

.anim {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

object {width:100%;}
*, *:before, *:after {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.clearfix:before, .clearfix:after {content:""; display:table;}
.clearfix:after {clear:both;}
.clearfix {zoom:1;}
a {text-decoration:none;}

/******** GRAL ********/

  /*preload*/

.preloader{position:fixed;top:0;left:auto;right:0;width:100%;height:100%;background:#c6c6c6;z-index:999;-webkit-transition:all 600ms cubic-bezier(0.165,0.840,0.440,1.000);-moz-transition:all 600ms cubic-bezier(0.165,0.840,0.440,1.000);-o-transition:all 600ms cubic-bezier(0.165,0.840,0.440,1.000);transition:all 600ms cubic-bezier(0.165,0.840,0.440,1.000);}.preloader.hide{width:0;}.preloader.hide .shape{width:0;}.preloader.hide img{-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);filter:alpha(opacity=0);}.preloader.hide a.destroy{display:none;}.preloader.delay{-webkit-transition-delay:300ms;-moz-transition-delay:300ms;-o-transition-delay:300ms;-ms-transition-delay:300ms;transition-delay:300ms;}.preloader .shape{position:absolute;left:auto;right:0;top:0;width:100%;height:100%;background:#191919;-webkit-transition:all 600ms cubic-bezier(0.165,0.840,0.440,1.000);-moz-transition:all 600ms cubic-bezier(0.165,0.840,0.440,1.000);-o-transition:all 600ms cubic-bezier(0.165,0.840,0.440,1.000);transition:all 600ms cubic-bezier(0.165,0.840,0.440,1.000);}.preloader .shape.delay{-webkit-transition-delay:300ms;-moz-transition-delay:300ms;-o-transition-delay:300ms;-ms-transition-delay:300ms;transition-delay:300ms;}.preloader img{display:block;position:absolute;left:50%;top:50%;width:100%;max-width:240px;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:all 200ms ease;-moz-transition:all 200ms ease;-o-transition:all 200ms ease;transition:all 200ms ease;}@media only screen and (max-width:600px){.preloader img{max-width:220px;}}.preloader a.destroy{display:block;visibility:hidden;position:absolute;left:50%;top:60%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);border-bottom:1px solid #313945;color:#313945;font-size:0.875em;-webkit-animation:showDestroy 100ms linear 20s 1 forwards;-moz-animation:showDestroy 100ms linear 20s 1 forwards;-ms-animation:showDestroy 100ms linear 20s 1 forwards;-o-animation:showDestroy 100ms linear 20s 1 forwards;animation:showDestroy 100ms linear 20s 1 forwards;}

.is-touch .preloader{display:none;width:0;}.is-touch .preloader .shape{display:none;width:0;}.is-touch .btn span:nth-of-type(2){display:none;}.is-touch .btn-nav div{display:none;}.is-touch .mdl .mdl-inner p{font-weight:400;}.is-touch.tp-process .process .process-item p{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);filter:alpha(opacity=100);}.is-touch.tp-process .process .process-item p:before{height:80px;}.is-android .preloader{display:none;}.is-android .logo a svg{height:80px;width:180px;}.is-android .logo a img{height:80px;}.is-android .btn-nav.active span:before{-webkit-transform:translateY(7px) rotate(-45deg);-moz-transform:translateY(7px) rotate(-45deg);-o-transform:translateY(7px) rotate(-45deg);-ms-transform:translateY(7px) rotate(-45deg);transform:translateY(7px) rotate(-45deg);}.is-android .btn-nav.active span:after{-webkit-transform:translateY(-7px) rotate(45deg);-moz-transform:translateY(-7px) rotate(45deg);-o-transform:translateY(-7px) rotate(45deg);-ms-transform:translateY(-7px) rotate(45deg);transform:translateY(-7px) rotate(45deg);}.ie8-msg{display:none;}.ie8 .preloader{display:none;}.ie8 .ie8-msg{display:block;position:fixed;left:0;top:0;width:100%;height:100%;padding:25% 4em 4em;background:#fff;z-index:999;font-size:2em;line-height:1.5em;text-align:center;}

  /*logo*/
.principal_logo {z-index:1250; opacity:0; -webkit-animation-delay:2s; -webkit-animation-duration:3s; -webkit-animation-name:fade-in-left; -webkit-animation-fill-mode: forwards; -moz-animation-delay:2s; -moz-animation-duration:3s; -moz-animation-name:fade-in-left; -moz-animation-fill-mode: forwards;
-o-animation-delay:2s; -o-animation-duration:3s; -o-animation-name:fade-in-left; -o-animation-fill-mode: forwards;
animation-delay:2s; animation-duration:3s; animation-name:fade-in-left; animation-fill-mode: forwards}
.logo {position:absolute; margin:0 auto; text-indent:inherit; width:205px; height:85px; top:17px;}
@media (min-width: 1024px) {.principal_logo {position:absolute; left:50px;} .principal_about .row, .col-about {height:100%}}
@media (min-width: 1800px) {.logo a {width:205px; height:85px;}}

  /*leftright*/
#pass_left {position:absolute; top:45%; left:5%; cursor:pointer; width:65px; height:35px;}
#pass_right {position:absolute; top:45%; right:5%; cursor:pointer; width:65px; height:35px;}

  /*audio*/
#pause_audio {position:absolute; top:5%; right:10%; cursor:pointer; width:35px; height:35px; background-image:url(../img/gral/sound_pause.png)}
#play_audio {position:absolute; top:5%; right:10%; cursor:pointer; display:none; width:35px; height:35px; background-image:url(../img/gral/sound_play.png)}

 /*credits*/
.overlay {height:0%; width:100%; position:fixed; z-index:10; top:0; left:0; background-color:rgba(0,0,0, 0.975); overflow-y:hidden; -webkit-transform:0.5s; -moz-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
.overlay-content {position:relative; top:7%; left:0%; width:100%; text-align:left; margin-top:30px;}
.overlay_left {position:absolute; width:90%; top:0%; left:10%; text-align:center; -webkit-column-count:2; -o-column-count:2; -moz-column-count:2; column-count:2;}
.overlay_left h4 {font-family:'Special Elite', cursive; font-size:15px; color:#FC3; text-align:left; margin-left:85px}
.overlay_left h3 {font-family:'Special Elite', cursive; font-size:15px; color:#FC3; text-align:left; margin-left:125px}
.overlay_left p {width:49%}
.overlay a {padding:8px; text-decoration:none; font-size:36px; color:#818181; display:block; transition:0.3s}
.overlay a:hover, .overlay a:focus {color:#f1f1f1; }
.overlay .closebtn {position:absolute; top:5px; right:45px; font-size:60px; list-style-type:none}

.overlay_justify {position:absolute; width:90%; top:0%; left:10%; text-align:center}
.overlay_center {position:absolute; width:90%; top:0%; left:10%; text-align:center}
@media screen and (max-height: 450px) {
  .overlay {overflow-y:auto}
  .overlay a {font-size:20px}
  .overlay .closebtn {font-size:40px; top:15px; right:35px}
}

 /*form mail*/
.overlay-contentM {position:relative; top:19%; left:0%; width:100%; text-align:left; margin-top:30px;}
.overlay_justify h3 {font-family:'Special Elite', cursive; font-size:15px; color:#fff; text-align:center;}
.form-block {width:40%; margin:0px auto; border-top:1px solid #cccccc; padding-top:30px; font-family:"Tw Cen MT"; letter-spacing:-1px; font-size:14px;}
.form-block input, .form-block select, .form-block textarea {font-family:'Arial, Helvetica', sans-serif; color:#000000; font-size:15px; background-color:#ededed; width:100%; padding:10px; margin:5px 0 10px 0; box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:0; resize:none;}
.form-block input:focus, .form-block select:focus, .form-block textarea:focus {border:1px solid #cccccc;}
.form-block textarea {height:168px;}
.form-block .obligatorios { margin-top:-30px; }
.form-block .form-foot { margin-bottom:60px; }
.form-block .form-foot input {
  margin-top:20px;
  text-transform:uppercase;
  font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
  border:1px solid #000000;
  white-space:nowrap;
  font-weight:bold;
  font-size:16px;
  color:#ffffff;
  line-height:40px;
  float:right;
  background:#860a00;
}

.form-block .form-foot .sendform {background:#860a00; font-weight:bold; cursor:pointer;}
.form-block .form-foot .sendform:hover { background:#333; color:#fff}

 /*footer*/
div.cre-fonca{position:absolute;bottom:1vw;left:1vw;opacity:0;transition:all .3s linear;
-webkit-animation-delay:2s; -webkit-animation-duration:3s; -webkit-animation-name:fade-in-left; -webkit-animation-fill-mode: forwards ;
-moz-animation-delay:2s; -moz-animation-duration:3s; -moz-animation-name:fade-in-left; -moz-animation-fill-mode: forwards;
-o-animation-delay:2s; -o-animation-duration:3s; -o-animation-name:fade-in-left; -o-animation-fill-mode: forwards;
animation-delay:2s; animation-duration:3s; animation-name:fade-in-left; animation-fill-mode: forwards}
div.cre-fonca div.fonca{display:block;overflow:hidden;}

div.foot{position:absolute;bottom:1vw;right:1vw;opacity:0;transition:all .3s linear;
-webkit-animation-delay:2s; -webkit-animation-duration:3s; -webkit-animation-name:fade-in-right; -webkit-animation-fill-mode: forwards ;
-moz-animation-delay:2s; -moz-animation-duration:3s; -moz-animation-name:fade-in-right; -moz-animation-fill-mode: forwards;
-o-animation-delay:2s; -o-animation-duration:3s; -o-animation-name:fade-in-right; -o-animation-fill-mode: forwards;
animation-delay:2s; animation-duration:3s; animation-name:fade-in-right; animation-fill-mode: forwards}
div.foot.hidden{opacity:0;z-index:-1}
div.foot div.links{display:block;overflow:hidden;}
div.foot div.links .band{display:block;overflow:hidden;opacity:.80}
div.foot div.links span.line{width:2px;height:29px;opacity:.36;background:#979797;display:block;float:left;margin:0 20px}
div.foot div.links a{display:block;line-height:30px;float:left}
div.foot div.links a:first-of-type{margin-right:20px}
div.foot div.links a:first-of-type,body.migra div.migracion div.foot div.links a:nth-of-type(2){opacity:.2}
div.foot div.links a:nth-of-type(2) i{display:block;font-size:30px}
div.foot div.links a:nth-of-type(3){color:#fff;font-size:12px;letter-spacing:5.36px;text-transform:uppercase}

/******** INITIAL ********/
.bgVideo{position:fixed;bottom:50%;right:50%;transform:translateX(50%) translateY(50%);min-width:100%;min-height:100%;width:auto;height:auto;overflow:hidden;z-index:-1}
.app{display:block}
.table{display:table;height:100%}
.table .cell{display:table-cell;vertical-align:middle}
p {margin:0 0 1.5em 0; font-size:1em; /* 15 px */ line-height: 1.5}
.migracion{color:#fff;width:100vw;height:100vh;position:absolute;top:0;left:0}
.migracion div.container{position:relative;height:100vh}
.migracion div.container div.table{width:100%;text-align:center}
.migracion div.container div.tableLeft{width:100%;text-align:left}
.migracion div.container div.table div.cell{padding-top:6vh;}
.migracion div.container div.table div.cell div#scene{margin-left:-2vw;padding-left:2vw; opacity:0; 
-webkit-animation-delay:25s; -webkit-animation-duration:3s; -webkit-animation-name:fade-in; -webkit-animation-fill-mode: forwards ;
-moz-animation-delay:25s; -moz-animation-duration:3s; -moz-animation-name:fade-in; -moz-animation-fill-mode: forwards;
-o-animation-delay:25s; -o-animation-duration:3s; -o-animation-name:fade-in; -o-animation-fill-mode: forwards;
animation-delay:25s; animation-duration:3s; animation-name:fade-in; animation-fill-mode: forwards }
.migracion div.container div.table div.cell div#scene.homePage span:first-of-type{white-space:nowrap;display:block}
.migracion div.container div.table div.cell div#scene.homePage span:nth-of-type(5){display:block}
.migracion div.container div.table div.cell a.link-migra{margin-bottom:4vh}
.migracion i {font-family:"Lato", sans-serif; font-size:24px; text-transform:uppercase; font-weight:900; }
.contentFirst {position:relative;overflow:hidden;padding-left:10.34vw;padding-bottom:5vh;padding-top:5vh;width:100%}
.contentFirst span {text-transform:uppercase;position:relative!important}
.contentFirst.homePage span {text-align:left; left:25%}
.contentFirst.homePage span img {height:15px}
.contentFirst.homePage span i {font-size:24px; letter-spacing:.5px}
.contentFirst.homePage span:first-of-type{font-size:5vw;line-height:4vw;letter-spacing:1vw}

.migracion div.container h3.first {font-weight:300;letter-spacing:-.25px;font-family:'Special Elite', cursive;line-height:30px;font-size:23px;width:40%;margin:0 auto;margin-bottom:40px; text-shadow: -1px -1px white, 1px 1px #000; opacity:0;
-webkit-animation-delay:27s; -webkit-animation-duration:3s; -webkit-animation-name:fade-in; -webkit-animation-fill-mode: forwards ;
-moz-animation-delay:27s; -moz-animation-duration:3s; -moz-animation-name:fade-in; -moz-animation-fill-mode: forwards;
-o-animation-delay:27s; -o-animation-duration:3s; -o-animation-name:fade-in; -o-animation-fill-mode: forwards;
animation-delay:27s; animation-duration:3s; animation-name:fade-in; animation-fill-mode: forwards }

.btnInitial {opacity:0;-webkit-animation-delay:27s; -webkit-animation-duration:3s; -webkit-animation-name:fade-in-down; -webkit-animation-fill-mode: forwards ;
-moz-animation-delay:27s; -moz-animation-duration:3s; -moz-animation-name:fade-in-down; -moz-animation-fill-mode: forwards;
-o-animation-delay:27s; -o-animation-duration:3s; -o-animation-name:fade-in-down; -o-animation-fill-mode: forwards;
animation-delay:27s; animation-duration:3s; animation-name:fade-in-down; animation-fill-mode: forwards}

/******** CARTOGRAFIA ********/
.bg_cartografia {width:100%; height:100%; position:fixed; background:url(../img/gral/cartografia.jpg);background-position: center center; background-repeat: no-repeat; background-attachment:fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; top:0; left:0; right:0; bottom:0; z-index:-1; }

.container_cartografia {height:100%;}
.container_cartografia {display:table; padding-top:80px; width:100%}
.content_cartografia {display:table-cell; vertical-align:middle; text-align:center}
.sub-title_cartografia {margin:50px auto; font-size:18px; line-height:23px}

@media only screen and (max-width: 340px) {
 .container_cartografia {position:relative; display:block; float:left; vertical-align:baseline; margin:0 auto; padding:80px 0 0 0}
  .title_cartografia h1 {font-size:18px; line-height:23px} 
  .content_cartografia {display:inline; margin:0 auto; padding-top:80px; vertical-align:baseline}
  .sub-title_cartografia {font-size:14px; line-height:21px;}
  html, body, .container_cartografia {height:auto}
}

.btns_infos ul {list-style-type:none; text-align:center}
.btns_infos li{display:inline; text-align:center; margin:0 10px 0 0}
.btns_infos li a {padding: 2px 7px 2px 7px; color: #fff; text-decoration: none; background-color:transparent;text-transform:uppercase;border-bottom:0;border:2px solid #fff;height:52px;border-radius:100px;text-align:center;padding:0 2.77vw;position:relative;margin:0 auto;transition:background-color .25s cubic-bezier(.455,.03,.515,.955)
}

.btns_infos li a:hover {background-color:#fff; color:#333}
audio:not([controls]) {display:none; height:0}


.btns_interviews ul {position:absolute; left:34%; list-style-type:none; text-align:center; width:30%;}
.btns_interviews li{display:inline; text-align:center; margin:0 10px 0 0}
.btns_interviews li a {padding: 2px 7px 2px 7px; color: #fff; text-decoration: none; background-color:transparent;text-transform:uppercase;border-bottom:0;border:2px solid #fff;height:52px;border-radius:100px; font-size:18px; text-align:center;padding:0 2.77vw;position:relative;margin:0 auto;transition:background-color .25s cubic-bezier(.455,.03,.515,.955)
}

.btns_interviews li a:hover {background-color:#fff; color:#333}

/******** MICRODOCUMENTALES ********/
.bg_microdocumentales {width:100%; height:100%; position:fixed; background:url(../img/gral/carti.jpg);background-position: center center; background-repeat: no-repeat; background-attachment:fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; top:0; left:0; right:0; bottom:0; z-index:-1; }

@media only screen and (max-width: 767px) {
 .bg_microdocumentales {background-image:url(../img/gral/carto-devices.jpg)}
}

#markers {display:block; }

.marker{position:absolute;width:25px;height:25px;border-radius:50%;border:5px solid #fff}
.marker-inner{display:block;margin-left:-4px;margin-top:-4px;width:23px;height:23px; border-radius:50%;border:8px solid #000}
.submenu {display:none; position:absolute; }
.marker:hover .submenu, .point_ .submenu {display:block; }
div.point_{position:absolute; left:-300%; top:-300%; opacity:1;transition:all .3s linear; display:none}
div.point_ div.pointFijo{display:block;overflow:hidden;}
iframe {border: none;}

.dot {position:absolute; top:0px; left:0px; box-shadow:1px 0 2px 0 rgba(0,0,0, 0.5); height:0px; width:0px; padding:4px;  border-radius:5000px}
.dot:before, .dot:after {position:absolute; top:50px; left:50px; content:" "; border-radius:inherit; height:0px; width:0px; box-shadow:0 0 3px 3px #3333CC; transform:translate(-50%, -50%); animation:pulseInner 2s infinite ease-out}
.dot:after {height:7px; width:7px; box-shadow:0 0 5px 3px #FFFF00; animation:pulseOuter 2s infinite ease-out}

@keyframes pulseInner {
  0% {height:0; width:0; opacity:0}
  20% {opacity:1}
  95% {height:125px; width:125px; opacity:0.25}
  100% {opacity:0}
}

@keyframes pulseOuter {
  0% {height:7px; width:7px; opacity:0}
  20% {opacity:1}
  100% {height:250px; width:250px; opacity:0.25}
}

#verAlegria, #verAmanalli, #verAstillero, #verAxolotl, #verBasura, #verChinampero, #verHuentli, #verPapel, #verPermaciudad { cursor:pointer}

/*.position_iconografia {position:absolute;  left:78%; bottom:7%;}*/
.position_iconografia {font-family:'Special Elite', cursive; font-weight:100; background:rgba(0,0,0,0.5); color:white; padding:2rem; width:20%; margin:2rem; position:absolute; right:2%; bottom:4%; font-size:1.2rem}
.position_iconografia img { width:45px; height:45px;}
.position_iconografia h1 {font-family:'Special Elite', cursive; font-size:18px; margin:5px 25px;}
p.entry-title {opacity:0}

.position_iconografia .b_iconos {padding:10px 45px 25px 5px;}
.title_iconos {position:absolute; left:-10px; top:120px; width:100% }
.title_iconos p {font-family:'Special Elite', cursive; font-size:13px; bottom:45px; color:#fff; text-align:center; padding:-10px 0px; z-index:98; width:90px}

/*images*/
#imageAman, #imageBasu, .maximage, #imagePerm, #imageAxol, #imageAsti, #imageChin  {display:none; position:fixed !important;	}
#gradient {left:0; height:100%; position:absolute; top:0; width:100%; z-index:999;}
.arrow_left{bottom:50%; height:35px; position:absolute; left:30px; width:65px; z-index:1000;}
.arrow_right{bottom:50%; height:35px; position:absolute; right:30px; width:65px; z-index:1000;}

.arrow_left:hover, .arrow_right:hover {bottom:49.7%}
.arrow_left:active, .arrow_right:active {bottom:49.7%}

.in-slide-content {color:#333; float:right; font-family:'Helvetica Neue', helvetica; font-size:60px; font-weight:bold; right:0; margin:40px; padding:20px; position:absolute; top:0; width:700px; z-index:9999; text-shadow:0 1px 0 #fff; -webkit-font-smoothing:antialiased}
.light-text {color:#ddd;text-shadow: 0 1px 0 #666;}
.smaller-text {font-size:30px;}
.mc-hide-scrolls{overflow:hidden}
body .mc-cycle {height:100%; left:0; overflow:hidden; position:fixed; top:0; width:100%;z-index:-1}
div.mc-image {-webkit-transition:opacity 1s ease-in-out; -moz-transition:opacity 1s ease-in-out;  -o-transition:opacity 1s ease-in-out;  transition:opacity 1s ease-in-out; -webkit-background-size:cover; 	-moz-background-size: cover; -o-background-size:cover; background-size:cover; background-position:center center; background-repeat:no-repeat; height:100%; overflow:hidden; width:100%}

.mc-old-browser .mc-image {overflow:hidden}

div p.text_img {width:30%; height:auto; background:rgba(0,0,0,0.4); border-radius:5px; padding:5px 5px;}
p.text_img  {width:30%; position:absolute; left:5%; bottom:8%;}
p.text_img span {float:right; font-family:'Special Elite', cursive;}

/*navpines*/
.title_pin {position:absolute; left:0px; top:70px; width:100% }
.title_pin p {font-family:'Special Elite', cursive; font-size:13px; background:rgba(0,0,0,1.0); border-radius:5px; bottom:45px; color:#fff; text-align:center; padding:5px 5px; z-index:98; width:90px}

#nav,#nav ul { list-style:none;   margin:0;   padding:0;}
#nav {height:41px;  padding-left:5px;  padding-top:5px;  position:relative; z-index:2;}
#nav ul {left:-9999px;   position:absolute;   top:3px;   width:auto;}
#nav ul ul {left:-9999px;  position:absolute;   top:0;   width:auto;}
#nav li { float:left;   position:relative;}
#nav li a {color:#000;  display:block;  float:left;  font-size:16px;  padding:8px 10px;  text-decoration:none;}
#nav ul li {margin:0;}
#nav ul li a {width:120px;}
#nav li a:focus {outline-width:0;}

.dd .pin-entrevista {position:absolute; left:-22px; top:-55px;  display:block; opacity:1}
.dd .pin-fotografia {position:absolute; left:13px; top:-119px; display:block; opacity:1;}
.dd .pin-video {position:absolute; left:45px; top:-158px; display:block; opacity:1}

/*axolotl*/
.dd .pin-entrevistaA0 {position:absolute; left:-34px; top:-25px;  display:block; opacity:1}
.dd .pin-entrevistaA {position:absolute; left:-21px; top:-110px;  display:block; opacity:1}
.dd .pin-fotografiaA {position:absolute; left:13px; top:-169px; display:block; opacity:1;}
.dd .pin-videoA {position:absolute; left:45px; top:-205px; display:block; opacity:1}
/*chinampero*/
.dd .pin-entrevistaC {position:absolute; left:-7px; top:-65px;  display:block; opacity:1}
.dd .pin-fotografiaC {position:absolute; left:27px; top:-118px; display:block; opacity:1;}


#nav li a:active + ul.dd,#nav li a:focus + ul.dd,#nav li ul.dd:hover { left:0;}
#nav ul.dd li a:active + ul,#nav ul.dd li a:focus + ul,#nav ul.dd li ul:hover { left:140px;}

a.tooltip {display:inline; position:relative}
a.tooltip:hover:after {font-family:'Special Elite', cursive; font-size:12px; text-align:center; letter-spacing:0px; font-weight:10; background:rgba(0,0,0,1.0); border-radius:5px; bottom:30px; color:#fff; content:attr(title); left:0%; padding:5px 5px; position:absolute; z-index:98; width:90px}
a.tooltip:hover:before {border:solid; border-color:#000 transparent; border-width:6px 6px 0 6px; bottom:25px; content:""; left:10%; position:absolute; z-index:99}

/*video*/
video, iframe {max-width:100%; height:100%}
.videos {position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; z-index:999}
.closeVideo {position:absolute; top:0px; right:50px; text-decoration:none; font-size:60px; outline:0; color:white; z-index:1253}
.closeVideo:hover {text-decoration:none; outline:0; color:#999}
.cerrarVideo {position:absolute; top:0px; right:25%; text-decoration:none; font-size:60px; outline:0; color:white; z-index:1253}
.cerrarVideo:hover {text-decoration:none; outline:0; color:#999}

/******** EMBARCADEROS ********/
.bg_embarcaderos {width:100%; height:100%; position:fixed; background:url(../img/gral/embarcaderos.jpg);background-position: center center; background-repeat: no-repeat; background-attachment:fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; top:0; left:0; right:0; bottom:0; z-index:-1; }

@media only screen and (max-width: 767px) {
 .bg_embarcaderos {background-image:url(../img/gral/carto-embarcaderos.jpg)}
}

* {margin:0; padding:0; box-sizing:border-box}

.list_embarca {width:100%; top:3%; left:65%; background-color:#FEFEFE; position:absolute; border-radius:2px; display:inline-block; height:50px; line-height:50px; width:300px}
.list_embarca ul li ul {display:block; margin-top:20px}
.list_embarca ul li ul li {display:block; }
.list_embarca ul li ul li:hover {background-color:#F4F4F4; color:#CCCCCC; text-decoration:none;}
.list_embarca ul li ul li img {margin-left:20px; margin-right:20px}
.list_embarca li li {background-color:#FEFEFE}

.pin_embarcaderos {border-top-left-radius:1px; border-top-right-radius:1px; border-bottom:1px #d7d9dd solid; position:relative; font-family:'Special Elite', cursive; font-size:14px; color:#838ea7;}
.pin_embarcaderos img {width:20px; height:20px; position:relative; top:4px;}
.pin_embarcaderos:hover a {color:#6d6c6c; cursor:pointer}
.pin_embarcaderos:hover .blue-box {background-color:#3FA6FD; position:absolute; margin-left:0; height:100%; width:4px;}
.pin_embarcaderos spam {color:#838ea7; font-family:'Special Elite', cursive; text-decoration:none}

.hamburger {margin-right:20px; margin-left:20px}
.arrow_emb {width:0; height:0; margin-left:275px; border-right:9px solid transparent; border-left:9px solid transparent; border-bottom:9px solid #FEFEFE; position:absolute;top:-9px}

.fa-chevron-up {margin-left:110px}

.mark_em {background-color:#3FA6FD; border-radius:2px}
.mark_em1 {color:#ffffff}

.rotate {-moz-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; transition:all 0.3s linear}
.rotate.down {-moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform: rotate(180deg)}

.marker_embarca{position:absolute;width:25px;height:25px;border-radius:50%;border:5px solid #fff}
.marker_in_embarca{display:block;margin-left:-4px;margin-top:-4px;width:23px;height:23px; border-radius:50%;border:8px solid #000}
.marker_embarca:hover .submenu {display:block; }

div.point_embarca{position:absolute; left:-300%; top:-300%; opacity:1; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease;transition:all 1s linear; display:none}

#emb_Salitre, #emb_Cristo, #emb_Belem, #emb_Flores, #emb_Nativitas, #emb_Caltongo {display:none}

/******** ARCHIVO ********/
.bg_archivo {width:100%; height:100%; position:fixed; background:url(../img/gral/archivo.jpg);background-position: center center; background-repeat: no-repeat; background-attachment:fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; top:0; left:0; right:0; bottom:0; z-index:-1; }

@media only screen and (max-width: 767px) {
 .bg_archivo {background-image:url(../img/gral/carto-archivo.jpg)}
}

.btns_pin ul {list-style-type:none; text-align:center}
.btns_pin li{display:inline; text-align:center; margin:0 10px 0 0}
.btns_pin li a {padding: 2px 7px 2px 7px; color: #fff; text-decoration: none; text-transform:uppercase;border-bottom:0;height:52px;text-align:center;padding:0 2.77vw;position:relative;margin:0 auto;transition:background-color .25s cubic-bezier(.455,.03,.515,.955)}

a.tooltip_archivo {display:inline; position:relative}
a.tooltip_archivo:hover:after {font-family:'Special Elite', cursive; font-size:12px; text-transform:none; text-align:center; letter-spacing:0px; font-weight:10; background:rgba(0,0,0,1.0); border-radius:5px; bottom:39px; color:#fff; content:attr(title); left:17%; padding:5px 5px; position:absolute; z-index:98; width:90px}
a.tooltip_archivo:hover:before {border:solid; border-color:#000 transparent; border-width:6px 6px 0 6px; bottom:34px; content:""; left:24%; position:absolute; z-index:99}

/******** INTEGRATE ********/
.bg_integrate { background:#000}