/****************************/
/*DESENVOLVIDO PEELA AGÊNCIA TRES PONTO ZERO*/
/*SEGUE AQUI OS SEGUINTES CSS:*/

/*RESET*/
/*FONTES*/
/*PADRÃO PARA TODAS AS PÁGINAS*/
/*CONTEUDO HOME*/
/*CONTEUDO INTERNAS*/

/****************************/

/*RESET*/
*{
	margin:0; padding:0; list-style-type:none; outline:none;}
	
article, aside, canvas, datalist, details, footer, header, hgroup, meter, nav, output, progress, section{ 
	display: block;
}
	
img{
	border:none;}
	

/*FONTES*/

@font-face {
    font-family: 'eurostiledcdbolregular';
    src: url('../fonts/eurostiledcdbol-webfont.eot');
    src: url('../fonts/eurostiledcdbol-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/eurostiledcdbol-webfont.woff') format('woff'),
         url('../fonts/eurostiledcdbol-webfont.ttf') format('truetype'),
         url('../fonts/eurostiledcdbol-webfont.svg#eurostiledcdbolregular') format('svg');
    font-weight: normal;
    font-style: normal;
	}
	

/*PADRÃO PARA TODAS AS PÁGINAS*/

body{
	background-image: url(../images/bg.jpg);
}

#wrapper{
	width:950px;
	margin:0 auto;}
	
	
#header{
	width:950px;
	height:93px;
	float:left;
	margin-top:10px;
	display: block;
}

#logo{
	width:359px;
	height:93px;
	float:left;
}
	
#logo img{
	margin-top: 5px;
}

.bandeiras{
	height: 68px;
	width: 50px;
	float: left;
}

.bandeiras img{
	margin-top: 10px;
	float: left;
}

#nav{
	width:578px;
	height:71px;
	float:right;
	background-image: url(../images/bg_nav.jpg);
	background-repeat: repeat-x;
	margin-top: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFF;
	display: block;
}

#nav ul{
	width: 527px;
	text-align: right;
	display: block;
	float: left;
	
}

#nav ul li{
	display:block;
}
#nav ul.nav1{
	margin-top: 10px;
	float: right;


}
#nav ul.nav1 li{
	margin-left: 10px;
}
#nav ul.nav1 li a{
	color: #FFF;
	text-decoration: none;
	float: left;
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 12px;
	margin-left: 7px;
}

#nav ul.nav1 li a:hover, #nav ul.nav2 li a:hover{
	color: #8A8241;
}

#nav ul.nav1 li a.bt{
	background-image: url(../images/ball_bgBlack.gif);
}

#nav ul.nav2{
	float: right;
	margin-top: 8px;


}
#nav ul.nav2 li{
	display: inline;
	
}
#nav ul.nav2 li a{
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

#footer{
	float: left;
	height: 63px;
	width: 950px;
	background-image: url(../images/bg_footer.png);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
}

.como_chegar{
	float: left;
	height: 31px;
	width: 627px;
}

.como_chegar a{
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	margin-left: 10px;
	display: block;
	margin-top: 7px;
}

.como_chegar a:hover{color: #8A8241;}

.grupo{
	float: left;
	height: 31px;
	width: 323px;
}

.grupo p{
	float: right;
	margin-right: 10px;
	margin-top: 7px;
	font-weight: bold;
}

.grupo a{
	color: #FFF;
	text-decoration: none;
}
.grupo a:hover{color: #8A8241;}

.end{
	height: 31px;
	width: 627px;
	float: left;
}

.end p{
	margin-left: 10px;
	margin-top: 5px;
}


.copy{
	float: left;
	height: 31px;
	width: 323px;
}

.copy p{
	float: right;
	margin-top: 4px;
	margin-right: 10px;
}

.copy a{
	color: #FFF;
	text-decoration: none;
}


/*CONTEUDO HOME*/


#content_home{
	background-image: url(../images/bg_content_home.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 462px;
	width: 950px;
}

#content_home h1{
	font-family: eurostiledcdbolregular, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	margin-top: 430px;
	margin-left: 80px;
	font-weight: bold;
	color: #8A8241;
}

/*CONTEUDO INTERNAS*/

#content_internas{
	background-color: #FFF;
	width: 894px;
	height: auto;
	float: left;
	margin-top: 20px;
	margin-left: 27px;
	margin-bottom: 20px;
}

.a-empresa, .o-que-fazemos{
	width:894px;
	float:left;
	margin-bottom: 20px;
	height:auto;
}


.graficos{
	float: left;
	height: 291px;
	width: 440px;
}

.txt-grafico{
	width: 454px;
	float: right;
	padding-top: 25px;
	height: 250px;
}

.txt-grafico p.graf{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
	margin-bottom: 20px;
}

