body { 
      font-family: "Tahoma";
      color:#568C24;
	  margin:auto; /* nao deixar espaçamento no topo e nem nas laterais */
      text-align:justify;
	  background-color:#F2F2F2;
	  
}

.container {
	width: 1000px;	
	margin: 0 auto;
/*	left: 50%;  */
 /*  margin-left: -515px;*/
/*	border: solid 1px #00CC66; */
}

.clear {clear:both;}

.contorno { float:left; width:100%;}

.left {float:left;}

.right {float:right;}


#wrapper {
	width:100%;
	float:left;
	
/*	border: solid 2px #00CC66; */
}

#header {
	float:left;
	background: url(../imagens/topo-aguas-engenho-da-serra.jpg) no-repeat center top;
	width:100%;
/*	border: solid 1px #F00; */
}

img.logo {
	position:absolute;
	z-index:100;
	top:80px;
	width:221px;
}

#menu {
	float:left;
	background: url(../imagens/menu.png) no-repeat center top;
	width:100%;
	height:54px;
	margin-top:165px;
}

#menu ul {
	float:right;
	width:100%;
}
#menu li {
	float:right;
	background-repeat:no-repeat;
	height:18px;
	margin-left:45px;
	margin-top:22px;
}

#menu li.m1 {
	background-image:url(../imagens/menu-home.png);
	width:53px;
	margin-left:0px;
}

#menu li.m2 {
	background-image:url(../imagens/menu-empresa.png);
	width:71px;
}

#menu li.m3 {
	background-image:url(../imagens/menu-marcas.png);
	width:63px;
}

#menu li.m4 {
	background-image:url(../imagens/menu-produtos.png);
	width:80px;
}

#menu li.m5 {
	background-image:url(../imagens/menu-localizacao.png);
	width:100px;
}

#menu li.m6 {
	background-image:url(../imagens/menu-contatos.png);
	width:71px;
}

#menu li.m7 {
	background-image:url(../imagens/menu-pedidos.png);
	width:65px;
}


#conteudo {
	float:left;
	background: url(../imagens/fundo-aguas-engenho-da-serra.png) no-repeat center top;
	width:100%;
	padding-top:30px;
	
/*	border: solid 1px #F00; */
}

#home {
	float:left;
	width:100%;
	padding-bottom:100px;
	margin-top:35px;
}

#home h2.engenho-title {
	float:right;
	background-image:url(../imagens/titulo-aguas-engenho-da-serra-home.png);
	background-repeat:no-repeat;
	width:375px;
	height:40px;
	margin-top:5px;
	margin-bottom:10px;
}

#home h2.agua-title {
	float:right;
	background-image:url(../imagens/agua-mineral-natural.png);
	background-repeat:no-repeat;
	width:245px;
	height:40px;
	margin-top:5px;

}

#home p{
	float:right;
	width:350px;
	color:#fff;
	font-size:18px;
	margin:10px 0;
	text-shadow:0 0 1px #000;
	margin-right:20px;
	text-align:justify;
	line-height:22px;
}
.inicio:first-letter{font-family: 'Kristen ITC'; 
font-size: 28px; 
text-shadow:0 0 1px #000;
color:#fff;

}

#home a.leiamais{
	float:right;
	width:auto;
	color:#fff;
	margin-right:20px;
}
	
#home-col1 { 
float:left; 
width:400px; 
/* border: solid 1px #F00; */
}

#home-col2 { float:right; width:600px; /* border: solid 1px #F00; */ }

#linha {
	float:left;
	width:100%;
	height:22px;
	background: url(../imagens/home/linha-home.png) no-repeat right top;	
	margin-top:20px;
	margin-bottom:10px;
}

.content-item1 {
	float:right;
	width:185px;
	text-align:center;
	
/*	border:solid 1px #000;*/
}

.content-item2 {
	float:right;
	width:140px;
	text-align:center;
	margin-left:30px;
	margin-right:20px;
/*	border:solid 1px #000;*/
}

.content-item1 h3.preserve-title {
	float:left;
	background-image:url(../imagens/home/preserve-a-natureza-home.png);
	background-repeat:no-repeat;
	width:185px;
	height:20px;
	margin-bottom:10px;
	
}

.content-item2 h3.produtos-title {
	float:left;
	background-image:url(../imagens/home/produtos-home.png);
	background-repeat:no-repeat;
	margin-left:30px;
	width:92px;
	height:20px;
	margin-bottom:10px;
}

.content-item1 img, .content-item2 img {
	width:140px;
	height:138px;
}

#slide {
	position: relative;
	max-width: 550px;
	width: 100%;
	padding: 0 50px;
	margin: 0 auto;
}

#page-empresa{
float:left;
width:970px;
padding-top:35px;
margin-left:30px;
/*border:solid 1px #000;*/
	
}

#page-empresa h2.empresa-title{
	float:left;
	background-image:url(../imagens/titulo-aguas-engenho-da-serra-home.png);
	background-repeat:no-repeat;
	width:380px;
	height:40px;
	margin-top:5px;
	margin-left:-4px;
}

