/* CSS Document */


body {
   background:#6699CC;
   margin-top:0;
   margin-left:0;
 }
 
 
#principal {
   width:779px;
   height:804px;
   float:center;
   background:#FFFFFF;
  
  }

#principal_contato {
   width:779px;
   height:660px;
   float:center;
   background:#FFFFFF;
  
  }

#principal_eletrodutos {
   width:779px;
   height:1300px;
   float:center;
   background:#FFFFFF;
  
  }
  
  
 #principal_perfis {
   width:779px;
   height:1100px;
   float:center;
   background:#FFFFFF;
  
  }
  
  
   #principal_tubos {
   width:779px;
   height:1120px;
   float:center;
   background:#FFFFFF;
  
  }


#anima {
   width:779px;
   height:130px;
   float:left;
   }
   
   
 #menu {
    width:779px;
   height:46px;
   float:left;
    background:url(../images/menu.jpg);
	}


   
 #conteudo {
   width:779px;
   height:840px;
   float:left;
   background:url(../images/fundo_conteudo.jpg);
	}
	
 #conteudo_contato {
    width:779px;
   height:470px;
   float:left;
    background:url(../images/fundo_conteudo.jpg);
	}


 #conteudo_eletrodutos {
    width:779px;
   height:1320px;
   float:left;
    background:url(../images/fundo_conteudo.jpg);
	}
	

 #conteudo_perfis {
    width:779px;
   height:1030px;
   float:left;
    background:url(../images/fundo_conteudo.jpg);
	}
	
	
 #conteudo_tubos {
    width:779px;
   height:1100px;
   float:left;
    background:url(../images/fundo_conteudo.jpg);
	}
	
.linha_conteudo {
    width:779px;
   height:114px;
   float:left;
   }

