/* CSS Document */
@import url('http://fonts.googleapis.com/css?family=Ubuntu');
* {
    margin:0;
    padding:0;
    list-style:none;


}



body {
   margin:0px; 
    font-family: 'Ubuntu', sans-serif;
     background-image: url('../img_site/bg_site.png');
  background-repeat: repeat-x;
}

p{
 font-size: 14px;
 text-align: left;
  color: #6b6a6b;
 
}


a:link, a:active, a:visited, a:hover {
     color: #6b6a6b;
   
    text-decoration:none;
}

a:hover {
    text-decoration:none;
}

a img {
    border:none;
}

.clear { clear:both; }


/******************************************************************************************
* Banners
/******************************************************************************************/

#banner {
  z-index: -1;
  margin-top: -20px;
}



/*** Clouds ***/
.clouds					{ width:100%; height:500px; overflow:hidden; margin-bottom: -65px;}
#clouds-small			{ width:5000px; height:100%; background:url(../images/bg-clouds-small.png) repeat-x;}

/*** Header ***/

#menu_banner				
{ 
margin: 0 auto;
padding: 0;
    width: 1020px;   
    z-index:10; 
   
    
  
}

#menu_banner li 				{
 width: 329px;
 height: 227px;
  float:left; 
  margin-right: 6px; 
  margin-top: -57px;
  
   }
   
   #menu_banner li a img				{
padding-top: 57px;
  
   }
					
#menu_banner li a:hover	img	{ 
    background:url(../images/bloco_bg.png)

}

#menu_banner li a.selected img	{ background:url(../images/bloco_bg.png)  }

#menu_banner li p.texto 				{
  font-size: 22px;
    margin-top: 10px;
    text-align: center;
    margin-bottom: 65px;
  
   }

   
   /******************************************************************************************
* Banners_interno
/******************************************************************************************/

#banner_interno {
  z-index: -1;
  margin-top: -20px;
}

/*** Clouds ***/
.cloudsin					{ width:100%; height:153px; overflow:hidden; }
#clouds-smallin			{ width:5000px; height:100%; background:url(../img_site/banner_interno.png) repeat-x;}




/******************************************************************************************
* ESTRUTURA
/******************************************************************************************/
#conteudo{
    
margin:0 auto;
padding:0;
width: 1000px;
padding-bottom: 73px;
z-index: 999;



}

/******************************************************************************************
* Topo
/******************************************************************************************/
#topo{
margin:0 auto;
padding:0;
width: 900px;
height: 200px;
position: absolute;
margin-top: -435px;

}

#topo ul li#logo{

float: left;
}

#topo ul li#menu{

float: right;
margin-top: 60px;
}
#topo ul li#menu p{

float: left;
margin-left: 50px;
font-size: 14px;
}

#topo ul li#menu p a{

color: #fff;
}


/******************************************************************************************
* Topo INTERNO
/******************************************************************************************/
#topo_interno{
margin:0 auto;
padding:0;
width: 900px;
height: 200px;
position: absolute;
margin-top: -153px;


}

#topo_interno ul li#logo{

float: left;
}

#topo_interno ul li#menu{

float: right;
margin-top: 60px;
}
#topo_interno ul li#menu p{

float: left;
margin-left: 50px;
font-size: 14px;
}

#topo_interno ul li#menu p a{

color: #fff;
}




/******************************************************************************************
* blocos produtos
/******************************************************************************************/
#blocos_produtos{


}

#blocos_produtos ul li{
float: left;

}

#blocos_produtos ul li p.texto{
    font-size: 22px;
    margin-top: 10px;
    text-align: center;
    margin-bottom: 65px;

}

/******************************************************************************************
* Institucional
/******************************************************************************************/
#institucional{
    clear: both;
width: 570px;
padding-top: 90px;

}

#institucional h1{
width: 570px;
font-size: 22px;
color: #ed3438;
font-weight: normal;
margin-bottom: 10px;

}

#institucional p{
 color: #9a9a9b;

}

#institucional p#mais{
float: right;
margin-right: 40px;
margin-top: 10px;

}

#institucional p#mais a:hover{

opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}


/******************************************************************************************
* Institucional Interno
/******************************************************************************************/
#institucional_interno{
    clear: both;
width: 761px;
padding-top: 50px;

}

#institucional_interno h1{
width: 570px;
font-size: 22px;
color: #ed3438;
font-weight: normal;
margin-bottom: 10px;

}

#institucional_interno p{
 color: #9a9a9b;

}

#institucional_interno p#mais{
float: right;
margin-right: 40px;

}

/******************************************************************************************
* Rodape
/******************************************************************************************/
#rodape{
background-color:#dcdddf; 
height: 290px;


}

#rodape ul{
margin:0 auto;
padding:0;
width: 1000px;

}


#rodape ul li{
float: left;
}

#rodape ul li#menu_rodape{
margin-top: 57px;
margin-right: 80px;

}

#rodape ul li#menu_rodape p{
font-size: 15px;
font-weight: bold;
margin-bottom: 20px;
}

#rodape ul li#menu_rodape p a img{
margin-right: 10px;
}


#rodape ul li#fone_endereco{
margin-top: 57px;
margin-right: 40px;

}

#rodape ul li#fone_endereco p{
font-size: 14px;
margin-bottom: 20px;
}

