Quantcast
Channel: Últimos conteúdos
Viewing all articles
Browse latest Browse all 14190
↧

Problema com rodapé

September 22, 2015, 1:54 pm
$
0
0

E ai pessoal, BLZ?

 

Estou desenvolvendo este site e estou enfrentando um problema.

 

O problema é o seguinte, preciso colocar o rodapé do site, porém, ele não fica no fim da página. Para que ele fique onde eu quero preciso estar informando a quantos pixels quero ele do topo, mas eu queria que isso fosse automatico, porque o tamanho do conteudo na página nem sempre será do tamanho que configurei como o inicio do rodapé, ai ele acaba sobrepondo o conteudo quando tem muito.

 

Se alguém puder me ajudar eu agradeço.

 

Código da página:

<?php 

require_once 'config.php';
require_once 'database.php';

?>

<!DOCTYPE HTML>
<html lang="pt-br">
<head>
	<meta charset="utf-8"/>
	<title>Floricultura Sol Nascente | PRODUÇÃO E COMÉRCIO DE PLANTAS ORNAMENTAIS</title>
	<link rel="stylesheet" href="estilo.css">
	<link rel="shortcut icon" href="favicon.ico"/>
</head>
<body>
	<div id="tudo">
		<div id="header">
			<div>
				<img src="img/logo.png" id="site-logo">
			</div>
			<div>
				<a href="index"><img src="img/home.png" id="inicio-incone"></a>
			</div>
			<div>
				<a href="mailto:falecom@solnascentefloricultura.com"><img src="img/contact.png" id="email-incone"></a>
			</div>
			<div>
				<a id="inicio-texto" href="index">Início</a>
			</div>
			<div>
				<a id="email-texto" href="mailto:falecom@solnascentefloricultura.com">E-mail</a>
			</div>
			<div id="zona-barra-busca">&nbsp</div>
			<div id="texto-busca">Buscar no site:</div>
			<form method="post" action="buscar3.php" id="busca">
				<input type="search" name="busca" placeholder="Ex: Plantas, Vasos" id="busca-caixa" required="busca">
				<input type="submit" value="Buscar" id="busca-botao">
			</form>
			<div id="zona-barra-slide">&nbsp</div>
			<div id="zona-slide">&nbsp</div>
			<nav id="menu">
				<ul>
					<li id="li1"><a href="index">Início</a></li>
					<li id="li2"><a href="quemsomos">Quem Somos</a></li>
					<li id="li3"><a href="produtos">Produtos</a></li>
					<li id="li4"><a href="servicos">Serviços</a></li>
					<li id="li5"><a href="projetos">Projetos</a></li>
					<li id="li6"><a href="dicas">Dicas</a></li>
					<li id="li7"><a href="novidades">Novidades</a></li>
					<li id="li8"><a href="orcamento">Orçamento</a></li>
					<li id="li9"><a href="contato">Contato</a></li>
				</ul>
			</nav>
		</div>
		<div id="conteudo">
			<div id="zona-conteudo">
				<div id="conteudo-site">
					<?php

					$conteudos = DBRead( 'conteudos', "WHERE pagina = 0 ORDER BY id DESC" );

					if ( !$conteudos )
						echo '<h2>Nenhum conteúdo encontrado!<h2>';
					else
						foreach ( $conteudos as $conteudo ):
							?>
						<div id="titulo-conteudo"><?php echo $conteudo['titulo']; ?></div>
						<div id="texto-conteudo"><?php echo $conteudo['conteudo']; ?>
						<?php endforeach; ?>
					</div>
				</div>
				<div id="novidades">
					<div id="titulo-novidades-conteudo">Novidades da Sol Nascente</div>
					<?php

					$novidades = DBRead( 'conteudos', "WHERE pagina = 1 ORDER BY id DESC" );

					if ( !$novidades )
						echo '<h2>Nenhuma novidade encontrada!<h2>';
					else
						foreach ( $novidades as $novidade ):
							?>
						<div id="novidades-conteudo">
							<i id="icon-novidades"></i>
							<a href="novidades.php?id=<?php echo $novidade['id']; ?>"><?php echo $novidade['titulo']; ?></a>
						<?php endforeach; ?>
					</div>
				</div>
				<div id="dicas">
					<div id="titulo-dicas-conteudo">Confira nossas dicas</div>
					<?php

					$dicas = DBRead( 'conteudos', "WHERE pagina = 2 ORDER BY id DESC" );

					if ( !$dicas )
						echo '<h2>Nenhuma dica encontrada!<h2>';
					else
						foreach ( $dicas as $dica ):
							?>
						<div id="dicas-conteudo">
							<i id="icon-dicas"></i>
							<a href="dicas.php?id=<?php echo $dica['id']; ?>"><?php echo $dica['titulo']; ?></a>
						<?php endforeach; ?>
					</div>
				</div>
				</div>
			<div id="zona-atendimento">
				<div>
					<!-- LiveZilla Chat Button Link Code (ALWAYS PLACE IN BODY ELEMENT) --><!-- LiveZilla Tracking Code (ALWAYS PLACE IN BODY ELEMENT) --><div id="livezilla_tracking" style="display:none"></div><script type="text/javascript">
					var script = document.createElement("script");script.async=true;script.type="text/javascript";var src = "http://atendimento.solnascentefloricultura.com/server.php?a=d9e9b&request=track&output=jcrpt&intgroup=QXRlbmRpbWVudG8_&intid=U29sIE5hc2NlbnRl&pref=dXNlcg__&hg=P3N1cG9ydGU_&nse="+Math.random();setTimeout("script.src=src;document.getElementById('livezilla_tracking').appendChild(script)",1);</script><noscript><h1><img src="http://atendimento.solnascentefloricultura.com/server.php?a=d9e9b&request=track&output=nojcrpt&intgroup=QXRlbmRpbWVudG8_&intid=U29sIE5hc2NlbnRl&pref=dXNlcg__&hg=P3N1cG9ydGU_" width="0" height="0" style="visibility:hidden;" alt=""></h1></noscript><!-- http://www.LiveZilla.net Tracking Code --><a href="javascript:void(window.open('http://atendimento.solnascentefloricultura.com/chat.php?a=76d84&intgroup=QXRlbmRpbWVudG8_&intid=U29sIE5hc2NlbnRl&pref=dXNlcg__&hg=P3N1cG9ydGU_','','width=590,height=760,left=0,top=0,resizable=yes,menubar=no,location=no,status=yes,scrollbars=yes'))" class="lz_cbl"><img src="http://atendimento.solnascentefloricultura.com/image.php?a=75e14&id=3&type=inlay&hg=P3N1cG9ydGU_" width="207" height="100" style="border:0px;" alt="LiveZilla Live Chat Software"></a><!-- http://www.LiveZilla.net Chat Button Link Code -->
				</div>
			</div>
			<div id="zona-newsletter">
				<div id="zona-newsletter-titulo">Recebe nossas novidades</div>
				<div id="zona-newsletter-descricao">Cadastre seu e-mail abaixo e receba nossas novidades.</div>
				<div id="zona-newsletter-form">
					<form action="enviar-newsletter.php" method="post">
						<p>
							<label id="zona-newsletter-form-nome">Nome:</label><br>
							<input id="zona-newsletter-form-nome-input" type="text" name="nome" required="required">
						</p>
						<p>
							<label id="zona-newsletter-form-e-mail">E-mail:</label><br>
							<input id="zona-newsletter-form-e-mail-input" type="email" name="e-mail" required="required">
						</p>
						<input id="zona-newsletter-form-enviar" type="submit" name="enviar" value="Enviar">
					</form>
				</div>
			</div>
		</div>
		<div id="rodape">
			<div id="zona-rodape">&nbsp</div>
			<div id="para-conhecer-texto">Para Conhecer</div>
			<div><a id="inicio-texto-2" href="index">Início</a></div>
			<div><a id="quem-somos-texto" href="quemsomos">Quem Somos</a></div>
			<div><a id="produtos-texto" href="produtos">Produtos</a></div>
			<div><a id="servicos-texto" href="servicos">Serviços</a></div>
			<div><a id="projetos-texto" href="projetos">Projetos</a></div>
			<div><a id="dicas-texto" href="dicas">Dicas</a></div>
			<div><a id="novidades-texto" href="novidades">Novidades</a></div>
			<div id="para-contatar-texto">Para Contatar</div>
			<div><a id="contato-texto" href="contato">Contato e Endereço</a></div>
			<div><a id="orcamento-texto" href="orcamento">Orçamento</a></div>
			<div><a id="atendimento-online-texto" href="http://atendimento.solnascentefloricultura.com/chat.php?a=76d84&amp%3Bintgroup=QXRlbmRpbWVudG8_&amp%3Bintid=U29sIE5hc2NlbnRl&amp%3Bpref=dXNlcg__&amp%3Bhg=P3N1cG9ydGU_" target="_blank">Atendimento Online</a></div>
			<div id="floricultura-sol-nascente-texto">Floricultura Sol Nascente ME</div>
			<div id="cnpj-texto">CNPJ: 13.162.499/0001-85</div>
			<div id="inscricao-Estadual-texto">Inscrição Estadual: 25.634.569-4</div>
			<div id="hamilto-silva-moro-texto">Hamilto Silva Môro</div>
			<div id="responsavel-tecnico-texto">Responsável Técnico</div>
			<div id="crea-texto">CREA/SC 45.370-3</div>
			<div id="sonia-r-k-moro-texto">Sônia R. K. Môro</div>
			<div id="proprietaria-texto">Proprietária</div>
			<div id="tecnica-texto">Técnica</div>
			<div id="copyright">Copyright© Floricultura Sol Nascente - 2015</div>
			<div id="celular-img"><img src="img/Cellphone.png">&nbsp</div>
			<div id="celular-numero">(48) 9111-0202</div>
			<div id="facebook-icon"><img src="img/facebook.png">&nbsp</div>
			<div id="facebook-texto"><a href="https://www.facebook.com/Floricultura.Sol.Nascente">Floricultura.Sol.Nascente</a></div>
			<div id="desenvolvido">Desenvolvido por: Diefferson K. Môro</div>
		</div>
	</div>
