@charset "utf-8";


* {
	border: 0;
	margin: 0;
	padding: 0;
	color: #F15738;
}

#container {
	width: 760px;
	margin:auto;
	border-left:solid 1px #000000;
	border-right:solid 1px #000000;
	display:table;
	background:url(../imagens/layout/bg-marrom.jpg) left repeat-y;
}

/* ================ COLUNA LATERAL FIXA ================ */

#envolve { width:auto; }

#coluna {
	float: left;
	width: 170px; }

	#coluna .strong {
		color: #FFFFFF;
		font: bold 17px Verdana, Arial, Helvetica, sans-serif;
		padding: 20px 0 40px 0;
		text-align: center; }

#logo {
	background-image: url(../imagens/layout/logo.gif);
	height: 138px;
	width: 170px; }

#telefones, #endereco {
	margin-top: 20px;
	padding-left: 10px;
	width: auto; }

#mapa {
	margin-top: 20px;
	text-align: center;
	width: auto; }

#telefones p, #endereco p, #mapa p {
	color: #E6DACD;
	font: bold 13px Arial, Helvetica, sans-serif; }

#telefones p .white { color: #FFFFFF; }

#endereco p .white {
	color: #FFFFFF;
	font-weight: normal; }

#conteudo {
	float: right;
	width: 589px; }

#box-menu { width: 100%; }

#menu {
	background-color: #B58669;
	color: #FFFFFF;
	font: bold 13px Arial, Helvetica, sans-serif;
	height: 24px;
	margin: auto;
	padding-top: 6px;
	text-align: center;
	width: 563px; }
	
	
#menu ul{ font-size:12px; color:#fff}
#menu li{ display:inline; padding:0px 1px}
#menu li a{ text-decoration:none; color:#fff}	
#menu li a:hover{ text-decoration:underline; color:#FF9933}


/* ==== TEXTO INSTITUCIONAL ==== */
#institucional, #produtos {
	background-color: #FBF1E0;
	margin: auto;
	margin-top: 20px;
	padding: 0 0 13px 0;
	width: 543px;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

	#institucional h1, #produtos h1 {
		color: #F15738;
		font: bold 17px Verdana, Arial, Helvetica, sans-serif;
		margin-bottom:12px; }

	#institucional h2, #produtos h2{
		color: #F15738;
		font: bold 12px Verdana, Arial, Helvetica, sans-serif;
		margin:15px 0 12px 0; }

	#institucional p, #produtos p {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 13px 0;
	color: #000;
}
		
		#institucional .destaque, #produtos .destaque { color:#B58669; }

		#institucional p strong, #produtos p strong { color: #F15738; }

	#institucional .center, #produtos .center {
		color: #F15738;
		font: bold 13px Verdana, Arial, Helvetica, sans-serif;
		text-align: center; }
		
		#institucional img { padding:10px 10px 0 10px; text-align:center; }

	#institucional hr, #produtos hr { background-color: #B58669; height:1px; }

.imagens-laterais { width:178px; float:left; height:130px; padding-bottom:6px; text-align:center; }
.imagens-centro { width:187px; float:left; height:130px; padding-bottom:6px; text-align:center; }

.imagens-laterais img { padding-bottom:3px; }
.imagens-centro img { padding-bottom:3px; }

	.nome-imagens {
		font: bold 10px Verdana, Arial, Helvetica, sans-serif;
		color:#B58669; }

/* ================ PRODUTOS ================ */

#produtos .t1 { font:bold 10px Verdana, Arial, Helvetica, sans-serif; color:#F15738; }

.obras {
text-align:center;
width:100%;
padding-bottom:15px; }

.obras img { padding:0 26px 0 26px; }
	
/* ================ VEJA MAIS CONSTANTE ================ */

#veja-mais {
	background-color: #F9F9F9;
	margin: auto;
	margin-top: 20px;
	padding: 10px;
	width: 543px; }

	#veja-mais .titulo {
		color: #F15738;
		font: bold 15px Verdana, Arial, Helvetica, sans-serif;
		text-align: left; }

