@charset "utf-8";

*{ border:0; padding:0; margin:0;}

#container {
width:990px;
margin-left:auto;
margin-right:auto;
}

#topo {
float:left;
width:990px;
height:199px;
}

#menu {
	background-image:url(../imagens/menu.jpg);
	background-repeat:no-repeat;
	float: left;
	height: 34px;
	width: 990px;
}
	#menu ul {
		display: inline;
		float: left;
		list-style:none;
		padding-top:7px;
		width: 990px; }

		#menu ul li {
			display: inline;
			font: normal 16px Arial, Helvetica, sans-serif; }

	#menu a {
		color: #FFFFFF;
		float: left;
		text-align: center;
		text-decoration: none;
		width: auto; }

		#menu a:hover {
			color: #A3E7F0;
			text-decoration: none; }

li a:visited { color: #A3E7F0; }
.azul{color:#A3E7F0;}
.laranja{color:#D97300;}

/* ======================================================   CONTEUDO  ===================================================== */

#conteudo{
width:990px;
height:462px;
float:left;
background-image:url(../imagens/back.jpg);}

#conteudo_ret{
width:987px;
height:462px;
float:left;
background-image:url(../imagens/back_ret.jpg);}

#conteudo_contato{
width:990px;
height:462px;
float:left;
background-image:url(../imagens/contato.jpg);}

		#conteudo_contato h1{
		font: normal 16px Arial, Helvetica, sans-serif;
		color:#333333;
		margin:25px 0 0 55px;}
		
#conteudo_esq{
height:719px;
width:990px;
float:left;
background-image:url(../imagens/back_ar.jpg);}

#contencao_esq_ar{
float:left;
width:470px;
}
 		#contencao_esq_ar h1 {
		font: normal 15px Arial, Helvetica, sans-serif;
		color:#333333;
		margin:25px 0 20px 30px;}
		
	#produtos{
	float:left;
	width:470px;
	height:140px;}
	
	#ilustracao{
	float:left;
	width:135px;
	height:140px;}
	
	#descricao{
	float:left;
	width:310px;
	height:140px;}
	
	#descricao p{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#333333;
	padding-right:10px;
	margin-left:55px;
	}

#contencao_esquerda{
float:left;
width:470px;
height:462px;
}
#esquerda1{
float:left;
width:470px;
height:240px;
}
	#esquerda1 h1{
		font: normal 16px Arial, Helvetica, sans-serif;
		color:#333333;
		margin:25px 0 0 55px;
}
	#esquerda1 p{
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#333333;
	padding-right:10px;
	line-height:25px;
	margin:10px 0 0 30px;}
	
/* ======================================================   ESQUERDA 2  ===================================================== */

#esquerda2{
float:left;
width:440px;
height:186px;
}
	#esquerda2 h2{
		font: normal 16px Arial, Helvetica, sans-serif;
		color:#333333;
		background:url(../imagens/h2.png) left center;
		background-repeat:no-repeat;
		width:160px;
		height:16px;
		float:right;
		padding-left:17px;
		margin:30px 10px 0 0;
}

.lista {
	color: #EE8800;
	float: left;
	font: normal 14px Arial, Helvetica, sans-serif;
	line-height: 25px;
	list-style-type: disc;
	margin-right: 20px;
	padding-left: 50px; }

.escuro{color:#0F81AE;}

/* ======================================================   DIREITA  ===================================================== */

#contencao_direita{
float:left;
width:470px;
height:462px;
}

#contencao_dir_ar{
float:left;
width:470px;
}
		#contencao_dir_ar h1 {
		font: normal 15px Arial, Helvetica, sans-serif;
		color:#333333;
		margin:25px 0 20px 30px;}

#direita_sup{
display:inline;
float:left;
width:520px;
height:240px;}

		#direita_sup h1 {
		font: normal 15px Arial, Helvetica, sans-serif;
		color:#333333;
		margin:25px 0 20px 30px;}
		
		#direita_sup h2 {
		font: normal 15px Arial, Helvetica, sans-serif;
		color:#333333;
		margin:25px 0 20px 30px;}

	#direita_sup p{
	font:normal 13px Arial, Helvetica, sans-serif;
	color:#0F81AE;
	padding-right:10px;
	margin:60px 0 0 30px;}


