/*
  #puerta1_button, #puerta2_button , #puerta3_button , #puerta4_button , #puerta5_button , #puerta6_button {
      position: absolute;
      width: 100px;
      height: 30px;
      background-color: DodgerBlue;
      color: white;
      text-align: center;
      line-height: 30px;
      cursor: pointer;
  }
  
  #puerta1_button {
      left: 10px;
  }
  
  #puerta2_button {
      left: 120px;
  }

  #puerta3_button {
      left: 230px;
  }

  #puerta4_button {
      left: 340px;
  }

  #puerta5_button {
      left: 450px;
  }

  #puerta6_button {
      left: 560px;
  }
  
  <div id="puerta1_button">Puerta 1</div>
  <div id="puerta2_button">Puerta 2</div>
  <div id="puerta3_button">Puerta 3</div>
  <div id="puerta4_button">Puerta 4</div>
  <div id="puerta5_button">Puerta 5</div>
  <div id="puerta6_button">Puerta 6</div>
  */

/* Navbar container */
.navbar {
    overflow: hidden;
    background-color: rgba(125, 166, 194, 0.521);
    font-family: Arial;
    /*position:fixed;
    left: 40%;*/
    position: absolute;
    /*left: 50%;
    transform: translate(-50%);*/
  }
  
  /* Links inside the navbar */
  .navbar a {
    float: left;
    font-size: 16px;
    color: white;
    text-align: center;
    padding: 14px 36px;
    text-decoration: none;
  }
  
  /* The dropdown container */
  .dropdown {
    float: left;
    overflow: hidden;
  }
  
  /* Dropdown button */
  .dropdown .dropbtnPpal {
    font-size: 16px;
    border: none;
    outline: none;
    color: white;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 53px;
    padding-right: 53px;
    background-color: inherit;
    font-family: inherit; /* Important for vertical align on mobile phones */
    margin: 0; /* Important for vertical align on mobile phones */
  }

  .dropdown .dropbtnSec {
    font-size: 16px;
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit; /* Important for vertical align on mobile phones */
    margin: 0; /* Important for vertical align on mobile phones */
  }

  .dropdown .dropbtnTrastero {
    font-size: 16px;
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit; /* Important for vertical align on mobile phones */
    margin: 0; /* Important for vertical align on mobile phones */
  }
  
  /* Add a red background color to navbar links on hover */
  .navbar a:hover, .dropdown:hover .dropbtn {
    background-color: rgba(91, 173, 194, 0.808);
  }
  
  /* Dropdown content (hidden by default) */
  .dropdown-content {
    display: none;
    position: fixed;
    background-color: #f9f9f99c;
    min-width: 101px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    width: auto;
  }
  
  /* Links inside the dropdown */
  .dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
  }
  
  /* Add a grey background color to dropdown links on hover */
  .dropdown-content a:hover {
    background-color: #ddd;
  }
  
  /* Show the dropdown menu on hover */
  .dropdown:hover .dropdown-content {
    display: block;
  }

  .classZodiaco {
    float: none;
    color: rgb(80, 77, 77);
    padding: 12px 16px;
    text-decoration: none;
    display: none;
    text-align: left;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 48px;
    padding-right: 48px;
    cursor: pointer;
  }

  .dropdown-content p:hover {
    background-color: rgb(230, 202, 202);
  }
  

  /*IDIOMAS*/

  #idiomasbarid {
    display: none;
    }
  .idiomasbar {
    overflow: hidden;
    /*background-color: rgba(125, 166, 194, 0.521);*/
    font-family: Arial;
    /*position:fixed;
    left: 40%;*/
    position: absolute;
    right: 6.6%;
    /*left: 50%;
    transform: translate(-50%);*/
  }
  
  /* Links inside the navbar */
  .idiomasbar a {
    float: left;
    font-size: 16px;
    color: white;
    text-align: center;
    padding: 14px 36px;
    text-decoration: none;
  }

  .dropdownIdiomas {
    float: left;
    overflow: hidden;
  }
  
  /* Dropdown button */
  .dropdownIdiomas .dropbtnPpalIdiomas {
    font-size: 13px;
    border: none;
    outline: none;
    color: rgba(255, 255, 255, 0);
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 11px;
    padding-right: 11px;
    background-color: inherit;
    font-family: inherit;
    /*margin: 8px;*/
    margin-top: 7px;
    margin-bottom: 8px;
    margin-left: 8px;
    margin-right: 8px;
    /*background-color: #8b8b8b57;*/
    /*border-radius: 67%;*/

    background-image:url(../media/idiomas/espa100.png);
    background-repeat:no-repeat;
    background-size: cover;
  }

  .dropdownIdiomas .dropbtnSecIdiomas {
    font-size: 16px;
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit; /* Important for vertical align on mobile phones */
    margin: 0; /* Important for vertical align on mobile phones */
  }
  .dropdown-contentIdiomas {
    display: none;
    position: fixed;
    background-color: #f9f9f908;
    min-width: 60px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    width: auto;
  }

  #idiomasbarESP {
    color: rgba(255, 255, 255, 0);
    background-image:url(../media/idiomas/espa100.png);
    background-repeat:no-repeat;
    background-size: cover;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 8px;
    margin-right: 0px;
    background-size: 75%;
    }

    #idiomasbarEN {
      color: rgba(255, 255, 255, 0);
      background-image:url(../media/idiomas/ingles100.png);
      background-repeat:no-repeat;
      background-size: cover;
      margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 8px;
    margin-right: 0px;
    background-size: 75%;
      }

      #idiomasbarFR {
        color: rgba(255, 255, 255, 0);
        background-image:url(../media/idiomas/frances100.png);
        background-repeat:no-repeat;
        background-size: cover;
        margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 8px;
    margin-right: 0px;
    background-size: 75%;
        }
    
  
  /* Links inside the dropdown */
  .dropdown-contentIdiomas a {
    float: none;
    color: rgb(133, 133, 133);
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
  }
  
  /* Add a grey background color to dropdown links on hover */
  .dropdown-contentIdiomas a:hover {
    /*background-color: #f9f9f98f;*/
    color: rgb(252, 252, 252);
  }
  
  /* Show the dropdown menu on hover */
  .dropdownIdiomas:hover .dropdown-contentIdiomas {
    display: block;
  }