* {
  margin:0;
  padding:0;
}

body {
  color:black;
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  text-align:center;
  background: #bdbdbd;
}

img {
  border: none;
}

a {
  text-decoration: none;
}

ul, li {
  list-style-image: none;
  list-style-type: none;
}

#page {
  text-align:right;
  width:780px;
  height: 780px;
  padding-left: 100px;
  padding-right: 100px;
  background: #ffffff;
}

#header-logo {
  text-align: left;
  width: 280px;
  height: 40px;
}

#panell_esq {
    padding-top: 75px;
    width: 290px;
    height: 460px;
    float: left;
}

#panell_dreta {
    padding-top: 75px;
    padding-left: 30px;
    width: 460px;
    height: 460px;
    float: right;
}

#menus {
  width: 290px;
  height: 420px;
  display:table-cell;
  vertical-align: bottom;
}

#menus ul {
  display: inline; 
  font-size: 16px;
  font-weight: bold;
  padding-left: 20px;
}

#menus ul.portfoli {
  background-color: #a8a8a8;
  padding-right: 1px;
  margin-bottom: 10px;
}

#menus .principal {
  background-color: black;
  padding-left: 20px;
  padding-right: 1px;
  color:white;
}

#menus li {
  margin: 1px;
  font-size:12px;
  font-weight:normal;
}

#menus .categoria {
  color: black;
}

#menus .categoria.active {
  font-weight: bold;
}

#fotografia {
  width: 460px;
  height: 460px;
  display:table-cell;
  vertical-align: bottom;
}

#fotografia img {
  max-height: 460px;
  max-width: 460px;
}

#pagina {
  width: 460px;
  height: 460px;
  display:table-cell;
  vertical-align: bottom;
  font-size: 16px;
}

#num_fotos {
  float: right;
  width: 490px;
  margin-top: 10px;
}

#num_fotos a {
  font-size: 16px;
  font-weight: bold;
  color: #bdbdbd;
}

#num_fotos a.active {
  color: #6d6d6d;
}