*{
	margin:0;
	padding:0;
}
/*-codigo para tirar a borda pontilhada que o navegador põe no link-*/
a:active, a:focus {
	-moz-outline:none;
	outline:none;
	ie-dummy:expression(this.hideFocus=true);
}
/*----*/
/*----------> INDEX <----------*/
body.index{
	background:#FFF;
}
#index{
	width:728px;
	height:192px;
	background:url(../images/index.jpg) no-repeat;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-364px;
	margin-top:-96px;
}
#index ul{
	width:297px;
	height:35px;
	list-style:none;
	margin:0 auto;
	margin-top:155px;
}
#index ul li{
	width:95px;
	float:left;
	padding:2px;
}
#index ul li a{
	width:95px;
	height:35px;
	display:block;
	text-indent:-30000px;
}
#index ul li a.portugues{
	background:url(../images/portugues_off.jpg) no-repeat;
}
#index ul li a.portugues:hover{
	background:url(../images/portugues_on.jpg) no-repeat;
}
#index ul li a.ingles{
	background:url(../images/ingles_off.jpg) no-repeat;
}
#index ul li a.ingles:hover{
	background:url(../images/ingles_on.jpg) no-repeat;
}
#index ul li a.espanhol{
	background:url(../images/espanhol_off.jpg) no-repeat;
}
#index ul li a.espanhol:hover{
	background:url(../images/espanhol_on.jpg) no-repeat;
}
#index ul li a img{
	border:0 none;
}
/*----*/
body{
	background:url(../images/background.jpg) repeat-x #E4E4E4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	height:100%;
	color:#808084;
}
#geral{
	width:740px;
	margin:0 auto;
}
#geral ul{
	list-style:none;
}
#topo{
	width:740px;
	height:182px;
	margin:0 auto;
	background:url(../images/background_topo.jpg) center top repeat-x;
}
#topo h1{
	background:url(../images/logotipo.jpg) no-repeat;
	width:468px;
	height:81px;
	text-indent:-20000px;
	margin:0 auto;
	position:relative;
	top:30px;
}
#topo h1 a{
	display:block;
	width:468px;
	height:81px;
}
/*----------> MENU <----------*/
#menu{
	width:680px;
	height:25px;
	margin:0 auto;
	margin-top:69px;
}
#menu ul{
	text-transform:uppercase;
	width:608px;
	margin:0 auto;
	font-size:1.2em;
	line-height:25px;
	text-align:center;
}
#menu ul li{
	float:left;
	margin:auto 1px;
}
#menu ul li a{
	color:#808084;
	text-decoration:none;
	height:25px;
	display:block;
}
#menu ul li a:hover{
	color:#FFF;
}
#menu ul li a.empresa{
	width:95px;
}
#menu ul li a.empresa:hover{
	background:url(../images/empresa_on.jpg) no-repeat;
}
#menu ul li a.empresa01{
	background:url(../images/empresa_on.jpg) no-repeat;
	width:95px;
	color:#FFF;
}
#menu ul li a.produtos{
	width:95px;
}
#menu ul li a.produtos:hover{
	background:url(../images/produtos_on.jpg) no-repeat;
}
#menu ul li a.produtos01{
	background:url(../images/produtos_on.jpg) no-repeat;
	width:95px;
	color:#FFF;
}
#menu ul li a.noticias{
	width:95px;
}
#menu ul li a.noticias:hover{
	background:url(../images/noticias_on.jpg) no-repeat;
}
#menu ul li a.noticias01{
	background:url(../images/noticias_on.jpg) no-repeat;
	width:95px;
	color:#FFF;
}
#menu ul li a.downloads{
	width:103px;
}
#menu ul li a.downloads:hover{
	background:url(../images/downloads_on.jpg) no-repeat;
}
#menu ul li a.downloads01{
	background:url(../images/downloads_on.jpg) no-repeat;
	width:103px;
	color:#FFF;
}
#menu ul li a.localizacao{
	width:121px;
}
#menu ul li a.localizacao:hover{
	background:url(../images/localizacao_on.jpg) no-repeat;
}
#menu ul li a.localizacao01{
	background:url(../images/localizacao_on.jpg) no-repeat;
	width:121px;
	color:#FFF;
}
#menu ul li a.contato{
	width:87px;
}
#menu ul li a.contato:hover{
	background:url(../images/contato_on.jpg) no-repeat;
}
#menu ul li a.contato01{
	background:url(../images/contato_on.jpg) no-repeat;
	width:87px;
	color:#FFF;
}
/*----------------------------*/
#conteudo{
	width:740px;
	margin:0 auto;
	background:#FFF;
}
#central{
	width:600px;
	margin:0 auto;
	padding-bottom:20px;
}
#central h2{
	text-transform:uppercase;
	font-size:1.3em;
	padding-bottom:10px;
	padding-top:15px;
}
#central p{
	text-align:justify;
	line-height:16px;
	font-size:1.1em;
}
/*--------------------------------------------------------------------*/
/*------------------------------> HOME <------------------------------*/
/*--------------------------------------------------------------------*/
#centralhome{
	width:740px;
	margin:0 auto;
	padding-bottom:20px;
}
#home{
	width:740px;
	margin:0 auto;
	background:#FFF;
}
/*--------------------------------------------------------------------*/
/*-----------------------------> EMPRESA <----------------------------*/
/*--------------------------------------------------------------------*/
#empresa{
	width:600px;
	margin:0 auto;
	display:block;
}
#empresa ul{
	width:600px;
	display:table;
}
#empresa ul li{
	width:254px;
	float:left;
	font-size:1.1em;
	padding-top:30px;
}
#empresa ul li img{
	border:1px solid #F78F1E;
}
#empresa ul li.direita{
	padding-left:88px;
}
/*--------------------------------------------------------------------*/
/*----------------------------> PRODUTOS <----------------------------*/
/*--------------------------------------------------------------------*/
#produtos{
	width:600px;
	margin:0 auto;
	display:block;
	clear:both;
}
#intro{
	display:inline-block;
	padding-bottom:10px;
	margin-top:10px;
	border-bottom:1px solid #808084;
}
#intro img{
	width:180px;
	float:left;
}
#intro p{
	width:410px;
	margin-left:10px;
	float:right;
}
div.ecopavingEspaco{
	margin-top:50px;
}
#menuProdutos #blocoVoltar{
	display:block;
}
#menuProdutos #blocoVoltar h2{
	float:left;
}
#menuProdutos #blocoVoltar h3{
	float:right;
	text-transform:uppercase;
	font-size:1.2em;
	padding-bottom:10px;
	padding-top:15px;
}
#menuProdutos #blocoVoltar h3 a{
	text-decoration:none;
	color:#808084;
}
#menuProdutos #blocoVoltar h3 a:hover{
	color:#F78F1E;
}
#menuProdutos #blocoVoltar h3 a img{
	border:0 none;
}
#menuProdutos table{
	width:600px;
	clear:both;
}
#menuProdutos table td{
	width:200px;
	padding:15px 15px;
	text-align:center;
	font-size:1.2em;
	text-transform:uppercase;
}
#menuProdutos table td a{
	color:#808084;
	text-decoration:none;
	display:block;
	width:159px;
	text-align:center;
	padding-bottom:3px;
}
#menuProdutos table td a:hover{
	color:#FFF;
	background:#F78F1E;
}
#menuProdutos table img{
	border:1px solid #F78F1E;
	margin-bottom:3px;
}
#produtos h2 a.voltar{
	color:#F78F1E;
	text-decoration:none;
}
/*--------------------------------------------------------------------*/
/*----------------------------> DETALHES <----------------------------*/
/*--------------------------------------------------------------------*/
#detalhes img.produto{
	border:1px solid #808084;
}
#detalhes #blocoVoltar{
	display:block;
}
#detalhes #blocoVoltar h2{
	float:left;
}
#detalhes #blocoVoltar h2 span.corLaranja{
	color:#F78F1E;
}
#detalhes #blocoVoltar h3{
	float:right;
	text-transform:uppercase;
	font-size:1.2em;
	padding-bottom:10px;
	padding-top:15px;
}
#detalhes #blocoVoltar h3 a{
	text-decoration:none;
	color:#808084;
}
#detalhes #blocoVoltar h3 a:hover{
	color:#F78F1E;
}
#detalhes #blocoVoltar h3 a img{
	border:0 none;
}
#detalhes #clear{
	clear:both;
	padding-top:5px;
}
#detalhes #left{
	width:357px;
	float:left;
}
#detalhes #right{
	width:230px;
	float:right;
	margin-bottom:20px;
}
#detalhes #right p{
	text-align:center;
}
#detalhes #right p.galeria{
	font-size:1.2em;
	text-transform:uppercase;
	text-align:center;
	display:block;
	font-weight:bold;
	padding-bottom:30px;
