body {
  background-color: white;
  margin: 0;
}
#theory {
  margin-right: 2.22%;
  margin-left: 1.85%;
}
em {
  color: blue;
}
img#borde {
  padding: 0% 2.964%;
}
#pie {
  margin-right: 14.82%;
  margin-left: 14.82%;
}
#titulo {
  color: black;
  text-align: center;
  font-family: georgia;
}
h1 {
  font-family: verdana;
  font-style: italic;
}
p.conc {
  background-color: lime;
}
#tit {
  text-align: center;
  font-style: normal;
  text-decoration: none;
}
#imgtitle{
  width: 58.784%;
}
#container {
  margin-left: 7.41%;
  margin-right: 7.41%;
  background-color: white;
}
#chemistry {
  margin-left: 8.89%;
  margin-right: 8.89%;
  background-color: white;
  color: black;
  font-family: verdana;
}
ul#topbar {
  float: center;
  padding: 10px 20px;
}
ul#topbar li a {
  background-color: black;
  color: white;
  padding: 10px 20px;
  text-decoration: none;
  border-radius: 4px;
}
ul#topbar li a:hover {
  background-color: blue;
}
ul#topbar li {
  text-decoration: none;
  background-color: black;
  color: white;
  text-align: center;
  display:inline;
  border-radius: 4px;
  padding: 10px 20px;
}
#boton :hover{
  background-color: blue;
}
#boton{
  border: none;
  background-color: black;
  color: white;
  text-align: center;
  padding: 10px 20px;
  text-decoration: none;
  border-radius: 4px;
  font-size: 100%
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}


/*

.highlight  { background: #ffffff; }
.highlight .c { color: #999988; font-style: italic } 
.highlight .err { color: #a61717; background-color: #e3d2d2 } 
.highlight .k { font-weight: bold } 
.highlight .o { font-weight: bold } 
.highlight .cm { color: #999988; font-style: italic } 
.highlight .cp { color: #999999; font-weight: bold } 
.highlight .c1 { color: #999988; font-style: italic } 
.highlight .cs { color: #999999; font-weight: bold; font-style: italic } 
.highlight .gd { color: #000000; background-color: #ffdddd } 
.highlight .gd .x { color: #000000; background-color: #ffaaaa } 
.highlight .ge { font-style: italic } 
.highlight .gr { color: #aa0000 }
.highlight .gh { color: #999999 }  
.highlight .gi { color: #000000; background-color: #ddffdd } 
.highlight .gi .x { color: #000000; background-color: #aaffaa } 
.highlight .go { color: #888888 } 
.highlight .gp { color: #555555 } 
.highlight .gs { font-weight: bold } 
.highlight .gu { color: #800080; font-weight: bold; } 
.highlight .gt { color: #aa0000 } 
.highlight .kc { font-weight: bold }  Keyword.Constant 
.highlight .kd { font-weight: bold } /* Keyword.Declaration 
.highlight .kn { font-weight: bold } /* Keyword.Namespace 
.highlight .kp { font-weight: bold } /* Keyword.Pseudo 
.highlight .kr { font-weight: bold } /* Keyword.Reserved 
.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type 
.highlight .m { color: #009999 } /* Literal.Number 
.highlight .s { color: #d14 } /* Literal.String 
.highlight .na { color: #008080 } /* Name.Attribute 
.highlight .nb { color: #0086B3 } /* Name.Builtin 
.highlight .nc { color: #445588; font-weight: bold } /* Name.Class 
.highlight .no { color: #008080 } /* Name.Constant 
.highlight .ni { color: #800080 } /* Name.Entity 
.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception 
.highlight .nf { color: #990000; font-weight: bold } /* Name.Function 
.highlight .nn { color: #555555 } /* Name.Namespace 
.highlight .nt { color: #000080 } /* Name.Tag
.highlight .nv { color: #008080 } /* Name.Viable 
.highlight .ow { font-weight: bold } /* Operator.Word 
.highlight .w { color: #bbbbbb } /* Text.Whitespace 
.highlight .mf { color: #009999 } /* Literal.Number.Float 
.highlight .mh { color: #009999 } /* Literal.Number.Hex 
.highlight .mi { color: #009999 } /* Literal.Number.Integer 
.highlight .mo { color: #009999 } /* Literal.Number.Oct/
.highlight .sb { color: #d14 } /* Literal.String.Backtick 
.highlight .sc { color: #d14 } /* Literal.String.Char 
.highlight .sd { color: #d14 } /* Literal.String.Doc 
.highlight .s2 { color: #d14 } /* Literal.String.Double 
.highlight .se { color: #d14 } /* Literal.String.Escape 
.highlight .sh { color: #d14 } /* Literal.String.Heredoc
.highlight .si { color: #d14 } /* Literal.String.Interpol 
.highlight .sx { color: #d14 } /* Literal.String.Other 
.highlight .sr { color: #009926 } 
.highlight .s1 { color: #d14 } 
.highlight .ss { color: #990073 } 
.highlight .bp { color: #999999 } 
.highlight .vc { color: #008080 } 
.highlight .vg { color: #008080 }
.highlight .vi { color: #008080 } 
.highlight .il { color: #009999 } 

*/