@charset "UTF-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Lato);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab);

body{color:#000;
  background-color:#f7f7f2;
}

h1{
  font-family: 'Lato Thin', sans-serif; 
  font-weight:300;
  line-height:33px;
  font-size:28px;
}

h2{
  font-family: 'Lato Thin', sans-serif;
  font-weight:300;
  font-size:16px;
  line-height:2px;
  margin-bottom:40px;
}

p{
  font-size:15px;
  line-height:21px;
  font-family: 'Lato Thin', sans-serif;
  font-weight:300;
}

a{
  text-decoration: none;
}

.container{
  width: 100%;
  padding: 40px;
}

.rectangulo{
  width: 600px;
  background-color: #fff;
  padding: 30px;
  margin-left: auto;
  margin-right: auto;

}

.container .rectangulo header{
  color: #666;
}

.container .rectangulo article{
  color: #999;
}

blockquote{
  font-size:20px;
  font-family: 'Roboto Slab Thin', serif;
  font-weight:300;
  font-weight:300;
  font-style: italic;
  line-height: 24px;
}

.smallcontainer{
  width:100%;
  background-color:000;
  margin-left:230px;
}

.small{
  border-style: solid;
  border-width: 1px;
  border-color:#b5e0e5;
  width:160px;
  height:40px;
  text-align:center;
}

.small a{
  font-size: 13px;
  text-decoration: none;
  line-height: 40px;
  text-align: center;
  font-family: 'Lato', sans-serif;
  font-weight:300;
  color: #82c8cf;
}

.nav{
  background-color: #999;
  margin: -7px;
  text-align: right;
  color: #fff;
  font-family: 'Lato', sans-serif;
  font-weight:300;
  font-size: 14px;
  text-transform:uppercase;
  height:30px;
  text-align:center;
}

.btn{
  padding-top: 8px;
}

.btn a{
  color:#fff;
}