/* 

    Document   : estilo.css
    Created on : 21/06/2010, 09:20:20
    Author     : Paulo M Luft - Acao Direta Web Studio
    Description: CSS - DOMINIO

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

body                                    { background:url(../imagens/fundo-body.png) center 0 no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:14px;  }
div.clear                               { clear:both; }
img, fieldset                           { border:none; }
/* textos */ 
h1                                      { }
h2                                      { font-size:20px; padding-left:20px; background:url(../imagens/item.gif) 0 5px no-repeat; border-bottom:1px solid #ccc;margin:20px 0 10px 0;}
h3                                      { }
h4                                      { }
h5                                      { }
p                                       { font-size:12px;  }
a                                       { color:#EC9644 }
a:hover                                 { }

/* Correção para divs com float - clear fix */
.clearfix:after                         { content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0;	height: 0;}
.clearfix                               { display: inline-block;} 
html[xmlns] .clearfix                   { display: block;}
* html .clearfix                        { height: 1%;}


/* ------ Estrutura do Site [divs mais fixas que não serão alteradas] ------ */

div#container                           { width:980px; margin:0 auto; }
div#header                              { width:980px; margin-top:10px; }
div#wrapper                             { width:695px; float:right; margin-top:60px; }
div#content_left                        { float:left; }
div#content_right                       { float:right; }
div#footer                              { height:70px; width:100#; background:url(../imagens/fundo-footer.png); }

div.center_footer						{ width:980px; margin:0 auto; position:relative; }
div.center_footer p						{ position:absolute; top:40px; left:20px; }
div.center_footer a						{ position:absolute; top:40px; right:20px; }


/* Conteúdo do site */
div#header p	                        { text-align:right; font-size:12px; margin:5px 0;  }
div#header .tele                        { font-size:28px;  }
div#header .tele span                   { font-size:16px; }
#logo									{ float:left; margin:20px 0 0 30px;}
#menu									{ width:280px; position:relative; top:-40px; float:left;  }
#menu ul								{ margin: 0px 0 0 45px; }
#menu li								{ font-size:18px; margin:10px 0; list-style-image:url(../imagens/lista1.gif);   }
#menu li a								{ color:#333; text-decoration:none;  }
#menu li a:hover						{ text-decoration:underline;  }
#menu ul ul								{ margin: 0px; }
#menu li li								{ margin:10px 0 10px 30px;  font-size:12px; list-style-image:url(../imagens/sub-lista.gif); }
#menu li.seta							{ list-style-image:url(../imagens/lista2.gif); margin-left:5px; }
.endereco								{ width:640px; height:295px; float:right; margin-right:30px; display:inline; }
.financiamento							{ margin:20px 0 0 30px; }
#menu p a								{ color:#333;  }
#menu p a:hover							{  text-decoration:none;  }

.box 									{ width:650px; margin-top:20px; } 
.box img								{ padding:5px; border:1px solid #E6E6E6;  float:left;  } 
.barra									{ width:630px; height:28px; background:#EC9644; padding:0 10px; }
.hr										{ margin:0px 0 10px 15px; background: #999; width:635px; height:2px; overflow:hidden; padding:0px;  }
.barra	p								{ float:left; line-height:28px; color:#333; font-weight:bold; }
.barra	p span							{ color:#fff;  }
.barra	p.valor							{ float:right; color:#FFF; }
.box .texto								{ float:right; }
.box .detalhes_all						{ position:relative; height:60px; margin-top:20px; }
.box .detalhes_all a.link				{ position:absolute; display:block; width:88px; height:47px; background:url(../imagens/detalhes-inicio.png); text-decoration:none; line-height:47px; text-align:center; top:0px; left:330px; color:#000; }
.box .detalhes_all a.link:hover			{ background:url(../imagens/detalhes.png); color:#fff;  }
.box .detalhes							{ background:url(../imagens/fundo-detalhe.png) repeat-x; width:410px; height:21px; position:absolute; top:15px; }


/* Filtro */

form.filtro								{ width:685px; padding:5px 0 10px 10px;; background:#FFF7EF; border:1px solid #EFBA86; font-size:12px; }
form.filtro h3							{ height:25px; line-height:25px; color:#000; background:#EC9644;; font-size:16px; border-bottom: solid 1px #FFFFFF; margin-right:10px; padding:0 10px; border-bottom:2px solid #999999; }
form.filtro label						{ width:70px; margin-top:8px; float:left; color:#333333; padding-top:3px; }
form.filtro input						{ width:200px; border: solid 1px #666; margin-right:10px; margin-top:8px; float:left; padding:1px; background:#fff; }
form.filtro select						{ width:180px; border: solid 1px #666; margin-right:10px; margin-top:8px; float:left; padding:1px; background:#fff; font-size:12px; }
form.filtro input#pesquisar				{ width:105px; float:left; margin-top:10px; margin-left:50px; background:#EC9644; border: solid 1px #33436C; color:#000; font-weight:bold; }


/* info_perfil */
div#info_galeria						{ margin-top:20px; float:left; }
div#foto_amplia							{ width:400px; background:#eee; border:5px solid #DDDDDD; }

div#thumbs								{ width:400px; }
div#thumbs ul							{ margin-left:15px; }
div#thumbs ul li						{ float:left; margin:6px; display:inline; cursor:pointer; }
div#info_texto 							{ float:left; width:285px; margin-top:20px; float:left; height:400px; }
div#info_texto table					{ width:275px; margin-left:10px; }
div#info_texto .barra  					{ width:279px; padding:0 3px; }
div#info_texto .hr  					{ width:270px; }


/* ----->>>>> Tabelas <<<<<-------- */

table.tabela                            { width:412px;  border-collapse:collapse; line-height:16px;  }
table.tabela tbody tr                   { font-size:12px; padding:10px 0; }
table.tabela tbody th                   { padding:5px 0; width:85px; text-align:left;}
table.tabela tbody td                   {  }

.odd                                    {  background: #E9E9E9; }



/* ----->>>>> formulario <<<<<-------- [ Mais limpo e simplificado o código ] */
input, textarea, select                 { border: solid 1px #CCC; background:#E6E6E6; margin-top:10px; padding:2px;}
input#enviar                            { height:20px; width:100px; background:#F6821F; color:#fff; letter-spacing:1px; border: 1px solid #4B5554; }

form.formulario                         { width:550px;  float:left; }
form.formulario fieldset                { border:none; }
form.formulario label                   { width:110px; margin-top:10px; height:15px; padding-top:3px; padding-left:10px; float:left; color:#000; }
form.formulario input                   { width:370px;  }
form.formulario textarea                { width:375px; padding:0px;  }
form.formulario select                  { width:155px;  }
form.formulario small                   { color:#000; }

a.voltar								{ margin-top:500px; margin-left:250px; }


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