/**
 * CSS Politec Importação e Exportação LTDA
 * DOTCUSTOMS.COM SOLUÇÕES WEB LTDA.
 * CNPJ: 08.678.712/0001-76
 * www.dotcustoms.com - Tel: +55 11 2122-4113
 * SOLUÇÕES CUSTOMIZADAS
 *
 * Data de Criação: 06/12/2007
 * 
 * @author Vinicius Tesoni <vinicius@dotcustoms.com>
 * @copyright Todos os Direitos Reservados (c) 2007, dotCustoms.com
 */
 
 body{ font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; /*background: #08395d;*/ background: #FFFFFF;}
 
 h1{ color: #6b6b6b; font-weight: normal; font-size: 26px;}
 a, h3, h2, h4{ color:#33b4e5;} 
 p, a, label, h4, li, table{ font-size: 12px;} 
 h2{ font-size: 16px;}
 p, h3{ margin: 4px;} 
 H3{ font-size: 14px; font-weight: bold;} 
 li{ /*list-style-image: url(../images/bullet.jpg);*/ margin-bottom: 6px;}
 
 
 input, select, textarea{ border: 1px solid #818181;}
 label {display: block; margin-bottom: 4px;}
 
 #geral{
 width: 758px;
 height: auto;
 float: left;
 display: block;
 position: relative;
 left: 50%;
 margin-left: -379px;
 background-color: #FFFFFF;}
 
 #top{
 position: relative;
 width: 758px;
 height: 152px;
 float: left;
 background: url(../images/bgtop.jpg) right no-repeat;
 float: left;}
 
 #logo{
 cursor: pointer;
 float: left;
 width: 194px;
 height: 99px;
 margin-top: 30px;
 margin-left: 30px;
 }
 
 *html body #foto{ position: relative; left: 50%; margin-left: -21x; top: -272px; margin-bottom: -272px;
 background: none !important;}

 #foto{
 float: left;
 width: 400px;
 height: 260px;
 position: absolute;
 float: left;
 left: 50%;
 margin-left: -21px;
 top: 60px;
 z-index: 100;
 }
 
 #barra{
 position: relative;
 width: 758px;
 height: 181px;
 float: left;
 z-index: 10;
 background: url(../images/barra.jpg);}
 
#link{ margin-left: 20px; position: relative; top: -24px;}
 
 #menu_base{
 background-color: #1a759b;
 filter: alpha(opacity=40);
 opacity: 0.4;
 width: 758px;
 height: 30px;
 z-index: 20;}
 
 #menu{
 margin: 122px 0 0 0;
 width: 758px;
 height: 30px;
 z-index: 9999999;
 }
 
 #menu a{ margin: 6px 15px 0 0; font-size: 14px; color: #FFFFFF; font-weight: bold; text-decoration: none; z-index: 99999999;}
 #menu a:hover{ text-decoration: underline;}
 
 *html body #conteudo{width: 650px; padding: 30px 58px 40px 50px;}
 
 
 
 #conteudo{
 text-align: justify;
 position: relative;
 width: 618px;
 height: auto;
 display: block;
 float: left;
 background: url(../images/bgconteudo.jpg) right top no-repeat;
 padding: 30px 90px 40px 50px;}
 
 
 *html body #tit{ margin-bottom: 0;}
 *+html #tit{ margin-bottom: 0;}
 
 #tit{
 width: 650px;
 height: auto;
 display: block;
 float: left;
 margin-bottom: 20px;
 }
 
 #navegacao{ float: right; margin: 20px;}
 
  /*////////////////////////////|  HOME  |////////////////////////////*/ 
  
  
  .home_image{ float: left; width: 125px; height: 125px; }
  
  #home_circulo{ margin-top: -125px; z-index: 90; float: left; width: 125px; height: 125px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
             src='../images/home_circulo.png', sizingMethod='scale'); background-image: url(../images/home_circulo.png); }
			 
  *html body #home_circulo{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/home_circulo2.png', sizingMethod='scale'); background: none;	}	 
			 
			 
  #home_circulo_fundo{ z-index: 9; float: left; width: 125px; height: 125px;}
  
  
  .home_info {float: left;  width: 200px; height: auto; border-left: solid 1px #9a9a9a; padding-left: 20px;} 
  
  *html body #linhas_home li{width: 350px;}
  *+html #linhas_home li{width: 350px;}
  #linhas_home li{ list-style: none; width: 500px; display: block; margin-bottom: 30px; height: 200px;}
  #linhas_home h3{ color: #db7a07;}
  
 
  /*////////////////////////////|  RODAPE  |////////////////////////////*/ 
 
 #rodape{
 float: left;
 text-align: center;
 width: 758px;
 height: 70px;
 background: url(../images/rodape.jpg) no-repeat top;
 margin-top: 30px;
 padding-top: 40px;
 font-size: 10px;}
 #rodape p{ font-size: 9px;}
 #rodape a{ margin: 0 5px 0 5px; display: inline; font-size:12px; color:#666666;}
 
 
  /*////////////////////////////|  Linhas  |////////////////////////////*/
  
 #dir{ text-align: left;  width: 140px; height: auto; display: block; float: right; clear: right; border-left: solid 1px #d0d0d0; margin-left: 20px; padding-left: 20px;}
 #adcionais{ width: 140px; height: auto; display: block; float: right; clear: right; margin-left: 20px;}
 #adcionais li{ display: block; margin-bottom: 10px; list-style: none;}
 #adcionais ul{ padding: 0; margin: 10px 0 0 0;} 
 #txtlinha{ width: auto; margin-right: 0; height: auto; display: block; float: left; /*border: solid 1px #000;*/}
 #txtlinha img{ margin: 20px;}
 #linha_produtos{ clear: both; width: 400px; height: auto; display: block; float: left; }
 #linha_produtos li{ list-style: none; width: 150px; height: 200px; margin: 20px; display: block; float: left;}
 #linha_produtos ul{ padding: 0;} 
 #linha_logo{ float: right;}

 /*////////////////////////////|  Imprensa  |////////////////////////////*/
 