</body>
</html>

Código css:

body{
	background-image: url("img/bg.png");
	z-index: 200;
	top: 0px;
	width:810px;
	margin:0 auto;
	overflow-x: hidden;
}
#tudo{
	position: absolute;
}
#site-logo{
	position: absolute;
	z-index: 12;
	left: 0px;
	top: 0px;
	width: 200px;
	height: 181px;
	border: 0px;
}
#inicio-incone{
	position: absolute;
	left: 300px;
	top: 32px;
	width: 40px;
	height: 40px;
}
#email-incone{
	position: absolute;
	left: 300px;
	top: 98px;
	width: 40px;
	height: 40px;
}
#inicio-texto{
	position: absolute;
	left: 347px;
	top: 42px;
	width: 40px;
	height: 20px;
	text-decoration: none;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
}
#email-texto{
	position: absolute;
	left: 347px;
	top: 107px;
	width: 46px;
	height: 20px;
	text-decoration: none;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
}
#texto-busca{
	position: absolute;
	left: 461px;
	top: 72px;
	width: 120px;
	height: 25px;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
}
#busca{
	position: absolute;
	left: 587px;
	top: 72px;
}
#busca-caixa{
	width: 135px;
	height: 20px;
	box-shadow: 2px;
	margin-right: 5px;
}
#busca-botao{
	width: 70px;
	height: 20px;
	background: linear-gradient(to bottom, #3e9140 0%,#29612b 100%);
	border: 0px;
	border-radius: 5px;
	font-family: Arial;
	font-size: 13px;
	color: #ffffff;
	cursor: pointer;
}
#busca-botao:hover{
	width: 70px;
	height: 20px;
	background: #54c120;
	border: 0px;
	border-radius: 5px;
}
#zona-barra-busca{
	position: absolute;
	left: 440px;
	top: 28px;
	width: 5px;
	height: 120px;
	border-radius: 5px;
	border: 0px;
	background: linear-gradient(to bottom, #3e9140 0%,#8df12a 100%);
}
#zona-barra-slide{
	position: absolute;
	left: 0px;
	top: 190px;
	width: 850px;
	height: 6px;
	border-radius: 5px;
	border: 0px;
	background: linear-gradient(to bottom, #3e9140 0%,#8df12a 100%);
}
#zona-slide{
	position: absolute;
	left: 0px;
	top: 200px;
	width: 850px;
	height: 260px;
	border-radius: 5px 5px 0px 0px;
	border: 0px;
	background: linear-gradient(to bottom, #3e9140 0%,#29612b 100%);
}
#menu ul{
	position: absolute;
	z-index: 8;
	margin: 0px;
	left: 0px;
	top: 460px;
	width: 810px;
	height: 40px;
	border-radius: 0px 0px 5px 5px;
	border: 0px;
	background: linear-gradient(to bottom, #3e9140 0%,#29612b 100%);
}
#li1{
	position: absolute;
	list-style: none;
	left: 0px;
	top: 0px;
	width: 60px;
	height: 40px;
	border-radius: 0px 0px 0px 5px;
}
#li1:hover{
	list-style: none;
	background: #54c120;
}
#li1 a{
	position: absolute;
	left: 10px;
	top: 10px;
	margin: 0px;
	padding: 0px;
	width: 60px;
	height: 40px;
	display: inline;
	font-weight: normal;
	font-size: 18px;
	color: #ffffff;
	font-family: Arial;
	text-decoration: none;
}
#li1 a:active{
	position: absolute;
	left: 10px;
	top: 10px;
	margin: 0px;
	padding: 0px;
	display: inline;
	font-weight: normal;
	font-size: 18px;
	color: #000000;
	font-family: Arial;
	text-decoration: none;
}
#li2{
	position: absolute;
	list-style: none;
	left: 60px;
	top: 0px;
	width: 120px;
	height: 40px;
}
#li2:hover{
	list-style: none;
	background: #54c120;
}
#li2 a{
	position: absolute;
	left: 5px;
	top: 10px;
	margin: 0px;
	padding: 0px;
	display: inline;
	font-weight: normal;
	font-size: 18px;
	color: #ffffff;
	font-family: Arial;
	text-decoration: none;
}
#li2 a:active{
	position: absolute;
	left: 5px;
	top: 10px;
	margin: 0px;
	padding: 0px;
	display: inline;
	font-weight: normal;
	font-size: 18px;
	color: #000000;
	font-family: Arial;
	text-decoration: none;
}
#li3{
	position: absolute;
	list-style: none;
	left: 180px;
	top: 0px;
	width: 100px;
	height: 40px;
}
#li3:hover{
	list-style: none;
	background: #54c120;
}
#li3 a{
	position: absolute;
	left: 15px;
	top: 10px;
	margin: 0px;
	padding: 0px;
	display: inline;
	font-weight: normal;
	font-size: 18px;
	color: #ffffff;
	font-family: Arial;
	text-decoration: none;
}
#li3 a:active{
	position: absolute;
	left: 15px;
	top: 10px;
	margin: 0px;
	padding: 0px;
	display: inline;
	font-weight: normal;
	font-size: 18px;
	color: #000000;
	font-family: Arial;
	text-decoration: none;
}
#li4{
	position: absolute;
	list-style: none;
	left: 280px;
	top: 0px;
	width: 100px;
	height: 40px;
}
#li4:hover{
	list-style: none;
	background: #54c120;
}
#li4 a{
	position: absolute;
	left: 15px;
	top: 10px;
	margin: 0px;
	padding: 0px;
	display: inline;
	font-weight: normal;
	font-size: 18px;
	color: #ffffff;
	font-family: Arial;
	text-decoration: none;
}
#li4 a:active{
	position: absolute;
	left: 15px;
	top: 10px;
	margin: 0px;
	padding: 0px;
	display: inline;
	font-weight: normal;
	font-size: 18px;
	color: #000000;
	font-family: Arial;
	text-decoration: none;
}
#li5{
	position: absolute;
	list-style: none;
	left: 380px;
	top: 0px;
	width: 100px;
	height: 40px;
}
#li5:hover{
	list-style: none;
	background: #54c120;
}
#li5 a{
	position: absolute;
	left: 15px;
	top: 10px;
	margin: 0px;
	padding: 0px;
	display: inline;
	font-weight: normal;
	font-size: 18px;
	color: #ffffff;
	font-family: Arial;
	text-decoration: none;
}
#li5 a:active{
	position: absolute;
	left: 15px;
	top: 10px;
	margin: 0px;
	padding: 0px;
	display: inline;
	font-weight: normal;
	font-size: 18px;
	color: #000000;
	font-family: Arial;
	text-decoration: none;
}
#li6{
	position: absolute;
	list-style: none;
	left: 480px;
	top: 0px;
	width: 70px;
	height: 40px;
}
#li6:hover{
	list-style: none;
	background: #54c120;
}
#li6 a{
	position: absolute;
	left: 12.5px;
	top: 10px;
	margin: 0px;
	padding: 0px;
	display: inline;
	font-weight: normal;
	font-size: 18px;
	color: #ffffff;
	font-family: Arial;
	text-decoration: none;
}
#li6 a:active{
	position: absolute;
	left: 12.5px;
	top: 10px;
	margin: 0px;
	padding: 0px;
	display: inline;
	font-weight: normal;
	font-size: 18px;
	color: #000000;
	font-family: Arial;
	text-decoration: none;
}
#li7{
	position: absolute;
	list-style: none;
	left: 550px;
	top: 0px;
	width: 108px;
	height: 40px;
}
#li7:hover{
	list-style: none;
	background: #54c120;
}
#li7 a{
	position: absolute;
	left: 11.5px;
	top: 10px;
	margin: 0px;
	padding: 0px;
	display: inline;
	font-weight: normal;
	font-size: 18px;
	color: #ffffff;
	font-family: Arial;
	text-decoration: none;
}
#li7 a:active{
	position: absolute;
	left: 11.5px;
	top: 10px;
	margin: 0px;
	padding: 0px;
	display: inline;
	font-weight: normal;
	font-size: 18px;
	color: #000000;
	font-family: Arial;
	text-decoration: none;
}
#li8{
	position: absolute;
	list-style: none;
	left: 658px;
	top: 0px;
	width: 111px;
	height: 40px;
}
#li8:hover{
	list-style: none;
	background: #54c120;
}
#li8 a{
	position: absolute;
	left: 12px;
	top: 10px;
	margin: 0px;
	padding: 0px;
	display: inline;
	font-weight: normal;
	font-size: 18px;
	color: #ffffff;
	font-family: Arial;
	text-decoration: none;
}
#li8 a:active{
	position: absolute;
	left: 12px;
	top: 10px;
	margin: 0px;
	padding: 0px;
	display: inline;
	font-weight: normal;
	font-size: 18px;
	color: #000000;
	font-family: Arial;
	text-decoration: none;
}
#li9{
	position: absolute;
	list-style: none;
	left: 770px;
	top: 0px;
	width: 80px;
	height: 40px;
	border-radius: 0px 0px 5px 0px;
}
#li9:hover{
	list-style: none;
	background: #54c120;
}
#li9 a{
	position: absolute;
	left: 10px;
	top: 10px;
	margin: 0px;
	padding: 0px;
	display: inline;
	font-weight: normal;
	font-size: 18px;
	color: #ffffff;
	font-family: Arial;
	text-decoration: none;
}
#li9 a:active{
	position: absolute;
	left: 10px;
	top: 10px;
	margin: 0px;
	padding: 0px;
	display: inline;
	font-weight: normal;
	font-size: 18px;
	color: #000000;
	font-family: Arial;
	text-decoration: none;
}

