@charset "utf-8";
/* CSS Document */
*{
margin:auto;
}
body{
background:url(imagens/fd.jpg);
margin:auto;
}
img{
border:0px;
}
h1{
font-family:Arial, Helvetica, sans-serif;
color:#1f7b45;
font-size:16px;
text-align:left;
text-decoration:none;
margin:0px;
padding:0px;
}
h2{
font-family:Arial, Helvetica, sans-serif;
color:#1f7b45;
font-size:15px;
text-align:left;
text-decoration:none;
margin:0px;
padding:0px;
}
h3{
font-family:Arial, Helvetica, sans-serif;
color:#1f7b45;
font-size:14px;
text-align:left;
margin:0px;
padding:0px;
}
p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-align:left;
text-decoration:none;
margin:0px;
padding:0px;
line-height:15px;
}
.link_verde{
color:#51b120;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
text-decoration:none;
margin:0px;
padding:0px;
line-height:15px;
}
.link_verde:hover{
text-decoration:underline;
}
.texto_branco{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-align:left;
text-decoration:none;
margin:0px;
padding:0px;
line-height:15px;
}
/***************************
****************************
           CORPO
****************************
***************************/
#site{
width:975px;
background:url(imagens/fd_site.jpg) repeat-x;
background-color:#FFFFFF;
margin:auto;
margin-top:65px;
}
#topo{
width:975px;
}
#centro{
width:975px;
float:left;
}
#rodape{
width:975px;
margin:auto;
clear:both;
}
/***************************
****************************
           TOPO
****************************
***************************/
#topo01{
width:975px;
}
#topo01a ul{
margin-left:15px;
padding-top:22px;
}
#topo01a ul li{
float:left;
}
#topo01a ul li a{
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
text-align:left;
text-decoration:none;
margin:0px;
padding-left:27px;
}
#topo01a ul li a:hover{
text-decoration:underline;
}
#topo01b{
float:left;
width:975px;
}
/***************************
****************************
          CENTRO
****************************
***************************/
#esq{
width:432px;
float:left;
padding-top:20px;
padding-left:20px;
}
#dir{
width:498px;
float:right;
padding-top:20px;
padding-bottom:20px;
}
/***************************
****************************
          RODAPE
****************************
***************************/
#rodape01{
width:975px;
}
#rodape ul{
padding:15px 0px 20px 15px;
}
#rodape ul li{
float:left;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:14px;
text-decoration:none;
text-align:left;
margin:0px;
padding:0px;
}
#rodape ul li a{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:14px;
text-decoration:none;
text-align:left;
margin:0px;
padding-left:10px;
padding-right:10px;
line-height:16px;
}
#rodape ul li a:hover{
text-decoration: underline;
}
#rodape02{
width:975px;
margin-top:30px;
}
#rodape02a{
float:left;
width:350px;
}
#rodape02b{
float:left;
width:300px;
}
#rodape02c{
float:right;
width:100px;
}
#rodape03{
width:925px;
clear:both;
padding-top:32px;
padding-left:5px;
}

/***************************
****************************
      BANNER INICIAL
****************************
***************************/
.projDestaqueDir{
width:315px;
float:left;
padding-bottom:10px;
position:relative;
}

#imgCli h3{
position:absolute;
padding:5px;
float:left;
top:0;
left:30px;
background:#40312A;
filter: alpha(opacity=90);
moz-opacity:0.90;
opacity:0.90;
}
#imgCli h3{
float:left;
margin:0;
padding:0;
color:#77a22f;
font-size:11px;
}
#imgCli h3 a{
color:#77a22f;
font-size:11px;
text-decoration:none;
}
#imgCli h3 a:hover{
text-decoration:underline;
}
#imgCli label{
color:#FFF;
font-size:11px;
}
/***************************/

#imgCli{
width:477px;
float:left;
text-align:center;
position:relative;
height:275px;
}
#imgCli img{
position:absolute;
top:0;
left:0;
}

#imgCli{
width:100%;
float:left;
position:relative;
text-align:left;
background:#FFFFFF;
}
#imgCli img,#imgCli label{
position:absolute;
left:0;
}
#imgCli img{
border:#CCC 1px solid;
padding:10px;
}
#imgCli label{
top:120px;	
color:#686868;
font-size:11px;
height:50px;
width:320px;
display:block;
line-height:15px;
}
#legenda{
width:455px;
float:left;
position:absolute;
top:227px;
left:11px;
background:#000000;
filter: alpha(opacity=65);
moz-opacity:0.65;
opacity:0.65;
height:60px;
z-index:100;
}
.numeracaoEsq{
width:220px;
float:left;
font-size:11px;
position:absolute;
z-index:100;
top:0px;
left:0px;
filter: alpha(opacity=100);
moz-opacity:1.0;
opacity:1.0;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
padding:10px 0px 0px 10px;

}
.numeracaoDir{
width:150px;
float:left;
font-size:11px;
position:absolute;
z-index:100;
top:5px;
left:320px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}


