/* CSS desenvolvido por Renan Cavichi */



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



*, html, body {

	margin: 0px;

	padding: 0px;

}     /* Define todas as margens e pad 0 */



body {

	background-image: url(../imagens/bg_geral.jpg);

	background-repeat: repeat-y;

	background-position: center;

	background-color: #000000;

	height: auto;

}  /* Cor de fundo da pagina */



#fundo_top{

	margin-top: 0px;

	background-image: url(../imagens/bg_top_caragua.jpg);

	background-repeat: no-repeat;

	background-position: center top;

	/*width: 600px;*/

	margin-right: auto;

	margin-left: auto;

	padding-top: 15px;

}



#geral {

	width: 770px;

	/*	height: 600px; */

 	background-repeat: no-repeat;

	background-position: top;

	background-image: url(../imagens/bg_top.jpg);

	margin-right: auto;

	margin-left: auto;

	font-size: 0px;

	border: 3px solid #006633;

	height: auto;
	
	min-height: 550px;

	float:inherit

} /* Corpo principal - toda pagina fica dentro dele */



#faixa_destaque {

	height: 95px;

	width: 770px;

	background-image: url(../imagens/bg_faixa_destaque.jpg);

	} /* Faixa com links em destaque PAINEL DO PROF., ORÇAMENTO ONLINE, NEWSLETTERS */





#geral_nav_cont {

	width: 770px;

	background-image: url(../imagens/bg_conteudo.jpg);

	margin-top: 20px;

	padding-bottom: 10px;

	height: auto;

	float: left;

	}  /* Geral onde ficam as duas colunas: Navegação e Conteúdo */



#geral_nav {

	width: 242px;

	float:left;

}     /* Coluna onde fica o menu e as imagens dos parceiros */



#nav {

	padding-top: 5px;

	width: 242px;

	/*float:left;*/

	background-image: url(../imagens/bg_nav.jpg);

}     /* Menu  */



#geral_cont {

	width: 517px;

	/*padding-top: 400px;   <-------------------- TIRAR ISSO DEPOIS */

	/*margin-left: 253px;*/

	background-color: #ffffff;

	background-image: url(../imagens/rodape_conteudo.jpg);

	background-repeat: repeat-x;

	background-position: bottom;

	min-height: 420px;

	padding-bottom: 10px;
	
	float: right;
	

}    /*   Conteudo principal */



#geral_cont_home {

	width: 517px;

	/*padding-top: 400px;   <-------------------- TIRAR ISSO DEPOIS */

/*	margin-left: 253px;*/

	background-color: #ffffff;

	background-image: url(../imagens/rodape_conteudo.jpg);

	background-repeat: repeat-x;

	background-position: bottom;

	height: auto;

	padding-bottom: 10px;

	float: right;


	/*overflow:auto;*/

	/*height:auto;*/

}  



/*#rodape_conteudo {

	width: 770px;

	height: 8px;

	background-image: url(../imagens/rodape_conteudo.jpg);

	background-position: right;

	background-repeat:no-repeat;

}  /* Rodape */


hr {
	display: block;
	height: 1px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	}


#rodape {

	width: 770px;

	height: 47px;

	background-image: url(../imagens/bg_rodape.jpg);

	background-repeat: repeat-x;

	clear:both;

	float:left

}  /* Rodape */







#painel_prof {

	width: 200px;

	height: 60px;

	margin-top: 17px;

	margin-left: 30px;

	background-image: url(../imagens/caixa_de_ferramentas.gif);

	background-repeat: no-repeat;

	background-position: left top;

	float: left;

	}      /* link para o painel do profissional na faixa de destaque */

	

#orcamento_online {

	padding-left: 10px;

	width: 180px;

	height: 60px;

	margin-top: 17px;

	margin-left: 55px;

	background-image: url(../imagens/orcamento_online.gif);

	background-repeat: no-repeat;

	background-position: left top;

	float: left;

	}         /* link para o painel do profissional na faixa de destaque */

	

#newsletter {

	padding-top: 5px;

	width: 200px;

	height: 60px;

	margin-top: 17px;

	margin-left: 65px;

	float: left;

	}          /* link para o painel do profissional na faixa de destaque */



#parceiros_selos {

	width: 242px;

	/*float:left;*/

	}       