/*CSS Conteúdo*/
#zona-conteudo{
	position: absolute;
	left: 0px;
	top: 521px;
	width: 565px;
	min-height: 327px;
	margin: 0px;
	padding: 0px;
	border-radius: 5px;
	background: linear-gradient(to bottom, #3f9118 0%,#29612b 100%);
}
#conteudo-site{
	position: relative;
	top: 0px;
	max-width: 555px;
}
#titulo-conteudo{
	position: relative;
	z-index: 100;
	left: 5px;
	top: 5px;
	margin: 0px;
	padding: 0px;
	display: inline;
	font-weight: normal;
	font-size: 19px;
	color: #ffffff;
	font-family: Arial;
	text-decoration: none;
}
#texto-conteudo{
	position: relative;
	z-index: 99;
	left: 5px;
	top: 32px;
	margin: 0px;
	padding: 0px;
	display: inline;
	font-weight: normal;
	font-size: 15px;
	color: #ffffff;
	font-family: Arial;
	text-decoration: none;
}
#texto-conteudo a{
	position: relative;
	left: -253px;
	margin: 0px;
	padding: 0px;
	display: inline;
	font-weight: bold;
	font-size: 15px;
	color: #ffffff;
	font-family: Arial;
	text-decoration: none;
}
#texto-conteudo a:hover{
	position: relative;
	left: -253px;
	margin: 0px;
	padding: 0px;
	display: inline;
	font-weight: bold;
	font-size: 15px;
	color: #d5d5d5;
	font-family: Arial;
	text-decoration: underline;
}
#novidades{
	position: relative;
}
#titulo-novidades-conteudo{
	position: relative;
	left: 5px;
	top: 90px;
	width: 240px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	display: inline;
	font-weight: normal;
	font-size: 19px;
	color: #ffffff;
	font-family: Arial;
	text-decoration: none;
}
#novidades-conteudo{
	position: relative;
	left: -235px;
	top: 120px;
	width: 240px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	display: inline;
	font-weight: normal;
	font-size: 19px;
	color: #ffffff;
	font-family: Arial;
	text-decoration: none;
}
#novidades-conteudo a{
	position: relative;
	left: 0px;
	margin: 0px;
	padding: 0px;
	display: inline;
	font-weight: normal;
	font-size: 18px;
	color: #ffffff;
	font-family: Arial;
	text-decoration: none;
}
#novidades-conteudo a:hover{
	position: relative;
	left: 0px;
	margin: 0px;
	padding: 0px;
	display: inline;
	font-weight: normal;
	font-size: 18px;
	color: #ffffff;
	font-family: Arial;
	text-decoration: underline;
}
#icon-novidades{
	padding-right: 25px;
	background: url(img/icon-novidades.png) no-repeat left center;
	text-decoration: none;
}
#dicas{
	position: relative;
}
#titulo-dicas-conteudo{
	position: relative;
	left: 270px;
	top: 68px;
	width: 240px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	display: inline;
	font-weight: normal;
	font-size: 19px;
	color: #ffffff;
	font-family: Arial;
	text-decoration: none;
}
#dicas-conteudo{
	position: relative;
	left: 90px;
	top: 98px;
	width: 300px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	display: inline;
	font-weight: normal;
	font-size: 19px;
	color: #ffffff;
	font-family: Arial;
	text-decoration: none;
}
#dicas-conteudo a{
	position: relative;
	left: 0px;
	margin: 0px;
	padding: 0px;
	display: inline;
	font-weight: normal;
	font-size: 18px;
	color: #ffffff;
	font-family: Arial;
	text-decoration: none;
}
#dicas-conteudo a:hover{
	position: relative;
	left: 0px;
	margin: 0px;
	padding: 0px;
	display: inline;
	font-weight: normal;
	font-size: 18px;
	color: #d5d5d5;
	font-family: Arial;
	text-decoration: underline;
}
#icon-dicas{
	padding-right: 25px;
	background: url(img/icon-dicas.png) no-repeat left center;
	text-decoration: none;
}
#zona-atendimento{
	position: absolute;
	left: 615px;
	top: 520px;
	width: 207px;
	height: 100px;
	margin: 0px;
	padding: 0px;
	border-radius: 5px;
	background: linear-gradient(to bottom, #69f128 0%,#1a3d1b 100%);
}
#zona-newsletter{
	position: absolute;
	left: 590px;
	top: 627px;
	width: 260px;
	height: 220px;
	margin: 0px;
	padding: 0px;
	border-radius: 5px;
	background: linear-gradient(to bottom, #3f9118 0%,#29612b 100%);
}
#zona-newsletter-titulo{
	position: absolute;
	left: 10px;
	top: 5px;
	margin: 0px;
	padding: 0px;
	display: inline;
	font-weight: bold;
	font-size: 15px;
	color: #ffffff;
	font-family: Arial;
	text-decoration: none;
}
#zona-newsletter-descricao{
	position: absolute;
	left: 10px;
	top: 22px;
	margin: 0px;
	padding: 0px;
	display: inline;
	font-weight: normal;
	font-size: 15px;
	color: #ffffff;
	font-family: Arial;
	text-decoration: none;
}
#zona-newsletter-form{
	position: absolute;
	left: 0px;
	top: 65px;
	width: 260px;
	height: 152px;
	margin: 0px;
	padding: 0px;
}
#zona-newsletter-form-nome{
	position: absolute;
	left: 15px;
	top: 15px;
	width: 50px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	display: inline;
	font-weight: bold;
	font-size: 13px;
	color: #ffffff;
	font-family: Arial;
	text-decoration: none;
}
#zona-newsletter-form-e-mail{
	position: absolute;
	left: 15px;
	top: 70px;
	width: 50px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	display: inline;
	font-weight: bold;
	font-size: 13px;
	color: #ffffff;
	font-family: Arial;
	text-decoration: none;
}
#zona-newsletter-form-nome-input{
	position: absolute;
	left: 10px;
	width: 236px;
	height: 23px;
	margin: 0px;
	padding: 0px;

}
#zona-newsletter-form-e-mail-input{
	position: absolute;
	left: 10px;
	top: 90px;
	width: 236px;
	height: 23px;
	margin: 0px;
	padding: 0px;

}
#zona-newsletter-form-enviar{
	position: absolute;
	left: 80px;
	top: 125px;
	width: 100px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	display: inline;
	font-weight: bold;
	font-size: 13px;
	color: #ffffff;
	font-family: Arial;
	text-decoration: none;
	background: none;
	border: 0px;
}
#zona-newsletter-form-enviar:hover{
	position: absolute;
	left: 80px;
	top: 125px;
	width: 100px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	display: inline;
	font-weight: bold;
	font-size: 13px;
	color: #5c5c5c;
	font-family: Arial;
	text-decoration: none;
	background: #e0e0e0;
	border-radius: 6px;
	border: 1px solid;
	border-color: #959595;
	cursor: pointer;
}