.linha_conteudo_dois {
    width:779px;
   height:114px;
   float:left;
   margin-top:15px;
   }   
   
   .quadro_conteudo {
    width:260px;
   height:84px;
   float:left;
   text-align:center;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#000000;
   font-size:11px;
   font-weight:bold;
   padding-top:30PX;
   }
   
      .quadro_conteudo_dois {
    width:259px;
   height:114px;
   float:left;
   }
   
   
   
      .quadro_conteudo_tres {
    width:259px;
   height:84px;
   float:left;
   text-align:center;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#000000;
   font-size:11px;
   font-weight:bold;
   padding-top:30PX;
   }
   
   
      .quadro_conteudo_quatro {
    width:260px;
   height:114px;
   float:left;
   }
   
   
      
    #quadros {
    width:779px;
   height:390px;
   float:left;
   }
   
   #cartoes{
   width:779px;
   height:200px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#000000;
   font-size:12px;
   text-align:left;
   float:left;
 background:url(../images/faixa.jpg)
   }
   
      .quadrum {
    width:330px;
   height:230px;
   float:left;
   background:#FFFFFF;
   border-color:#000000;
   border-style:solid;
   border-width:1px;
   margin-left:30px;
   _margin-left:20px;
   margin-top:20px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#000000;
   font-size:10px;
   padding-left:10px;
   text-align:left;
   padding-top:10px;
   }
   
   h1 {
    font:bold 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#006;
	text-align:left;
	margin-left:10px;
	line-height:13px;
	  } 
	  
	  
     h2 {
    font:bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:left;
	margin-left:10px;
	font-weight:bold;
	  } 
	  
   #rodape {
    width:779px;
   height:30px;
   float:left;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#003399;
   font-size:10px;
   background:#FFFFFF;
   padding-top:7px;
   }

   #rodape2 {
    width:779px;
   height:30px;
   float:left;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#003399;
   font-size:10px;
   background:#FFFFFF;
   padding-top:7px;
   margin-top:55px;
   }
   
    h3 {
    font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#CC0000;
	text-align:left;
	margin-left:10px;

	  } 
	  
	  
	  
	h4 {
    font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:left;
	margin-left:10px;
	font-weight:normal;
	line-height:16px;

	  } 
	  
	  
	 #tubos_normatizados {
    width:759px;
   height:650px;
   float:left;
   border-bottom-style:dashed;
   border-bottom-color:#000000;
   border-bottom-width:1px;
   padding-left:10px;
   padding-top:20px;
   }
	
	
	
 .icones {
    width:700px;
   height:25px;
   float:left;
   margin-top:20px;
   margin-left:10px;
   }
   
    .im_icones {
    width:30px;
   height:25px;
   float:left;
   }
   
   
    .tx_icones {
    width:500px;
   height:20px;
   float:left;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#0033CC;
   font-size:12px;
   font-style:italic;
   margin-left:10px;
   padding-top:5px;
   text-align:left;
   }
   
   
   
   	 #eletrodutos_normatizados {
    width:769px;
   height:530px;
   float:left;
   padding-left:10px;
   padding-top:20px;
   }
   
   
   
   	  
	 #tubos_estruturais {
    width:759px;
   height:200px;
   float:left;
   border-bottom-style:dashed;
   border-bottom-color:#000000;
   border-bottom-width:1px;
   padding-left:10px;
   padding-top:20px;
   }
	
	
	 #tubos_enrijecidos {
    width:759px;
   height:220px;
   float:left;
   padding-left:10px;
   padding-top:20px;
   }
   
   
   	 #ast {
    width:759px;
   height:450px;
   float:left;
   border-bottom-style:dashed;
   border-bottom-color:#000000;
   border-bottom-width:1px;
   padding-left:10px;
   padding-top:20px;

   }
   
   
     #din {
    width:759px;
   height:250px;
   float:left;
   border-bottom-style:dashed;
   border-bottom-color:#000000;
   border-bottom-width:1px;
   padding-left:10px;
   padding-top:20px;

   }
   
   
        #api {
    width:759px;
   height:250px;
   float:left;
   border-bottom-style:dashed;
   border-bottom-color:#000000;
   border-bottom-width:1px;
   padding-left:10px;
   padding-top:20px;

   }
   
   
   /*Contato */ 
   
   
  #linha_contato {
  width:779px;
  height:379px;
  float:left;
  margin-top:40px;
 }
 
 
  #atendente {
  width:233px;
  height:379px;
  float:left;
  background:url(../images/contato.jpg);
  margin-left:50px;
  _margin-left:30px;
  }
  
 #texto_contato_fim {
 width:779px;
 height:42px;
 float:left;
 text-align:left;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#000000;
 margin-top:15px;
 text-align:center;
 font-weight:bold;
 line-height:19px;
 }
  
 #form {
 width:420px;
 height:379px;
 float:left;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#000000;
 margin-left:40px;





}

/* LABEL */
label {
     display: block; /* DEIXANDO UM ACIMA DO OUTRO */
     margin: 13px 0 9px 0; /* ESPAÇO ACIMA E ABAIXO */
}

/* FORMATANDO OS IDENTIFICADORES DOS CAMPOS */
label span {
     display: block;
     width: 80px;
     margin-top: 2px;
	 float:left;
}

/* FORMATANDO INPUT, SELECT E TEXTAREA */
input, textarea, select {
     color:#000000;
     width: 300px;
     border: solid 1px #000000;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	
	 
}

/* SELECT COM LARGURA AUTOMÁTICA */
select {
     width: auto;
}

textarea {
     height: 100px;
     overflow: auto; /* BARRA DE ROLAGEM AUTOMÁTICA */
}

/* FORMATAÇÃO DO BOTÃO */
button {
     background:#1D64A2;
     color: #FFF;
     font-weight: bold;
     border: none;
	 float:left;
	 margin-left:220px;

}
a:link {
	color: #0099CC;
}
a:visited {
	color: #FF6600;
}
a:hover {
	color: #FF6600;
}

#cartoes p{margin:20px;}