body {
font-size: 11px;
font-family: Verdana, Geneva, sans-serif;
background-color: #d5d5d5;
margin: 0px;
margin-top: 10px;
margin-bottom: 50px;
}
body, td, th {
color: #000000;
}

/* =================================== CONTAINERS ================================ */

#container {
background-color: #ffffff;
padding: 15px;
width: 940px;
min-height: 600px;
height: auto !important;
height: 600px;
margin: 0 auto;
margin-top: 15px;
}

#rodape {
font-size: 9px;
text-align: center;
background-color: #ffffff;
width: 100%;
margin: 0 auto;
min-height: 10px;
height: auto !important;
height: 10px;
color: #666666;
padding-top:5px;
padding-bottom:5px;
}

#principal {
background-color: #ffffff;
min-height: 535px;
height: auto !important;
height: 535px;
width: 100%;
}
#logo {
width: 100%;
text-align: right;
margin: 0 auto;
}

/* =================================== MENU ================================ */

#menu {
font-size: 10px;
width: 100%;
text-align: right;
padding-top:5px;
padding-bottom:5px;
}
ul.menu {
margin: 0;
padding: 0;
bottom: 0;
}
ul.menu li {
text-transform: uppercase;
display: inline;
}
ul.menu, ul.menu li a {
padding-left: 10px;
border: 0px;
}
ul.menu li a, ul.menu li a:visited {
color: #333333;
text-decoration: none;
border: 0px;
}
ul.menu li a:hover {
color: #660000 !important;
text-decoration: none;
border: 0px;
}


/* =================================== LINKS ================================ */

a {
outline: none;
}
a.linktopo:link {
color: #000000;
text-decoration: none;
}
a.linktopo:visited {
color: #000000;
text-decoration: none;
}
a.linktopo:hover {
color: #660000;
text-decoration: none;
}
a.linktopo:active {
color: #660000;
text-decoration: none;
}
a:link {
color: #000000;
}
a:visited {
color: #000000;
}
a:hover {
color: #660000;
}
a:active {
color: #660000;
}

/* =================================== TITULOS ================================ */

h1 {
padding: 0px;
margin: 0px;
color: #660000;
font-size: 14px;
font-weight: bold;
margin-bottom: 17px;
padding-bottom: 2px;
text-transform: uppercase;
}

h2 {
color: #660000;
font-size: 14px;
font-weight: normal;
letter-spacing: 2px;
}

/* =================================== CONTACTOS ================================ */
#contactos_conteudo {
width: 623px;
margin-right:10px;
float: left;

}
#contactos_form {
width: 300px;
float: left;
}
#frmcontacto {
padding-top: 20px;
}
#frmcontacto input {
width: 300px;
}
#frmcontacto textarea {
width: 300px;
}

/* =================================== FORMS ================================ */


input, textarea {
border: 1px solid #dedede;
background: #F5F5F5;
padding: 2px;
}
textarea {
min-height: 100px;
}
input.error {
border: 1px solid #660000;
}
textarea.error {
border: 1px solid #660000;
}
form label {
color: #660000;
}
form label.error, label.error {
color: #660000;
width: 300px;
font-style: italic
}

/* =================================== PORTFOLIO ================================ */

#projectos {
min-height: 300px;
height: auto !important;
height: 300px;
}
.projlist {
width: 185px;
float: left;
}
.projlist h2{
margin:0px;
margin-bottom:10px;
}
ul.projnomes {
margin: 0;
padding: 0;
bottom: 0;
list-style: none;
}
ul.projnomes li {
padding-bottom: 10px;
}
ul.projnomes li a {
font-size:9px;
text-decoration: none;
text-transform: uppercase;
}
ul.projnomes li a:hover {
color: #660000;

}
.areaproj {
float: left;
width: 100px;
height: 130px;
padding: 10px;
border: 1px solid #cccccc;
overflow: hidden;
position: relative;
margin: 10px;
background: white;
}
#projpics img{
	height: 53px;
	width: 80px;
}
/* =================================== PROJECTO ================================ */
h1.titulo {
padding: 0px;
margin: 0px;
}
h1.subtitulo {
padding: 0px;
margin-bottom: 5px;
font-weight: normal;
}

#descricao{
overflow:hidden;
font-size: 10.5px;
height:274px;
margin-top:28px;
padding:3px;
background-color:#fafafa;
border:1px solid #E1E1E1;
}

#descricao p{
	margin-top:0px;
	padding-top:0px;
}

#projectoleft {
float:left;
width:328px;
height:441px;
}
#imgprincipal {
float:left;
width:510px;
height:441px;
padding-top:28px;
margin-left:10px;
}

.picproj {
border: 0px;
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
filter: alpha(opacity=50);
padding-right: 2px;
padding-top: 5px;

}
.picproj:hover {
border: 0px;
opacity: 0.9;
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
filter: alpha(opacity=90);
filter: alpha(opacity=90);
padding-right: 2px;
padding-top: 5px;


}
.picnormal {
border: 0px;
opacity: 0.9;
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
filter: alpha(opacity=90);
filter: alpha(opacity=50);
padding-right: 2px;
padding-top: 5px;

}

#pics {
text-align: left;
height:116px;
overflow: hidden;
}
#pics img {
height: 53px;
width: 80px;

}

/* =================================== NEWSLETTER ================================ */
#newsletters {
margin-top: 20px;
padding-top: 5px;
width: 930px;
height: 280px;
overflow: auto;
}
.newsletterimg {
float: left;
width: 100px;
height: 130px;
padding: 10px;
border: 1px solid #cccccc;
overflow: hidden;
position: relative;
margin: 10px;
background: white;
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
filter: alpha(opacity=50);
}
.newsletterimg:hover {
opacity: 0.9;
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
filter: alpha(opacity=90);
}

/* =================================== GERAL ================================ */

.clear {
clear: both;
}
a.red {
color: #660000;

}
.red {
color: #660000;
}
.nactivo {
font-size:9px;
color: #cccccc;
}

.tresimgs{
	margin-bottom:60px;
}

.nav{
	margin-top:3px;
	width:328px;
	text-align:right;
}
.nav img{
	margin-left:5px;
}