/* ============================================================================================================================= */
/* Reset */

* { margin: 0; padding: 0; }
Img, Fieldset { border: none; }

/* ============================================================================================================================= */
/* Tags gerais */

Html { background: #E4E0CA url(../imagens/topo_bg.jpg) center top repeat-x; }

Body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333020;
	background: url(../imagens/rodape_bg.jpg) center bottom repeat-x;
}

A { text-decoration: none; color: #333020; }
A.acesso { position: absolute; top: -1000px; }

Input, Select, Textarea { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #333020; }

/* ============================================================================================================================= */
/* Geral */

#geral { width: 960px; margin: 0 auto; }

/* Texto */

#geral H1 { font-size: 16px; line-height: 40px; margin-bottom: 10px; }
#geral H2 { font-size: 14px; color: #A78D05; margin-bottom: 5px; }

#geral P { margin-bottom: 10px; }

/* ============================================================================================================================= */
/* Topo */

#topo {
	position: relative;
	width: 100%;
	height: 312px;
	margin-bottom: 30px;
}

/* Logomarca */

#topo A.logo {
	position: absolute;
	top: 1px;
	left: 20px;
	display: block;
	width: 246px;
	height: 190px;
	text-indent: -1000px;
	overflow: hidden;
	background: url(../imagens/topo_logo.png) center no-repeat;
	z-index: 2000;
}

/* Painel */

#topo #painel {
	position: relative;
	width: 100%;
	height: 270px;
}
#topo #painel Span {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	width: 100%;
	height: 100%;
	background: url(../imagens/topo_painel.png) center top no-repeat;
	z-index: 1000;
}
#topo #painel Div {
	position: absolute;
	top: 0px;
	left: 15px;
	display: block;
	width: 730px;
	height: 255px;
	background-position: 0px 0px;
	background-repeat: no-repeat;	
}
#topo #painel Div Img {
	width: 100%;
	height: 100%;
}

#topo #painel B {
	display: none;
	position: absolute;
	bottom: 16px;
	right: 265px;
	width: 580px;
	line-height: 30px;
	padding: 0px 50px;
	text-align: right;
	color: #00632C;
	border-top: 1px solid #FFF;
	background: url(../imagens/aplha_60.png);
}

/* Links */

#topo Ul {
	list-style: none;
	width: 930px;
	height: 23px;
	line-height: 23px;
	margin: 0 auto;
	background: url(../imagens/topo_links_div.gif) right center no-repeat;
}
#topo Ul Li {
	float: left;
	background: url(../imagens/topo_links_div.gif) left center no-repeat;
}
#topo Ul Li A {
	display: block;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	padding: 0px 28px;
}
#topo Ul Li A:hover {
	color: #A68C04;
	background: url(../imagens/topo_link_bg.jpg) center no-repeat;
}

/* ============================================================================================================================= */
/* Menu */

#menu {
	float: left;
	width: 240px;
	min-height: 300px;
	padding-right: 20px;
	margin-bottom: 20px;
	background: url(../imagens/menu_div.gif) right center no-repeat;
}

/* Links */

#menu Ul { list-style: none; margin-bottom: 30px; }
#menu Ul Li { background: url(../imagens/menu_link_div.jpg) left bottom no-repeat; padding-left: 5px; }
#menu Ul Li A {
	display: block;
	line-height: 40px;
	font-size: 16px;
	font-weight: bold;
	color: #A68C04;	
}
#menu Ul Li A:hover { color: #005E29; }

/* Botão */

#menu A.botao {
	display: block;
	width: 120px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	color: #A68C04;	
	background: url(../imagens/botao.jpg) center no-repeat;
}
#menu A.botao:hover { color: #005E29; }

/* Calcular */

#menu A.calcular {
	padding: 20px 0px 0px 26px;
	background-image: url(../imagens/botao_calculadora.jpg);
}



/* ============================================================================================================================= */
/* Conteúdo */

#conteudo {
	float: right;
	width: 660px;
	margin-bottom: 20px;
	text-align: justify;
	line-height: 18px;
}

/* Texto */

#conteudo Img { float: right; margin: 0px 0px 10px 20px; border: 2px solid #C3BB87; }
#conteudo Img:hover { border-color: #A68C04; }

#conteudo Ul { list-style: none; margin-bottom: 10px; }
#conteudo Ul Li { padding-left: 15px; background: url(../imagens/icone_seta_dir.gif) left center no-repeat; }

