/*
Autor: Eduardo Santos
URL: http://www.dusilva.com
Email: dudu.wd@hotmail.com
Empresa: http://www.pratica.eti.br
*/
* { padding: 0; margin: 0; text-decoration: none; font-family: Arial; font-size: 12px; list-style: none; border: none; outline: none; }

hr { display: none; }

body { background: #f8f9f5 url(../img/bg.jpg) repeat-x; }


/* --------------------------------------- DIV CONTAINER --------------------------------------- */
#container { width:900px; margin: 0 auto; position:relative }
/* --------------------------------------- FIM DIV CONTAINER --------------------------------------- */


/* --------------------------------------- DIV HEADER --------------------------------------- */
#header { height:90px; position: relative;}
#header h1 a { display: block; width:175px; height:70px; background: url(../img/logo.png) no-repeat; text-indent: -9999px; position: absolute; top:15px; left:11px;}

#header .webmail a { display: block; width:134px; height:32px; background: url(../img/bt-acessar-webmail.gif) no-repeat; text-indent: -9999px; position: absolute; top:31px; right:0;}
#header .faleConosco a { display: block; width: 143px; height: 30px; background:url(../img/btFaleConoco.png) no-repeat; _background:url(../img/btFaleConoco.gif) no-repeat; text-indent: -9999px; position: absolute; top: 65px; left: 600px;}
#header .pgInicial a { display: block; width: 143px; height: 30px; background:url(../img/btPgInicial.png) no-repeat; _background:url(../img/btPgInicial.gif) no-repeat; text-indent: -9999px; position: absolute; top: 65px; left: 470px;}
#menuServico{ }
#menu { height:42px; background:url(../img/bg-menu.jpg) repeat-x; }

/* --------------------------------------- FIM DIV HEADER --------------------------------------- */


/* --------------------------------------- DIV CONTENT --------------------------------------- */
#content { position: relative; width:871px; _margin-top:-13px; /* >> CSS IE 7 e 6 HACK */ float: left; padding:16px 14px 20px; border: 1px solid #dee1d7; background: #fff; border-bottom: none; border-top: none;}

#content p, #content label, #content ul li { color: #575757;}
h3 { text-indent: -9999px;}

#colLatLeft { width:268px; float:left;}

#boxEmpresasGrupo { height: 230px; text-indent: -9999px; margin-bottom: 14px; background: url(../img/box-empresas-grupo.jpg) no-repeat;}
#boxEmpresasGrupo .logoPortela { width: 95px; height: 60px; display: block; margin: 45px 0 0 71px; background: url(../img/logo-portela.jpg) no-repeat;}

#boxCatalogo { height:289px; padding:34px 14px 0; text-align:center; margin-bottom: 14px; background: url(../img/bg-catalogo.jpg) no-repeat;}
#boxCatalogo a.btConsulte-catalogo-completo { display:block; width:239px; height:28px;}

#boxEmpresaGrupo { height:109px; padding:56px 14px 0; background: url(../img/bg-empresa-grupo.jpg) no-repeat;}
#boxEmpresaGrupo ul li { background: url(../img/bg-li-empresa-grupo.gif) no-repeat; margin-bottom:3px; padding:7px 0 7px 14px;}
#boxEmpresaGrupo a { color: #575757; }
#boxEmpresaGrupo a:hover { text-decoration:underline; }

#colLatRight { width:583px; float:right; }

#boxPainel { height:180px; padding:14px 16px 10px; border-right:1px solid #dee1d7; border-left:1px solid #dee1d7; background:#FFF url(../img/bg-boxPainel.jpg) no-repeat bottom left;}
#boxPainel #box-boneco { float:left; padding-left:30px;}
#boxPainel #painelHome { float:right;}

#boxAreaAtuacao { padding:0; margin-bottom: 14px; background: url(../img/box-area-atuacao.jpg) no-repeat; }
#boxAreaAtuacao p { width: 197px; color: #004622; font-size: 11px;}

#boxAreaAtuacao .ulLeft { float: left; width: 81px;}
#boxAreaAtuacao .ulRight { float: left;}
#boxAreaAtuacao ul { margin-top: 20px;}
#boxAreaAtuacao ul li { margin-bottom: 6px; padding-left: 9px; background: url(../img/bg-li-quadrado-verde.jpg) no-repeat left 6px;}

#boxAtendimento { background:url(../img/bg-atendimento.jpg) no-repeat; margin-bottom:14px; height:129px; padding:36px 14px 0; }
#boxAtendimento p { background:#FBFBFA; border:1px solid #DEE2D7; color:#575757; padding:15px 17px; }
#boxAtendimento p a { text-decoration:underline; color:#000; }
#boxAtendimento p a:hover { text-decoration:none; }



#boxFotosHome { height:98px; width:463px; padding:10px 10px 0 110px; margin-bottom:14px; background: url(../img/bg-fotos-home.jpg) no-repeat;}

#boxProjetosVFotos { width: 220px; height: 52px; padding: 18px 0 0 11px; margin-bottom: 15px; float: right; background: url(../img/box-projeto-fotos.jpg) no-repeat;}
#boxProjetosVFotos a { width: 124px; display: block; color: #575757;}

#boxNossaMissao { width:196px; padding:57px 17px 0; height:108px; float:left; background: url(../img/bg-nossa-missao.jpg) no-repeat;}
#boxNossaMissao p { color:#575757; background:#fbfbfa; border:1px #dee2d7 solid; padding:15px 17px; }

#boxGaleriaHome { width:110px; padding:67px 110px 0 10px; height:98px; float:left; background: url(../img/bg-galeria.jpg) no-repeat;}
#boxGaleriaHome a { color:#575757; text-decoration:underline; }
#boxGaleriaHome a:hover { text-decoration:none; }


#boxEscolaProdutos { width:221px; height:107px; padding:58px 100px 0 16px; float:right; background: url(../img/bg-escola-produtos2.jpg) no-repeat;}
#boxEscolaProdutos ul li { padding-left:10px; margin-bottom:5px; background: url(../img/seta.gif) no-repeat 0 5px; }
#boxEscolaProdutos ul li a { color:#575757; }
#boxEscolaProdutos ul li a:hover { text-decoration:underline; }

/* --------------------------------------- FIM DIV CONTENT --------------------------------------- */


/* --------------------------------------- DIV FOOTER --------------------------------------- */
#footer { width: 100%; height:78px; clear: both; background: #e5e8dc url(../img/bg-footer.jpg) repeat-x;}

#footerCenter { width:900px; margin: 0 auto; padding-top:30px; background: url(../img/bg-footer-center.jpg) repeat-x; }
#footerCenter p { float: left; color: #434a4b;}
#footerCenter p a { color: #00401e; }
#pratica { float: right; font-style: normal; color: #434a4b;}
#pratica a { color: #00401e;}
/* --------------------------------------- FIM DIV FOOTER --------------------------------------- */



/* --------------------------------------- INTERNAS --------------------------------------- */

/* ------------------------------------- DIV CONTENT INTERNO --------------------------------------- */
#colLatRight h2 { height: 27px; padding: 9px 0 0 15px; font-size: 15px; color: #00391c; background: url(../img/bg-tit-h2.jpg) no-repeat; margin-bottom: 20px;}

#contentIntern { padding:0 10px; margin: 0 auto; }

#contentIntern h4 { margin-bottom: 15px;}

#contentIntern p { margin-bottom: 15px;}

#contentIntern #box-boneco {float:left; margin:-30px 10px 0 -10px}

/* ----- Lista de Parceiros ----- */
.listaParceiros {padding-top:20px; text-align:center; width:560px}
.listaParceiros li {float:left; height:50px; margin:0 35px 20px 0; width:150px}

/* ----- Segmentos ----- */
.segmentos h4 {background:url(../img/seta2.gif) no-repeat 0 4px; float:left; color:#013d19; padding-left:15px}
.segmentos ul, .segmentos ul li {float:left}
.segmentos ul {padding-bottom:30px; width:560px}
.segmentos ul li {background:url(../img/bgListaSegmentos.gif) no-repeat 0 6px; border-bottom:1px solid #dedede; margin:10px 40px 0 0; padding:0 0 10px 15px; width:225px}

#listaImagemLegenda { text-align: center; margin-top: 30px;}
#listaImagemLegenda li { margin-bottom: 20px; float: left; width: 220px;}

#listaServicos li {width: 47%; height: 180px; float: left; margin: 20px 0 0 25px;}
#listaServicos li img { float: left; margin:0 0 0 0;}
#listaServicos li p {font-size: 11px;}

#listaSimples li { border-bottom:1px solid #e8ecdf; background:url(../img/marcador.gif) 0 3px no-repeat; margin-bottom:6px; padding:0 0 6px 12px; }
#listaSimples li a { text-decoration:none; color: #0D693A; /*font-weight: bold;*/}
#listaSimples li a:hover { text-decoration:underline; }

#formFale fieldset legend { font-weight: bold; margin-bottom: 10px;}
#formFale .inputTxt { width: 100%; height: 20px; display: block; margin: 5px 0 15px 0; border: 1px solid #d9dbd4; background: url(../img/bg-input.jpg) repeat-x;}
#formFale .btEnviar { width: 57px; height: 22px; float: right; background: url(../img/bt-enviar.jpg) no-repeat;}
#formFale textarea { width: 100%; height: 150px; border: 1px solid #d9dbd4; background: #fff; margin: 5px 0 15px 0; overflow: auto;}

#galeria { margin-bottom: 20px; float: left; padding-left:25px;}



/* ------------------------------------- FIM DIV CONTENT INTERNO --------------------------------------- */



/* --------------------------------------- CLASSES --------------------------------------- */

.imgFloatL { float: left; margin-right: 15px;}
.noMarginL { margin-left: 0!important;}
.clear { clear: both;}
.link { text-decoration:none; color: #0D693A; font-weight: bold;}
.link:hover { text-decoration:underline; }
.miniatura { padding:5px; border:1px solid #efefef; margin:7px; }
.imgLink {border:5px solid #0D693A; padding: 5px; display: block; margin:0 auto}
.width100 { width: 100%!important;}
.listGaleria { float:left; width:147px; margin:0 30px 15px 0;}
h4.legenda { padding:0 10px; color:#00391C; font-size:11px;}

.tumbLancamentos img{ margin:10px 7px 10px 7px; border:1px solid #e8ecde}
.titCursosInter{ font-size:16px; color:#1e1a89; background:url(../img/bg-tit-cursos.jpg) no-repeat; padding-bottom:10px;}

.bordaCursoEscProd{ border:1px solid #dee1d7; border-bottom:3px solid #dee1d7; border-right:3px solid #dee1d7; padding:5px; width:100%;}
.tbCursosEsc { border-right:3px solid #dee1d7; border-bottom:3px solid #dee1d7; width:444px; margin-bottom:30px; }
.tbCursosEsc td { border:1px solid #dee1d7; border-bottom:none; border-right:none; padding:5px;   }	
#listCursosEscola li { float:left; margin:10px}
.btvoltar{ background:url(../img/btVoltar.jpg) no-repeat; width:161px; height:31px; text-indent:-5000px; display:block}

#saojoao{ width:900px; height:59px; background:url(../img/saojoao-2010.png) no-repeat top center; position:absolute; float:left; z-index:3333;}
#fogueira{ width:93px; height:97px; background:url(../img/fogueira.png) no-repeat top center; position: absolute; top:220px; left:190px; float:left; z-index:3333;}

.premios{ border-bottom:1px solid #CCCCCC; padding-bottom:15px; clear:both; min-height:70px;}
.trofeu-revenda{ margin:0 40px 0 30px!important}
.construir-2009{ margin:0 40px 0 30px}