/* ========== RESET ========== */
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent}
body{line-height:1}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, 
q:before, q:after{content:''; content:none}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse; border-spacing:0}


/* ========== GERAL ========== */
body {
background:#fff;
color:#000;
font-family:Helvetica, Arial, sans-serif;
line-height:1.2em;
}

#box {
border-top:10px solid #000;
margin:0 auto;
width:900px;
}


/* ========== CABEÇALHO ========== */
#header {
border-bottom:1px solid #000;
overflow:auto;
width:100%;
}

#logo {
background:url('/files/boq.png') center left no-repeat;
float:left;
height:200px;
margin-right:40px;
text-indent:-12345px;
width:230px;
}

#mote  {
font-family:"Helvetica Black", "Arial Black", sans-serif;
font-size:1.25em;
line-height:2em;
margin-left:270px;
margin-top:45px;
}

#pitch {
font-size:0.8125em;
line-height:1.25em;
margin-left:270px;
margin-right:230px;
font-family:Tahoma, sans-serif;
}

#contacto {
background:#000;
color:#fff;
display:block;
font-family:"Helvetica Black", "Arial Black", sans-serif;
font-size:0.8125em;
line-height:1.425em;
margin-left:270px;
margin-top:10px;
text-align:center;
text-decoration:none;
width:170px;
}

#idioma {
background:#000;
color:#fff;
float:right;
font-size:0.814em;
line-height:1.375em;
margin-top:20px;
text-align:center;
text-decoration:none;
width:25px;
}

#contacto:hover,#idioma:hover {background-color:#eb0000;}

/* ========== PROJECTOS ========== */
#projecto {
background:url('/files/loading.gif') no-repeat center center;
height:260px;
line-height:1em;
margin:20px 0;
position:relative;
text-align:right;
}

#projecto.front {
background: none;
}

#projecto h2 {
font-size:1em;
font-weight:bold;
line-height:.5em;
margin:0 652px 10px 0;
}

#projecto h2:after {
content:'\203A';
float:right;
font-family: Arial, sans-serif;
font-size:1.25em;
font-weight:normal;
margin-left:8px;
margin-top:-1px;
}

#projecto ul {
font-size:0.75em;
font-weight:bold;
line-height:1.5em;
margin:0 670px 5px 0;
}

#projecto li span {
color:#666;
font-weight:normal;
}

#desc {
font-family:Tahoma, sans-serif;
font-size:0.75em;
margin-right:670px;
}

#visit {
background:#000;
color:#fff;
display:block;
font-size:0.75em;
margin:20px 670px 0 146px;
text-align:center;
text-decoration:none;
}

#visit:hover {background:#eb0000;}

#projecto img {
margin-left:10px;
position:absolute;
right:0;
top:0;
}

#valsalogo {
margin-right:290px;
margin-top:132px;
}

/* ========== MENU ========== */
#nav h3 {
float:left;
font-size:.875em;
line-height:.5em;
text-align:right;
width:244px;
}

#nav h3:after {
content:'\203A';
float:right;
font-family: Arial, sans-serif;
font-size:1.5em;
font-weight:normal;
margin-left:6px;
margin-top:-1px;
}

#projectos {margin-left:270px;}

#projectos li {float:left;}

#projectos a {
background-image:url('projectos.jpg');
border:1px solid #000;
border-right:0;
display:block;
height:60px;
line-height:.5em;
text-indent:-12345px;
width:45px;
}

#projectos #tourism, #projectos #turismo {border-right:1px solid #000;}

#artafrica {background-position:center 0;}

#park, #parque {background-position:center -60px;}

#pateo {background-position:center -120px;}

#culture, #cultura {background-position:center -180px;}

#traffic, #trafico {background-position:center -240px;}

#parliament, #parlamento {background-position:center -300px;}

#valsa {background-position:center -360px;}

#dolls, #bonecas {background-position:center -420px;}

#hoteltimor {background-position:center -480px;}

#tourism, #turismo {background-position:center -540px;}

#projectos a.active, #projectos a:hover {width:90px;}

/* ========== ERROS ========== */

.err {color: #cc0001;}

.err #box, .err #header {border-color: #cc0001;}

.err a, .err a:visited {color: #cc0001;}

.err a:hover {color: #000;}

#err403, #err404 {
float:left;
height:200px;
margin-right:40px;
text-indent:-12345px;
width:230px;
}

#err403 {background:url('/files/403.png') center left no-repeat;}

#err404 {background:url('/files/404.png') center left no-repeat;}