@import url('mozilla_hacks.css');
/*.................... ESTRUTURA ...........................*/
*{
	margin:0; 
	padding:0; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
body{
	background-color:#4c466a; 
	text-align:center;
}
fieldset{
	border:0 none;
}
a{
	outline:0;
}
p{
	margin-bottom:10px;
}
#pularNaveg{
	display:none;
}
#tudo{
	width:770px; 
	margin:0 auto; 
	margin-top:15px; 
	background-color:#f0f0f0;
}
	#topo{
		background:url(../imagens/topo.jpg) no-repeat; 
		height:91px;
		padding-top:155px;
		position:relative;
	}
	#menu{
		background-color:#0f005f;
		height:50px;
		position:relative;
		z-index:5;
	}
	.menu{
		width:680px;
		list-style:none; 
		padding:15px 45px 18px;
		color:#FFF;
		margin-top:-50px;
		position:relative;
		z-index:10;
	}
	.menu:after{
		content:".";
		clear:both;
		display:block;
		height:0;
		visibility:hidden;
		overflow:hidden;
	}
			.menu li{
				float:left; 
				padding:0 4px;
				margin-left:2px;
			}
				.menu li a{
					font-size:.7em;
					text-transform:uppercase; 
					color:#FFF;
				}
				.menu li a:hover{
					color:#9DD;
				}
ul.faleconosco li{margin: 10px; text-align:left;}
ul.mensagem {position:relative; float:right; top:-233px; margin-right: 15px;}
/* Estrutura do conteudo */
#conteudo{
	position:relative;
	z-index:0;
	background:url(../imagens/agua.jpg) no-repeat left bottom; 
	padding-bottom:40px;
}
	#conteudo:after{
		content:".";
		clear:both;
		display:block;
		height:0;
		visibility:hidden;
		overflow:hidden;
	}
	#conteudo h1{
		margin-bottom:5px;
	}
	#esquerda, #centro, #direita, #faleconosco, #principal {
		float:left; 
		margin-left:30px; 
		text-align:left;
		width:220px;
	}
	#esquerda{
		margin-left:0px;
		padding-bottom:300px;
	}
			#esquerda h2{
				margin-left:35px;
			}
	#direita{
		margin-left:40px;
	}
		#centro p, #direita p, #principal p{
			margin-top:10px;
		}
		#centro h1, #principal h1{
			padding-bottom:4px;
		}
		#principal{
			width:480px;
		}
#subRodape{
	width:770px;
	background:url(../imagens/subRodape.gif) no-repeat; 
	height:90px;
	position:relative; 
	z-index:3;
	margin-top:-35px;
}
	#subRodape p{
		background-color:#e4e2e9; 
		height:11em; 
		position:relative; 
		top:63px;
	}
	#subRodape span{
		display:block; 
		width:480px; 
		margin-left:250px;
		padding-top:50px;
	}
	#subRodape span.direita{
		width:78px;
		padding:0;
		margin:-25px 0 0 342px;
	}
	#subRodape h1{
		position:absolute; 
		left:249px;
		top:30px; 
		padding-bottom:5px; 
		z-index:2; 
		margin-top:20px;
	}
#rodape{
	background:url(../imagens/rodape.jpg) no-repeat; 
	height:44px; 
	margin-top:7em;
	padding-top:40px; 
}
	#rodape span{
		float:left;
		display:block; 
		left:15px;
		margin:-5px 0 0 15px;
	}
	#rodape address{
		float:left;
		color:#fff;
		margin-left:45px; 
		font-size:11px;
		font-style:normal;
	}
/* Orcamento */
#orcamento, #formContato{
	padding-top:20px;
}
	#orcamento .esq, #orcamento .dir, #formContato .esq, #formContato .dir{
		float:left;
		width:235px;
	}
	#orcamento .dir, #formContato .dir{
		float:right;
	}
	#orcamento input, #orcamento textarea, #formContato input, #formContato textarea{
		font:Arial, Helvetica, sans-serif;
		font-size:0.7em;
		display:block;
		width:220px;
		padding:2px 3px;
		border:1px solid #7f78a7;
		background:transparent;
		display:inline;
		margin:2px 0 5px;
	}
	#orcamento textarea, #formContato textarea{
		height:235px;
		overflow:auto;
	}
	#orcamento input#prefone, #formContato input#ddd{
		float:left;
		width:30px;
	}
	#orcamento input#fone, #formContato input#fone{
		float:left;
		width:175px;
		margin-left:7px;
	}
	#orcamento input.bt, #formContato input.bt{
		float:right;
		width:68px;
		height:22px;
		border:0 none;
	}
/*.............. ELEMENTOS COMUNS .....................*/
/*****************************************/
a{text-decoration:none;}
h2, label{color:#7f78a7; text-transform:uppercase;}
h2{font-size:.8em;}
h1{border-bottom:5px solid #7f78a7; width:120px; text-align:left;}
label{font-size:.7em;}
p{color:#0f005f; font-size:13px; text-align:justify;}
img{border:none;}
.direita{text-align:right;}
/* ... cadastro ... */
#cadastro{margin-left:37px;}
#cadastro input{border:1px solid #7f78a7; width:110px; display:block; background-color:transparent; margin-top:5px;}
#cadastro input.submit{width:30px; font-size:.7em; border:none; color:#7f78a7; font-weight:bold; margin-left:86px; margin-top:0; cursor:pointer;}
/* ...clientes... */
ul.clientes{list-style:none; margin-top:15px;}
ul.clientes li{padding-left:20px; background:url(../imagens/marcador.jpg) no-repeat 4px 50%;  font-size:13px; height:1%;}
ul.clientes li a, ul.dicas li a{color:#0f005f;}
ul.clientes li a:hover, ul.dicas li a:hover{text-decoration:underline;}
/*dicas de limpeza*/
ul.dicas{list-style:none; position:absolute; height:90px; width:440px; left:-5px; top:0;}
ul.dicas li{ padding-left:20px; background:url(../imagens/marcador.jpg) no-repeat 4px 50%; margin-bottom:5px;}