/* 

    Document   : estilos.css
    Created on : 16/06/2009, 09:12:01
    Author     : Vagner - Acao Direta Web Studio
    Description: CSS - Content Sorria Imoveis

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

*								{ padding:0px; margin:0px; }
img, fieldset					{ border:none; }
body 							{ font-family:Arial, Tahoma, Verdana; font-size:12px; }
p								{ text-align:justify; }
h1								{ height:30px; text-indent:10px; line-height:30px; font-size:18px; color:#FFFFFF; background:url(../imagens/background-h1.jpg) repeat-x; }

/* Layout */

div#container					{ width:980px; margin:auto; }
div#wraper						{ width:980px; margin:auto; }

/* Cabecalho */

div#cabecalho					{ width:980px; height:254px; position:relative; }
div#cabecalho img#logo			{ position:absolute; z-index:10; }
div#cabecalho_left			{ color:#F00; width:250px; background-color:#F00;}
div#top							{ position:absolute; top:0; left:0; width:980px; height:59px; background:url(../imagens/background-cabecalho-top.png) no-repeat; line-height:54px; }
div#top p.aluga_vende			{ display:inline; margin: -6px 130px 0 385px; font-family:Comic Sans MS, Arial, Verdana; color:#FFFFFF; font-size:40px; float:left; }
div#atendimento					{ position:absolute; top:140px; left:0; z-index:11; width:250px; height:50px; background:url(../imagens/background-atendimento-cabecalho.jpg) no-repeat; text-align:right; font-size:12px; }
div#atendimento p				{ color:#FFFFFF; line-height:24px; color:#4B65A9; font-weight:900;}
div#slide						{ position:absolute; top:59px; left:0; width:980px; height:195px; overflow:hidden; }

/* Content Left */

