/****************************************************************************************************************************** * * Servico * *****************************************************************************************************************************/ #container_servico { float:right; width: 763px; height: 374px; } div.deco { width:235px;float:left;height:390px;} #container_servico h3 { width:500px; float:right; background-color:transparent; } #container_servico h4 { width:500px; float:right; padding: 0; font-size:16px; border-bottom:1px solid #ddd; font-weight: 700;} #container_servico p { padding: 0; margin-left:20px; } #container_servico div { border-bottom:0px solid #ccc; } div.long_text{ height:300px; width: 520px; float:right; overflow-x: hidden; overflow-y: auto; } div.long_text2{ height:320px; width: 520px; float:right; overflow-x: hidden; overflow-y: auto; } div.long_text p, div.long_text2 p { margin:0; /* padding:5px 10px; */ margin: 0px 10px; } #container_servico div.deco {width:235px;float:left;height:444px; margin:0; } #container_servico div.long_text { height:360px;} /* FUNDO GERAL DAS SECOES */ /* div.bg_medicao div.deco {background: url(/assets/css/img/bg/medicao.jpg) no-repeat; } */ div.bg_superficies div.deco {background: url(/assets/css/img/bg/superficies.jpg) no-repeat ; } div.bg_prevencao div.deco {background: url(/assets/css/img/bg/prevencao.jpg) no-repeat; } /* div.bg_uso-de-cores div.deco {background: url(/assets/css/img/bg/uso-de-cores.jpg) no-repeat; } */ /* TAMANHOS */ .bg_medicao div.long_text2 { height:380px } .bg_superficies div.long_text2 { height:380px } .bg_prevencao div.long_text2 { height:380px } .bg_uso-de-cores div.long_text2 { height:370px } /* HOME */ div#main.bg_home div.deco {background: url(/assets/css/img/bg/home.jpg) top left no-repeat;} /* USO DE CORES */ div#main.bg_uso-de-cores div.deco {background: url(/assets/css/img/bg/uso-de-cores.jpg) left -65px no-repeat;} /* MEDICAO */ div#main.bg_medicao div.deco {background: url(/assets/css/img/bg/medicao.jpg) left 20px no-repeat;} /* PREVENCAO */ div#main.calhas div.deco { background: url(/assets/css/img/bg/prevencao/calhas.jpg) no-repeat; } div#main.canaletas div.deco { background: url(/assets/css/img/bg/prevencao/canaletas.jpg) no-repeat; } div#main.formacao-de-bolhas div.deco { background: url(/assets/css/img/bg/prevencao/formacao-de-bolhas.jpg) no-repeat; } div#main.frisos div.deco { background: url(/assets/css/img/bg/prevencao/frisos.jpg) no-repeat; } div#main.fundacoes div.deco { background: url(/assets/css/img/bg/prevencao/fundacoes.jpg) no-repeat; } div#main.fungos-partes-mofadas div.deco { background: url(/assets/css/img/bg/prevencao/fungos-partes-mofadas.jpg) no-repeat; } div#main.impermeabilizacao div.deco { background: url(/assets/css/img/bg/prevencao/impermeabilizacao.jpg) no-repeat; } div#main.jardins div.deco { background: url(/assets/css/img/bg/prevencao/jardins.jpg) no-repeat; } div#main.pisos div.deco { background: url(/assets/css/img/bg/prevencao/pisos.jpg) no-repeat; } div#main.primers div.deco { background: url(/assets/css/img/bg/prevencao/primers.jpg) no-repeat; } div#main.rodapes div.deco { background: url(/assets/css/img/bg/prevencao/rodapes.jpg) no-repeat; } div#main.telhados-e-muros div.deco { background: url(/assets/css/img/bg/prevencao/telhados-e-muros.jpg) no-repeat; } div#main.superficies-horizontais div.deco { background: url(/assets/css/img/bg/prevencao/superficies-horizontais.jpg) no-repeat; } div#main.nivelamento-de-superficies div.deco { background: url(/assets/css/img/bg/prevencao/nivelamento-de-superficies.jpg) no-repeat; } /* SUPERFICIE */ div#main.acabamento-brilhante div.deco { background: url(/assets/css/img/bg/superficies/acabamento-brilhante.jpg) no-repeat; } div#main.com-bolhas div.deco { background: url(/assets/css/img/bg/superficies/com-bolhas.jpg) no-repeat; } div#main.concreto div.deco { background: url(/assets/css/img/bg/superficies/concreto.jpg) no-repeat; } div#main.depressao-saliencia div.deco { background: url(/assets/css/img/bg/superficies/depressao-saliencia.jpg) no-repeat; } div#main.formica div.deco { background: url(/assets/css/img/bg/superficies/formica.jpg) no-repeat; } div#main.galvanizadas div.deco { background: url(/assets/css/img/bg/superficies/galvanizadas.jpg) no-repeat; } div#main.gesso div.deco { background: url(/assets/css/img/bg/superficies/gesso.jpg) no-repeat; } div#main.madeira div.deco { background: url(/assets/css/img/bg/superficies/madeira.jpg) no-repeat; } div#main.massas div.deco { background: url(/assets/css/img/bg/superficies/massas.jpg) no-repeat; } div#main.metalicas div.deco { background: url(/assets/css/img/bg/superficies/metalicas.jpg) no-repeat; } div#main.parede-com-relevo div.deco { background: url(/assets/css/img/bg/superficies/parede-com-relevo.jpg) no-repeat; } div#main.trincas-fissuras div.deco { background: url(/assets/css/img/bg/superficies/trincas-fissuras.jpg) no-repeat; } div#main.umidade-mofo-fungo div.deco { background: url(/assets/css/img/bg/superficies/umidade-mofo-fungo.jpg) no-repeat; } div#main.tintas-latex div.deco { background: url(/assets/css/img/bg/superficies/tintas-latex.jpg) no-repeat; } div#main.varias-situacoes div.deco { background: url(/assets/css/img/bg/superficies/varias-situacoes.jpg) no-repeat; } table.planilha { border:1px solid #ccc; margin:0 auto; background-color:#fff; } table.planilha th { font-size:90%; background-color: #ccc;} table.planilha td, table.planilha th{ border:1px solid #ccc; padding:2px; }