* {
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
	color: ##0081c6;
}
a:hover {
	color: #ff6600;
}
img{
    border: 0 none;
}
body {
    text-align: center;
    font-family: verdana, helvetica, arial, geneve, sans-serif;
    font-size: 0.625em;
    background-color: #e0e3e0;
}
ul {
    list-style: none;
}
li {
    padding: 0;
}
.clear {
	clear:both;
}
#envelope {
    width: 972px;
    margin: 0px auto;
    text-align: left;
}

/*****PAINEL ESQUERDO*****/   
#envelope_painel_esq {
	width: 216px;
	 float:left;
}
	#envelope_painel_esq img {
		margin:14px 7px 0 0;
	}

#painel_esq {
	 background: #0081c6;
	 float:left;
	 width: 216px;
}
#menu {
	background: #fff;
	margin-bottom: 24px;
}
#logo {
	display: block;
	margin: 60px 0 0 12px;
	background: #fff;
}
#logo img {
	margin: 14px 0 24px 16px;
}
#menu ul {
	margin: 0px 0 0px 0;
	background: #fff;
}
#menu li {
	height: 1.6em;
	background: url('../imagens/menu_azul.png') no-repeat #fff;
	padding-left: 24px;
	font-size: 1.4em;
	border-top: 1px solid #bbc3c9;
	line-height: 1.6em;
}
#menu li:hover {
	background: url('../imagens/menu_escuro.png') no-repeat #eef2f3;
}
#menu .selecionado {
	background: url('../imagens/menu_laranja.png') no-repeat #eef2f3;
}
#menu li a {
	display: block;
	width: 100%;
	color: #000;
}
#telefone {
	padding-left: 48px;
	font-family: Verdana, helvetica, arial, swiss, sans;
	font-weight: bold;
	font-size: 1.4em;
	line-height: 2.1em; 
	color: #fff;
	margin-bottom: 12px;
	background: url('../imagens/telefone2.png') no-repeat 18px 4px;
}

/*****PAINEL DIREITO*****/
#paineldir {
	width: 744px;
	float: right;
	background: #fff;
}

/*****cabecalho*****/
#cabecalho {
	background: #e0e3e0;
	padding-bottom: 14px;
	margin: 0 24px;
}
#cabecalho h1 {
	background: #003366;
	padding: 96px 0 0 24px;
	color: #fff;
	font-family: Georgia, Times New Roman, Times, Serif;
	font-size: 3em;
	font-weight: normal;
	height: 48px
}
#cabecalho h2 {
	font-family: Georgia, Times New Roman, Times, Serif;
	font-size: 2.4em;
	font-weight: normal;
	color: #003366;
	margin: 24px 24px 0 24px;
}

/*****PRINCIPAL*****/
#principal {
	margin: 0 0px 24px 24px;
	width: 696px;
	position: relative;
}
#principal h2 {
	font-family: Georgia, Times New Roman, Times, Serif;
	font-size: 1.8em;
	font-weight: normal;
	color: #999999;
	margin-bottom: 12px;
}
#principal ul {
	font-size: 1.2em;
	line-height: 1.8em;
}
#principal li {
}
#principal li:hover {
}
#principal li a {
	padding-left: 12px;
	background:  url("../imagens/seta-laranja.png") no-repeat left 0px;
	color: #0081c6;
}
#principal li a:hover {
	background-image:  url("../imagens/seta-escuro.png");
}
#principal li .selecionado{
	background:  url("../imagens/seta-cinza.png") no-repeat left 0px;
	color: #999999;
}

/***colesq***/
#principal #colesq, #principal #colunica {
	border-right: 1px solid #bbc3c9;
	font-size: 1.2em;
	float: left;
	padding-right:24px;
	margin: 28px 0;
}
#colesq {
	width: 456px
}
#principal #colesq h2, #principal #colesq h3, #principal #colesq p, #principal #colesq bullet, #principal #colesq table {
	margin-left:24px;
}

#principal #colesq h3 {
	line-height: 1.5em;
	font-size: 0.9em;
	text-transform: uppercase;
	color: #003366;
	margin-top: 12x;
}
#principal #colesq p, #principal #colesq bullet {
	margin-bottom: 12px;
	line-height: 1.5em;
}
#principal #colesq .bullet {
	padding-left: 12px;
	background: url("../imagens/bullet.png") no-repeat left 8px;
}
#principal #colesq img {
	margin-bottom: 14px;
}
#principal #colesq .dir {
	float: right;
	margin: 0 0 12px 12px;
}
#principal #colesq .esq {
	float: left;
	margin: 0 12px 12px 0;
}
#principal #colesq table {
	width: 428px;
}
#principal #colesq th {
	font-size: .7em;
	font-weight: normal;
	color: #003366;
	background-color: #e0e3e0;
	padding: 2px 0;
}
#principal #colesq td {
	border-bottom: 1px solid #e0e3e0;
	padding: 2px 0;
}
#principal #colesq table a {
	color: #0081c6;
}
#principal #colesq table a:hover {
	color: #ff6600;
}