div#content_left				{ width:250px; float:left; margin-top:-45px; position:relative; z-index:12; }
ul.contatos	li					{ width:250px; height:40px; background:#4B65A9; text-align:center; line-height:40px; list-style:none; margin-bottom:15px; }
ul.contatos	li a				{ font-size:16px; color:#FFFFFF; text-decoration:none; }
ul.contatos	li a:hover			{ font-weight:bold; }
div#menu						{ padding-top:5px; padding-bottom:5px; background:url(../imagens/background-content-left.jpg) repeat-y; } 
ul.titulos li					{ width:214px; height:20px; background:url(../imagens/background-titulos-menu.jpg) repeat-x; margin-left:30px; color:#FFFFFF; font-size:14px; text-indent:10px; list-style:none; line-height:20px; font-weight:bold; }
ul.titulos li a					{ color:#FFF; text-decoration:none; }
ul.titulos li a:hover			{ color:#D0D7E9; }
ul.menu li						{ list-style:none; margin-left:40px; margin-top:2px; margin-bottom:2px; }
ul.menu li a					{ color:#FFFFFF; text-decoration:none; }
ul.menu li a:hover				{ font-weight:bold; }

div#busca						{ width:250px; }
div#busca p						{ height:33px; display:block; background:url(../imagens/background-titulo-busca.png) no-repeat; margin-top:5px; line-height:33px; text-align:center; }
div#busca p	span				{ font-size:14px; color:#FFFFFF; }
div#bg_busca					{ height:107px; background:#D0CC96; padding-top:10px; }
div#content_busca				{ width:230px; background:#FFFFFF; margin-left:10px; padding-bottom:5px; _padding-bottom:7px; }		
form#form_busca label.locacao	{ width:60px; float:left; margin:15px 0 0 23px; }
form#form_busca input.locacao	{ float:left; margin-top:15px; }
form#form_busca label.vendas	{ width:60px; float:left; margin:15px 0 0 20px;  }
form#form_busca input.vendas	{ float:left; margin-top:15px; }
form#form_busca label			{ width:70px; float:left; margin-top:16px; margin-left:17px; }
form#form_busca select			{ width:125px; height:25px; margin-top:10px; padding:2px; border: solid 1px #666666; background:#FFFFFF; }
form#form_busca input#buscar	{ width:125px; height:20px; background:#4B65A9; border: solid 1px #33436C; margin-top:5px; margin-left:87px; color:#FFFFFF; }

/* Filtro */

form.filtro						{ width:700px; padding:5px 0 10px 10px;; background:#D0CC96; }
form.filtro h2					{ height:25px; line-height:25px; color:#33436C; background:#D0CC96; font-size:16px; border-bottom: solid 1px #FFFFFF; }
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; }
form.filtro select				{ width:180px; border: solid 1px #666; margin-right:10px; margin-top:8px; float:left; padding:1px; }
form.filtro input#pesquisar		{ width:70px; float:left; margin-top:10px; margin-left:55px; background:#4B65A9; border: solid 1px #33436C; color:#FFFFFF; }

/* Parceiros */

div#parceiros					{ text-align:center; }

/* Content Right */

div#content_right				{ width:710px; margin:10px 0 0 20px; float:left; background:#FFF; }
div.destaques					{ width:708px; background:#E9ECF5; padding:2px 0 2px 2px; margin-bottom:10px; }
div.destaques img				{ float:left; }
div.titulo_destaque				{ width:400px; height:30px; float:right; background:url(../imagens/background-titulos-imovel-destaque.jpg) repeat-x; }
div.titulo_destaque p			{ text-indent:10px; line-height:30px; font-size:16px; font-weight:bold; color:#FFFFFF; }
div.titulo_destaque_lar			{ width:400px; height:30px; float:right; background:url(../imagens/background-titulos-imovel-destaque-laranja.jpg) repeat-x; }
div.titulo_destaque_lar p		{ text-indent:10px; line-height:30px; font-size:16px; font-weight:bold; color:#FFFFFF; }
div.desc_imovel					{ width:400px; float:right; margin-top:10px; }
div.desc_imovel p				{ width:390px; }
a.ver_mais_detalhes				{ width:175px; height:25px; display:block; background:url(../imagens/btn-ver-mais-fotos.jpg) repeat-x top left; color:#FFFFFF; line-height:25px; text-align:center; text-decoration:none; margin-top:10px; }
a.ver_mais_detalhes:hover		{ background:url(../imagens/btn-ver-mais-fotos.jpg) repeat-x bottom left; }

/* Rodape */

div#rodape						{ width:980px; height:36px; background:#DDE2F0; clear:both; margin-top:10px; }
div#rodape p					{ float:left; line-height:36px; text-indent:20px; }
div#rodape img					{ float:right; }
div#rodape img.hor-at			{ float:right; margin-top:7px; margin-right:35px;}
/* Form Contato */

/* Resposta formularios */

div#resposta_contato			{ width:708px; height:30px; line-height:30px; background:#FDA827; border: solid 1px #FF7007; text-align:center; color:#FFFFFF; margin-bottom:10px; }

/* Form Contato */

fieldset#dados_contato			{ width:415px; float:left; }
form#fale_conosco label			{ width:100px; margin-top:10px; height:15px; padding-top:3px; float:left; }
form#fale_conosco input			{ width:300px; margin-top:10px; padding:2px; border: solid 1px #CCC; background:#E6E6E6; }
form#fale_conosco textarea		{ width:304px; margin-top:10px; border: solid 1px #CCC; background:#E6E6E6; }
form#fale_conosco #enviar		{ width:70px; margin-left:100px; background:#5D75B2; border: solid 1px #4B65A9; color:#FFF; font-weight:bold; }
form#fale_conosco p				{ margin-left:80px; padding-top:5px; font-size:11px; }
form#fale_conosco .campo_requer	{ background:#CCC; border:solid 1px #666; color:#CCC; }
div#contatos p strong			{ color:#4B65A9; }
div#contatos p 					{ text-align:right; }

/* Link Voltar */

a.link_voltar					{ width:70px; height:30px; display:block; text-align:center; line-height:30px; float:right; color:#333333; text-decoration:none; }
a.link_voltar:hover				{ background:#CACACA; text-decoration:underline; }

/* Localização */

div#map							{ width:350px; height:400px; border: solid 1px #333333; float:left; }
p.desc_caracteristicas		    { min-height: 70px; }

/* Detalhes Imovel */

div#fotos_detalhes				{ width:400px; float:left; }
div#foto_amplia					{ width:400px; height:300px; }
div#foto_amplia ul li			{ list-style:none; }
div#thumbs						{ margin-top:5px; }
div#thumbs ul li				{ list-style:none; float:left; margin-left:14px; }

div#detalhes					{ width:270px; margin-left:20PX; float:left; }
div.desc_detalhe				{ width:270px; float:right; margin-top:10px; }

div#docs					{ }
div#docs h2					{ margin:0 0 10px 0; }
div#docs .proprietario h2, div#docs .inquilino h2	{ margin:0 0 10px 0; }
div#docs .proprietario				{ width:220px; float:left; }
div#docs .inquilino				{ float:left; width:400px; }

div#contatos .telefone			{width:100px; float:left; margin-top:20px;}
div#contatos .telefone p		{padding:0; margin:0; text-align:left;}
div#contatos .emails			{width:194px; float:left; margin-top:5px; margin-left:44px;}
div#contatos .emails p			{padding:0; margin:0; text-align:right;}

div#contact						{width:294px; float:right; margin-bottom:10px;}

.radio							{width:15px !important; float:left;}