/*CSS Rodapé*/

#rodape{
	position: relative;
	top: 900px;
	height: 0px;
}
#zona-rodape{
	position: relative;
	left: 0px;
	top: -38px;
	width: 850px;
	height: 169px;
	border-radius: 5px;
	margin: 0px;
	background: linear-gradient(to bottom, #3f9118 0%,#29622a 100%);
}
#para-conhecer-texto{
	position: absolute;
	left: 20px;
	top: -29px;
	width: 100px;
	height: 20px;
	text-decoration: none;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
}
#inicio-texto-2{
	position: absolute;
	left: 20px;
	top: 1px;
	width: 100px;
	height: 20px;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}
#inicio-texto-2:hover{
	text-decoration: underline;
}
#quem-somos-texto{
	position: absolute;
	left: 20px;
	top: 14px;
	width: 100px;
	height: 20px;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}
#quem-somos-texto:hover{
	text-decoration: underline;
}
#produtos-texto{
	position: absolute;
	left: 20px;
	top: 27px;
	width: 100px;
	height: 20px;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}
#produtos-texto:hover{
	text-decoration: underline;
}
#servicos-texto{
	position: absolute;
	left: 20px;
	top: 40px;
	width: 100px;
	height: 20px;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}
#servicos-texto:hover{
	text-decoration: underline;
}
#projetos-texto{
	position: absolute;
	left: 20px;
	top: 53px;
	width: 100px;
	height: 20px;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}
