/* Inspirado en los styles de los W3C Tech Reports: http://www.w3.org/StyleSheets/TR/W3C-NOTE.css */

body {
  margin: 60px 25% 20px 20%;			/* margin: top right bottom left */
  font-family: "BitStream vera sans","Trebuchet",sans-serif;
  font-size: 95%;
  color: black;
  background: white;
}

#pi {
  margin: 20px 10% 20px 70px;			/* margin: top right bottom left */
  font-family: "BitStream vera sans","Trebuchet",sans-serif;
  font-size: 95%;
  color: black;
  background: white;
  background-image: url(./proinnova-logo-small.gif);
  background-position: 0 0;
  background-attachment: fixed;			/* Standard CSS que el Internet Explorer se salta a la torera */
  background-repeat: no-repeat;
}
#navbar {
  position: fixed;
  background-color: #245387;
  font-size: 90%;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 40px;
  color: #EDF3FF;
  font-weight: bold;
  z-index: 1;
}

#navbar a {
  text-decoration: none;
  padding: 5px 7px 5px 7px;
  background-color: white;
  color: #245387;
  border: 1px solid #83AFE0;
}

h1,h2,h4,a {
  color: #245387;
}

h4 {
  margin-bottom: 0px;
  margin-top: 0px;
}

h2 {
  padding-top: 20px;
}

p, #contact {
  font-size: 90%;
}

p {
  text-indent: 20px;
}

.tag {
  color: #245387;
  font-weight: bold;
}

a:hover {
  color: #83AFE0;
}

.logo div {
    width: 100%;
    text-align: right;
}

.logo a:link {
  color: #fff;
  border:0px;
}

.logo a:hover {
  color: #fff;
  border:0px;
}

.logo img{
  border:0px;
  padding: 0px 0px 0px 40%;
}