.numFundo{
background:#b3ff2d;
color:#000000;
width:11px;
height:17px;
float:left;
padding-left:4px;
padding-right:7px;
padding-top:5px;
display:block;
margin-right:5px;
margin-bottom:5px;
cursor:pointer;
}
.semFundo{
background:#00903b;
color:#FFFFFF;
width:11px;
height:17px;
float:left;
padding-left:4px;
padding-right:7px;
padding-top:5px;
display:block;
margin-right:5px;
margin-bottom:5px;
cursor:pointer;


}



/*alerts*/
#modalContainer {
background-color:transparent;
position:absolute;
width:100%;
height:100%;
top:0px;
left:0px;
z-index:10000;

}

#alertBox {
position:relative;
width:280px;
min-height:100px;
margin-top:50px;
border:#CCC 2px solid;
background-color:#F2F5F6;
background-image:url(alert.png);
background-repeat:no-repeat;
background-position:20px 30px;
}

#modalContainer > #alertBox {
	position:fixed;
}

#alertBox h1 {
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background:url(imagens/caixa_atencao.jpg);
color:#FFF;
border-bottom:1px solid #CCC;
padding:5px 7px 2px 10px;
height:20px;
font-weight:normal;
}

#alertBox p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:5px;
padding-top:10px;
margin-left:55px;
float:left;
width:100%;
}

#alertBox #closeBtn {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
display:block;
position:absolute;
margin:5px auto;
padding:3px;
border:#CCC 1px solid;
width:70px;
text-transform:uppercase;
text-align:center;
color:#FFF;
background-color:#03913D;
text-decoration:none;
top:60px;
left:100px;
}
#alertBox #imgAlert{
position:absolute;
top:35px;
left:15px;
}


.fundoOpaco{
filter: alpha(opacity=30);
moz-opacity:0.30;
opacity:0.30;	
float:left;
background:#333333;
left:0;
top:0;
z-index:10;
position:absolute;
font-size:11px;
}

/***************************
****************************
         PROJETOS
****************************
***************************/
.caixa_busca{
width:620px;
height:200px;
padding:15px 0px 15px 15px;
background:url(imagens/fundo_busca.jpg);
background-repeat:no-repeat;
}
.caixa_alert{
width:620px;
height:70px;
margin-left:150px;
padding:25px 0px 15px 70px;
background:url(imagens/caixa_alerta.jpg);
background-repeat:no-repeat;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
font-weight:bold;
}
.caixa_busca p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}

.res_busca{
margin-left:40px;
clear:both;
}

.geral_busca{
float:left;
width:265px;
min-height:200px;
margin:11px;
text-align:center;
padding-top:0px;
margin-right:30px;
margin-top:10px;
}

.img_busca{
width:110px;
padding-top:5px;
float:left;
margin-right:15px;
}
.desc_busca{
width:140px;
padding-top:5px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-align:left;
}

.desc_busca a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-decoration:none;
}
.desc_busca a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-decoration:underline;
}
/***************************
****************************
        PROJETOS DET.
****************************
***************************/
.image_thumb {
    float: left;   
    background: #f0f0f0;
    border-right: 1px solid #fff;
    border-top: 1px solid #ccc;
}
.image_thumb{
    border: 1px solid #ccc;
    padding: 5px;
    background: #fff;
    float: left;	
}
.migalha{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#1f7b45;
font-weight:bold;
padding:10px 0px 5px 5px;
}
.migalha a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#1f7b45;
font-weight:bold;
text-decoration:none;
}

.migalha a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#1f7b45;
font-weight:bold;
text-decoration:underline;
}


/***************************
****************************
         DICAS
****************************
***************************/

.dicas_div{
width:880px;
float:left;
padding:15px 35px 15px 15px;
}
.dicas_texto p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-align:left;
line-height:15px;
padding-left:15px;
padding-right:15px;
}

.paginacao{
width:880px;
padding-right:3px;
padding-bottom:7px;
padding-top:7px;
float:right;
text-align:right;
}

/***************************
****************************
         CLIENTES
****************************
***************************/

.link_clientes{
font-family:Arial, Helvetica, sans-serif;
color:#1f7b45;
font-size:14px;
text-align:left;
margin:0px;
padding:0px;
}
.link_clientes a{
font-family:Arial, Helvetica, sans-serif;
color:#1f7b45;
font-size:14px;
text-align:left;
text-decoration:none;
margin:0px;
padding:0px;
}

.link_clientes a:hover{
font-family:Arial, Helvetica, sans-serif;
color:#1f7b45;
font-size:14px;
text-align:left;
text-decoration:underline;
margin:0px;
padding:0px;
}
/***************************
****************************
         FENG SHUI
****************************
***************************/

#feng{
width:220px;
height:415px;
background:url(imagens/img_cascata.jpg);
padding-top:5px;
position:relative; 
}

