/**
* COMUM - TELA
* Estilo para desktop aplicado ao site inteiro.
*
* @package EWM
* @copyright Encart Web Marketing
* @author Flávio Y. Nakamura (flavio@encart.com.br)
* @version 1.0.0
*
*/

/* GERAL */
body { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; background: white url('geral_fundo.jpg') repeat-y center; }
div, p, td, th, input, select, textarea, button { font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #333; }

a		{ color: #0093dd; text-decoration: none; }
a:hover	{ color: #322b78; text-decoration: underline; }

img { border: none; }

ul { margin: 0; padding: 5px 0 5px 40px; }
ul li { padding-bottom: 5px; }
ol { margin: 0; padding: 5px 0 5px 40px; }
ol li { padding-bottom: 5px; }

/* Estrutura */
div#Geral { text-align: center; }
div#Moldura { width: 778px; margin: 0 auto 0 auto; text-align: left; background-color: white; }

/* Topo */
div#Topo { width: 778px; height: 330px; overflow: hidden; }
div#Topo h1 { padding: 0; margin: 0; }
div#Topo h1 a { display: block; height: 272px; background: white url('topo_titulo.jpg') no-repeat top center; text-indent: -1000px; overflow: hidden; }

div#Topo_Flash { height: 272px; overflow: hidden; }

div#Topo div.Menu { height: 58px; background: #7fc9ee url('topo_menu.gif'); overflow: hidden; }
div#Topo div.Menu ul { margin: 0; padding: 0 0 0 258px; list-style: none; }
div#Topo div.Menu li { margin: 0; padding: 0; display: inline; }
div#Topo div.Menu a { display: block; float: left; width: 103px; font: bold 13px 'Trebuchet MS', Arial, Helvetica, sans-serif; color: white; text-align: center; padding: 20px 0 20px 1px; background: url('topo_menu_separador.gif') no-repeat center left; }
div#Topo div.Menu a:hover { background-color: #0093dc; text-decoration: none; }

/* Meio */
div#Meio { padding-top: 10px; }

div#Meio_Lateral { width: 207px; float: left; border-right: 1px dotted #9895bb; text-align: center; }
div#Meio_Lateral div.Quadro { text-align: left; width: 191px; margin: 0 auto 0 auto; padding-bottom: 15px; }
div#Meio_Lateral div.Quadro div.Titulo { font: bold 12px 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #0093dd; text-align: right; background: white url('quadro_titulo.gif') no-repeat top left; padding: 28px 10px 3px 0; }
div#Meio_Lateral div.Quadro div.Texto { color: #4b4b4b; background-color: #f2f9fd; margin: 5px 0 0 17px; padding: 5px; }
div#Meio_Lateral div.Quadro div.Texto ul { margin: 0; padding: 0; list-style: none; }
div#Meio_Lateral div.Quadro div.Texto ul li { margin: 0; padding: 0 0 3px 13px; background: url('quadro_item.gif') no-repeat top left; }

div#Meio_Lateral div.Quadro div.Quadro_Contato div.Titulo { background-image: url('quadro_titulo_contato.gif'); }
div#Meio_Lateral div.Quadro div.Quadro_Produto_1 div.Titulo { background-image: url('quadro_titulo_madeira.gif'); }
div#Meio_Lateral div.Quadro div.Quadro_Produto_2 div.Titulo { background-image: url('quadro_titulo_arame.gif'); }

div#Meio_Conteudo { margin: 0 10px 0 227px; }
div#Meio_Conteudo p { margin: 0; padding: 7px 0 7px 0; }
div#Meio_Conteudo h1 { font: bold 16px 'Trebuchet MS', Verdana, Arial; color: #909090; margin: 0; padding: 7px 0 7px 0; }
div#Meio_Conteudo h2 { font: bold 16px 'Trebuchet MS', Verdana, Arial; color: #322b78; margin: 0; padding: 7px 0 7px 0; }
div#Meio_Conteudo h3 { font: bold 13px Arial; color: #a0a0a0; margin: 0; padding: 7px 0 7px 0; }

div#Meio_Conteudo p.Detalhes_Foto { text-align: center; }
div#Meio_Conteudo div.Detalhes_Lancamento { height: 31px; overflow: hidden; text-indent: -1000px; background: url('lancamento_grande.gif') no-repeat center; }
div#Meio_Conteudo p.Descricao { font-style: italic; }
div#Meio_Conteudo div.Detalhes { padding: 7px 0 7px 0; }

div#Meio_Conteudo ul.Detalhes { margin: 0; padding: 7px 0 7px 10px; list-style: none; }
div#Meio_Conteudo ul.Detalhes li { margin: 0; padding: 1px 0 5px 20px; background: url('detalhes_item.gif') no-repeat top left; }
div#Meio_Conteudo ul.Detalhes li.Download { background-image: url('detalhes_download.gif'); }

/* Rodapé */
div#Rodape { clear: both; height: 100px; overflow: hidden; background: url('rodape_fundo.gif') repeat-x top; }
div#Rodape_Flash { width: 320px; height: 100px; float: right; }
div#Rodape div.Sobre { color: #676767; padding: 50px 0 0 10px; }
div#Rodape div.Sobre a { color: #aaa; }

/* Listagem de produtos */
table.Produtos { margin: 10px 0 10px 0; border-collapse: collapse; border: none; padding: 0; }
table.Produtos td { font: normal 11px Arial; vertical-align: top; margin: 0; padding: 0 0 5px 0; border: none; }
table.Produtos td.Foto { width: 113px; text-align: center; }
table.Produtos td.Texto { width: 152px; }
table.Produtos td.Foto a { display: block; width: 110px; height: 87px; background: url('foto_moldura.gif') no-repeat top left; text-align: center; padding-top: 2px; }
table.Produtos a.Titulo { color: #777; font-weight: bold; }
table.Produtos div.Lancamento { width: 100px; height: 20px; overflow: hidden; text-indent: -1000px; background: url('lancamento.gif') no-repeat; }

/* Tabela de produtos */
table.Produtos_Tabela { border-collapse: collapse; margin: 7px 0 7px 0; }
table.Produtos_Tabela th { font-weight: bold; color: #c3c3c3; padding: 2px; border-top: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3; }
table.Produtos_Tabela th.Titulo { border: none; font: bold 13px Arial; color: #000; margin: 0; padding: 15px 0 7px 0; text-align: left; }
table.Produtos_Tabela th.Subtitulo { border-top: none; border-bottom: 1px solid #322b78; color: #322b78; padding: 5px 2px 2px 2px; text-align: left; }
table.Produtos_Tabela td { border-bottom: 1px dotted #c3c3c3; padding: 2px; }
table.Produtos_Tabela td.Manual { text-align: center; }
table.Produtos_Tabela td.Manual a { display: block; width: 16px; height: 16px; text-indent: -1000px; overflow: hidden; background: url('detalhes_download.gif') no-repeat top left; margin: 0 auto 0 auto; }
table.Produtos_Tabela td.Manual span { display: block; width: 16px; height: 16px; text-indent: -1000px; overflow: hidden; background: url('detalhes_download_inativo.gif') no-repeat top left; margin: 0 auto 0 auto; }

/* Paginação */
div.Paginacao { text-align: right; padding-top: 10px; color: #909090; }

div.Paginacao div.Primeira { display: inline; }
div.Paginacao div.Primeira span { padding: 0 20px 0 18px; background: url('../layout/paginacao_primeira_inativo.gif') no-repeat top left; }
div.Paginacao div.Primeira a { padding: 0 20px 0 18px; background: url('../layout/paginacao_primeira_ativo.gif') no-repeat top left; }

div.Paginacao div.Anterior { display: inline; }
div.Paginacao div.Anterior span { padding: 0 20px 0 18px; background: url('../layout/paginacao_anterior_inativo.gif') no-repeat top left; }
div.Paginacao div.Anterior a { padding: 0 20px 0 18px; background: url('../layout/paginacao_anterior_ativo.gif') no-repeat top left; }

div.Paginacao div.Lista { display: inline; }
div.Paginacao div.Lista span { font-weight: bold; color: #322b78; }

div.Paginacao div.Proxima { display: inline; }
div.Paginacao div.Proxima span { padding: 0 18px 0 20px; background: url('../layout/paginacao_proxima_inativo.gif') no-repeat top right; }
div.Paginacao div.Proxima a { padding: 0 18px 0 20px; background: url('../layout/paginacao_proxima_ativo.gif') no-repeat top right; }

div.Paginacao div.Ultima { display: inline; }
div.Paginacao div.Ultima span { padding: 0 18px 0 20px; background: url('../layout/paginacao_ultima_inativo.gif') no-repeat top right; }
div.Paginacao div.Ultima a { padding: 0 18px 0 20px; background: url('../layout/paginacao_ultima_ativo.gif') no-repeat top right; }

/* Contato */
div#Meio_Conteudo div.Contato_Lista { text-align: right; }
div#Meio_Conteudo div.Contato_Lista h3 { padding: 10px 0 0 0; }
div#Meio_Conteudo div.Contato_Lista p { padding: 1px 0 1px 0; }

/* Aviso */
div#Aviso { margin: 7px 0 7px 0; padding: 5px; border: 1px dotted #0093dd; background-color: #f2f9fd; }
div#Aviso h4 { margin: 0; padding: 0 0 2px 0; color: #0093dd; }
div#Aviso ul { margin: 0; padding: 0 0 0 20px; list-style: square; }
div#Aviso li { margin: 0; padding: 0; color: #4b4b4b; }

/* Formulário */
div#Meio_Conteudo span.Requerido { color: #aa0000; }

div#Meio_Conteudo form { margin: 0; padding: 5px 0 5px 0; }
div#Meio_Conteudo label.Rotulo { width: 150px; text-align: right; float: left; padding-top: 2px; }
div#Meio_Conteudo div.Campo { margin-left: 155px; padding-bottom: 5px; }
div#Meio_Conteudo div.Botoes { margin-left: 155px; padding-top: 10px; }

div#Meio_Conteudo input, div#Meio_Conteudo select, div#Meio_Conteudo textarea { border: 1px solid #c3c3c3; max-width: 350px; }
div#Meio_Conteudo button { border: 1px solid #cce9f8; background-color: #cce9f8; color: #0093dd; padding: 2px 7px 2px 7px; }
div#Meio_Conteudo input.Caixa_Selecao { border: none }