/* HO0ME PAGE */ *{padding:0;margin:0;list-style-type:none;} #home{ width:100%; background:url(../images/site/background.jpg) repeat-x} #visuial{ width:875px; margin:0 auto} #logo img{ border:0px} #conteudo{ overflow:hidden; padding:0 15px 25px 15px; width:870px; height:10%} /* MENU */ .lavaLampWithImage {position: relative;height: 30px;width: 659px;background: url("../images/site/background_menu.jpg") no-repeat top;margin: -44px -70px 0 0;overflow: hidden;float:right;padding:5px 0 0 100px} .lavaLampWithImage li {float: left;list-style: none;margin:0 30px 0 0; } .lavaLampWithImage li.back {background: url("../images/site/lava.png") no-repeat right -30px;width: 35px; height: 30px;z-index: 0;position: absolute;} .lavaLampWithImage li.back .left {background: url("../images/site/lava.png") no-repeat top left;height: 30px;margin-right: 15px;/* 7px is the width of the rounded shape */} .lavaLampWithImage li a {display: block;float: left;height: 30px;overflow: hidden;margin:0 10px 0 10px; padding:5px 0} .lavaLampWithImage li img{ border:0px; position: relative; z-index: 10; margin:0 10px;} /* RODAPE */ #rodape{ width:100%; height:44px; background:url(../images/site/rodape.jpg) repeat-x; clear:both} #rodape_interno{height:36px; padding-top:14px; width:905px; margin:0 auto; background:url(../images/site/rodape_interno.jpg) no-repeat 30px 0; text-align:right; font-family:Verdana, Geneva, sans-serif; font-size:7pt; font-weight:bold; color:#FFF} #rodape_interno img{ border:0px; margin:0 15px 0 6px } /* CONTATO */ #formularios{ width:100%; float:left; } #formularios #titulo{ padding:2px 0 10px 0; margin-top:10px; width:242px; float:left} #form_menssagem .completo{ width:590px; padding:2px 8px 2px 5px; margin-top:4px; font-size:10px} #form_menssagem .comDois{ width:360px; padding:2px 0; margin-top:4px} #form_menssagem .tipo_2b{ width:150px; margin-top:5px} #form_menssagem #primeiro{ width:360px; float:left} #form_menssagem #segundo{ width:150px; float:left; margin-left:25px} #form_menssagem label{ font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#2e8eb7} #form_menssagem td{ padding-top:15px} #form_menssagem textarea{ width:590px; height:140px; margin-top:4px; padding:2px 8px 10px 5px;} #enviar{ width:102px; height:32px; border:0px; background:url(../images/site/enviar.jpg); float:right; cursor:pointer} #formulario_tabela{ float:right;} #servico_img{ margin:25px 0 0 -35px; } #intro{width:845px; text-align:justify; font-family:Verdana; font-size:12px; color:#525252; padding-left:15px;} #intro span{ font-size:15px; color:#00acec} #intro ul#na_img{ margin:-194px 0 0 35px; *position:absolute} #intro ul#na_img li{ padding:11px 0} #titulo_img{ margin-left:15px} #intro ul#com_img{ margin-top:15px; float:left} #intro ul#com_img li{ padding:0 0 10px 15px; background:url(../images/site/li.jpg) no-repeat; width:350px; } #direita{ width:212px; height:659px; float:right} #esquerda{ width:620px; height:659px;float:left} #esquerda ul{ width:600px; margin:25px 0} #esquerda ul li{ padding:0 0 22px 25px} #esquerda ul#um li{ background:url(../images/site/li_1.jpg) no-repeat 9px 1px} #esquerda ul#dois li{ background:url(../images/site/li_2.jpg) no-repeat 9px 1px} #esquerda ul#tres li{ background:url(../images/site/li_3.jpg) no-repeat 9px 1px} #principal{ height:400px} #controle{ width:850px; padding:0 0 0 60px} #logo_cli{ float:right;; margin:25px 30px 0 0} /* BANNER */ #banner{ width:800px; height:350px; overflow:hidden; position:absolute; margin:20px 0 0 50px} #aba_1{ width:607px; height:350px; margin:0 0 0 0px; position:absolute; background:url(../images/site/aba_01.png) no-repeat 0 50px; z-index:1} #aba_2{ width:607px; height:350px; margin:0 0 0 -607px; position:absolute; background:url(../images/site/aba_02.png) no-repeat 0 150px; z-index:1} #aba_3{ width:607px; height:350px; margin:0 0 0 -607px; position:absolute; background:url(../images/site/aba_03.png) no-repeat 0 150px; z-index:1} #aba_4{ width:607px; height:350px; margin:0 0 0 800px; position:absolute; background:url(../images/site/aba_04.png) no-repeat 0 220px; z-index:1} #aba_5{ width:607px; height:350px; margin:0 0 0 800px; position:absolute; background:url(../images/site/aba_05.png) no-repeat 0 90px; z-index:1} #sombra{ width:32px; height:350px; margin:0 0 0 0px; position:absolute; background:url(../images/site/sombra_esquerda.png) no-repeat 0 0; z-index:2} #sombra_2{ width:32px; height:350px; margin:0 0 0 800px; position:absolute; background:url(../images/site/sombra_direita.png) no-repeat 0 0; z-index:2} #foto_1{ width:800px; height:350px; position:absolute; background:url(../images/site/foto_1.jpg) no-repeat; z-index:0} #foto_2{ width:800px; height:350px; position:absolute; background:url(../images/site/foto_2.jpg) no-repeat; z-index:0; display:none} #foto_3{ width:800px; height:350px; position:absolute; background:url(../images/site/foto_3.jpg) no-repeat; z-index:0; display:none} #foto_4{ width:800px; height:350px; position:absolute; background:url(../images/site/foto_4.jpg) no-repeat; z-index:0; display:none} #foto_5{ width:800px; height:350px; position:absolute; background:url(../images/site/foto_5.jpg) no-repeat; z-index:0; display:none} .butao{ width:135px; height:33px; cursor:pointer; float:left; margin:0 10px} #div_1{ background:url(../images/site/menu_home_01.jpg)} #div_2{ background:url(../images/site/menu_home_02.jpg)} #div_3{ background:url(../images/site/menu_home_03.jpg)} #div_4{ background:url(../images/site/menu_home_04.jpg)} #div_5{ background:url(../images/site/menu_home_05.jpg)} #apresenta{ clear:both; padding:25px 0 0 35px} #apresenta #intro{ width:615px; float:left; padding-top:5px} #apresenta #intro span{ font-weight:bold; font-size:16px; } #apresenta img{ float:right; margin-right:-15px} #nome{ border:0px; background:url(../images/site/imput_grande.jpg) no-repeat;height:24px} #email{ border:0px; background:url(../images/site/imput_grande.jpg) no-repeat;height:24px} #telefone{ border:0px; background:url(../images/site/imput_grande.jpg) no-repeat;height:24px} #assunto{ border:0px; background:url(../images/site/imput_grande.jpg) no-repeat;height:24px} #msg{ border:0px; background:url(../images/site/text_msg.jpg) no-repeat;height:24px} #cidade{border:0px; background:url(../images/site/imput_medio.jpg) no-repeat;height:24px} #uf{border:0px; background:url(../images/site/imput_pequeno.jpg) no-repeat;height:24px} #contato_img{ margin-top:-12px} #descricao{ text-align:justify; float:right; width:605px; font-size:12px; font-family:Verdana; color:#525252; } #descricao #chamada{ font-size:18px;color:#2e8eb7} #descricao span{ font-weight:bold; color:#2e8eb7}