/* 

    Document   : estilo.css
    Created on : 05/02/2010, 14:04:20
    Author     : Paulo M Luft - Acao Direta Web Studio
    Description: CSS - msestofados.com.br

    TODO customize this sample style
    Syntax recommendation http://www.w3.org/TR/REC-CSS2/

*/

*                           { padding:0; margin:0; }
img, fieldset               { border:none; }
body                        { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; background:url(../imagens/fundo.png) repeat-x; width:100%   }
div.clear                   { clear:both; }

/* textos */ 
h1                          { }
h2                          { font-family:Tahoma; font-size:23px; color:#666666; text-align:center; }
h3                          { height:32px; font-family:Tahoma; font-size:16px; color:#000; }
h3 img                      { vertical-align:middle;}
h4                          { }
h5                          { }
p                           { }
a                           { }
a:hover                     { }

/* ------ Estrutura do site ------ */
div#container               { width:980px; margin:0 auto; border-top:8px solid #000000; }
div#header                  { }
div#wrapper                 { }
div#footer                  { width:980px; height:38px; background:url(../imagens/fundo-rodape.jpg) no-repeat; line-height:38px; margin-top:10px; _margin-top:20px; }
div#footer p                { margin-left:10px; color:#666666; float:left; }
div#footer img              { float:right; margin-right:10px; margin-top:10px; }
img#logo                    { float:left;margin:5px 0 0 20px; }

/* ------ Menu ------ */
div#menu                    { float:right; }
div#menu ul                 {  }
div#menu ul li              { list-style:none; float:left; }
div#menu ul li a            { display:block; padding:25px 25px; font-size:16px; text-decoration:none; border-right:1px dashed #C7C7C7; font-weight:bold; background: transparent url(../imagens/menu/fundo-menu.png) no-repeat; color:#000; }
div#menu ul li a#link_ativo { background: transparent url(../imagens/menu/fundo-menu.png) no-repeat 0px 0px; color:#fff; }

/* ----- Contet ----- */
div#banner                  { margin-top:10px;}


/* ----->>>>> formulario <<<<<-------- */
input, textarea, select         { border: 1px solid #4B5554; }
input#enviar                    { width:80px; height:18px; background:#7C8587; border: 1px solid #4B5554; color:#fff; }

form.fale_conosco               { width:500px;  float:left; }
form.fale_conosco fieldset      { border:none; }
form.fale_conosco label         { width:110px; margin-top:10px; height:15px; padding-top:3px; padding-left:10px; float:left; color:#000; }
form.fale_conosco input         { width:370px; margin-top:10px; padding:2px; border: solid 1px #CCC; background:#E6E6E6; }
form.fale_conosco textarea      { width:375px; margin-top:10px; border: solid 1px #CCC; background:#E6E6E6; }
form.fale_conosco input#enviar  { height:20px; width:100px; background:#E6E6E6; border: solid 1px #CCC; color:#666; letter-spacing:1px; }
form.fale_conosco select        { width:155px; margin-top:10px; padding:2px; border: solid 1px #CCC; background:#E6E6E6; }



/* Mensagem form */
p.ok                            { width:747px; margin:0 0 10px 0px; height:35px; background:#94AD7A; color:#fff; text-align:center; }
p.unok                          { width:747px; margin:0 0 10px 0px; height:35px; background: #990000; color:#fff; text-align:center; }
.campo_requer                   { border:solid 1px #900; color:#333; }




div#engloba_destaques           { width:446px; height:227px; background:url(../imagens/fundo-produtos.png) no-repeat; float:left; margin-top:10px; overflow:hidden}
div.descricao                   { float:left; margin-top:25px; margin-left:50px;}
div.margin                      { margin-left:25px;}


div#quadro_2                    { width:509px; height:227px; background:url(../imagens/fundo-quadro-2.jpg) no-repeat; float:left; margin-top:10px; margin-left:20px; display:inline; overflow:hidden  }
div#quadro_2 ul.garantia        { float:left; margin-left:60px; margin-top:10px;}
div#quadro_2 img.garantia       { margin-left:20px; margin-top:5px; float:left;}
div#quadro_2 img.linha          { margin-left:10px;}
div#quadro_2 img.cadeira        { float:left; margin-left:20px;}
div#quadro_2 img.linha_2        { float:left; margin-left:20px; margin-top:5px;}
div#quadro_2 ul.garantia li     { height:25px; list-style:url(../imagens/setinha.png); font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#666666; line-height:25px; }
div#quadro_2 ul.estofados li    { list-style:none; }
div#quadro_2 ul.estofados       { float:left; margin-left:20px; }
div#quadro_2 ul.contato         { list-style:none; font-size:10px; position:relative; display:block; }
div#quadro_2 ul.contato li      { margin-left:50px; }
div#quadro_2 ul.contato li.txt_fone    { position:absolute; top:0;  }
div#quadro_2 ul.contato li.txt_globo   { position:absolute; top:25px;  }
div#quadro_2 ul.contato li.txt_mail    { position:absolute; top:70px;  }
div#quadro_2 ul img.fone        { position:absolute; left:12px; }
div#quadro_2 ul img.globo       { position:absolute; left:5px; top:25px; }
div#quadro_2 ul img.mail        { position:absolute; left:3px; top:65px; }


div#contato_home                { width:270px; height:100px; float:right; margin-right:10px;}


div#empresa                     { width:980px; height:227px; background:url(../imagens/fundo-g.png) no-repeat; margin-top:10px;}
div#empresa ul.coluna1          { float:left; margin-left:30px; }
div#empresa ul.coluna2          { float:left; margin-left:130px; }
div#empresa img.linha_c         { float:left; margin-left:130px; margin-top:5px;}
div#empresa li                  { list-style:url(../imagens/setinha.png); margin-left:10px;}
div#empresa p                   { margin-left:10px; margin-right:10px; }



div.coluna_esq                  { width:446px; height:227px; background:url(../imagens/fundo-produtos.png) no-repeat; float:left; margin-top:10px; overflow:hidden}
div.coluna_dir                  { width:446px; height:227px; background:url(../imagens/fundo-produtos.png) no-repeat; float:left; margin-top:10px; margin-left:80px; overflow:hidden}


div#localizacao                 { width:980px; height:400px; background:url(../imagens/fundo-l.png) no-repeat; margin-top:10px; position:relative;}

div#localizacao ul.contato      { list-style:none; font-size:10px; position:relative; display:block; }
div#localizacao ul.contato li   { margin-left:50px; }

div#localizacao ul.contato li.txt_fone    { position:absolute; top:0;  }
div#localizacao ul.contato li.txt_globo   { position:absolute; top:35px; }
div#localizacao ul.contato li.txt_mail    { position:absolute; top:90px; }
div#localizacao ul img.fone     { position:absolute; left:12px; }
div#localizacao ul img.globo    { position:absolute; left:5px; top:35px; }
div#localizacao ul img.mail     { position:absolute; left:3px; top:85px; }



div#fale_conosco_end ul.contato { list-style:none; font-size:10px; position:relative; display:block; }
div#fale_conosco_end ul.contato li    { margin-left:50px; }

div#fale_conosco_end ul.contato li.txt_fone    { position:absolute; top:0;  }
div#fale_conosco_end ul.contato li.txt_globo   { position:absolute; top:35px; }
div#fale_conosco_end ul.contato li.txt_mail    { position:absolute; top:90px; }
div#fale_conosco_end ul img.fone { position:absolute; left:12px; }
div#fale_conosco_end ul img.globo{ position:absolute; left:5px; top:35px; }
div#fale_conosco_end ul img.mail { position:absolute; left:3px; top:85px; }