/* Listar */

#conteudo Ul.listar { margin-top: 20px;  }
#conteudo Ul.listar Li { margin: 5px 0px;  width:250px; float:left;}
#conteudo Ul.listar A { font-weight: bold; }
#conteudo Ul.listar A:hover { text-decoration: underline; }

/* ----------------------------------------------------------------------------------------------------------------------------- */
/* Formulários */

#conteudo Form { float: left; width: 500px; }

#conteudo Form Fieldset { float: left; width: 48%; margin: 10px 1%; }
#conteudo Form Fieldset.msg { width: 98%; }

#conteudo Form Label { display: block; width: 100%; height: 23px; line-height: 23px; font-weight: bold; }
#conteudo Form Input, #conteudo Form Select, #conteudo Form Textarea {
	width: 100%;
	height: 21px;
	border: 1px solid #D4D1A8;
	background: #ECE8DC;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#conteudo Form Textarea { height: 100px; }
#conteudo Form Select { height: 23px; }

/* Enviar */

#conteudo Form A {
	float: right;
	display: block;
	width: 120px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #A68C04;	
	background: url(../imagens/botao.jpg) center no-repeat;
	cursor: pointer;
}
#conteudo Form A:hover { color: #005E29; }

/* Check form */

#conteudo Form Label.erro { background: url(../imagens/formErro.gif) right center no-repeat; }
#conteudo Form Label.ok { background: url(../imagens/formOk.gif) right center no-repeat; }

#conteudo Form Input.erro, #conteudo Form Textarea.erro { border: 1px solid #CC0000; }
#conteudo Form Input.ok, #conteudo Form Textarea.ok { border: 1px solid #61C250; }

/* ----------------------------------------------------------------------------------------------------------------------------- */
/* Home */

.home #conteudo Div { float: left; min-height: 300px; }
.home #conteudo Div A {
	float: right;
	font-weight: bold;
	color: #A68C04;	
}

/* Receitas */

.home #conteudo Div.receita { width: 350px; padding-right: 40px; }
.home #conteudo Div.receita Img { float: left; margin: 0px 20px 10px 0px; }

/* Orçcamento */

.home #conteudo Div.orcamento {
	width: 220px;
	padding-left: 40px;
	background: url(../imagens/menu_div.gif) left center no-repeat;
}

/* ----------------------------------------------------------------------------------------------------------------------------- */
/* Parceras */

.parceria #conteudo { width: 100%; }

.parceria #conteudo Li {
	float: left;
	width: 25%;
	height: 150px;
	text-align: center;
	padding: 0;
	background: none;	
}

.parceria #conteudo Li Img { padding: 1px; background: #E4E0CA; }

/* ----------------------------------------------------------------------------------------------------------------------------- */
/* Localização */

#conteudo #mapa {
	display: block;
	width: 100%;
	height: 240px;
	padding: 1px;
	margin: 20px 0px;
	background-color: #FFF;
	border: 2px solid #C3BB87; 
}
#conteudo #mapa Iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: none;
}
#conteudo Address {
	font-style: normal;
}

/* ============================================================================================================================= */
/* Rodape */

#rodape {
	clear: both;
	width: 100%;
	height: 31px;
	color: #E1D283;
}

/* Endereço */

#rodape address {
	float: left;
	font-style: normal;
	margin-right: 20px;
	line-height: 31px;
}

/* Telefone */

#rodape H4 {
	float: left;
	padding-left: 20px;
	border-left: 1px solid #E1D283;
	line-height: 11px;
	font-size: 11px;
	margin-top: 10px;
}

/* Logo CDI */

#rodape A#cdi {
	float: right;
	display: block;
	width: 23px;
	height: 31px;
	line-height: 31px;
	background: url(../imagens/rodape_cdi.gif) center no-repeat;
	text-indent: -1000px;
	overflow: hidden;
}

/* ============================================================================================================================= */
/* Hacks IE6 */

* Html #menu { height: 300px; }
* Html #menu Ul Li A { display: inline; }
* Html #conteudo Form Fieldset { display: inline; width: 44%; }

/* PNG Transparente */

* Html #topo A.logo {
	background-image: none; 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image, src='interface/imagens/topo_logo.png');
}
* Html #topo #painel Span {
	background-image: none; 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image, src='interface/imagens/topo_painel.png');
}
* Html #topo #painel B {
	background-image: none; 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='interface/imagens/aplha_60.png');
}