body {
   width: 100%; 
   margin: 0 auto
}

.headertop {
   width: 100%;
   height: 55px;
   background-color: var(--barraIdiomaColor);
}

.cajaidiomas {
   padding-right: 1%;
   padding-top: 20px;
   font-family: var(--fuente), sans-serif;
   font-size: 14px;
   font-weight: bold;
}

#imatge {
   width: 100%;
   height: 150px;
   margin: 0;
   box-sizing: border-box;
   background-image: url(../img/cabecera_top.jpg);
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
}

#logoheader {
   position: relative;
   top: 10px;
   width: 250px;
   height: 120px;
   background-image: url(../img/logo-hernandez-negativo.png);
   background-position: center center;
   background-repeat: no-repeat;
   background-size: contain;
}

#peu {
   position: absolute;
   bottom: 0;
   width: 100%;
   height: 150px;
   line-height: 150px;
   font-family: var(--fuente), sans-serif;
   font-size: 25px;
   color: var(--pieColorTexto);
   background-color: var(--pieColorFondo);
   text-align: center;
}

.textoacceso {
   width: 100%;
   height: auto;
   margin: 30px auto 20px auto;
   font-family: var(--fuente), sans-serif;
   font-size: 26px;
   font-weight: normal;
   text-align: center;
}

.tidioma {
   text-decoration: none;
}

.tidioma:hover {
   text-decoration: none;
   cursor: pointer;
}

.label {
   font-family: var(--fuente), sans-serif;
   font-size: large;
   width: 45%; 
   text-align: right;
 }
 
 .input {
   margin-left: 10px; 
   width:120px; 
   height: 20px;
   font-family: var(--fuente), sans-serif;
   font-size: large;
 }

/********************************************/
/****   media queryes                    ****/
/********************************************/

@media screen and (max-width: 767px) {
   #peu {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 150px;
      line-height: 150px;
      font-family: var(--fuente), sans-serif;
      font-size: 18px;
      color: var(--pieColorTexto);
      background-color: var(--pieColorFondo);
      text-align: center;
   }

}

/* Landscape phones and down */
@media screen and (max-width: 480px) {
   #logo {
      line-height: 30px;
   }

   #peu {
      display: none;
   }

}

@media screen and (max-height: 700px) {
   #peu {
      display: none;
   }
}