body, html, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0; }

html {
  margin: 0 40px;
  padding-bottom: 80px;
  font: .9em 'Lucida Grande', 'Segoe UI', sans;
  line-height: 1.6em;
  background: #333; }

acronym {
  cursor: help; }

a {
  color: #009;
  border-bottom: 1px dotted #009;
  text-decoration: none; }
  a:hover {
    border-bottom-style: solid; }

#language {
  font-size: .8em;
  text-align: right; }

#wrapper {
  background: #fff url(bgwrapper.png) no-repeat left top;
  width: 800px;
  margin: 40px auto 0 auto;
  padding: 20px; }

#footer {
  width: 840px;
  height: 20px;
  margin: auto;
  color: #fff;
  background: url(bgfooter.png) no-repeat left bottom; }

#logo {
  width: 800px;
  height: 185px;
  background: url(logo.png);
  text-indent: -9999px; }

#slogan {
  visibility: hidden;
  height: 0px; }

.intro {
  text-indent: -9999px;
  width: 500px;
  margin: 20px 30px 20px 0;
  background-repeat: no-repeat;
  background-position: left center;
  float: left; }

#intro-en {
  background-image: url(intro-en.png);
  height: 192px; }

#intro-es {
  background-image: url(intro-es.png);
  height: 188px; }

#content {
  margin: 40px 0 0 0; }

h3 {
  font-size: 2.1em;
  color: #89BA16;
  font-weight: normal;
  letter-spacing: -0.08em;
  margin-top: 30px; }
  h3.togglers {
    background-color: #DCEABB;
    padding: 20px;
    border-bottom: 1px solid #9BA681;
    margin: 0;
    cursor: pointer; }
    h3.togglers:hover {
      background-color: #DCFF8B;
      color: #000; }

.elements {
  margin-bottom: 30px; }

.important {
  font-size: 1.4em; }

.trademarked {
  letter-spacing: -0.05em;
  color: #333; }
  .trademarked:after {
    content: '™'; }

.popup {
  float: right;
  font-size: .8em;
  background: #afa url(bulb.png) no-repeat 10px center;
  background-color: #afa;
  padding: 10px 10px 10px 84px;
  margin: 0 0 0 20px;
  border: 1px solid #696;
  width: 300px; }

#samples {
  margin: 0;
  padding: 0;
  list-style: none; }
  #samples .sample {
    width: 215px;
    height: 260px;
    float: left;
    margin: 10px 15px; }
    #samples .sample a {
      border: none; }
      #samples .sample a:hover {
        border: none; }
    #samples .sample img {
      border: none; }
    #samples .sample.empty {
      border: 2px dashed #ccc;
      text-indent: -9999px;
      background-repeat: no-repeat;
      background-position: center;
      background-color: #eee; }
    #samples .sample.soon {
      background-image: url(comingsoon.png); }
    #samples .sample.project {
      background-image: url(yourproject.png); }
    #samples .sample.proyecto {
      background-image: url(tuproyecto.png); }

.boxed {
  background: #ffa;
  margin: 0;
  padding: 15px;
  border: 1px solid #996; }

ul#tools {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden; }
  ul#tools li {
    text-indent: -9999px;
    width: 200px;
    float: left;
    background-repeat: no-repeat;
    display: block;
    background-position: left center; }
  ul#tools li#acd {
    background-image: url(acd.jpg);
    width: 400px;
    height: 355px; }
  ul#tools li#s2t {
    background-image: url(s2t.jpg);
    width: 400px;
    height: 355px; }
  ul#tools li#mbp {
    background-image: url(mbp.jpg);
    height: 137px;
    margin-left: 60px; }
  ul#tools li#vx3 {
    background-image: url(vx3.jpg);
    height: 151px;
    margin-right: 40px; }
  ul#tools li#aip {
    background-image: url(aip.jpg);
    width: 100px;
    height: 120px; }
  ul#tools li#nn8 {
    background-image: url(nn8.jpg);
    width: 102px;
    height: 60px;
    margin-right: px; }

.c {
  clear: both; }