#enquete_da_home{
	float: left;
	/*height: 150px;*/
}


/* ============ ESTRUTURA HOME ================== */



#home_dicas_construcao {

	width: 250px;

	float: left;

	margin-left: 11px;

}



#home_geral_ofertas_enquete {

	width: 241px;

	height: auto;

	/*margin-left: 267px; */

	float: right;



}



#home_ofertas {

	width: 241px;

	background:url(../imagens/bg_caderno_ofertas.jpg);

	background-repeat: repeat-y;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #ebe1e1;

	float:left

}



/* ============ ESTRUTURA QUEM SOMOS ================== */







/* ============== Formatação ===============  */ 	



a {

	text-decoration: none;

	outline:0px;

}



img {

 border: none;

 }    /* para não aparecer borda nos links das imagens */

 

h1 {

	color: #45af3d;

	font-weight: bold;

	font-family: "Trebuchet MS", Verdana, Arial;

	font-size: 16px;

	} /* Titulo Verde */

	

h2 {

	margin-top: 25px;

	margin-bottom: 10px;

	color: #006600;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	}  /* Sub Titulo cinza esccuro */ 



h3 {

	margin-bottom: 5px;

	color:#333333;

	font-family: "Trebuchet MS", Verdana, Arial;

	font-size: 11px;

	text-align: justify;

	font-weight: bold;

	}  /* texto padrão */ 	



p {

	margin-bottom: 5px;

	color:#666666;

	font-family: "Trebuchet MS", Verdana, Arial;

	font-size: 12px;

	}  /* texto padrão */ 



	

h5 {

	margin-top: 15px;

	margin-left: 50px;

	margin-right: 20px;

	color: #6c6c6c;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	float: left;

	}  /* Copyright do rodape */ 

 

h6 a {

	display: block;

	height: 100px;

	width: 235px;

	margin-top: 0px;

	margin-right: 135px;
	
	margin-bottom: 8px;

	margin-left: 10px;

	text-indent: -900em;

	padding: 0px;

	clear: right;

	float: left;

} /* Link do Logotipo */





#nav a {

	margin-left: 20px;

	margin-bottom: 3px;

	color: #089f29;

}      /* Formatação do link do menu para o texto e para a imagem do fale com a gerencia */



a.nav_link_texto {

    background-image: url(../imagens/icone_center_trevo.gif);

	background-repeat: no-repeat;

	background-position: left top;

	padding-left: 26px;

	padding-right: 10px;

	padding-bottom: 3px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #089f29;

	display: block;

	font-family: Verdana, Arial, Helvetica;

	font-size: 12px;

	font-weight: bold;

	margin-right: 20px;

	}     /* Formatação do link de texto do menu */



#nav a:hover {

color: #0a2710;

}      /*  cor do link com mouse houver */



.link_gerencia {

	margin-top: 7px;

	border: 1px solid #009966;

}    /*  formatação da imagem fale com a gerencia */



.img_parceiros {

	margin-top: 15px;

	margin-left: 15px;

	padding: 5px;

	border: 1px solid #999999;

	background-color: #FFFFFF;



}     /* imagem dos parceiros em baixo do menu */


#selos_w3c { 
	margin-top: 12px;
	margin-left: 15px;
	float:left;
}

.img_publicidade {


	padding: 5px;

	border: 1px solid #999999;

	background-color: #FFFFFF;



}





a.link_verde_faixa {

	color: #45af3d;

	font-weight: bold;

	padding-left: 70px;

	display: block;

	font-family: "Trebuchet MS", Verdana, Arial;

	font-size: 16px;

	} 



a.link_cinza_faixa {

	color: #6c6c6c;

	font-weight: bold;

	padding-left: 70px;

	display: block;

	font-family: "Trebuchet MS", Verdana, Arial;

	font-size: 9px;

	} 



.img_envia {

	margin-left: 10px;

	}



.img_selos {

	margin-top: 12px;

	margin-left: 12px;

	float: left;

}     /* imagem dos parceiros em baixo do menu */



.img_rodape_nav_conteudo {

	vertical-align: bottom;



}



img.cadeado{

margin-top: 13px;

}



/*  ======================  FORMATAÇÃO HOME ================================= */