/***formulario***/
#principal #colesq form {
	 padding-left:24px;  /***não usei margin pois dá problema no input com o IE 7***/
}
#principal #colesq form label {
	display: block;
	width: 413px;
	font-size: .8em;
	margin-top: 7px;
	float: left;
}
#principal #colesq input {
	color: #0081c6;
	padding: 3px;
}
#principal #colesq form label input {
	width: 410px;
}
#principal #colesq form .meio {
	width: 196px;
	margin-right: 20px;
}
#principal #colesq form .meio input  {
	width: 193px;
}
#principal #colesq form .uf {
	width: 196px;
	margin-right: 20px;
}
#principal #colesq form select {
	width: 60px;
	margin-right: 136px;
	color:  #0081c6;
}
#principal #colesq form .check {
	font-size: .8em;
	margin: 14px 0 14px 0;
	float:left;
}
#principal #colesq form .check input {
	width: 20px;
	margin-top: 7px;
}
#principal #colesq form textarea {
	width: 100%;
	height: 144px;
	color: #0081c6;
}
#principal #colesq form .botao {
	background: #0081c6;
	color: #fff;
	float: left;
	margin-top: 21px;
	
}
#principal #colesq .alerta {
	color: #f60;
	font-weight: bold
}

/*****COLDIR*****/
#principal #coldir {
	float: right;
	width: 192px;
	margin: 28px 0;
}
#principal #coldir div {
	margin-bottom: 14px;
}
#principal #coldir h2 {
	font-family: Georgia, Times New Roman, Times, Serif;
	font-size: 1.8em;
	font-weight: normal;
	color: #0081c6;
	margin: 0px 0px 6px 0px;
	padding-left: 12px;
	background: url("../imagens/seta-azul.png") no-repeat left 4px;
	cursor: pointer;
}
#principal #coldir h2:hover {
	background-image: url("../imagens/seta-laranja.png");
	color: #ff6600;
}
#principal #coldir h3 {
	color: #0081c6;
	font-size: 1.2em;
}
#principal #coldir h4 {
	color: #0081c6;
	text-transform: uppercase;
	font-size: 1.2em;
	margin-top:14px;
}
#principal  #coldir p {
	font-size: 1.2em;
	line-height: 1.4em;
}
#principal  #coldir div p {
	display: block; /***para js***/
	margin: 0 0 12px 12px;
	font-size: 1.2em;
}
#principal #coldir a {
	padding-left: 12px;
	background:  url("../imagens/seta-laranja.png") no-repeat left 0px;
	color: #0081c6;
}
#principal #coldir a:hover {
	background-image:  url("../imagens/seta-escuro.png");
}


/*****PRODUTOS*****/
#principal #envolve_produtos {
	margin-top:28px;
}
#principal .produtos {
	background-color: #e0e3e0;
	width: 168px;
	float: left;
	margin: 0 8px 8px 0;
}
#principal .produtos:hover {
	background-color: #d0d3d0;
}
#principal .produtos h3 {
	margin: 12px 12px 6px 12px;
	color: #0081c6;
	font-size: 1.2em;
}
#principal .produtos:hover h3 {
	color: #ff6600;
}
#principal .produtos p {
	margin: 0 12px 12px 12px;
}
#principal .produtos img {
	margin: 6px;
	width: 156px;
	height: 156px;
}
#principal .produtos a {
	display: block;
	width: 100%;
	height: 100%;
}
#principal .produtos a p {
	color: #000;
}
#principal .produtos .prod_descricao {
	height: auto;
}

/*****PRODUTO*****/
#principal #tarja {
	background-color: #e0e3e0;
	padding: 0 0 14px 348px;
	min-height: 120px;
	position: relative;
}
#principal #tarja h1 {
	font-family: Georgia, Times New Roman, Times, Serif;
	font-size: 3.6em;
	font-weight: normal;
	color: #fff;
	padding-top: 14px;
	
}
#principal #tarja h3 {
	margin: 7px 0 6px 0;
	color: #003366;
}
#principal #tarja p {
	color: #666666;
	font-size: 1.2em;
}

#principal #flash {
	width:432px;
	overflow: hidden;
	margin-left: 24px;
}