*html body #arquivos{width: 200px;}
*+html #arquivos{width: 200px;}
 
 #arquivos{ border-left: solid 1px #c0c0c0; float: right; padding-left: 20px; }
 #artigos, #releases{ width: 450px; float: left; margin-bottom: 30px;}
 #releases li a, #artigos li a{ text-decoration: none; color: #000000;}
 #releases li a:hover. #artigos li a:hover{ text-decoration: underline; color: #33b4e5;}
 .data{ font-weight: bold; color: #33b4e5;}
 
 /*////////////////////////////|  Produtos  |////////////////////////////*/
 
 #menu_prod{ padding-right: 10px; width: 140px; height: auto; display: block; float: left; border-right: solid 1px #cecece;}
 #menu_prod ul{ padding: 0; list-style: none; text-align: right; margin:0; } 
 #menu_prod li{ display: block; margin-bottom: 10px;}
 
 #destaques_prod li{ text-align: center;  list-style: none; width: 200px; height: 200px; margin: 20px; display: block; float: left;}
 
 
 /*////////////////////////////|  DISTRIBUIDORES  |////////////////////////////*/
 
.estado{ clear: both; margin: 0; padding: 0; }
 
 #mapa{ float: left;} 
/* #enderecos{ float: left; margin-left: 30px; width: 240px; height: auto;}*/
 
 #lista_dist{ padding: 0;} 
 .ditribuidor{ list-style: none; float: left; width: 240px; height: 230px; text-align: left; font-size: 12px; margin: 0 0 15px 20px;}
 .ditribuidor h3{ margin: 0 0 4px 0;}
 .ditribuidor p{ margin: 0;}
 
  /*////////////////////////////|  BANNER  |////////////////////////////*/
  
  *html body #skycraper{margin-right: 20px;}
  #skycraper{ width: 160px; height: 600px; float: right; margin-top: 120px;}
  
  /*#skycraper{ width: 160px; height: 600px; background-color: #CCCCCC; float: left; margin-right: 20px;}*/
 
 
 
  /*////////////////////////////|  CONTATO  |////////////////////////////*/
 
#contato{ float: left;}

#contato1{float: left;}
#contato2{
margin-left: 20px;
float: left;}

#form_contato{
	clear: both;
	float: left;
	margin: 20px 0 0 0;
	padding: 20px;
	width: 345px;
	height: 180px;
}

head+body #form_contato{ width: 370px;}
head+body fieldset{width: 370px;}

*html body fieldset{width: 370px;}