h2.oracao {

margin-left: 11px;
margin-top: 30px;
font-size:12px;
font-family:"Trebuchet MS", Verdana, Arial;

}


h1.dicas_construcao {

	margin-top: 12px;

	padding-left: 40px;

	padding-top: 5px;

	padding-bottom: 7px;

	background: url(../imagens/excalmacao_dicas.gif);

	background-repeat: no-repeat;

	background-position: left top;

	

}



h1.ofertas {

	color: #eb900f;

	margin-top: 5px;

	margin-left: 10px;

	margin-bottom: 6px;

	padding-left: 40px;

	padding-top: 5px;

	padding-bottom: 7px;

	background: url(../imagens/estrela_ofertas.gif);

	background-repeat: no-repeat;

	background-position: left top;

}



h1.enquete {

	margin-top: 5px;

	margin-left: 10px;

	padding-left: 40px;

	padding-top: 5px;

	padding-bottom: 7px;

	background: url(../imagens/interrogacao_enquete.gif);

	background-repeat: no-repeat;

	background-position: left top;

}

h2.enquete {

	margin-top: 10px;

	margin-bottom: 10px;

	margin-left: 10px;

	color: #006600;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

}





form.enquete {

	margin-top: 10px;

	margin-left: 10px;

}



p.home{

	text-align: justify;

}



p.relacao_pro{

	font-weight: bold;

	font-size: 12px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}



/*  ======================  FORMATAÇÃO QUEM SOMOS ================================= */



h1.quem_somos {

	margin-left: 11px;

}

h2.quem_somos {

	margin-left: 11px;

	margin-right: 11px;

}

h3.quem_somos {

	margin-left: 11px;

	margin-right: 11px;

}



p.quem_somos {

	margin-left: 11px;

	margin-right: 11px;

	text-align: justify;

}



/*  ======================  FORMATAÇÃO NOSSAS LOJAS ================================= */

.img_fotos {

	margin-left: 17px;

	margin-bottom: 5px;

	padding: 5px;

	border: 1px solid #999999;

	background-color: #FFFFFF;

}



p.nossas_lojas {

	margin-left: 11px;

	margin-right: 11px;

	margin-bottom: 2px;

}



h3.nossas_lojas {

	margin-left: 11px;

	margin-right: 11px;

	float: left;

	margin-bottom: 2px;

}





a.nossas_lojas {

	margin-left: 11px;

	margin-right: 11px;

	margin-bottom: 2px;

	color:#0066CC;

	font-family: "Trebuchet MS", Verdana, Arial;

	font-size: 11px;

	font-weight: bold;

}





/*  ======================  FORMATAÇÃO Produtos ================================= */



p.produtos {

	margin-left: 11px;

	margin-right: 11px;

	margin-top: 20px;

	margin-bottom: 10px;

}



h2.produtos {

	margin-top: 1px;

	margin-bottom: 2px;

	margin-left: 11px;

	margin-right: 11px;

	padding-left: 20px;

	padding-top: 3px;

	background: url(../imagens/setinha.gif);

	background-repeat: no-repeat;

	background-position: left top;



}

/*  ======================  FORMATAÇÃO Orçamento ================================= */



h1.orcamento {

	margin-left: 11px;

	margin-top: 12px;

	padding-left: 80px;

	padding-top: 10px;

	padding-bottom: 25px;

	background: url(../imagens/orcamento_online.gif);

	background-repeat: no-repeat;

	background-position: left top;

	

}

/*  ======================  FORMATAÇÃO painel Profissional ================================= */



h1.painel_do_profissional {

	margin-left: 11px;

	margin-top: 12px;

	padding-left: 70px;

	padding-top: 10px;

	padding-bottom: 25px;

	background: url(../imagens/caixa_de_ferramentas.gif);

	background-repeat: no-repeat;

	background-position: left top;

	

}





/*  ======================  FORMATAÇÃO Dicas para Construção ================================= */

h1.dicas_para_construcao {

	margin-top: 12px;

	margin-left: 11px;

	margin-bottom: 20px;

	padding-left: 40px;

	padding-top: 5px;

	padding-bottom: 7px;

	background: url(../imagens/excalmacao_dicas.gif);

	background-repeat: no-repeat;

	background-position: left top;

}



