/* ------------------------------------------------------------------------- */
/* CÓDIGO DESENVOLVIDO NA MADEROMAQUIA.COM PELO WEB DESIGNER MARCELO MADEIRA */
/* ------------------------------------------------------------------------- */

body {}

#tudo { position: relative; top: 0px; left: 0px; width: 760px; height: 345px; z-index: 1; }

	.ambiente { position: absolute; top: 0px; left: 0px; width: 142px; height: 40px; z-index: 4; }
	.ambiente2 { position: absolute; top: 0px; left: 0px; width: 142px; height: 40px; z-index: 4; }
	
	.titulo { position: absolute; top: 8px; left: 155px; width: 610px; height: 25px; font-family: verdana; color: #003300; font-weight: bold;
			    font-size: 12px; text-align: left; border-bottom: #003300 solid 1px; z-index: 4; }

	.titulo2 { position: absolute; top: 8px; left: 185px; width: 610px; height: 25px; font-family: verdana; color: #003300; font-weight: bold;
			    font-size: 12px; text-align: left; border-bottom: #003300 solid 1px; z-index: 4; }

	.pessoas { position: absolute; top: 40px; left: 5px; width: 120px; height: 148px; background: url('../Imagens/pessoas.png') center no-repeat; z-index: 5; }
	.ampliar { position: absolute; top: 200px; left: 25px; width: 100px; height: 50px; font-family: verdana; font-size: 12px; font-weight: bold;
			   text-align: center; line-height: 150%; z-index: 5; }
	
	.logoservico { position: absolute; top: 190px; left: 20px; width: 100px; height: 100px; z-index: 5; }

	.printer { position: absolute; top: 300px; left: 40px; width: 50px; height: 42px; z-index: 5; }
	
	.texto { position: absolute; top: 35px; left: 155px; width: 590px; height: 300px; text-align:justify; font-family: verdana; font-size: 12px; line-height: 150%;
			 padding-top: 10px; padding-right: 15px; overflow: auto; z-index: 3; }
	
	/**/
	
.fotos { position: absolute; top: 35px; left: 155px; width: 590px; height: 300px; text-align:justify; font-family: verdana; font-size: 12px; line-height: 150%;
		 padding-top: 10px; padding-right: 15px; overflow: auto; z-index: 3; }

	.foto01 { position: absolute; top:   5px; left:   5px; width: 180px; height: 144px; z-index: 4; }
	.foto02 { position: absolute; top:   5px; left: 200px; width: 180px; height: 144px; z-index: 4; }
	.foto03 { position: absolute; top:   5px; left: 395px; width: 180px; height: 144px; z-index: 4; }
	.foto04 { position: absolute; top: 164px; left:   5px; width: 180px; height: 144px; z-index: 4; }
	.foto05 { position: absolute; top: 164px; left: 200px; width: 180px; height: 144px; z-index: 4; }
	.foto06 { position: absolute; top: 164px; left: 395px; width: 180px; height: 144px; z-index: 4; }
	.foto07 { position: absolute; top: 323px; left:   5px; width: 180px; height: 144px; z-index: 4; }
	.foto08 { position: absolute; top: 323px; left: 200px; width: 180px; height: 144px; z-index: 4; }
	.foto09 { position: absolute; top: 323px; left: 395px; width: 180px; height: 144px; z-index: 4; }
	.foto10 { position: absolute; top: 482px; left:   5px; width: 180px; height: 144px; z-index: 4; }
	.foto11 { position: absolute; top: 482px; left: 200px; width: 180px; height: 144px; z-index: 4; }
	.foto12 { position: absolute; top: 482px; left: 395px; width: 180px; height: 144px; z-index: 4; }
	.foto13 { position: absolute; top: 641px; left:   5px; width: 180px; height: 144px; z-index: 4; }
	.foto14 { position: absolute; top: 641px; left: 200px; width: 180px; height: 144px; z-index: 4; }
	
	/**/		 
			 
	.textoinicial { position: absolute; top: 0px; left: 25px; width: 700px; height: 50px; font-family: verdana;
					font-size: 15px; font-weight: bold; text-align: justify; line-height: 150%; color: #000000; z-index: 3; }
				
	.circuloverde { position: absolute; top: 45px; left: 450px; width: 300px; height: 300px; background: url('../Imagens/trabalhadores.jpg') center no-repeat; z-index: 5; }
	
	.animacao { position: absolute; top: 46px; left: 450px; width: 300px; height: 300px; z-index: 6; }
	
	.compromisso { position: absolute; top: 65px; left: 150px; width: 700px; height: 50px; font-family: verdana;
				   font-size: 15px; font-weight: bold; text-align: justify; line-height: 175%; color: #000000; z-index: 3; }		
				   
	.balao { position: absolute; top: 225px; left: 50px; width: 150px; height: 100px; z-index: 3; }					    

	.novidades { position: absolute; top: 225px; left: 200px; width: 350px; height: 100px; font-family: verdana;
		         font-size: 15px; font-weight: bold; text-align: left;  line-height: 150%; color: #003300; z-index: 3; }					    
	
	img { border: none; }
	
	#botao1 { font-family: verdana; color: #162805; font-weight: bold; font-size: 12px; text-align: center;	}
	#botao2 { font-family: verdana; color: #162805; font-weight: bold; font-size: 12px; text-align: center;	}
	
	a:link { color: #003300; text-decoration: none; background-color: transparent; }
	a:visited { color: #003300; text-decoration: none; background-color: transparent; }
	a:hover { color: #000000; text-decoration: none; background-color: transparent; }
	a:active { color: #003300; text-decoration: none; background-color: transparent; }

/* ------------------------------------------------------------------------- */
/* CÓDIGO DESENVOLVIDO NA MADEROMAQUIA.COM PELO WEB DESIGNER MARCELO MADEIRA */
/* ------------------------------------------------------------------------- */