@charset "utf-8";
*{ border:0; padding:0; margin:0;}

#container {
	width:990px;
	margin-left:auto;
	margin-right:auto;}
	
	h1{
		font:normal 32px Arial, Helvetica, sans-serif;
		color:#000000;
		padding-left:10px;
		background:url(../imagens/h1.png) left center no-repeat;
		margin:20px 0 0 20px;}

	h2{
		font:normal 30px Arial, Helvetica, sans-serif;
		color:#19CC00;
		padding-left:10px;
		background:url(../imagens/h2.png) left center no-repeat;
		margin:20px 0 0 20px;}

/* ========================================= TOPO =========================================== */

#topo{
	float:left;
	width:990px;
	height:460px;}
/* ========================================= LOGO =========================================== */
#logo{
	width:990px;
	height:141px;
	background-image:url(../imagens/logo.jpg);}
	
	#logo p{
		font:normal 27px Arial, Helvetica, sans-serif;
		color:#1CCC00;
		text-align:center;
		padding-top:20px;
		margin-left:600px;}
/* ========================================= ANIMACAO =========================================== */
#animacao{
	float:left;
	width:990px;
	height:319px;
	background-image:url(../imagens/animacao.jpg);}
	
/* ========================================= MENU =========================================== */

#menu{
	float:left;
	width:990px;
	height:71px;
	background-image:url(../imagens/menu.jpg);}
	
	#menu ul{width:990px; float:left; padding-top:20px;}
	
	#menu li{
		display:inline;
		list-style:none;
		font:normal 24px Arial, Helvetica, sans-serif;
		color:#FFFFFF;}
		
	#menu a{
		text-decoration:none;
		font:normal 24px Arial, Helvetica, sans-serif;
		color:#FFFFFF;}
		
	#menu a:hover{
		text-decoration:underline;
		font:normal 24px Arial, Helvetica, sans-serif;
		color:#FFFFFF;}
		
		
/* ========================================= CONTEUDO =========================================== */
#conteudo{
	float:left;
	width:990px;
	height:404px;
	background-image:url(../imagens/conteudo.jpg);}
/* ========================================= PAINEL ESQUERDO =========================================== */
#painel_esquerdo{
	display:inline;
	float:left;
	width:421px;
	height:404px;
	background-image:url(../imagens/painel_esquerdo.jpg);
	margin-left:60px;}
		#painel_esquerdo p{
			font:normal 18px Arial, Helvetica, sans-serif;
			color:#FFFFCC;
			line-height:30px;
			margin:10px 0 0 20px;}
			.green{ color:#19CC00;}
		
#fotos_index{
	float:left;
	width:421px;
	height:114px;
	margin-top:35px;
	background-image:url(../imagens/fundo_fotos.png);}		
			#fotos_index img{ margin-top:10px;}
/* ========================================= PAINEL DIREITO =========================================== */
#painel_direito{
	float:left;
	width:507px;
	height:404px;}
	
#painel_completo{
	float:left;
	width:445px;
	height:404px;
	margin-left:5px;
	background-image:url(../imagens/painel_direito.jpg);}
		#painel_completo p{
			font:normal 18px Arial, Helvetica, sans-serif;
			color:#FFFFCC;
			line-height:25px;
			padding-right:20px;
			margin:10px 0 0 20px;}
	
/* ========================================= BOX SUPERIOR =========================================== */
#box_superior{
	float:left;
	width:445px;
	height:236px;
	margin-left:4px;
	background-image:url(../imagens/box_superior.jpg);}
		#box_superior p{
			font:normal 18px Arial, Helvetica, sans-serif;
			color:#FFFFCC;
			padding-right:20px;
			margin:10px 0 0 20px;}
/* ========================================= BOX MAPA =========================================== */
#box_mapa{
	float:left;
	width:445px;
	height:232px;
	margin-left:4px;
	background-image:url(../imagens/fundo_mapa.jpg);}
		#box_mapa p{
			font:normal 12px Arial, Helvetica, sans-serif;
			color:#FFFFFF;
			margin-top:10px;
			text-align:center;}
			#box_mapa img{ margin:15px 0 0 70px;}