#page-empresa p{
	float:right;
	width:100%;
	color:#fff;
	font-size:18px;
	margin:15px 0;
	text-shadow:0 0 1px #000;
	text-align:justify;
	line-height:22px;
}

#page-empresa img {
	float:left;	
}

#page-empresa img.e-img2 {
	margin-left:22px;
}

#page-empresa img.e-img3 {
	float:right;	
}

#page-empresa img.e-img4 {
	margin-left:15px;
}

#page-empresa img.e-img5 {
	float:right;	
	margin-right:15px;
}


#page-contato {
	float:left;
	width:100%;
	padding-top:40px;
	padding-bottom:50px;
}

#page-contato h2.faleconosco-title {
	float:left;
	background-image:url(../imagens/titulo-fale-conosco.png);
	background-repeat:no-repeat;
	width:300px;
	height:40px;
	margin-left:3px;
}

#page-contato-col1 {
	float:left;
	width:450px;
	margin-left:30px;
/*	border:solid 1px #000; */
}

#page-contato-col2 {
	float:right;
	width:345px;
/*	border:solid 1px #000; */
}

.envia-contato{
	float:right;
	width:100%;
	color:#fff;
	font-size:18px;
	margin:15px 0;
	text-shadow:0 0 1px #000;
	text-align:justify;
	line-height:22px;
}

#sombra {
	float:left;
	height:381px;
	width:22px;
	background-image:url(../imagens/linha-separa-contato.png);
	background-repeat:no-repeat;
	margin-top:40px;
	margin-left:95px;
}

.box-form {
	float:left;
	width:443px;
	margin-left:7px;	
}

.box-form {
	float:left;
	width:443px;
	margin-left:7px;	
}

.box-form input, textarea, select{
	float:left;
	width:430px;
	border-radius:5px;
	background-color:#CEDDBF;
	padding:0;
	margin:0;
	border:solid 1px #568C24;
	font-size:16px;
	padding:12px 0 12px 10px;
	color:#5E9728;
	margin-top:20px;
}

.box-form textarea{
	resize:none;
	height:100px;
	font-size:16px;	
}

.box-form select{
	width:440px;
	height:44px;
}

.box-form input:focus {
	border:solid 1px #333;
}

.box-form input.submit {
	border:solid 1px  #333;
	float:right !important; 
	width:100px;
	text-align:center;
	padding:10px 0;
	background-color: #333;
	color:#5E9728;
	border-radius:2px;
	margin-top:20px;
}

.box-form input.submit:hover {
	color:#FFF;
	cursor:pointer;
}
.box-form input.submit:active {
	color:#000;
	cursor:pointer;
}

.box-form input.cidade {
	width:360px;
}

.box-form input.uf {
	float:right !important;
	width:40px;
	text-transform:uppercase;	
}

.box-form input.codigo {
	width:200px;
}

.box-form input.senha {
	float:right !important;
	width:200px;
}

.box-form select.produto {
	width:310px;
}

.box-form input.quantidade {
	float:right !important;
	width:100px;
}

#box-telefone {
	float:left;
	width:100%;
/*	border:1px solid #000; */
	margin-top:30px;
	text-shadow:0 0 2px #000;
}


#box-telefone img{
	float:left;
	width:44px;
	margin-right:15px;
	margin-top:10px;
}

#box-telefone h1{
	float:left;
	width:auto;
	font-family:"Arial Rounded MT Bold";
	font-size:26px;
	color:#FFF;
}

#box-telefone h2{
	float:left;
	width:auto;
	font-family:"Arial Rounded MT Bold";
	font-size:20px;
	color:#FFF;
	margin:3px 5px 0px 0;
}

#box-contato {
	float:left;
	width:100%;
	padding-top:30px;
}


#box-contato img{
	float:left;
	width:44px;
	margin-right:20px;
}

#box-contato p{
	float:left;
	width:auto;
	font-family:"Tahoma";
	font-size:18px;
	color:#FFF;
	margin-top:10px;
	text-shadow:0 0 2px #000;
}

#box-contato a {
	float:left;
	width:auto;
	font-family:"Tahoma";
	font-size:18px;
	color:#FFF;
	margin-top:10px;
	text-shadow:0 0 2px #000;
	
	}

#box-endereco {
	float:left;
	width:100%;
	padding-top:30px;
}


#box-endereco img{
	float:left;
	width:44px;
	margin-right:20px;
}

#box-endereco p{
	float:left;
	width:auto;
	font-family:"Tahoma";
	font-size:18px;
	color:#FFF;
	text-shadow:0 0 2px #000;
	line-height:20px;
}

#page-pedido {
	float:left;
	width:100%;
	padding-top:35px;
	padding-bottom:100px;
}

#page-pedido h2.pedido-title {
	float:left;
	background-image:url(../imagens/titulo-pedido.png);
	background-repeat:no-repeat;
	width:300px;
	height:40px;
	margin-top:5px;
	margin-left:3px;
}

#page-pedido-col1 {
	float:left;
	width:450px;
	margin-left:30px;
/*	border:solid 1px #000; */
}

#page-pedido-col2 {
	float:right;
	width:325px;
	padding-top:30px;
