* {
  margin: 0;
  padding: 0;
  }

html {
  background: #fff;
  }

body {
  margin: 0 auto;
  max-width: 700px;
  _width: 700px;
  padding: 0 30px;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  }

  h1, h2, h3, h4, h5, h6 {
        text-align: left;
        font-size: 1em;
        color: #fff;
        font-family: 'Lato', Helvetica, Arial, sans-serif;
        padding:0;
        margin:0;
        text-transform: uppercase;
      }

      h1{
        font-weight: 900;
        letter-spacing: .05em;
      }

      h2{
        font-weight: 900;
        letter-spacing:0.06em;
      }

      h3{
        font-weight: 700;
        letter-spacing:0.071em;
      }

      h4{
        font-weight: 700;
        letter-spacing:0.095em;
      }

      h5{
        font-weight: 400;
        letter-spacing:0.125em;
      }


      #intera, #interb{

      -webkit-transition: all 700ms;
      -moz-transition: all 700ms;
      -ms-transition: all 700ms;
      -o-transition: all 700ms;
      transition: all 700ms;

        font-size: 1em;
        color: #000;
        text-align: left;
        font-family: 'Lato', Helvetica, Arial, sans-serif;

      }

      #intera{
        width: 600px;
        margin:0 0 0 0;
        padding: 0 10px;
        height:0px;
        overflow-y: scroll;
        overflow-x: hidden;
        font-weight: 300;
        border-bottom: 1px solid white;
        opacity: 0;
        font-size: .85em;
        background-color:white;
      }

      #intera .tit{
        font-weight: 400;
      }

      #intera .anio{
        line-height:10%;
      }

      #interb{
        width:400px;
        font-weight: 100;
        margin: .5em 0 0 0;
        padding-bottom: .5em;
        height:0px;
        overflow: hidden;
        border-bottom: 1px solid white;
        opacity: 0;
          background-color:white;
      }

      input, textarea {
        width:396px;
        text-align:left;
        font-family: 'Lato', Helvetica, Arial, sans-serif;
        font-weight: 400;
        border: none;
        padding: 0 10px;
        margin:7px 0 0 2px;
        font-size:1em;
        color: #000;
        background: none;
      }

      textarea {
      margin-top: 20px;
      height:190px;
      resize: none;
      }

      #submit{
        opacity:1;
        background:none;
        border:none;
        cursor:pointer;
      }

      #submit:hover {
      opacity:.5;
      }

      #caja {
      width:90%;
      height:700px;
      position: absolute;
      top:0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 0;

      margin: auto;

      }

      #titulo {
        position: absolute;
        left: 40px;
        top: 40px;
        bottom:40px;
        padding:0;
        z-index: 1000000;   
      }

      #titulo a{
        text-decoration: none;
        color: #fff;
      }

      #titulo a:hover{
        opacity: .6;
        text-decoration: none;
        color: #fff;
      }

      #whatwhat{
        clear: both;
      }

      #titulo a {
        text-decoration: none;
      }