@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;*/
		float: none;

		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;}