#foto{
display:inline;
float:left;
width:170px;
height:240px;
}
#texto{
display:inline;
float:left;
width:330px;
height:240px;}
	#id_lista li{
	list-style:disc;
	list-style-position:inside;
	font:normal 13px Arial, Helvetica, sans-serif;
	color:#2C83A1;
	line-height:25px;
	}
		#id_lista{
		display:inline;
		float:left;
		width:150px;
		height:80px;
		margin-top:40px;}
#light{
float:left;
width:470px;
margin-bottom:20px;
}
	#light img{ margin:40px 0 0 20px;}
	
	#light h2{
		font: normal 15px Arial, Helvetica, sans-serif;
		color:#333333;
		margin:25px 0 20px 30px;}
	#direita_mapa{
	display:inline;
	float:left;
	width:470px;
}
	#direita_mapa h2{
		font: normal 15px Arial, Helvetica, sans-serif;
		color:#333333;
		margin:25px 0 20px 30px;}

/* ======================================================   DIREITA 2  ===================================================== */

#direita_inf{
display:inline;
float:left;
width:520px;
}

#marcas{
float:left;
width:260px;
height:186px;
}
	#direita_inf h2{
		font: normal 16px Arial, Helvetica, sans-serif;
		color:#333333;
		background:url(../imagens/h2.png) left center;
		background-repeat:no-repeat;
		width:auto;
		height:16px;
		padding-left:17px;
		margin:10px 10px 0 30px;}
		
		#direita_inf h3{
		font: normal 16px Arial, Helvetica, sans-serif;
		color:#333333;
		background:url(../imagens/h2.png) left center;
		background-repeat:no-repeat;
		width:auto;
		height:16px;
		padding-left:17px;
		margin:10px 10px 0 30px;}
		
		#direita_inf h4{
		font: normal 16px Arial, Helvetica, sans-serif;
		color:#333333;
		background:url(../imagens/h2.png) left center;
		background-repeat:no-repeat;
		width:auto;
		height:16px;
		padding-left:17px;
		margin:10px 10px 0 30px;}		
		
		#marcas img{ margin:10px 0 0 10px;}

	#direita_inf p{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#D97300;
	margin:15px 0 0 15px;
	line-height:20px;
	padding-right:10px;
}
#texto_inf{
display:inline;
float:left;
width:260px;
height:186px;}

											/*  formulario */
											
#formulario{
display:inline;
float:left;
width:320px;
margin:20px 0 0 80px;
}

#formulario p {
	color: #013191;
	font: bold 13px Arial, Helvetica, sans-serif;
	text-align: left;
}

form {
	float: left;
	text-align: left;
	width: 300px; }

h5 {
	color: #013191;
	font: bold 13px Arial, Helvetica, sans-serif;
	text-align: left;
}



/* campos */
input {
	border: solid 1px #CCCCCC;
	color: #666666;
	font: normal 12px Arial, Helvetica, sans-serif; }

input[type="text"] {
	margin: 6px 0 6px 0px;
	padding: 2px; }

input:focus {
	background-color: #F9F9F9;
	border: solid 1px #999999; }

/* textarea */
textarea {
	border: solid 1px #CCCCCC;
	color: #666666;
	font: normal 12px Arial, Helvetica, sans-serif;
	margin: 2px 0 6px 0;
	padding: 2px; }

	textarea:focus {
		background-color: #F9F9F9;
		border: solid 1px #333333; }

/* BOTOES SUBMIT E RESET */
/* submit */
input[type="submit"] {
	background: #FFFFFF;
	padding: 2px;
	width: 85px; }

	input[type="submit"]:hover {
		background-color: #E9E9E9;
		color: #666666; }

/* reset */
input[type="reset"] {
	background: #FFFFFF;
	padding: 2px;
	width: 85px; }

	input[type="reset"]:hover {
		background-color: #E9E9E9;
		color: #666666; }
