@charset "utf-8";
/* CSS Document */

.nave072023 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  background : #000;
  color: #ffffd9;
  height: 60px;
  padding: 0.7em 1em 0.7em 0.75em;
  font-weight:bolder;
  font-size:24px;
  /*  background: url(iconos/logo.svg) no-repeat #000; */
    background-size: 60%;
    background-position-x: center;
    background-position-y: center;
	background: url(iconos/stars_movl.png) fixed center repeat;
}

.menu072023 li:hover{
  color:white;
  cursor:pointer;
}

.menu072023 {
  display: flex;
  flex-direction: row;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.menu072023 > li {
  margin: 0 1rem;
  overflow: hidden;
      
    font-family: 'EurostileExtendedBlack';
 
    justify-content: flex-start;
}
/*Container for menu button  */
.menu-button-container072023 {
  display: none;
  height: 100%;
  width: 30px;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#menu-toggle072023 {
  display: none;
   
}

/*  Creating the menu button */
.menu-button072023,
.menu-button072023::before,
.menu-button072023::after {
  display: block;
  background-color: #ffffd9;
  position: absolute;
  height: 2px;
  width: 25px;
   
}

.menu-button072023::before {
  content: '';
  margin-top: -8px;
}

.menu-button072023::after {
  content: '';
  margin-top: 8px;
}
/*  Adding Functionality to the Hamburger Menu with CSS  */
#menu-toggle072023:checked + .menu-button-container072023 .menu-button072023::before {
  margin-top: 0px;
  transform: rotate(45deg);
}

#menu-toggle072023:checked + .menu-button-container072023 .menu-button072023 {
  background: rgba(255, 255, 255, 0);
}

#menu-toggle072023:checked + .menu-button-container072023 .menu-button072023::after {
  margin-top: 0px;
/*  transforms the hamburger icon into a cross  */
  transform: rotate(-45deg);
}

/* Making the navbar responsive by CSS Media Queries */
@media (max-width: 575px) {
  
   
  
  .menu-button-container072023 {
    display: flex;
  }
  .menu072023 {
    position: absolute;
    top: 0;
    margin-top: 60px;
    left: 0;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    align-items: center;
  }
  #menu-toggle072023 ~ .menu072023 li {
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
  }
  #menu-toggle072023:checked ~ .menu072023 li {
     
    height: 1.8em;
    padding:0em 0 1.2em 1em;
	font-size: 0.9em;
	background: url(iconos/fondo_estrellas.png) repeat fixed;
  }
  .menu072023 > li {
    display: flex;
    justify-content: flex-start;
    margin: 0;
    padding: 0.5em 0;
    width: 100%;
    color: #ffffd9;
     

  }
  
   .menu072023 > li a:hover{ text-decoration:none; 

color:#FFFFD9;
animation-name: parpadeo;
  animation-duration: 0.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;}
  .menu072023 > li:not(:last-child) {
    border-bottom: 0px solid #444;

  }
  
  
}

@media (min-width: 577px) { 	#menu072023 {   display: none; }   }