#rodape ul li#fone_endereco p img{
margin-right: 10px;
}

#rodape ul li#fone_endereco p i{
margin-left: 22px;
}

#rodape ul li#fone_endereco p b{
color: #ef252b;
}

#rodape ul li#fone_endereco p a b{
  color: #6b6a6b;
}


#rodape ul li#logo_armeco {

position: relative;
float: right;
margin-top: -54px;
}

#rodape ul li#news {
margin-top: 14px;

}

#rodape ul li#news form{
width: 249px;
margin-left: 30px;

}

#rodape ul li#news form input{
width: 185px;
height: 29px;
border: none;
background-color: #c8c9cb;
 color: #6b6a6b; 


}

#rodape ul li#news form button{
background-image: url('../img_site/enviar.png');
background-repeat: no-repeat;
width: 60px;
height: 29px;
border: none;
float: right;
}



#rodape ul li#news p {
 font-size: 10px;
 margin-top: 5px;
 text-align: center;
 font-weight: bold;
}


#rodape ul li#copy {
 clear: both;
 margin-left: 250px;
 padding-top: 20px;
}

#rodape ul li#copy p a img{
margin-bottom: -5px;
margin-left: 5px;
}


#voltar {
    float: right;
    margin-top: -20px;
    
    
}




/******************************************************************************************
* Imagem empresa
/******************************************************************************************/



#imagens_empresa {
    margin-top: -80px;
    margin-bottom: 70px;
    width: 965px;
    height: 423px;
  background-image: url('../img_site/imagens_empresa.png');
    
}


/******************************************************************************************
* Serviços
/******************************************************************************************/

#links_servicos  {
    padding-bottom: 500px;
    margin-left: -20px;
    margin-top: 30px;
  
    
}

#links_servicos ul {
margin-left: -30px;
   
}

#links_servicos ul li {
   float: left;
   
}



/*USINAGEM*/


#links_servicos ul li#usinagem {
    margin-top: 70px;
    
    width: 425px;
}


#links_servicos ul li#usinagem p#traco {
    float: left;
    margin-right: -100px;
}

#links_servicos ul li#usinagem p#img_conteudo {
   
  
}

#links_servicos ul li#usinagem p#palavras b {
   font-size: 22px;
color: #ed3438;
font-weight: normal;
  
}

#links_servicos ul li#usinagem p#palavras a {
 float:right;
 margin-top: 10px;
 
  
}

#links_servicos ul li#usinagem p#palavras a:hover img {

 opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
  
}



#links_servicos ul li#usinagem p#palavras {
    width: 280px;
    margin-top: 10px;
    font-size: 12px;
  
}




/*RODOAR*/
#links_servicos ul li#rodoar {
    margin-top: 70px;
       width: 425px;
}


#links_servicos ul li#rodoar p#traco {
    float: left;
margin-left: -90px;
margin-top: -70px;
margin-right: -40px;
}

#links_servicos ul li#rodoar p#img_conteudo img {
   margin-left: -155px;
   margin-top: 10px;
  
}

#links_servicos ul li#rodoar p#palavras b {
   font-size: 22px;
color: #ed3438;
font-weight: normal;

  
}

#links_servicos ul li#rodoar p#palavras a {
 float:right;
 margin-top: 5px;
margin-left: 100px;
 position: absolute;
 
  
}

#links_servicos ul li#rodoar p#palavras a:hover img {

 opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
  
}



#links_servicos ul li#rodoar p#palavras {
    width: 220px;
    margin-top: 10px;
    font-size: 12px;   
  
}



/*BIJOUTERIA*/


#links_servicos ul li#bijouterias {
    
    width: 425px;
      float: right;
    margin-top: -250px;
    
}


#links_servicos ul li#bijouterias p#traco {
    float: left;
    margin-right: -100px;
    margin-left: -55px;
}

#links_servicos ul li#bijouterias p#tracoB {
    float: right;
    margin-right: -190px;
    margin-top: -325px;
   
}


#links_servicos ul li#bijouterias p#img_conteudo {
   
  
}

#links_servicos ul li#bijouterias p#palavras b {
   font-size: 22px;
color: #ed3438;
font-weight: normal;
  
}

#links_servicos ul li#bijouterias p#palavras a {
 float:right;
 margin-top: 10px;
 
  
}

#links_servicos ul li#bijouterias p#palavras a:hover img {

 opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
  
}



#links_servicos ul li#bijouterias p#palavras {
    width: 280px;
    margin-top: 10px;
    font-size: 12px;
  
}



/*CONTATO*/


#contato {
    
    width: 692px;
     margin-top: 25px;
  
}

#contato form label{
  color: #7b7c7d; 
  font-size: 14px;

   
}

#contato form input {
height: 36px;
border: none;
  margin-left: 10px;
 
   
}

#contato form textarea {
height: 120px;
border: none;
  margin-left: 10px;
  width: 600px;
  float: right;
  
   
}

#contato form p.botoes {

   clear: both;
   
   
}

#mapa 
{
margin-top: 50px;
height: 200px;
margin-left: 200px;
}

#mapa ul li p img
{
   float: left;
}

#mapa ul li p#traco
{
   float: right;
   margin-top: -320px;
   margin-right: 45px;
}