/*	border:solid 1px #000; */
}

#page-pedido-col2 img{
	float:right;
/*	border:solid 1px #000; */
}

#page-marcas {
	float:left;
	width:100%;
	padding-top:35px;
	position:relative;
}

#page-marcas h2.marcas-title {
	float:left;
	background-image:url(../imagens/titulo-nossas-marcas.png);
	background-repeat:no-repeat;
	width:300px;
	height:40px;
	margin-left:35px;
	margin-top:5px;
}

.box-marcas-1 {
	float:left;
	width:339px;
	text-align:center;
	margin-top:200px;
}

.box-marcas-1 img {
}

.box-marcas-1 h3{
	float:left;
	width:100%;
	height:30px;
	background-image:url(../imagens/defenda-nossas-minas.png);
	background-position:center;
	background-repeat:no-repeat;
	margin-top:20px;
}
	

.box-marcas-2 {
	width:380px;
	position:absolute;
	z-index:3;
	left:310px;
	
}

.box-marcas-2 h3{
	float:left;
	width:100%;
	height:30px;
	background-image:url(../imagens/preserve-a-natureza.png);
	background-position:center;
	background-repeat:no-repeat;
	margin-top:10px;
}

.box-marcas-3 {
	float:right;
	width:340px;
    text-align:center;
		margin-top:300px;
}

.box-marcas-3 h3{
	float:left;
	width:100%;
	height:30px;
	background-image:url(../imagens/proteja-a-fauna-flora.png);
	background-position:center;
	background-repeat:no-repeat;
	margin-top:10px;
}

.box-marcas-4 {
	float:left;
	width:355px;
	margin-top:20px;
    text-align:center;
	margin-left:100px;
}

.box-marcas-4 h3{
	float:left;
	width:100%;
	height:30px;
	background-image:url(../imagens/viva-uma-vida-saudavel.png);
	background-position:center;
	background-repeat:no-repeat;
	margin-top:10px;
}

.box-marcas-5 {
	float:right;
	width:331px;
    text-align:center;
	margin-right:100px;
}

.box-marcas-5 h3{
	float:left;
	width:100%;
	height:30px;
	background-image:url(../imagens/plante-arvores-e-flores.png);
	background-position:center;
	background-repeat:no-repeat;
	margin-top:10px;
}

#page-local {
	float:left;
	width:100%;
	padding-top:35px;
	padding-bottom:30px;
}

#page-local h2.local-title {
	float:left;
	background-image:url(../imagens/titulo-localizacao.png);
	background-repeat:no-repeat;
	width:300px;
	height:40px;
	margin-left:35px;
	margin-top:5px;
	padding-bottom:30px;
}

#page-local iframe{
	float:right;
	width:960px;
	height:500px;
}

#page-local a{
	float:left;
	width:100%;
	margin-top:10px;
	margin-left:30px;
}

#page-produtos {
	float:left;
	width:970px;
	padding-top:35px;
	padding-bottom:50px;
	margin-left:30px;
}

#page-produtos h2.produtos-title {
	float:left;
	background-image:url(../imagens/titulo-produtos.png);
	background-repeat:no-repeat;
	width:300px;
	height:40px;
	margin-left:5px;
	margin-top:5px;
	padding-bottom:30px;
}

#page-produtos-row1 {
	float:left;
	width:100%;
}

#page-produtos-row2 {
	float:left;
	width:100%;
}

.box-content-produto {
	float:left;
	width:227px;
	text-align:center;
    margin-right:20px;
	margin-bottom:30px;
}

.box-content-produto.null {
    margin-right:0px;
}

.box-content-produto img{
	margin:0;
	padding:0;
	margin-bottom:10px;
}

.box-content-produto img.img-gar{
	margin-top:57px;
}

.box-content-produto img.img-gal{
	margin-bottom:8px;
}

.box-content-produto h3{
	float:left;
	width:227px;
	height:40px;
	font-size:14px;
	background-image:url(../imagens/fundo-nome-produtos.jpg);
	color:#18280A;
	line-height:18px;
	padding-top:2px;
}

.box-content-produto h3.h-s1{
	padding-top:12px;
	height:30px;
}

#page-produtos-col1 {
	float:left;
	background-color:#4E7922;
	color:#FFF;
	padding:20px;
	width:280px;
}

#page-produtos-col2 {
	float:right;
	background-color:#4E7922;
	color:#FFF;
	padding:20px;
	width:590px;
}

#page-produtos-row2 h4{
	float:left;
	width:100%;
	text-transform:uppercase;
	padding-bottom:10px;
	font-size:18px;
}

#page-produtos-col1 p{
	float:left;
	width:100%;
	text-transform:uppercase;
	font-size:18px;
	line-height:22px;
	height:215px;
}

#page-produtos-col2 p{
	float:left;	
	width:100%;
	font-size:18px;
	line-height:22px;
	height:215px;
}

#footer {
	float:left;
	background: url(../imagens/rodape-aguas-engenho-da-serra.jpg) no-repeat center top;
	width:100%;
	height:133px;
/*	border: solid 1px #F00; */
}