* { outline: none; }
html {
width: 100%;
height: 100%;
}
body {
width: 100%;
height: 100%;
background: #000;
margin: 0px;
padding: 0px;
color: #f0f0f0;
font-family: MS Sans Serif;
display: table;
font-size: small;
overflow: hidden;
}
#wrapper {
width: 100%;
height: 100%;
position: relative;
display: table-cell;
vertical-align: middle;
}
#top {
width: 800px;
height: 450px;
margin: auto;
position: relative;
}
#top-content {
width: 750px;
height: 440px;
right: 0px;
bottom: 0px;
position: absolute;
z-index: 3;
}
#categorias {
position:absolute;
bottom: 40px;
right: -10px;
}
#bottom {
width: 800px;
height: 150px;
margin: auto;
position: relative;
text-align: right;
}
#fix {
width: 100%;
height: 100%;
z-index: 99;
position: absolute;
visibility: hidden;
}
#galeria {
width: 100%;
height: 100%;
background: url('../imgs/bg_black.png');
margin: 0px;
padding: 0px;
display: table;
position: absolute;
z-index: 100;
}
#pic-frame {
position: relative;
display: table-cell;
vertical-align: middle;
text-align: center;
}
#foto {
width: 1800px;
height: 1600px;
background: #000;
margin: auto;
display: none;
border: 1px solid #c60000;
padding: 10px;
}
#line {
width: 100%;
height: 2px;
background: #c60000;
position: relative;
}
#line a:link {
text-decoration: none;
border-bottom: solid 1px transparent;
color: #f0f0f0;
}
#line a:visited {
text-decoration: none;
border-bottom: solid 1px transparent;
color: #f0f0f0;
}
#line a:hover {
text-decoration: none;
border-bottom: solid 1px #c60000;
color: #ffaa06;
}
#logotipo {
position:absolute;
top: -97px;
}
#logotipo-box {
width: 1000px;
margin: auto;
position: relative;
}
.trabalho-small {
width: 50px;
height: 50px;
border: 1px solid #c60000;
float: right;
margin: 8px 5px 0px 0px;
padding: 3px;
display: none;
cursor: pointer;
background: #000;
}
.trabalho-small-cat {
width: 50px;
height: 50px;
border: 1px solid #c60000;
float: left;
margin: 5px 0px 0px 5px;
padding: 3px;
display: none;
cursor: pointer;
background: #000;
}
#destaques {
color: #CCC;
float: right;
margin: 5px 5px 0px 0px;
font-weight: normal;
}
#menu-line {
background: url('../imgs/menu_line.png');
width: 1px;
height: 359px;
position: absolute;
bottom: 90px;
left: 20px;
z-index: 11;
display: none;
}
#page-title {
height: 24px;
right: 90px;
bottom: 1px;
display: none;
text-align: right;
}
#legenda {
height: 16px;
bottom: -6px;
right: 5px;
position: relative;
color: #dfdfdf;
}
#page-legenda {
padding: 0px;
margin: 0px;
list-style: none;
position: absolute;
bottom: -3px;
right: 90px;
}
#page-legenda li {
padding: 0px;
margin: 0px;
float: right;
}
#novidades {
width: 610px;
position: absolute;
top: 0px;
right: -16px;
}
#backgrounds {
display: none;
position: absolute;
}
#trabalho-box {
position: absolute;
right: 10px;
}
#trabalho-box ul {
padding: 0px;
margin: 0px;
list-style: none;
}
#trabalho-box li {
float: left;
}
#titulo {
font-size: large;
color: #FFAA06;
font-weight: bold;
font-family: Arial;
}
#data {
font-weight: bold;
margin: 5px 0px 5px 0px;
font-size: x-small;
}
#equipa {
color: #e85801;
font-weight: bold;
margin: 5px 0px 0px 0px;
}
#local {
color: #e85801;
font-weight: bold;
margin: 5px 0px 0px 0px;
}
#cliente {
margin: 5px 0px 0px 0px;
}
#cliente p:first-line {
color: #e85801;
font-weight: bold;
}
#observacoes {
margin: 5px 0px 0px 0px;
}
#observacoes p:first-line {
color: #e85801;
font-weight: bold;
}
#trabalho-box p { margin: 0px; }
#trabalho-box a {
color: #f0f0f0;
}
#trabalho-detalhes {
width: 350px;
padding: 20px;
background: url('../imgs/bg_black.png');
}
#nav-galeria-box {
height: 50px;
}
#nav-galeria {
display: none;
font-size: x-small;
}
#nav-video {
display: none;
font-size: x-small;
}
#nav-prev {
width: 12px;
height: 20px;
background: url('../imgs/nav_galeria.png');
border: none;
padding: 0px;
cursor: pointer;
}
#nav-next {
width: 12px;
height: 20px;
background: url('../imgs/nav_galeria.png') 12px;
border: none;
padding: 0px;
cursor: pointer;
}
#nav-voltar, #nav-voltar-video{
background: url('../imgs/nav_voltar.png');
width: 51px;
height: 20px;
cursor: pointer;
border: none;
}
#nav-voltar:hover, #nav-voltar-video:hover{ background: url('../imgs/nav_voltar.png') 0px -20px; }
#nav-voltar:active, #nav-voltar-video:active{ background: url('../imgs/nav_voltar.png') 0px -40px; }
#nav-galeria ul {
padding: 0px;
margin: 0px;
list-style: none;
}
#nav-galeria li {
display: inline-block;
}
#portefolio-menu {
padding: 5px 10px 10px 10px;
display: none;
}
#text-box {
background: url('../imgs/bg_black.png');
font-size: 12px;
position: absolute;
bottom: 50px;
padding: 20px;
right: 0px;
}
#text-box a:link {
text-decoration: none;
border-bottom: solid 1px transparent;
color: #f0f0f0;
}
#text-box a:visited {
text-decoration: none;
border-bottom: solid 1px transparent;
color: #f0f0f0;
}
#text-box a:hover {
text-decoration: none;
border-bottom: solid 1px #c60000;
color: #ffaa06;
}
#text-projectos {
font-size: 12px;
color: #ff6905;
font-weight: bold;
padding-right: 10px;
}
#text-imgcorp {
font-size: 12px;
color: #ff8205;
font-weight: bold;
padding-right: 10px;
}
#text-video {
font-size: 12px;
color: #ff9305;
font-weight: bold;
padding-right: 10px;
}
#text-3d {
font-size: 12px;
color: #ffa805;
font-weight: bold;
padding-right: 10px;
}
#text-pub {
font-size: 12px;
color: #ffbc05;
font-weight: bold;
padding-right: 10px;
}
#text-animacoes {
font-size: 12px;
color: #ffd505;
font-weight: bold;
padding-right: 10px;
}
#text-avaliacoes {
font-size: 12px;
color: #ffe507;
font-weight: bold;
padding-right: 10px;
}
#loading {
width: 48px;
height: 8px;
position: absolute;
left: 310px;
top: 4px;
display: none;
}
.contactos-tel{
color: #ff6905;
font-weight: bold;
}
.contactos-email{
color: #ff8205;
font-weight: bold;
}
.contactos-skype{
color: #ff9305;
font-weight: bold;
}
.contactos-msn{
color: #ffa805;
font-weight: bold;
}
#footer {
position: fixed;
width: 300px;
height: 10px;
font-size: 10px;
color: #666;
text-align: right;
padding: 5px;
bottom: 0px;
right: 0px;
}
#footer a {
color: #999;
text-decoration: none;
}