#feng ul{
backgr ound:#000000;
fil ter: alpha(opacity=45);
moz- opacity:0.45;
opa city:0.45;
height:405px;
width:205px;
padding-top:2px;
position:absolute;
z-index:100;
left:7px;
}

#feng ul li{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:14px;
padding:8px 5px 5px 5px;
}

#feng ul li:hover{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:14px;
padding:8px 5px 5px 5px;
background-color:#B3FF2D;
cursor:pointer;
}
#feng ul li:hover a
{
	color:#000000;
}
#feng div#opacidade
{
background:#000000;
filter: alpha(opacity=45);
moz- opacity:0.45;
opacity:0.45;
width:205px;
height:407px;
position:absolute; top:7px; left:7px;
z-index:10;
}
#feng ul li a
{
	color:#fff;
	display:block;
	he ight:100%;
}
#feng ul li a:hover
{
	color:#000000;
}

.feng_div{
width:615px;
float:left;
padding:15px 35px 15px 15px;
}

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

.div_contato{
width:620px;
height:295px;
background:url(imagens/img_natural2.jpg);
background-repeat:no-repeat;
margin-bottom:20px;
padding-top:10px;
position:relative;
}

.div_contato_trans{
width:600px;
height:280px;
z-index:100;
}
#contatotrans
{
background:#000000;
filter:alpha(opacity=45);
moz-opacity:0.45;
opacity:0.45;
width:600px;
height:280px;
z-index:2;
top:0;
left:0;
}

.div_contato_form{
width:660px;
height:240px;
padding:20px;
position:absolute;
z-index:4561;
}

.div_contato_form p{
font-family:Arial, Helvetica, sans-serif;
color:#B3FF22;
font-size:14px;
margin-bottom:5px;
font-weight:bold;
}

/***************************
****************************
			 SERVIÇOS
****************************
***************************/

.servico_geral{
width:847px;
padding:15px 20px 30px 20px;
background:url(imagens/caixa_logo.jpg) right;
background-repeat:no-repeat;
float:left;
}
.servico_geral p{
padding:10px;
}

.servico_geral p strong{
color:#03913D;
}

.servico_geral a{
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}
.servicos_interna{
margin-left:20px;
color:#000000;
}
.servicos_interna a{
color:#000000;
}
.servico_geral a:hover{
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;
}

.servic_geral{
width:867px;
padding:15px 20px 30px 20px;
float:left;
}

.servic_geral p{
padding:10px;
}

.servic_geral p strong{
color:#03913D;
}

.servic_geral a{
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}
.servicos_interna{
margin-left:20px;
}
.servic_geral a:hover{
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;
}

.servic_geral p img{
margin-left:120px;
}

/***************************
****************************
        AREAS DE ATUAÇÃO
****************************
***************************/

.div_area{
width:620px;
height:295px;
background:url(imagens/img_politicadequalidade.jpg);
background-repeat:no-repeat;
margin-bottom:20px;
padding-top:10px;
clear:both;
}

.div_area_trans{
width:600px;
height:280px;
background:#000000;
filter:alpha(opacity=45);
moz-opacity:0.45;
opacity:0.45;
z-index:100;
}

.div_area_form{
width:660px;
height:240px;
padding:20px;
}

.div_area_form p{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:14px;
margin-bottom:20px;
}

/***************************
****************************
        PRODUTOS
****************************
***************************/

.produto_geral{
width:850px;
clear:both;
float:left;
margin-left:30px;
margin-bottom:10px;
}

.produto_tit_cat{
font-family:Arial, Helvetica, sans-serif;
color:#76a0c7;
font-size:14px;
padding-left:20px;
margin-bottom:15px;
width:800px;
}
/***************************
****************************
         ORÇAMENTO
****************************
***************************/

.div_orcamento{
width:620px;
background:url(imagens/img_orcamento.jpg) no-repeat top left;
margin-bottom:20px;
padding-top:10px;
padding-bottom:10px;
position:relative;
}

.div_orcamento_trans{
width:600px;
height:100%;
z-index:100;
}
#transorc
{
width:600px;
height:97%;
padding-bottom:2px;
background:#000000;
filter:alpha(opacity=45);
moz-opacity:0.45;
opacity:0.45;
position:absolute;
left:10px;
top:10px;
z-index:10;
}

.div_orcamento_form{
width:590px;
height:490px;
padding:15px;
}
form#orcamento
{
	position:absolute;
	left:25px;
	z-index:456;
}
form#orcamento p { margin:0; padding:2px 0 0 0;}

.div_orcamento_form p{
font-family:Arial, Helvetica, sans-serif;
color:#B3FF22;
font-size:14px;
margin-bottom:5px;
font-weight:bold;
}


/***********************/
/**     Ver Todas     **/
/***********************/

#pvertodas a:hover{ text-decoration:underline;}