.textos p.dif{
	color: #8A8241;
	font-weight:bold;}
	
	
.clientes{
	width: 894px;
	height: auto;
	float: left;

}


.clientes p.conteudo{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
	margin-bottom: 15px;
	margin-left: 20px;
	margin-top: 10px;
}
	
.links_empresas1{
	width:304px;
	height:167px;
	float:left;}
	
.links_empresas2{
	width:298px;
	height:167px;
	float:left;}
	
.links_empresas2 p.seja-bem-vindo{
	font-weight: bold;
	margin-top: 90px;
}
.links_empresas3{
	width:292px;
	height:167px;
	float:left;
}
.links_empresas1 p, .links_empresas2 p, .links_empresas3 p{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #666;
	text-align: center;
	margin-top: 5px;
}

.links_empresas3 p{
	margin-right: 25px;
}

.orcamentos{
	width: 894px;
	height: 530px;
	float: left;
	background-image: url(../images/orcamento.jpg);
}

.orcamentos form{
	width: 894px;
	font-family: Verdana, Geneva, sans-serif;
	margin-top: 45px;
	float: left;
}

.orcamentos ul{
	width: 894px;
	height: auto;
}
.orcamentos ul li{
	display: block;
	float: left;

}
.orcamentos ul li input, .orcamentos ul li textarea{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: transparent;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #666;

}

.orcamentos ul li input{
		height: 16px;}

.orcamentos ul li p{
	float: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #666;

}

.orcamentos ul li.razaosocial{
	width: 894px;
	height: 26px;
	margin-top: 5px;
}

.orcamentos ul li.razaosocial input.razaosocial{
	width: 750px;
	margin-top: 5px;
	margin-left: 115px;
}

.orcamentos ul li.endereco{
	width: 894px;
	height: 28px;
}
.orcamentos ul li.endereco input.endereco{
	margin-top: 8px;
	margin-left: 95px;
	width: 770px;
}

.orcamentos ul li.responsavel{
	width: 360px;
	height: 35px;
	float: left;
}
.orcamentos ul li.responsavel input.responsavel{
	margin-top: 11px;
	margin-left: 112px;
	width: 240px;
}


.orcamentos ul li.email{
	height: 35px;
	width: 255px;
}
.orcamentos ul li.email input.email{
	margin-top: 11px;
	margin-left: 62px;
	width: 185px;
}

.orcamentos ul li.telefone{
	height: 35px;
	width: 275px;
}
.orcamentos ul li.telefone input.telefone{
	margin-top: 11px;
	margin-left: 75px;
	width: 175px;
}

.orcamentos ul li.descrevaproduto{
	height: 110px;
	width: 440px;
}
.orcamentos ul li.descrevaproduto textarea.descrevaproduto{
	margin-left: 21px;
	margin-top: 36px;
	height: 67px;
	width: 411px;
}

.orcamentos ul li.descrevademanda{
	height: 110px;
	width: 450px;
}
.orcamentos ul li.descrevademanda textarea.descrevademanda{
	height: 67px;
	width: 411px;
	margin-top: 36px;
	margin-left: 13px;
}

.orcamentos ul li.dadostecnicos{
	width: 440px;
	height: 105px;
}
.orcamentos ul li.dadostecnicos textarea.dadostecnicos{
	height: 67px;
	width: 411px;
	margin-top: 28px;
	margin-left: 21px;
}

.orcamentos ul li.demaisobs{
	width: 450px;
	height: 105px;}
.orcamentos ul li.demaisobs textarea.demaisobs{
	height: 67px;
	width: 411px;
	margin-top: 28px;
	margin-left: 13px;
}

.orcamentos ul li.escolhaarquivo1{
	width: 500px;
	height: 30px;
	margin-top: 29px;
}

.orcamentos ul li.escolhaarquivo1 input.file_1, .orcamentos ul li.escolhaarquivo2 input.file_1, .orcamentos ul li.escolhaarquivo3 input.file_1, .orcamentos ul li.escolhaarquivo4 input.file_1, .orcamentos ul li.escolhaarquivo5 input.file_1{
	background-color: #FFF;
	border: 1px solid #CCC;
	margin-left: 19px;
}

.orcamentos ul li.escolhaarquivo2, .orcamentos ul li.escolhaarquivo3, .orcamentos ul li.escolhaarquivo4, .orcamentos ul li.escolhaarquivo5{
	width: 500px;
	height: 30px;
}

.orcamentos ul li.botao{
	width: 185px;
	float: right;
	height: 175px;
}
.orcamentos ul li.botao input.botao{
	background-image: url(../images/bt-enviar.jpg);
	height: 53px;
	width: 148px;
	text-indent: -9999px;
	margin-top: 27px;
	margin-left: 7px;
}

