/*-----------------------------------------------------------------------------
CAETANO TUBOS                                           22/02/2008 | 02/04/2008
autor:     Webtask Serviços para Internet
email:     suporte@webtask.com.br | website:   www.webtask.com.br
-----------------------------------------------------------------------------*/
@import 'lib/reset.css';
@import 'lib/typography.css';
@import 'lib/grid.css';
@import 'lib/forms.css';
@import 'lib/classes.css';
@import 'lib/menu.css';
@import 'lib/rodape.css';                       
@import 'lib/cabecalho.css';
@import 'lib/lightview.css';

/* Plugins: */
/* @import 'lib/lightbox.css'; */
/* @import 'plugins/buttons/screen.css'; */
/* @import 'plugins/link-icons/screen.css'; */
/* @import 'plugins/usabilidade/screen.css'; */
/* @import 'plugins/fancy-type/screen.css'; */
/* ---------------------------------------------------------------------------- */

/* configurações gerais */
html,body { height:100%; background:#47484E url(../imagens/bgGeral.png) no-repeat;}
.container {width: 907px; margin: 0 auto; background:#fff url(../imagens/bgMenuLateral2.jpg) right repeat-y; padding-bottom:100px;
	position:relative; height:auto !important; height:100%; min-height:100%; }

/* ---------------------------------------------------------------------------- */
/* imagens e icones*/
.icone {float:left; height:18px; width:18px;}
.iconeTitulo {float:left; height:18px; width:18px; margin-right:10px;}
.icoVisto {background: url(../imagens/icoVisto-Trans.png) 12px 2px no-repeat;}
.icoProduto {background: url(../imagens/icoProduto-Trans.png) no-repeat;}
.icoNot {background: url(../imagens/icoNot-Trans.png) no-repeat;}
.icoAniversario {background: url(../imagens/icoAniversario-trans.png) no-repeat;}
.icoCat {background: url(../imagens/cat-trans.png) no-repeat;}
.icoImg {background: url(../imagens/images-trans.png) no-repeat;}                
.icoEstrela {background: url(../imagens/icoEstrela-trans.png) no-repeat;}
.icoObra {background: url(../imagens/icoObra-Trans.png) no-repeat;}
.icoVoltar {background: url(../imagens/voltar.gif) no-repeat; height:20px; width: 400px; float:left; clear:both; 
	text-indent:20px; color:#638F45; text-decoration:none; text-transform:uppercase; font-size:11px;}

.fundo1 { background:#F5F4F4 url(../imagens/fundo1.png) repeat-x; border:solid 1px #EBEBEB;}
.fundo2 { background:#F5F4F4 url(../imagens/fundo2.png) repeat-y; border:solid 1px #DACFCF;}
.fundo3 { background:#EDEDED;}
.fundo4 { background:#F5F4F4;}
.fundo5 { background:#F5F4F4 url(../imagens/fundo2.png) repeat-x; border-bottom:solid 1px #E8E8E8; margin-bottom:10px;}

/* ---------------------------------------------------------------------------- */
/* conteudo */
#conteudo { background:#fff url(../imagens/bgConteudo.jpg) no-repeat; min-height:420px; overflow:hidden; padding:10px 28px;}
.tituloArea { color:#413D9B; font-size:19px; font-weight:normal;}

/* ---------------------------------------------------------------------------- */
/* chamada inicial */
.descriocaoGeral { float:left; width:490px; text-align:justify;}
.imagemAtividades { float:right; border:solid 0px #B9B9B9; position:relative; right:0px;}
.tituloDescGeral { float:left; margin-bottom:5px; width:100%; position:relative; top:-3px; font-size:14px; font-family:"Trebuchet MS";}
.listaAtividades { float:left; width:290px; margin:0; background:#ECEFF0; border:solid 1px #DBDFE1;}
.listaAtividades li { float:left; width:80px; padding:3px 5px 4px 10px; text-indent:25px;}
.tituloGeral { background:url(../imagens/miniLogo.gif) no-repeat; font-size:24px; font-weight:bold; color:#6C6F6F;
	text-transform:uppercase; text-indent:25px; margin-bottom:23px; overflow: hidden;}

/* ---------------------------------------------------------------------------- */
/* outras chamadas*/
.bloco {margin-top:30px; float:left; width:100%;}

.tituloChamadas { padding:2px 15px; float:left; line-height:17px; padding-top:5px; height:20px;}
h1.title { padding:5px 15px 2px 15px; font-size: 15px; float:left; line-height:17px; height:20px;
	font-size: 16px; color:#861714; font-weight:bold; text-transform:uppercase; margin-bottom:20px; }

ul.blocoInterno {margin:0;}
ul.blocoInterno li { float:left; width:260px; padding:25px 9px 0px 10px; height:95px;}
ul.blocoInterno li img { float:left; border:solid 1px #C8C6C6; margin-right:20px;}
ul.blocoInterno li h4 { float:left; width:145px; color:#2D2A79; font:bold 13px Arial; margin:0;}
ul.blocoInterno li p {float:left; width:145px; text-align:justify;}

ul.blocoInterno2 {margin:0;}
ul.blocoInterno2 li { float:left; width:260px; padding:25px 9px 0px 10px; height:130px; position:relative;}
ul.blocoInterno2 h4 { float:left; width:100%; color:#2D2A79; font:bold 12px Arial; margin:0; border-bottom:solid 1px #EEE2E2;
	margin-bottom:8px;}
ul.blocoInterno2 p { float:left; width:100%; text-align:justify;}
ul.blocoInterno2 span { position:absolute; right:8px; top:44px; font-size:10px; color:#2C6C12;}
ul.blocoInterno2 li:hover p { cursor:pointer;}
ul.blocoInterno2 li:hover h4, ul.blocoInterno2 li:hover a { color:red; }

/* ---------------------------------------------------------------------------- */
/* menu lateral */
.menuLateral { background: url(../imagens/bgMenuLateral.jpg) no-repeat; width:292px; min-height:500px; float:right;}
.blocoMenuLateral { float:right; width:270px; padding-right:10px; padding-top:37px; }
.blocoMenuLateral h3 { float:left; border-bottom:solid 3px #D8D8D8; width:99%; text-indent:25px; 
	line-height:17px; margin-bottom:15px; padding-bottom:5px; position:relative; clear:both; }
.logoComemorativo { position:absolute; right:10px; bottom:5px;}
.espacamentoML { float:left; width: 99%; height:30px;}
.blocoMenuLateral p { width:97%; text-align:justify; padding-left:4px;}
.vitrineLateral { float:left; width:99%;  margin:0px;}
.vitrineLateral li { margin-left:5px; padding:18px 0px; float:left; border-bottom: solid 1px #E5E0E1;}
.vitrineLateral li:hover { cursor:pointer;}
.vitrineLateral .first { padding-top:0;}
.vitrineLateral .img { float:left; border:solid 1px #ccc; padding:1px; width:118px; height:80px;}
.vitrineLateral .titulo { float:right; width:130px; color:#2D2A79; font-weight:bold;}
.vitrineLateral .descricao { float:right; width:130px; padding-top:7px;}
.banner {float:left; border:solid 1px #DFDFDF; cursor:pointer;}

/* ---------------------------------------------------------------------------- */
/* contato */
.mapa { border:solid 1px #DFDFDF; padding:2px; }
address { position:relative; top:10px;}
address strong { font-size:1.2em;}

/* ---------------------------------------------------------------------------- */
/* inst */
.imgBorda { float:left; border:solid 1px #ccc; padding:1px;}
.conteudoInterno p { float:left; width:557px; text-align:justify; font-size:12px;}
.conteudoInterno h2 { padding-top:10px; float:left;}
.conteudoInterno p.colocaFoto { width:330px;}
.conteudoInterno img.colocaFoto { margin:10px; margin-right:0; margin-top:0; float:right;}
.conteudoInterno p.pinside {width:505px;}

/* ---------------------------------------------------------------------------- */
/* novidades */
#englobaAtracao { float:left;}
#englobaAtracao li { cursor:pointer;}
#englobaAtracao h3 { height:20px; overflow:hidden;}
#englobaAtracao .img { float:left; height:113px; width:258px; overflow:hidden; border:solid 1px #D4D6D5; margin:2px 10px 4px 0px;}
#englobaAtracao strong { float: left; width:260px; font:bold 16px "Trebuchet MS"; color:#19498B; }
#englobaAtracao small { float:left; width:260px; position:relative; top:-1px; margin-bottom:4px;}
#englobaAtracao p { float:right; width:264px; text-align:justify; overflow:hidden;}
#englobaAtracao p.primeiro { margin:7px 0px;}
#englobaAtracao p.limpa {margin-bottom:0px; width:260px; float:left; height:auto;}

.listaNovidades { float:left; margin:0; width:98%; }
.listaNovidades li { float:left; padding:3px 0px 3px 5px; width:100%; border-bottom: dotted 1px #ccc;}
.listaNovidades li:hover { background:; cursor:pointer; color:#861714;}

.maisImagens {margin:0; float:left; width:100%;}
.maisImagens li {float:left; padding:0px 4px 4px;}
.maisImagens div {float:left;}
.maisImagens div.principal { width:258px; height:113px; }
.maisImagens div.secundaria {  width:77px; height:58px; }
.maisImagens a {float:left;  border:solid 1px #ccc; position:relative; padding:1px;}
.maisImagens a:hover { background:#fff; border-color:#85C47C; cursor:pointer;}
.maisImagens a:hover span { background: url(../imagens/zoom-Trans.png) center no-repeat; float:left; height:100%; width:100%;
	position:absolute; top:1px; left:1px;}

/* ---------------------------------------------------------------------------- */
/* produtos */
.listaCategorias, .listaCategorias img { margin:0; float:left;}
.listaCategorias { margin-bottom:30px; width:580px; }
.listaCategorias li { display:inline; margin:0px 17px 15px 0px; float:left; border:solid 1px #ddd;}
.listaCategorias li .img {float:left; height:76px; width:166px;  cursor:pointer; overflow:hidden; border:solid 1px #D4D6D5; margin:0px 0px 0px 0px;}
.listaCategorias li:hover { b order:solid 1px #AF1714;}
.migalhas { font:normal 11px Arial, Helvetica, sans-serif; margin-left:12px; 
	text-transform: capitalize; position:relative; top:-10px; left:10px;  }

.listaProdutos { margin:0; float:left;}
.listaProdutos { margin-bottom:30px;}
.listaProdutos li { display:inline; margin:0px 15px 15px 0px; float:left;}
.listaProdutos li .img {border:solid 1px #ddd; float:left; height:55px; width:55px; cursor:pointer;}
.listaProdutos li a { float:left; height:30px; width:198px; background:#fff; border:solid 1px #ddd; text-decoration:none;
	line-height:30px; text-align:center; position:relative; top:14px; left:-1px; }
.prodIndex { padding-top:20px; padding-left:10px; margin-bottom:0px;}

.corrigeIco { line-height:10px;}
.corrigeIco span { padding-left:10px; position:relative; top:-5px;}
.precoProduto { position: absolute; top:140px; right:320px; font-size:18px; color:#861714; font-weight:bold;}
.conteudoInterno table { border-collapse:collapse; float:left; text-align: center; width: 550px; border: 0; }
.tabimg { width: 550px; font-size: 10px;}
.tabimg td { border: 0;  }
.tableProd { margin-top: 10px; margin-bottom: 30px; font-size: 10px; }
.ac { padding: 0; margin: 0; text-align: center;}
.legProd { float: left; margin-left: 20px; }
.tableProd th, .tableProd  td { border:solid 1px #ccc; padding: 3px;}
.tableProd p {width: auto;}
.subTitProd { float: left; width: 100%; color: black; font-size: 12px;}
ul.lstProd { float: left ; width: 100%;}          
.fl { display:inline; float:left; }
.fr { display:inline; float:right; }
.conteudoInterno p.ac { text-align: center; width: auto; }
ul.lstProd li { background:transparent url(../imagens/produtos/extras/bg_lst_prod.gif) no-repeat scroll 0 5px;  margin:5px 0; padding-left:15px;}
th { background:#EAEAEA; color:#000; font-weight:bold; }

/* ---------------------------------------------------------------------------- */
/* obras e engenharia */
  
.englobaObra { float:left; width:555px; padding-bottom:20px; margin-bottom:20px; border-bottom:solid 1px #DDDDDD;}
.englobaObra img { float:left; border: solid 1px #ddd; padding:1px; }
.englobaObra a:hover img { border: solid 1px #861714; }
.englobaObra div { float:left; width:365px; padding-left:20px;}
.englobaObra div p { font-size:11px; margin:0px; padding-bottom:5px;}
.englobaObra div p.desc { padding-bottom:20px;} 
.detEng { float:left; width:50%; clear:both; border-collapse:collapse;}
.detEng td { border:solid 1px #ccc; background:#fff;}
                                                                                                
/* ---------------------------------------------------------------------------- */
/* projetos sociais */
 
.listaPadrao {list-style-type: decimal; float:left; font-size:12px;}
.listaPadrao li  {list-style-type: decimal;}


.promocoes {border: solid 1px #ccc; float: left; padding: 1px;}
.promocoes img {float: left;}
.selos {float: left; margin-top: 0px; position: relative; top:0px; left: 40px;}