* { margin:0; padding:0; }
html {
	height: 100%;
	margin: 0;
}

body { 
	height:100%;
	color:#000; 
	margin:0; 
	padding:0;
	font-family:Verdana,Arial,Sans-serif; 
	font-size:10px;
	text-align: center;
	background:#ecebd9;
}

#geral { 
	margin:0 auto; 
	width:800px;
	border:1px dotted #ccc;
	display:table;
	background:#FFFFFF;
}

#wrapper {
	margin:0 auto; 
	width:800px;
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
	min-height: 90%;
}

#topo {
	width: 800px; 
	height:170px; 
	margin: 0 auto; 
	position: relative; 
	background:url('../i/bg-topoD.jpg') no-repeat bottom right; 
	text-align: left;
}

#topo .menu { height: 60px; line-height:50px; width: 605px; font-size: 10px; top: 5px; float:left; }
#topo .menu ul { height: 80px; width: 100%; *width: 99%; font-size: 10px; padding:0; list-style:none; }
#topo .menu ul li { margin:2px -1px ; height: 70px; font-size: 10px; padding:8px 4px;, *padding:3px; float:right; text-align: center; }
#topo .menu ul li:hover { height: 70px;}
#topo .menu ul li a { font-size:11px; color: #aa0000; background: #DDDDDD }
#topo .menu ul li a:hover { text-decoration: none; color:#999999;}


#topo #logo { background:#fff url('../i/logotipo.jpg') no-repeat top left; width:255px; height:70px; margin-top:30px; margin-left:5px; float:left; }
#topo #logo #flash { margin:0; padding:0; position:relative; top:5px; left:7px; display:block; width:220px; height:60px; text-indent:-99999px;}

#topo .busca { position: absolute; right: 10px; top:105px; *top: 205; height:90px; }
#topo .busca form label { display:block; color:#000; font-weight:bold;}
#topo .busca form input { color:#000; border:1px solid #666; background: #ddd; padding:2px; width:145px; }
#topo .busca form button { padding:0; width:30px; height:25px; cursor:pointer; border:none; background: url('../i/bg-botao-ir.jpg') no-repeat top left; text-align:center; color:#fff; font-weight:bold;}
#topo .busca form button:hover { background-position:bottom;}

#menu-produtos { width: 800px; float:left; text-align:center; height:90px; background:#dddddd;}
#menu-produtos ul { list-style:none; margin:0;}
#menu-produtos ul li { width:225px; height:80px; display:inline; margin:0 12px 0 12px; padding:0; float:left; margin:5px; margin-left:30px; }
#menu-produtos ul li a { outline:none; width:225px; height:80px; display:block; text-indent:-99999px;}
#li-linha-1 a { background: url('../i/linha-vidros.jpg') no-repeat top left;}
#li-linha-2 a { background: url('../i/linha-produtos-para-moveis.jpg') no-repeat top left; }
#li-linha-3 a { background: url('../i/linha-aluminio.jpg') no-repeat top left;}

#banner { position:relative; clear:both; text-align:center;}
#banner p a { outline:none;}

#rodape {
	text-align:center; 
	width:800px; 
	height:45px;
	margin:0 auto;
	position: relative;
	bottom:0;
	clear: both;
	background:#dddddd;
}
#rodape .texto { padding-top: 20px; color: #000; font-size: 9px; }

#black_overlay, #preloader { height:600px; min-height:600px; top: 0%; left: 0%; width: 100%; text-align:center; line-height:0; float:left;}

#preloader p { font-size:1.5em; margin:25% 0 0 0; text-align:center; color:#666;}
#black_content { color:#666; position: absolute; top: 5%; left: 25%; width: 700px; height: 50%; padding: 5px; z-index:1002; text-align:center;}
#black_content p {clear:both; margin:0; padding:0;}
#black_content p.btn-fechar {  margin:0 0 5px 0; clear:none; text-align:right; float:right; width:66px; height:22px;}
#black_content p.btn-fechar a { display:block; width:66px; height:22px; text-indent:-999999px; color:#fff; background: url('../i/btn-fechar.gif') no-repeat bottom left;}
#black_content p.btn-fechar a span { display:none;}
#black_content h3 { text-align:left; float:left; line-height:16px; width:90%; font-size:1.2em; color:#000; padding-left:25px; margin:0 0 0 0;}
#black_content div.img-g { padding:5px; margin:0; }
#black_content div.img-g p { color:#000; text-align:left;}
#black_content div.img-g p.ref { font-weight:bold; line-height:12px; padding:5px 0;}
#black_content div.img-g p.desc { line-height:12px;}
#black_content ul { margin:10px 0 0 0; padding:0; list-style:none;}
#black_content ul li { text-align:center; margin:0; padding:0; float:left; width:100px; height:110px;}
#black_content ul li span { display:block; font-weight:normal;}
#black_content ul li span.invisivel { display:none; visibility:hidden;}
#black_content ul li span.img { /*height:80px;*/ margin:0 0 2px 0;}
#black_content ul li span.img img { border:1px solid #ddd;}