.orcamentos ul li.botao input.botao:hover{
	background-image: url(../images/bt-enviarhover.jpg);
	height: 53px;
	width: 148px;
}

.orcamentos ul li.botao input.reset{
	background-image: url(../images/bi-limpar-campos.jpg);
	height: 23px;
	width: 151px;
	text-indent: -9999px;
	margin-top: 63px;
	margin-left: 3px;
}


/*.orcamentos ul li.cliente{}
.orcamentos ul li.cliente input.cliente{}*/



















.titulo{
	width: 874px;
	background-image: url(../images/linha_titulo.jpg);
	background-repeat: repeat-x;
	height: 40px;
	float: left;
}

.titulo h1{
	color: #24263d;
	font-family: eurostiledcdbolregular, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-left: 16px;
	margin-top: 8px;
	font-weight: bold;
}

.textos{
	width: 894px;
	height: auto;
	float: left;
	margin-top: 20px;
}

.textos img{
	float: right;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}

.textos p{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #666;
	margin-left: 20px;
	margin-bottom: 15px;
}



#bt{
	width:875px;
	height:24px;


    float:left.;
	margin-left:7px;
	background-image: url(../images/bg_bt.jpg);
	background-repeat: repeat-y;
}

#bt a{
	font-size: 16px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-left: 9px;
	text-decoration: none;
	float: left;
	height: 24px;
	width: 769px;
	padding-top: 3px;
}

#bt a:hover{
	color: #8A8241;}
	

#clicar{
	width:894px;
	height:auto;
	float: left;
	margin-bottom: 5px;

}

#clicar p.conteudo{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #666;
	margin-bottom: 15px;
	margin-left: 20px;
	margin-top: 20px;
	
}

#clicar img{
	float: right;
	margin-top: 14px;
	margin-bottom:14px;
}

#clicar img.missao{
	margin-right: 20px;
}

#quem-somos a.quemsomos{
	text-decoration:none;
	color: #666;
}

#quem-somos a.quemsomos:hover{
	text-decoration: underline;

}


/*CONTATO*/


#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}

#dialog.window{
	width:400px;
	color: #000;
	font-size: 11px;
	background-color: #FFF;
	text-align: center;
	height: auto;
	border: 1px solid #999;
}

#dialog p{
	margin-bottom:25px;
	margin-top:10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666;
	}

#dialog a.btFecha{
	width: 52px;
	height: 14px;
	text-indent:-9999px;
	background-image: url(../images/fechar.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: right;
	margin-top: -15px;
	margin-bottom: 10px;
}
#dialog ul{
	width: 350px;
	display: block;
	padding: 0;
	margin-left:45px;

}
#dialog ul li{
	width: 350px;
	height: 25px;
	display: block;
	padding: 0;
	margin: 0;
	float: left;
}
#dialog ul li label{
	width: 50px;
	float: left;
	display: block;
	padding-right: 10px;
	text-align:left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666;
	
}
#dialog ul li input{
	width: 230px;
	float: left;
	border: 2px solid #CCC;
	margin-left:20px;
}
#dialog ul li.maior{
	height: 60px;
}
#dialog ul li textarea{
	width: 230px;
	height: 45px;
	float: left;
	border: 2px solid #CCC;
	margin-left:20px;
}
#dialog ul li input.btEnvi{
	width: 66px;
	height: 24px;
	margin-right:17px;
	float: right;
	border: none;
	padding-right: 19px;
	padding-bottom: 0;
	padding-left: 0;
}

#dialog  ul li input.reset{
	width: 66px;
	height: 24px;
	background-image: url(../images/reset.jpg);
	text-indent: -9999px;
	border:none;
	margin-left: 80px;
}

/*representações comerciais*/

#dialog2.window{
	width:706px;
	height: 370px;
	border: 1px solid #999;
	background-image: url(../images/otc-representacoes-comerciais.jpg);
	background-repeat: no-repeat;
	background-color:#FFF;
}

#dialog2 a.btFecha{
	width: 52px;
	height: 14px;
	text-indent:-9999px;
	background-image: url(../images/fechar.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: right;
	margin-top: -15px;
	margin-bottom: 10px;
}

#dialog2 .txt_otc{
	height: 140px;
	width: 680px;
	display: block;
	padding-top: 20px;
}

#dialog2 .txt_otc p{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
	margin-left: 8px;
	margin-top: 20px;
}

#dialog2 .txt_otc2{
	height: 140px;
	width: 680px;
	display: block;
	float: left;
	margin-top: 75px;
}

#dialog2 .txt_otc2 p{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
	margin-left: 8px;
	margin-top: 20px;
}

#dialog2 .txt_otc2 p.cont{
	margin-top: 0;
}