#projetos-texto:hover{
	text-decoration: underline;
}
#dicas-texto{
	position: absolute;
	left: 20px;
	top: 66px;
	width: 100px;
	height: 20px;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}
#dicas-texto:hover{
	text-decoration: underline;
}
#novidades-texto{
	position: absolute;
	left: 20px;
	top: 79px;
	width: 100px;
	height: 20px;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}
#novidades-texto:hover{
	text-decoration: underline;
}
#para-contatar-texto{
	position: absolute;
	left: 189px;
	top: -29px;
	width: 100px;
	height: 20px;
	text-decoration: none;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
}
#contato-texto{
	position: absolute;
	left: 189px;
	top: 1px;
	width: 115px;
	height: 20px;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}
#contato-texto:hover{
	text-decoration: underline;
}
#orcamento-texto{
	position: absolute;
	left: 189px;
	top: 14px;
	width: 115px;
	height: 20px;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}
#orcamento-texto:hover{
	text-decoration: underline;
}
#atendimento-online-texto{
	position: absolute;
	left: 189px;
	top: 27px;
	width: 115px;
	height: 20px;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}
#atendimento-online-texto:hover{
	text-decoration: underline;
}
#floricultura-sol-nascente-texto{
	position: absolute;
	left: 366px;
	top: -29px;
	width: 189px;
	height: 20px;
	text-decoration: none;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
}
#cnpj-texto{
	position: absolute;
	left: 366px;
	top: -15px;
	width: 189px;
	height: 20px;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	color: #ffffff;
}
#inscricao-Estadual-texto{
	position: absolute;
	left: 366px;
	top: -2px;
	width: 189px;
	height: 20px;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	color: #ffffff;
}
#hamilto-silva-moro-texto{
	position: absolute;
	left: 366px;
	top: 27px;
	width: 189px;
	height: 20px;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	color: #ffffff;
}
#responsavel-tecnico-texto{
	position: absolute;
	left: 366px;
	top: 40px;
	width: 189px;
	height: 20px;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	color: #ffffff;
}
#crea-texto{
	position: absolute;
	left: 366px;
	top: 53px;
	width: 189px;
	height: 20px;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	color: #ffffff;
}
#sonia-r-k-moro-texto{
	position: absolute;
	left: 366px;
	top: 80px;
	width: 189px;
	height: 20px;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	color: #ffffff;
}
#proprietaria-texto{
	position: absolute;
	left: 366px;
	top: 93px;
	width: 189px;
	height: 20px;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	color: #ffffff;
}
#tecnica-texto{
	position: absolute;
	left: 366px;
	top: 106px;
	width: 189px;
	height: 20px;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	color: #ffffff;
}
#copyright{
	position: absolute;
	left: 20px;
	top: 110px;
	width: 290px;
	height: 20px;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	color: #ffffff;
}
#celular-img{
	position: absolute;
	left: 571px;
	top: -29px;
}
#celular-numero{
	position: absolute;
	left: 634px;
	top: -20px;
	width: 200px;
	height: 40px;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial;
	font-size: 28px;
	color: #ffffff;
}
#facebook-icon{
	position: absolute;
	left: 588px;
	top: 58px;
}
#facebook-texto{
	position: absolute;
	left: 628px;
	top: 64px;
	width: 170px;
	height: 20px;
	text-decoration: none;
	font-family: Arial;
	font-size: 15px;
	color: #ffffff;
}
#facebook-texto a{
	position: absolute;
	width: 170px;
	height: 20px;
	text-decoration: none;
	font-family: Arial;
	font-size: 15px;
	color: #ffffff;
}
#desenvolvido{
	position: absolute;
	left: 646px;
	top: 107px;
	width: 200px;
	height: 20px;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	color: #000000;
}
↧
Search
Viewing all articles
Browse latest Browse all 14190
Search