

body {
background-color: #000c2b;
background-image: url("https://www.transparenttextures.com/patterns/crossword.png");
/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */

    
    
    
    /*text-align: center;*/
    /* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
}



.mask1 {
 position:absolute;
 top:0px;
 left:0px;
 border:none;
    


}
.mask2 {
 position:absolute;
 top:0px;
 left:0px;
 border:none;
    
      

}
.mask3 {
 position:absolute;
 top:0px;
 left:0px;
left: 20%;

}
.mask4 {
 position:absolute;
 top:0px;
 left:0px;
 border:none;


}
.mask5 {
 position:absolute;
 top:0px;
 left:0px;
 border:none;
    
   

}
.mask6 {
 position:absolute;
 top:0px;
 left:0px;
 border:none;
    
    

}
.mask7 {
 position:absolute;
 top:0px;
 left:0px;
 border:none;
    


}
.mask8 {
 position:absolute;
 top:0px;
 left:0px;
 border:none;
   

}
.mask9 {
 position:absolute;
 top:0px;
 left:0px;
 border:none;
    
  

}    


/*-------------------------CLSOE--------------------------------*/

.close {
  position: absolute;
  right: 400px;
  top: 40px;
  width: 70px;
  height: 70px;
  opacity: 0.3;
 z-index: 1;
}
.close:hover {
  opacity: 1;
}
.close:before, .close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #333;
}
.close:before {
  transform: rotate(45deg);
}
.close:after {
  transform: rotate(-45deg);
} 
  

/*------------


--------------------------------------------------------------------*/



.mask {
    z-index: 0;
      position:absolute;
    right: 20%;
    top:2%;

}  


.map{  
    position: absolute; 
    text-align: center;
    top:0px;
 border:none;
        z-index: -1;

   /* */
 
   
}
.area{
    position: absolute;
    z-index:101;   
}
.arriba {
    position: absolute;
    z-index:999 !important;;
}
.linkmap {
     position: absolute;
    z-index: -2;
        text-align: center;


    
}

