body{
    margin-top:4vh;
    
}

.header{
    display:flex;
    position:fixed;
    align-items: center;
    top:0px;
    left:0;
    z-index: 10;
    }
    
.home{        
    display:flex;
    justify-content: center;
    align-items: center;
    background-color:#fed353;
    width:60px; 
  max-width:8vw; 
    height:60px;
  max-height:12vw;
    margin-left:0px;
    border-radius:5px;    
    border-width: 2px;
    border-color: yellow;
    border-style: outset;
    outline: 2px outset khaki;
   // transform: translate(0, 5px);
}

.fad{ 
    display:flex;
    justify-content: center;
    align-items: center; 
    background-color:#fed353;
    width:60px; 
  max-width:8vw; 
    height:60px;
  max-height:12vw;
    margin-left:8px;
    border-radius:5px;    
    border-width: 2px;
    border-color: yellow;
    border-style: outset;
    outline: 2px outset khaki;
   // transform: translate(0, 5px);
}

.tienda{ 
    display:flex;
    justify-content: center;
    align-items: center; 
    background-color:#fed353;
    width:60px;
  max-width:8vw;  
    height:60px;
  max-height:12vw;
    margin-left:8px;
    border-radius:5px;    
    border-width: 2px;
    border-color: yellow;
    border-style: outset;
    outline: 2px outset khaki;
   // transform: translate(0, 5px);
}

.login{ 
    display:flex;
    justify-content: center;
    align-items: center; 
    background-color:#fed353;
    width:60px; 
  max-width:8vw; 
    height:60px;
  max-height:12vw;
    margin-left:8px;
    border-radius:5px;    
    border-width: 2px;
    border-color: yellow;
    border-style: outset;
    outline: 2px outset khaki;
   // transform: translate(0, 5px);
}

.registro{ 
    display:flex;
    justify-content: center;
    align-items: center; 
    background-color:#fed353;
    width:60px; 
  max-width:8vw; 
    height:60px;
  max-height:12vw;
    margin-left:8px;
    border-radius:5px;    
    border-width: 2px;
    border-color: yellow;
    border-style: outset;
    outline: 2px outset khaki;
   // transform: translate(0, 5px);
}


    
.miNavbar{
   display:flex;
   justify-content: center;
   align-items: center; 
   position: relative; 
   top:0px;
   z-index: 10;
}

#miNavbar{
    display:none;
    birder-style:solid;
    border-color:#fed353; 
    border: 3px;
    margin-left:0;
    //display:flex;
    background-color:yellow;
    width:102vw; 
    height:70px; 
    z-index: 10;
    }
    
.menu-sup{
    height:70px; 
    display:flex;
    justify-content: center;
    align-items: center;
}
    
.lines{    
    width:103vw; 
    height:5vh;
    margin-left:-1vw;
    position: relative;
    z-index: 10;
}
    
.win{
  width: 100vw;
  height:100vh;
  overflow:overflow-block;
    
}

.botonmenu {
  display:flex;
  width: 12vw;
  max-width: 50px;
  position: fixed;
  top:1vh;
  left: 1vw;
  border-radius: 50%;
  background-color: #333;
  color: #fff;
  padding: 0.5vw;
  cursor: pointer;
  z-index:150000;
 // transform: translate(0px, -8vw);
}

.botoninfo {
  display:flex;
  width: 12vw;
  max-width: 50px;
  position: fixed;
  top:1vh;
  right: 1vw;
  border-radius: 50%;
  background-color: #333;
  color: #fff;
  padding: 0.5vw;
  cursor: pointer;
  z-index:150000;
 //transform: translate(0px, -8vw);
}  
  

.botonmapdiv {
  background-image:url();
  background-repeat:no-repeat;
  width:100vw;
  max-width: 50px;
  position:fixed;
  z-index: 100;
  display:fixd;
  align-content: center;
  justify-content: center;
  justify-items: center;
  align-items: center;
  top:0px;
}


.botonmap { 
  display:flex;
  width: 40px;
  position: fixed;
  border-radius: 50%;
  background-color: #333;
  color: #fff;
  cursor: pointer;
  z-index:150;
  margin:0 auto;
  top:0.8vh;
 // transform: translate(0px, 2vw);
}

body{
    width: 100%;
    height: 100%;
    background-color: #000000
}

.btn-star{
  width: 100vw;
  height: relative;
  position: fixed;
  display:flex;
  justify-content:center;
  margin:0 auto;
  border-radius:;  
  color: #fff;
  padding: 1vw;
  cursor: pointer;
  z-index:150000;
  margin:0 auto;
  overflow: hidden;
  bottom: 5vw;
}


.centrof { 
  display:flex;
  justify-content:center;
  margin:0 auto;
  overflow: hidden;
  width: 60px;
  height: 60px;   
  }
  
.cuadro{
    
    width:50%; 
    height:50%; 
    
 }
  
.logo-principal{
    
    height:relative;     
    background-color:black; 
    margin-top:20%;
    display:flex;
    justify-content:space-between;
    background-size: 30vh relative;
    background-repeat: no-repeat;
}

.img-logo{
    width:40vw; 
}

.lin-inf{
    position:fixed; 
    z-index: 100; 
    bottom:1vw;
    
}

#capa {
    display:flex;
    justify-content:center;
    margin:0 auto;   
    border-radius:1%; 
    width:100vw; 
    height:70vh; 
    border:0px;
    overflow:overflow-block;    
}