p.dicas_para_construcao {

	margin-left: 11px;

	margin-right: 11px;

	margin-top: 3px;

	margin-bottom: 7px;

	text-align: justify;

}

/*  ======================  FORMATAÇÃO Ofertas ================================= */

.img_pag_ofertas {

	margin-right: 7px;

	margin-bottom: 5px;

	float: left;

	padding: 5px;

	border: 1px solid #999999;

	background-color: #FFFFFF;

}     /* imagem dos p  */



h2.pag_ofertas {

	margin-top: 1px;

	margin-bottom: 1px;

	margin-right: 10px;

}



h2.preco {

	margin-top: 0px;

	margin-bottom: 10px;

	margin-right: 10px;

	color: #FF6600;

}



p.descricao {

	margin-left: 11px;

	margin-right: 11px;

	margin-top: 2px;

	margin-bottom: 2px;

}



.div_oferta{
	margin-bottom: 10px;
	width: 494px;
	margin-right: 11px;
	margin-left: 11px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-bottom: 10px;
	float:left;
	}

	

.div_oferta_principal {

	margin-bottom: 10px;

	width: 220px;

	margin-right: 11px;

	margin-left: 11px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #CCCCCC;

	padding-bottom: 10px;

	}



/*  ======================  FORMATAÇÃO Fale Conosco ================================= */

h1.fale_conosco {

	margin-top: 1px;

	margin-left: 11px;

	margin-bottom: 20px;

}



/*  ======================  FORMATAÇÃO Fale Com a Gerencia ================================= */

h1.gerencia {

	margin-top: 12px;

	margin-left: 11px;

	margin-bottom: 20px;

	padding-left: 40px;

	padding-top: 5px;

	padding-bottom: 7px;

	background: url(../imagens/logo_fale_com_a_gerencia.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	

}



/*  ======================  FORMATAÇÃO SUCESSO ================================= */





h2.sucesso {

	margin-left: 140px;

	margin-right: 10px;

	margin-top: 50px;

}



.img_sucesso {

	margin-left: 200px;

	margin-top: 20px;

	margin-bottom: 130px;

	padding: 5px;

	border: 1px solid #999999;

	background-color: #FFFFFF;

}



/* ====================================== Formulario =========================================== */



.color {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #004BC8;

	background-color: #FFFFFF;

	margin-left: 15px;

}

.color2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	color: #757575;

	font-style: normal;

	font-weight: bold;

	font-variant: normal;

	text-decoration: none;

	background-color: #F0F0F0;

	padding-left: 4px;

}

.color3 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #00bc04;

	background-color: #FFFFFF;

	margin-left: 2px;

}

form.form {

	margin-top: 20px;

	margin-bottom: 20px;

	width: 457px;

	margin-left: 30px;

	display:block;

}

fieldset, legend {

	margin: 0px;

	position: relative;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	height: auto;

	width: auto;

}

label.box {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #fff;

	text-align: left;

	clear: left;

	float: left;

	padding: 3px 0px 3px 10px;

	height: auto;

	width: 90px;

	margin-bottom: 3px;

	background-color: #00cc5b;

}

label.box2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #fff;

	text-align: left;

	clear: left;

	float: left;

	height: 130px;

	width: 90px;

	margin-bottom: 6px;

	background-color: #00cc5b;

	line-height: 110px;

	padding: 3px 0px 3px 10px;

}

label.box3 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #fff;

	text-align: left;

	clear: none;

	float: left;

	height: auto;

	width: 35px;

	margin-bottom: 3px;

	background-color: #00cc5b;

	padding-right: 0px;

	padding-bottom: 3px;

	padding-left: 10px;

	margin-left: 3px;

	padding-top: 3px;

}



label.box3_prof {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #fff;

	text-align: left;

	clear: none;

	float: left;

	height: auto;

	width: 90px;

	margin-bottom: 3px;

	background-color: #00cc5b;

	padding-right: 0px;

	padding-bottom: 3px;

	padding-left: 10px;

	margin-left: 0px;

	padding-top: 3px;

}

label.box4 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #FFFFFF;

	text-align: left;

	clear: none;

	float: left;

	height: auto;

	width: 440px;

	margin-bottom: 3px;

	margin-top: 10px;

	text-align:center;

	border: 1px solid #fff;

	background-color: #00cc5b;

	padding-right: 0px;

	padding-bottom: 6px;

	padding-left: 10px;

	padding-top: 6px;

	font-weight: bold;

}

