/* Local CSS */

/*----- Loader ----------*/

#loader {
  border: 12px solid #f3f3f3;
  border-radius: 50%;
  border-top: 12px solid #25176C;
  width: 70px;
  height: 70px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  100% {
      transform: rotate(360deg);
  }
}

.center {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
body{width:100%;height:100%;}

/*-----------------------*/


#container{
  background-image: url(../../../media/images/contacto/Fondo_contacto.png);
  background-position: top;
  /* background-position-x: -1px; */
  background-repeat: no-repeat;
  background-size: 101% 100%;
  background-color: white;
  width: 1024;
  height: 768;
  font-family: 'Brandon-regular';
  color: white;
  font-size: 24.39px;
}


.bold{font-family: 'Brandon-bold';}
.light{font-family: 'Brandon-light';}
.medium{font-family: 'Brandon-medium';}
.black{font-family: 'Brandon-black';}

.aoscuro{color: #25176C;}
.aclaro{color: #4787D2;}

.upper{text-transform: uppercase;}

a {
  all: unset;
  cursor: pointer;
}

header{height: 10.9%; width: 100%;}

td,th{text-align: left;}

.col_a{width: 26.5%;}
.col_b{width: 31.5%;}
#Encabezado1{height: 19.5%;}
#Encabezado2{height: 17.5%;}
.celda_doble{line-height: 1em;}
.vertical_top{vertical-align: top;}
.vertical_bot{vertical-align: bottom;}


#Superior{
  left: 0%;
  top: -0.1%;
  width: 100%;
  position: absolute;
}
#Inferior{
  left: 0%;
  bottom: -0.1%;
  width: 100%;
  position: absolute;
}
#Menu-Container{
  height: 4.5%;
  width: 32.4%;
  position: absolute;
  right: 0;
  background-image: url(../../../media/images/Fondo-Menu.png);
  background-repeat: no-repeat;
  background-size: 100% 105%;
  background-position-y: -2px;
  top: 4.45%;

}
#Logo-Nutritional{
  left: 1.3%;
  top: 2%;
  width: 14.5%;
  position: absolute;
}
#Logo-Abbott{
  left: 89.7%;
  top: 94.8%;
  width: 7.8%;
  position: absolute;
}

#Titulo-Nutritional{
  left: 2.6%;
  top: 20.3%;
  width: 50%;
  position: absolute;
}

#Banderas1{
  left: 7.4%;
  top: 52.1%;
  width: 1.45%;
  position: absolute;
}
#Banderas2{
  left: 52.33%;
  top: 52.1%;
  width: 1.45%;
  position: absolute;
}

/*------------------------*/

#Text_Menu1{
  position: absolute;
  left: 7%;
  bottom: 27%;
}
#Text_Menu2{
  position: absolute;
  left: 38%;
  letter-spacing: -0.025em;
  bottom: 27%;
}
#Text_Menu3{
  position: absolute;
  left: 75%;
  bottom: 27%;
}

#Titulo1{
  font-size: 33px;
  line-height: 1.2em;
  letter-spacing: 0.03em;
  left: 7.4%;
  top: 37.7%;
  position: absolute;
}


#Legal{
  font-size: 10px;
  /* line-height: 1.2em; */
  letter-spacing: 0.03em;
  left: 1%;
  top: 93.2%;
  position: absolute;
}

/*------------------------*/

#Tabla1{
  position: absolute;
  left: 9.1%;
  top: 46.8%;
  width: 39%;
  height: 21.5%;
}
#Tabla2{
  position: absolute;
  left: 54%;
  top: 46.8%;
  width: 39%;
  height: 23%;
}



sup{font-size: 14px;
line-height: 1em;}



.mostrar{
  visibility: visible !important;
}