/*****APLICAÇÕES*****/
#aplicacoes {
	font-size: 1.2em;
	clear: both;
	margin: 14px 0 14px 0px;
}
#aplicacoes h2{
	margin-left: 21px;
}
#aplicacoes h3, #aplicacoes ul, #aplicacoes p {
	padding-left: 240px;
}
#aplicacoes h3 {
	text-transform: uppercase;
	font-size: 1.2em;
	margin-bottom: 7px;
	color: #003366;
}
#aplicacoes p {
	line-height: 1.4em;
}
#aplicacoes ul {
	margin-bottom: 7px;
	font-size: 1em;
}
#aplicacoes .foto {
	float: left;
	width: 216px;
	overflow: hidden;
	margin-bottom: 14px;
}
#aplicacoes img {

}
#aplicacoes .aplicacao {
	margin-top: 14px;
	border-top: 1px solid #666666;
	clear:both;
	padding:14px 0;
}

/*****DISTRIBUIDORES*****/
#distrib {
	width: 340px;
	float:left;
	margin: 21px 0 21px 28px;
}
#distrib h3 {
	font-size: 1em;
	text-transform: uppercase;
	margin-top: 14px;
}
#distrib .selecionado {
	border-bottom: 1px solid #bbc3c9;
}
#distrib .selecionado a {
	color: #666;
	background-image: url("../imagens/seta-cinza.png");
}

#endereco {
	width: 289px;
	float: right;
	padding: 14px 14px 21px 21px;
	margin-top: 21px;
	font-size: 1.2em;
	color: #003366;
	line-height: 1.4em;
	border: 1px solid #bbc3c9;
}
#endereco h2 {
	font-family: verdana, helvetica, arial, geneve, sans-serif;
	font-weigth: normal;
	font-size: 1.65em;
	color: #cbd3d9;
}
#endereco h3 {
	font-size: 1.0em;
	color: #003366;
	margin-top: 14px;
}
#endereco a {
	color: #0081c6;
}
#endereco a:hover {
	color: #ff6600;
}

/****NOVIDADES****/
#principal #colunica {
	width: 696px;
}
#principal #colunica .novidade {
	background-color: #e0e3e0;
	margin-bottom: 21px;
	min-height:140px;
}
#principal #colunica .novidade .foto {
	width: 216px;
	min-height: 140px;
	overflow: hidden;
	float: left;
	margin-right: 21px;
	background-color: #bbc3c9;
}
#principal #colunica .novidade .txt {
	width: 442px;
	float:left;
	margin: 7px 14px 14px 0;
}
#principal #colunica .novidade h4 {
	font-size: .9em;
	margin:0;
	color: #999999;
}
#principal #colunica .novidade h2 {
	margin: 7px 0;
	color: #003366;
	font-size: 1.4em;
}
#principal #colunica ul{
	clear: both;
}

/*****NOTAS SOBRE PRODUTOS*****/
#colunica #notas {
	width: 696px;
}
#colunica #notas .foto {
	float:left;
	width: 216px;
	overflow: hidden;	
}
#colunica #notas .txt {
	width: 422px;
	float: left;
	margin-left: 48px;
}
#colunica #notas h1{
	font-family: Georgia, Times New Roman, Times, Serif;
	font-weight: normal;
	font-size: 2.1em;
	color: #003366;
	margin-bottom: .5em;
}
#colunica #notas p {
	line-height: 1.4em;
	margin-bottom: .5em;
}
#colunica #notas ul {
	line-height:1.4em;
}
#colunica #notas li {
	margin-bottom: .5em;
	padding-left: 18px;
	background: url("../imagens/ponto-laranja.png") no-repeat left .5em;
}

/*****ABERTURA*****/
#principal #animacao {
	width: 696px;
	background-color: #000;
}
#principal #novidade {
	width: 640px;
	background-color: #bbc3c9;
	color: #fff;
	padding: 12px 28px 0 28px;
}
#principal #novidade a {
	color: #fff;
}
#principal #novidade h2 {
	font-family: Georgia, Times New Roman, Times, Serif;
	font-size: 2.4em;
	font-weight: normal;
	color: #003366;
	padding: 0 0 12px 0;
}
#principal #novidade h3 {
	font-size: 1.2em;
}
#principal .nota {
	float: left;
	width: 218px;
	margin: 28px 21px 28px 0;
	background-color: #bbc3c9;
	font-size: 1.2em;
}
#principal .nota:hover {
	background-color: #0081c6;
}
#principal .nota:hover a {
	color: #fff;
}
#principal .nota a {
	color: #003366;
}
#principal .nota h3 {
	margin: 3px 4px 3px 14px;
	font-family: verdana, helvetica, arial, geneve, sans-serif;
	font-size: 1.0em;
	font-weight: normal;
}
#principal .nota div {
	width:218px;
	height: 140px;
	overflow: hidden;
	background-color: #e0e3e0;
}