label.tel {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	color: #FFFFFF;

	text-align: right;

	clear: none;

	float: left;

	height: auto;

	width: 185px;

	margin-bottom: 3px;

	margin-left: 5px;

	padding-top: 3px;

	padding-right: 0px;

	padding-bottom: 3px;

	padding-left: 0px;

}

input.campo1 {

	clear: none;

	float: left;

	height: auto;

	width: 350px;

	text-align: left;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #353535;

	border: 1px solid #00cc5b;

	margin-bottom: 3px;

	padding: 2px 0px 2px 2px;

}

input.campo2 {

	clear: none;

	float: left;

	height: auto;

	width: 150px;

	text-align: left;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #353535;

	border: 1px solid #00cc5b;

	margin-bottom: 3px;

	margin-right: 2px;

	padding: 2px 0px 2px 2px;

}

input.campo3 {

	clear: none;

	float: left;

	height: auto;

	width: 257px;

	text-align: left;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #353535;

	border: 1px solid #00cc5b;

	margin-bottom: 3px;

	padding: 2px 0px 2px 2px;

}

input.campo_focus {

	clear: none;

	float: left;

	height: auto;

	width: 350px;

	text-align: left;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #00528D;

	border: 1px solid #7F9DB9;

	padding: 2px 0px 2px 2px;

	margin-bottom: 3px;

	background-color: #F5F5FA;

}

input.campo_focus2 {

	clear: none;

	float: left;

	height: auto;

	width: 150px;

	text-align: left;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #00528D;

	border: 1px solid #7F9DB9;

	margin-bottom: 3px;

	margin-right: 2px;

	padding: 2px 0px 2px 2px;

	background-color: #F5F5FA;

}

input.campo_focus3 {

	clear: none;

	float: left;

	height: auto;

	width: 257px;

	text-align: left;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #00528D;

	border: 1px solid #7F9DB9;

	padding: 2px 0px 2px 2px;

	margin-bottom: 3px;

	background-color: #F5F5FA;

}

textarea.message {

	clear: none;

	float: left;

	height: 130px;

	width: 350px;

	text-align: left;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #353535;

	border: 1px solid #00cc5b;

	padding: 2px 0px 2px 2px;

	margin-bottom: 6px;

}

textarea.message_focus {

	clear: none;

	float: left;

	height: 130px;

	width: 350px;

	text-align: left;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #00528D;

	border: 1px solid #7F9DB9;

	padding: 2px 0px 2px 2px;

	background-color: #F5F5FA;

	margin-bottom: 6px;

}

input.send {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	clear: none;

	float: right;

	width: auto;

	border: 1px solid #7F9DB9;

	position: relative;

	padding: 1px;

	margin: 3px 0px 0px 2px;

	background-color: #F0F0F0;

	color: #505050;

}

input.send_over {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	clear: none;

	float: right;

	width: auto;

	border: 1px solid #009900;

	position: relative;

	padding: 1px;

	margin: 3px 0px 0px 2px;

	background-color: #F6F6F6;

	color: #009900;

}

input.send_over2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	clear: none;

	float: right;

	width: auto;

	border: 1px solid #FF6633;

	position: relative;

	padding: 1px;

	margin: 3px 0px 0px 2px;

	background-color: #F6F6F6;

	color: #FF6633;

}

select.color_all {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #353535;

	text-decoration: none;

	border: 1px solid #7F9DB9;

	clear: none;

	float: left;

	margin-bottom: 3px;

	width: 154px;

	border: 1px solid #7F9DB9;

	padding: 1px 0px 1px 2px;

}

select.color_all2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #353535;

	text-decoration: none;

	border: 1px solid #7F9DB9;

	clear: none;

	float: left;

	margin-bottom: 3px;

	width: 45px;

	border: 1px solid #7F9DB9;

	padding: 1px 0px 1px 2px;

}



select.color_all2_prof {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #353535;

	text-decoration: none;

	border: 1px solid #7F9DB9;

	clear: none;

	float: left;

	margin-bottom: 3px;

	width: 90px;

	border: 1px solid #7F9DB9;

	padding: 1px 0px 1px 2px;

}