/*	width:162px;
	margin-left:35px;*/
}
#detalhes #right p.galeria a{
	color:#808084;
	text-decoration:none;
}
#detalhes #right p.galeria a img{
	border:1px solid #808084;
}
#detalhes #right p.galeria a:hover{
	color:#F78F1E;
}
#galeriaOculta{
	display:none;
}
#detalhes #right div#download{
	text-transform:uppercase;
	text-align:center;
	width:162px;
	display:block;
	margin-left:35px;
	font-weight:bold;
	margin-top:15px;
}
#detalhes #right div#download p.text{
	font-size:1.1em;
	font-weight:normal;
	text-align:justify;
	text-transform:none;
}
#detalhes #right div#download a{
	color:#808084;
	text-decoration:none;
}
#detalhes #right div#download a img{
	border:1px solid #808084;
}
#detalhes #right div#download a:hover{
	color:#F78F1E;
}
#detalhes #right div#download a img.icon{
	border:0 none;
}
#detalhes #right div#download a p{
	font-size:1.2em;
	margin-top:3px;
}
#detalhes #right div#download a span{
	position:relative;
	top:-10px;
	line-height:20px;
}
#detalhes #tabela{
	clear:both;
	padding-top:20px;
	padding-bottom:30px;
}
#detalhes #tabela .tabela{
	margin-top:5px;
	border-collapse:collapse;
}
#detalhes #tabela .tabela tr, #detalhes #tabela .tabela td, #detalhes #tabela .tabela th{
	border:1px solid #808084;
	color:#666;
}
#detalhes #tabela td{
	text-align:center;
	width:35px;
}
#detalhes #tabela th{
	background:#CCC;
	color:#000;
}
#detalhes #tabela th.md{
	width:50px;
}
#detalhes #tabela td.gd{
	width:125px;
	text-align:left;
}
/*--------------------------------------------------------------------*/
/*----------------------------> NOTÍCIAS <----------------------------*/
/*--------------------------------------------------------------------*/
#noticias{
	width:600px;
	margin:0 auto;
	display:block;
	clear:both;
}
#noticias h2{
	text-transform:none;
}
#noticias span{
	color:#F78F1E;
}
#noticias p{
	width:320px;
	float:left;
}
#noticias img{
	float:right;
	border:1px solid #F78F1E;
}
#arquivo{
	clear:both;
	padding-top:60px;
}
#arquivo ul li{
	line-height:18px;
	font-size:1.2em;
	font-weight:bold;
}
#arquivo ul li a{
	color:#808084;
	text-decoration:none;
}
#arquivo ul li a:hover{
	color:#F78F1E;
}
/*--------------------------------------------------------------------*/
/*--------------------------> LOCALIZAÇÃO <---------------------------*/
/*--------------------------------------------------------------------*/
#localizacao{
	width:600px;
	margin:0 auto;
	display:block;
	clear:both;
}
#localizacao img.mapa{
	width:572px;
	margin-left:10px;
}
/*--------------------------------------------------------------------*/
/*---------------------------> DOWNLOADS <----------------------------*/
/*--------------------------------------------------------------------*/
#downloads{
	width:600px;
	margin:0 auto;
	display:block;
	clear:both;
}
#downloads #bloco{
	margin-top:30px;
	padding-bottom:20px;
	border-bottom:1px solid #808084;
}
#downloads #bloco img{
	width:100px;
	float:left;
	border:1px solid #F78F1E;
}
#downloads #bloco p.desc{
	margin-left:110px;
}
#downloads #bloco p.down{
	clear:both;
	font-weight:bold;
	padding-top:4px;
}
#downloads #bloco p.down a{
	display:block;
	color:#808084;
	text-decoration:none;
	height:21px;
	line-height:21px;
	text-indent:24px;
	background:url(../images/download_off.jpg) no-repeat;
}
#downloads #bloco p.down a:hover{
	color:#F78F1E;
	background:url(../images/download_on.jpg) no-repeat;
}
/*--------------------------------------------------------------------*/
/*----------------------------> CONTATO <-----------------------------*/
/*--------------------------------------------------------------------*/
#contato{
	width:600px;
	margin:0 auto;
	display:block;
	clear:both;
}
#contato #form{
	width:600px;
	display:table;
	padding-bottom:20px;
	border-bottom:1px solid #808084;
}
#contato form{
	width:490px;
	margin:0 auto;
	padding-top:20px;
}
#contato #left{
	width:230px;
	float:left;
}
#contato #right{
	width:240px;
	float:right;
}
#contato #right p{
	margin-left:5px;
	margin-top:5px;
}
#contato label{
	display:block;
	padding:5px;
	font-size:1.1em;
}
#contato label input, select, textarea{
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #808084;
	font-size:1em;
	color:#808084;
	display:block;
}
#contato label input{
	height:15px;
	padding:2px;
	width:190px;
}
#contato label select{
	height:21px;
	padding:2px;
	width:196px;
}
#contato textarea{
	width:230px;
	height:160px;
}
#contato input.check{
	border:0 none;
	margin-left:30px;
	vertical-align:middle;
}
#contato input.enviar{
	margin-left:138px;
	margin-top:18px;
	width:100px;
}
#representantes{
	padding-top:20px;
	clear:both;
}
#contato a:hover{
	color:#F78F1E;
}
#representantes h2{
	padding-bottom:0px;
	padding-top:0px;
}
#representantes h3{
	color:#F78F1E;
	font-size:1.2em;
	vertical-align:middle;
	text-transform:uppercase;
	padding-top:20px;
}
#representantes h4{
	text-transform:uppercase;
	font-size:1.1em;
	margin-left:10px;
}
#representantes p{
	font-size:1.1em;
	margin-left:10px;
}
.pusher{
	cursor:pointer;
	width:250px;
}
/*--------------------------------------------------------------------*/
/*-----------------------------> RODAPÉ <-----------------------------*/
/*--------------------------------------------------------------------*/
#rodape{
	width:740px;
	clear:both;
	margin:0 auto;
	height:60px;
	background:url(../images/rodape.jpg) repeat-x;
}
#rodape address{
	text-align:center;
	font-style:normal;
	font-size:1em;
	line-height:20px;
	padding-top:10px;
}   
#rodape address a{
	color:#808084;
	text-decoration:none;
}
#rodape address a:hover{
	color:#F78F1E;
}
#rodape span{
	float:right;
	margin-top:-20px;
}
#rodape img{
	border:0 none;
}
#rodape span a.cia{
	background:url(../images/cia.jpg) no-repeat;
	width:20px;
	height:20px;
	display:block;
	text-decoration:none;
}
#rodape span a.cia:hover{
	background:url(../images/cia_hover.jpg) no-repeat;
}
#rodape #mudarIdioma{
	width:160px;
	clear:both;
	margin:0 auto;
	margin-top:10px
}
#rodape #mudarIdioma ul{
	list-style:none;
}
#rodape #mudarIdioma ul li{
	width:70px;
	height:14px;
	padding:0 5px;
	float:left;
	text-indent:-30000px;
}
#rodape #mudarIdioma ul li a{
	display:block;
	width:70px;
	height:14px;
}
#rodape #mudarIdioma ul li.iIngles a{
	background:url(../images/iIngles.jpg) no-repeat;
}
#rodape #mudarIdioma ul li.iIngles a:hover{
	background-position:0 -14px;
}
#rodape #mudarIdioma ul li.iEspanhol a{
	background:url(../images/iEspanhol.jpg) no-repeat;
}
#rodape #mudarIdioma ul li.iEspanhol a:hover{
	background-position:0 -14px;
}
#rodape #mudarIdioma ul li.iPortugues a{
	background:url(../images/iPortugues.jpg) no-repeat;
}
#rodape #mudarIdioma ul li.iPortugues a:hover{
	background-position:0 -14px;
}