/* -------- Conteudo ---------- */

#conteudo { width: 720px; margin:10px auto; text-align: left;}
#conteudo p {text-align: justify; font-size: 1.1em; color: #000; }
#conteudo .desc { font-style:italic; color:#fff; font-size:1.2em; margin:0 0 10px 0; }
#conteudo .r { clear:both; height:10px; text-align:right; }
#conteudo .c { clear:both; color:#D7251B; height:10px; padding:10px 0 5px; text-align:center; }
#conteudo fieldset {border:1px solid #ddd; padding:10px;}
#conteudo fieldset legend { font-size:1.6em; color:#D7251B; }
#conteudo ul { padding: 5px; background:#fff; }
#conteudo ul li { padding-bottom: 10px; }


/* -------- Formularios ----------*/
form { margin:0; padding:0; }
form .row { margin: 0 0 10px 0;}
form .row label { color:#990000; display:block; font-weight:bold; }
form .row label.inline { color:#000; display:inline; font-weight:normal; padding:0 10px 0 0; }
form .row label em { display:block; font-weight:normal; }
form .row input, form ul li select, form ul li textarea { background:#DDDDDD none repeat scroll 0 0; border:1px solid #dddddd; color:#000000; padding:2px; }
form .row input.radio { background:transparent none repeat scroll 0 0; border:medium none; }
form .row input.check { background:transparent none repeat scroll 0 0; border:medium none; }
form .row span { display:block; font-weight:bold; margin:5px 0 3px; }
form .row span.normal { font-weight:normal; }
form .row span.required { color:#D7251B; display:inline; font-weight:bold; }
form .row button { background:transparent url(../i/bg-botao.jpg) no-repeat scroll left top; border:medium none; color:#FFFFFF; cursor:pointer; font-weight:bold; height:25px; padding:0; text-align:center; width:100px; }
form .row button:hover { background-position:center bottom; }
form .float { float:left; margin:0 10px 10px 0; position:relative;}
form .clear { clear:both; position:relative; }
form .altura { height:50px; }
form .profissoes { float:left; width:50%;}

/* ----------- Endereco ----------- */
.andress p { font-size: 12px; padding-bottom: 5px;}
.andress .b { font-weight: bold;}



h1 { display:none; font-size:1.9em;}
h2 { position:relative; margin:0 0 10px 0; font-size:1.7em;}
h3 { position:relative; font-size:1.5em; margin:0; clear: both; width:100%; padding-left:25px; padding-top:5px; display:table; padding-bottom:20px; color:#af0c0d; background:url('../i/ico-area.jpg') top left no-repeat;}
h4 { clear:both; font-size:1.6em; color:#D7251B; margin:0 0 10px 0; background: url('../i/icone-titulo-produtos.gif') no-repeat center left; padding:0 0 0 10px;}
h4 a { text-decoration:none; font-weight:bold; color:#D7251B;}
h5 { font-size:1.1em; color:#000;}

a { color:#D7251B; font-weight:normal; text-decoration:none; }
a:hover { text-decoration:underline; }
a img { border:none;}

hr { visibility: hidden; border:none; background:none; padding:0; margin:0; height:1px; width:auto; clear:both;}

/* �rea Acontece */
.resumo { color:#999; margin:0 0 20px 0; font-style:italic;}
.data { color:#999; margin:0 0 5px 0; font-style:italic;}
.texto_html { color:#fff; margin:0 0 10px 0; }
.texto_html h5 { margin:15px 0 5px 0; color:#fff;}
.fonte { margin:10px 0 20px 0; font-style:italic; color:#999;}

h5.mais-registros { border-bottom:1px solid #dddddd; margin:0 0 10px 0;}

.lista_de_noticias {margin:0; padding:0; list-style:none;}
.lista_de_noticias li.todos-os-registros {text-align:right;}

.todos_os_registros { margin:0; padding:0; list-style:none;}
.todos_os_registros li { margin:0 0 20px 0;}
.todos_os_registros li span { display:block;}
.todos_os_registros li span.titulo { margin:0 0 5px 0;}
.todos_os_registros li span.titulo a { font-size:1.2em; font-weight:bold;}
.todos_os_registros li span.img { margin:0 10px 0 0; background:#fff; padding:5px; float:left; width:90px;}
.todos_os_registros li span.img img { padding:0;}

/* Produtos */

.nome-linha { font-size:2.0em; float:right; width:200px;}

.lista_de_produtos_e_sublinhas { float:left; width:460px; margin:5px;}
.lista_de_produtos_e_sublinhas li { width:47%; float:left; list-style:none; margin:5px; padding:0 0 3px 0; border-bottom:1px dashed #333; }
.lista_de_produtos_e_sublinhas li a { background: url('../i/icone-lista-produtos.gif') no-repeat center left; padding:0 0 0 8px; font-weight:bold; color:#222; text-decoration:none;}
.lista_de_produtos_e_sublinhas li a:hover, .lista_de_produtos_e_sublinhas li a.visited { background: url('../i/icone-lista-produtos-houver.gif') no-repeat center left; padding:0 0 0 8px; color:#D7251B; text-decoration:none;}

#tipos { margin-top: 10px; padding:0; list-style:none;}
#tipos li { float:left; color:#666; padding:0 10px 0 0; line-height:15px;}
#tipos li a { color:#990000; font-weight: bold; padding:0 10px 0 0; font-size:1.1em;}

#produto { clear:both; margin:10px auto; width:650px;}
#produto .top { background: url('../i/produto-topD.jpg') no-repeat top left; height: 12px; }
#produto .middle { clear:both; background: url('../i/produto-middleD.jpg') repeat-y top left; padding: 10px; padding-right: 20px; border:1px solid #CCCCCC; }
#produto .bottom { clear:both; background: url('../i/produto-bottomD.jpg') no-repeat top left; height: 23px; }
#produto .nome { padding-bottom: 10px;}
#produto .nome a { text-decoration:none; color:#000; font-size:1.2em; font-weight:bold;}
#produto .imagem-produto-fundo { float:left; background:#ccc; padding:5px; }
#produto .dados-produto { float:right; background:#fff; width: 440px; }
#produto .imagem-tecnica { float:left; padding:5px; background:#ccc; margin-right: 10px; }
#produto .descricao { text-align: justify; font-size: 1.0em;}
#produto .cores { width:90px; height:90px; float:left; background:#fff; margin:10px 5px 0 0; text-align:center;}
#produto .cores span { margin:0 0 5px 0;}
#produto .cores span.cor { margin:0 auto; border:1px solid #eee; width:55px; height:55px; }
#produto .cores span.cor span { display:none;}
#produto .aviso { display:block; color:#D7251B; font-weight:bold;}
#produto .cor { margin-top: 20px;}
#produto .links { float: left; margin-top: 15px; padding: 5px;}
#produto .link { margin-top: 10px; margin-bottom: 10px; margin-right: 10px; color:#000; padding:4px; text-decoration:none; background: #ccc; border:1px solid #dddddd;}
#produto .link:hover { background: #999; border:1px solid #666;}
#produto .ir-para-os-tipos { padding:2px 0 0 0; clear:both;  float: right;}



/*
.lista_de_produtos li span.dados-produto-g { position:relative; float:none; background:#fff; width:590px; padding:10px;}
.lista_de_produtos li span.referencia-produto { color:#D7251B; font-weight:bold; margin:0 0 10px 0;}
.lista_de_produtos li span.utilizacao { display:none; color:#fff; z-index:1010; padding:5px; background:#0F0F0F; width:240px; border:2px solid #333; text-align:left; position:absolute; top:5px; right:10px;}
.lista_de_produtos li span.utilizacao span.fechar { display:block; margin:10px 0 5px 0; padding:0; text-align: right; }

*/



/* �rea Representantes */
.lista_de_estados { margin:0; padding:0; list-style:none;}
.lista_de_estados li { float:left; color:#666; padding:0 10px 10px 0; line-height:15px;}
.lista_de_estados li a { color:#222; font-weight: bold; padding:0 10px 0 0; font-size:1.1em;}

.lista_de_representantes { margin:0 0 30px 0; padding:0; list-style:none;}
.lista_de_representantes li { margin:0 0 10px 0; padding:0; }
.lista_de_representantes li.r {text-align:right;}
.lista_de_representantes li span { display:block; margin:0 0 1px 0; color:#000; }
.lista_de_representantes li span.nome {font-size:1.2em; font-weight:bold;}
.lista_de_representantes li span span { display:inline; color:#000; font-weight: bold; }

h4.titulo { padding:20px 0 0 10px; background: url('../i/icone-titulo-fale-conosco.gif') no-repeat top left; margin:20px 0 10px 0; border-top:1px solid #333;}

/* Classes Gen�ricas */
.lista_de_imagens { z-index:1; position:relative; float:left; width:160px; margin:0 10px 0 0; list-style-type:none; }
.lista_de_imagens li { background: #fff; position:relative; float:none; text-align:center; padding:5px; }
.lista_de_imagens li span { display:block; }
.lista_de_imagens li span.img { margin:0 auto; background:#fff; padding:5px;}
.lista_de_imagens li span.img img { padding:0;}

.html { color:#000; margin:0 0 10px 0; font-size:1.0em; }

.err { width:350px; background:#0f0f0f; border:2px solid #333; margin:0 auto 10px auto; }
.err h4 { font-size:1.2em; background:#9F1D13; color:#fff; padding:5px; text-align:center; }
.err span { display:inline; font-weight:bold;}
.err ul { padding:0 0 10px 0; margin:10px 10px 0 10px ; list-style:none; color:#fff; }
.err li { margin-bottom:5px; }

.invisivel { display:none; visibility:hidden; }

.ancora { visibility:hidden; }

#map { height: 260px; width: 450px; margin: 130px; }