body /*estilo BODY*/
{
  font-family: Arial;
  background-color: lightgrey;
  max-width: 100%;
}

header /*estilo HEADER*/
{
  padding: 30px;
  text-align: center;
  font-size: 35px;
  color: white; 
  background-color: rgb(191, 212, 255);
  margin-top:-80px ;
}


h3 /*estilo H3*/
{
    text-align: left;
    margin: 30px;
}

ul /*etilo de la tabla con los links a otras paginas*/ 
{
  list-style-type: none;
  width: 150px;
}

li a /*estilo de los links a otras paginas*/ 
{
  display: block;
  padding: 18px;
  text-decoration: none; /*que los links no esten underlined*/
  background-color: rgb(74, 78, 157);
  color: white;
}
li :hover
{
  opacity: 0.6;
}

article /*estilo donde va la info de lo que contiene la pagina*/
{
  float: left;
  width: 85%;
  background-color: rgb(215, 252, 255);
  height: 800px; 
  text-align: center;  
}

nav /*estilo del espacio conde estan los links a las diferentes paginas*/
{
  float: left;
  width: 15%;
  height: 800px;
  background-image: url("../Fotos/navMedicina.jpg");
  background-size: cover;
}

@media (max-width: 600px) /*manera de poner el cuadrado de los links a otras cosas de la pagina y donde esta la info en la misma linea*/
{
  nav, article 
  {
    width: 100%;
    height: auto;
  }
}

footer /*estilo de la parte de abajo 'Other Stuff'*/
{
  background-image: url("../Fotos/headerGeneral.webp");
  background-size: cover;  
  padding: 10px;
  text-align: center;
  color: white;
}

section::after /*rellena el espacio q falta entre el article y el nav*/
{
  content: "";
  display: table;
  clear: both;
}

.title
{
  display: block;
  padding: 13px;
  text-decoration: none;
  background-color: #c2b490;
  width: auto;
}




.textSize
{
  font-size: 20px;
}



table
{
  width: 900px;
  transform: translateX(200px);
}

.downloadDoc{
  display: block;
  padding: 8px;
  text-decoration: none; /*que los links no esten underlined*/
  background-color: rgb(105, 114, 155);
  color: white;
  width: 200px; 
  transform: translateX(500px);
}
.imgMed{
  transform: translateX(370px);
}
.imgOldMed
{
  transform: translateX(-320px);
}

h2{
  width: auto;
  align-items: center ;
}
.titleTopic{
  transform: translateY(120px);
}