#site {
	background-color: #F9F9F9;
	height: 21px;
	display:table;
	margin-left: 13px;
	margin-top: 1px;
	padding: 5px 10px 5px 10px;
	text-align: right;
	width: 543px; }

	#site p {
		color: #666666;
		font: bold 18px Verdana, Arial, Helvetica, sans-serif; }

/* ============ TABELAS ============ */

#boxes {
	margin: auto;
	margin-top: 1px;
	width: 564px; }

.tabelas {
	background-color: #F9F9F9;
	float: left;
	padding-bottom:18px;
	margin-right: 1px;
	width: 187px; }
	
		.tabelas h1 {
		color: #F15738;
		font: bold 15px Verdana, Arial, Helvetica, sans-serif;
		text-align: left;
		padding:6px 0 6px 3px; }
		
		.tabelas img { float:left; padding:0 3px 0 3px; }
		
		.tabelas p { font:normal 11px Arial, Helvetica, sans-serif; color:#999999; padding-left:3px; }

#coluna-1 { width:90px; float:left; }

#coluna-2 { width:471px; float:left; }

.tabelas-hor-1 {
	background-color: #F9F9F9;
	height:93px;
	margin:0 1px 1px 0;
	width: 89px;
	padding-top:9px;
	text-align:center; }

.tabelas-hor-2 {
	background-color: #F9F9F9;
	height:102px;
	margin:0 1px 1px 0;
	width: 473px; }
	
		.tabelas-hor-2 h1 {
		color: #F15738;
		font: bold 15px Verdana, Arial, Helvetica, sans-serif;
		text-align: left;
		padding:3px 0 3px 3px; }
		
		.tabelas-hor-2 img { float:left; padding:0 3px 0 3px; }
		
		.tabelas-hor-2 p { font:normal 11px Arial, Helvetica, sans-serif; color:#999999; padding-left:3px; }


/* ==================== FORMULARIO DE CONTATO ========================= */
form {
	margin-top: 14px;
	text-align: left;
	width:100%;
	float:left;
	padding-bottom:18px; }

.line {
	float: left;
	padding-top:4px;
	height: 32px;
	width: 100%;
	text-align:right;
	color:#F15738;
	font:bold 15px Arial, Helvetica, sans-serif; }

.line small { 	font: normal 10px Arial, Helvetica, sans-serif; color:#000000; }

.nomesdoscampos {
	color: #FFFFFF;
	float: left;
	padding-right: 5px;
	width: 160px;
	padding-right:20px; }

.campos {
	float: left;
	padding-right: 5px;
	width: 235px; }

/* ==================== CAMPOS DE TEXTO ========================= */
input {
	background: #F4F4F4;
	border: solid 1px #666666;
	color: #333333;
	font: normal 12px Arial, Helvetica, sans-serif; }

input[type="text"] {
	color: #333333;
	margin: 0 0 2px 0;
	padding: 2px; }

input:focus, input:hover {
	background-color: #FFFFFF;
	border: solid 1px #F15738; }

/* ==================== MENSAGEM ==================== */
textarea {
	background: #F4F4F4;
	border: solid 1px #666666;
	color: #333333;
	font: normal 12px Arial, Helvetica, sans-serif;
	margin: 0 4px 2px 0;
	padding: 2px; }

	textarea:focus, textarea:hover {
		background-color: #FFFFFF;
		border: solid 1px #F15738; }

/* ========================= BOTOES SUBMIT E RESET ========================= */
input[type="reset"], input[type="submit"] {
	background: #F7F7F7;
	color: #666;
	margin: 4px 0 0 0;
	padding: 2px;
	width: 85px; }

input[type="reset"]:hover, input[type="submit"]:hover {
	background-color: #F5E9E0;
	color: #F15738; }
	
/* ================================ RODAPE ================================ */

	#rodape {
		display:table;
		width:760px;
		height:35px;
		border-top:solid 1px #000000;
		background-color:#E4E4E4;
		margin:0 auto; }
		
		#rodape p { font:normal 12px Arial, Helvetica, sans-serif; color:#666666; line-height:35px; text-align:center; }
		
		#rodape	a:link, #rodape	a:visited {
		color: #F15738;
		font: normal normal 12px Arial, Helvetica, sans-serif;
		text-decoration: none; }

		#rodape a:hover { text-decoration: underline; color:#F15738; }