*
{
  border: 0;
  margin: 0;
  padding: 0;
  color: gray;
  font-family: tahoma;
  }

#site-container
{
  width: 8064px
  }
.section-container
{
  float:left;
  width:1152px;
  }

.main-title
{
  display: none;
  height:28px;
  text-indent:-10000px;
  width:113px;
  margin:90px auto 0;
  }

.portfolio-image
{
  display:block;
  margin:130px auto 0;
  }

#header
{
  left:50%;
  margin-left:-56px;
  position:fixed;
  }

#header a
{
  vertical-align:baseline;
  line-height:16px;
  color:#000;
  display:block;
  font-family:Georgia, serif;
  font-size:11px;
  margin-top:3px;
  text-decoration:none;
  }

.description
{
  font-family: Tahoma, sans-serif;
  font-size:11px;
  line-height:16px;
  color:#444;
  text-align: center;
  display:none;
  width: 700px;
  margin: auto;
  z-index: 99;
}


/* Navegacion */

#next-piece
{
  cursor: pointer;
  height: 312px;
  position: fixed;
  right: 0px;
  top: 50%;
  margin-top: -235px;
  width: 50%;
  }

#previous-piece
{
  cursor: pointer;
  height: 312px;
  position: fixed;
  left: 0px;
  top: 50%;
  margin-top: -235px;
  width: 50%;
  }


#previous-piece:hover,
#next-piece:hover
{ }
#next-piece:hover .frecha,
#previous-piece:hover .frecha
{ }

.frecha
{ height: 47px;
  width: 47px;
  position: fixed;
  top: 50%;
  margin-top: -25px;
  }
#next-piece .frecha
{ background: url(../img/arrow-right.png) no-repeat left 50%; 
  right: 15px;
  }
#next-piece:hover .frecha
{ background-position: right 50%; }

#previous-piece .frecha
{ background: url(../img/arrow-left.png) no-repeat right 50%;  
  left: 15px; }
#previous-piece:hover .frecha
{ background-position: left 50%; }


/* Para que amose os datos da vCard correctamente. */
div.vcard, div.vcard *
{ display: inline; }

div.vcard div.fn:after
{ content: ": "; }
div.vcard div.email:after
{ content: " - "; }