/* ========================================= BOX RETORNO =========================================== */
#retorno{
	float:left;
	width:873px;
	height:404px;
	margin-left:60px;
	background-image:url(../imagens/painel_esquerdo.jpg);
	background-repeat:repeat-x;}
		#retorno p{
			font:normal 18px Arial, Helvetica, sans-serif;
			color:#FFFFFF;
			margin-top:150px;
			text-align:center;}
/* ========================================= BOX PAISAGISMO =========================================== */			
#box_paisagem{
	float:left;
	width:445px;
	height:236px;
	margin-left:4px;
	background-image:url(../imagens/box_superior.jpg);}
		#box_paisagem p{
			font:normal 18px Arial, Helvetica, sans-serif;
			color:#FFFFCC;
			line-height:30px;
			padding-right:20px;
			margin:15px 0 0 20px;}
			
/* ========================================= BOX INFERIOR =========================================== */
#box_inferior{
	float:left;
	width:445px;
	height:163px;
	margin:5px 0 0 4px;
	background-image:url(../imagens/box_superior.jpg);}
			#box_inferior p{
			font:normal 24px Arial, Helvetica, sans-serif;
			color:#FFFFCC;
			margin-top:25px;
			text-align:center;}

/* ========================================= LISTA 1 =========================================== */
#lista1{
	float:left;
	width:200px;
	height:150px;}
	#lista1 ul{ float:left; width:199px; margin-top:30px;}
	#lista1 li{
			font:normal 18px Arial, Helvetica, sans-serif;
			color:#FFFFCC;
			line-height:25px;
			padding-left:15px;
			margin-left:45px;
			list-style-image:url(../imagens/lista.png);
			list-style-position:outside;}
/* ========================================= LISTA  =========================================== */
#lista{
	float:left;
	width:245px;
	height:150px;}
	#lista ul{ float:left; width:245px; margin-top:30px;}
	#lista li{
			font:normal 18px Arial, Helvetica, sans-serif;
			color:#FFFFCC;
			line-height:25px;
			padding-left:15px;
			margin-left:45px;
			list-style-image:url(../imagens/lista.png);
			list-style-position:outside;}
/* ========================================= FOTOS PRODUTOS  =========================================== */

#fotos_produtos{
	display:inline;
	float:left;
	width:421px;
	height:114px;
	background-image:url(../imagens/fundo_fotos.png);}		
			#fotos_produtos img{ margin-top:10px;}

/* ========================================= RODAPE  =========================================== */
#rodape{
	float:left;
	width:990px;
	height:65px;
	background-image:url(../imagens/rodape.jpg);}
	#rodape p{
	font:normal 18px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin:25px 0 0 50px;}	
	#rodape a{
		text-decoration:none;
		font:normal 12px Arial, Helvetica, sans-serif;
		color:#FFFFCC;}
		
	#rodape a:hover{
		text-decoration:underline;
		font:normal 12px Arial, Helvetica, sans-serif;
		color:#FFFFCC;}
/* ========================================= FORMULARIO  =========================================== */
#formulario{
	display:inline;
	float:left;
	width:290px;
	margin:3px 0 0 60px;}

form {
	float: left;
	text-align: left;
	width: 290px; }

h5 {
	color: #FFFFFF;
	font: bold 13px Arial, Helvetica, sans-serif;
	text-align: left;
	text-transform: uppercase; }

/* campos */
input {
	color:#FFFFFF;
	border: solid 1px #1CCC00;
	background-color: #000000;
	font: normal 12px Arial, Helvetica, sans-serif; }

input[type="text"] {
	margin: 6px 0 6px 0px;
	padding: 2px; }

input:focus {
	background-color: #000000;
	border: solid 1px #1CCC00; }

/* textarea */
textarea {
	background-color:#000000;
	border: solid 1px #1CCC00;
	color: #666666;
	font: normal 12px Arial, Helvetica, sans-serif;
	margin: 2px 0 6px 0;
	padding: 2px; }

	textarea:focus {
		background-color: #000000;
		border: solid 1px #1CCC00; }

/* BOTOES SUBMIT E RESET */
/* submit */
input[type="submit"] {
	background: #000000;
	padding: 2px;
	width: 85px; }

	input[type="submit"]:hover {
		background-color: #CCCCCC;
		color: #666666; }

/* reset */
input[type="reset"] {
	background: #000000;
	padding: 2px;
	width: 85px; }

	input[type="reset"]:hover {
		background-color: #CCCCCC;
		color: #666666; }