@charset "utf-8";
/* CSS Document */


* {
	margin:0;
	padding:0;
	list-style:none;
}

body {
background:#e9e9e9;
}

a {
	outline:none;
}

img {
	border:none;
}

/****************************
HOME
****************************/
#wrapper {
	width:730px;
	margin:0 auto;
	position:relative;
}


#header {
	background:url("../img/topo.jpg") no-repeat;
	width:656px;
	margin:0 auto;
	height:330px;
}

#header h1 {
	padding:30px 25px;
}

/****************************
MENU
****************************/

#menu_wrapper {
	background:url("../img/bgmenu.png") no-repeat;
	width:737px;
	height:63px;
	position:absolute;
	top:288px;
	left:50%;
    margin-left: -368px;
}

#menu  {
	width:463px;
	margin:20px auto;
}

#menu ul li {
	float:left;	
}

#menu ul li a {
	margin:0 20px 0 0;
	text-decoration:none;
	color:#3e3e3e;
	text-transform:uppercase;
	background:url("../img/menu.gif") no-repeat;
	display:block;
	text-indent:-9999px;
	height:13px;

}

#menu ul li.home a {
	width:33px;
	background-position:0 1px;
}

#menu ul li.home a:hover {
	background-position:0 -16px;
}

body#home_body #menu ul li.home a {
	background-position:0 -16px;
}

body#portfolio_body #menu ul li.portfolio a {
	background-position:-135px -16px;
}

#menu ul li.obras a {
	width:38px;
	background-position:-67px 1px;
}

#menu ul li.obras a:hover {
	background-position:-67px -16px;
}

body#obras_body #menu ul li.obras a {
	background-position:-67px -16px;
}

#menu ul li.portfolio a {
	width:65px;
	background-position:-135px 1px;
}

#menu ul li.portfolio a:hover {
	background-position:-135px -16px;
}

#menu ul li.apresentacao a {
	width:94px;
	background-position:-223px 1px;
}

#menu ul li.apresentacao a:hover {
	background-position:-223px -16px;
}

body#apresentacao_body #menu ul li.apresentacao a {
	background-position:-223px -16px;
}

#menu ul li.arquivo a {
	width:59px;
	background-position:-347px 1px;
}

#menu ul li.arquivo a:hover {
	background-position:-347px -16px;
}

body#arquivo_body #menu ul li.arquivo a {
	background-position:-347px -16px;
}


#menu ul li.contato a {
	width:54px;
	background-position:-433px 1px;
}

#menu ul li.contato a:hover {
	background-position:-433px -16px;
}


/****************************
CONTEUDO
****************************/

#content {
	width:656px;
	height:597px;
	margin:0 auto;
	background-color:#d5d5d5;
}

#content_wrapper {
	background:#ececec;
	padding:10px;
	height:500px;
	width:619px;
	margin:0 auto;
}

#content_wrapper p {
	font:12px 'trebuchet ms',verdana,arial,helvetica,tahoma,sans-serif;
	text-align:justify;
}

#content_wrapper #company {
	margin:20px 0 0 5px;
}

#content_wrapper #company h3 {
	font:12px 'trebuchet ms',verdana,arial,helvetica,tahoma,sans-serif;
	margin:10px 0 0 0;
	text-transform:uppercase;
}

#content_wrapper #company .obras {
	margin:10px;
}

#content_wrapper #company .obras img {
	margin:3px 20px;
}

#content_wrapper #company p {
	margin:10px 0 0 0;
	width:610px;
}

#content #content_wrapper #last_projects ul {
	width:610px;
	margin:19px auto;
	
}

#content #content_wrapper #last_projects ul li {
	margin:0 40px 0 0;
	list-style:none;
	float:right;
}

#last_projects {
	margin:20px 0 0 5px;
}

.obra_box {
	float:left;
	width:285px;
	margin:10px;
	font:12px 'trebuchet ms',verdana,arial,helvetica,tahoma,sans-serif;
}

.obra_box ul {
	float:right;
	text-align:left;
	width:125px;
}

.obra_box img {
	width:153px;
	height:115px;
	float:left;
}


/****************************
INFO
****************************/

#info {
	background-color:#d5d5d5;
	position:relative;
	top:-20px;
	height:90px;
	font:12px 'trebuchet ms',verdana,arial,helvetica,tahoma,sans-serif;
}

#info #comemoracoes {
	width:200px;
	position:relative;
	top:-28px;
	margin:0 0 0 20px;
}

#info span {
	padding-left:5px;
}

#info #comemoracoes span.data {
	display:block;
	background-color:#cbcbcb;
	margin:5px 0 0 0;
}

#info #visitas span.data {
	display:block;
	background-color:#cbcbcb;
	margin:5px 0 0 0;
}

#info #visitas {
	width:200px;
	position:absolute;
	right:200px;
	top:-28px;
}

/****************************
FOOTER
****************************/

#footer {
	clear:both;
	width:645px;
	margin:10px auto;
}

#footer address {
	font:normal 10px 'trebuchet ms',verdana,arial,helvetica,tahoma,sans-serif;
	text-transform:uppercase;
	color:#363131;
}

/****************************
WAFIA
****************************/

#wafia {
	float:right;
	margin:-13px 0 0 0;
}


/***************
	CONTATO
***************/

div.e-mail form {
    width:150px;
	margin:20px 7px;
	float:left;
    
}

div.e-mail address {
	float:right;
	margin:20px 20px 0 0;
	font:normal 13px 'trebuchet ms',verdana,arial,helvetica,tahoma,sans-serif;
	text-transform:uppercase;
	background:#f4f4f4;
	padding:50px;
	color:#666;
}

div.e-mail input {
	width:275px;
}

div.e-mail  label {
     color:#f00;
     font:1.3em Arial, Helvetica, sans-serif;
}
div.e-mail  input, textarea, select{
     border:1px solid #CCC;
	 margin:2px 0;
	 font:11px 'Trebuchet MS',Verdana,sans-serif;
	 color:#623C77;

}
/* o MSIE coloca bordas nos inputs do tipo radio e checkbox, então
precisamos de um pequeno concerto */
div.e-mail input.radio {
     border:none;
}

div.e-mail label{
     color:#111;
     font:12px 'Trebuchet MS',Arial, Helvetica, sans-serif;
     display:block;
     text-align:right;
}

div.e-mail p {
     color:#111;
     font:12px 'Trebuchet MS',Arial, Helvetica, sans-serif;
     display:block;
     text-align:right;
	 text-transform:uppercase;
}

div.e-mail input#envia_mensagem {
	width:60px;
	background:#FFF;
	border:1px solid #CCC;
	font:11px 'Trebuchet MS',Verdana,sans-serif;
	color:#623C77;
}


/***************
  ENVIO DE MSG
***************/

#msgemail {
font:12px 'Trebuchet MS',sans-serif;

}