@import url('reset.css');

body { font-size:13px; }

.util { width:970px; margin:0 auto; position:relative; }

.barraCinza { background:#EDEDEE; }
.barraCinza.manacas { background:#000; }

.coluna50 { width:50%; float:left; }

.pagina { min-height:450px; }

#topo { height:185px; background:url(../images/bg_topo.jpg) repeat-x; }
#topo .topo { height:145px; background:url(../images/bg_topo_content.jpg) right no-repeat; }
#topo .logo { width:418px; height:105px; background:url(../images/logo_ijt.png); position:absolute; top:50%; margin-top:-52px; left:15px; }
#topo .chat { width:123px; height:99px; position:absolute; left:580px; top:50%; margin-top:-50px; background:url(../images/atendimento_online.png); }

#topo .atendimento { width:170px; height:97px; position:absolute; left:580px; top:50%; margin-top:-40px; }
#topo .atendimento p { font-size: 13px; font-weight: bold; display: block; float: none; min-height: 15px }
#topo .atendimento p span { display: inline-block; height: 15px; line-height: 15px; float: left; margin-right: 5px }
#topo .atendimento .name { font-size: 10px; color: #CC0000; padding-left: 20px  }

#topo .telefone { width:177px; height:38px; background:url(../images/topo_telefone.png); position:absolute; right:25px; top:40px; }
#topo p.horario { position:absolute; text-align:right; font-size:10px; right:20px; bottom:25px; color:#333; line-height:13px; }

#topo ul.menu { height:40px; }
#topo ul.menu li { float:left; height:40px; padding-right:19px; }
#topo ul.menu li a { color:#fff; text-transform:uppercase; line-height:40px; height:40px; font-weight:bold; display:block; padding-left:19px; text-decoration:none; }
#topo ul.menu li:hover,
#topo ul.menu li.ativo { background:url(../images/bg_menu_li_hover.jpg) right no-repeat; }
#topo ul.menu li:hover a,
#topo ul.menu li.ativo a { background:url(../images/bg_menu_a_hover.jpg) no-repeat; }
#topo ul.menu li:hover .submenu { display:block; }

#topo ul.menu li .submenu { position:absolute; background:url(../images/bg_submenu.png) center 5px no-repeat; width:280px; z-index:999; margin-left:-100px; display:none; padding-top:5px; }
#topo ul.menu li .submenu ul { background:#000 url(../images/bg_submenu_ul.gif) center no-repeat; margin-top:11px; display:inline-block; padding:10px 0; }
#topo ul.menu li .submenu ul li { width:100px; margin:0 20px; height:20px; padding:0; background:none; }
#topo ul.menu li .submenu ul li a { line-height:20px; height:20px; font-size:12px; background:none; padding:0; }
#topo ul.menu li .submenu ul li a:hover { color:#CC0000; }

#barraTopo .banner { background:red; min-height:200px; }

#content { min-height:200px; margin:20px auto; display:table; }

#rodapeMenu { height:130px; text-transform:uppercase; }
#rodapeMenu .coluna50 { margin-top:15px; width:444px; padding:0 20px; height:100px; }
#rodapeMenu .colunaL { border-right:#ccc 1px solid; }
#rodapeMenu h3 { color:#333; font-weight:bold; font-size:15px; margin-bottom:10px; }
#rodapeMenu ul { display:inline-block; }
#rodapeMenu ul li { float:left; width:100px; }
#rodapeMenu ul li a { line-height:23px; height:23px; font-size:12px; color:#666; }
#rodapeMenu ul li a:hover { color:#333; text-decoration:none; }
#rodapeMenu p { color:#666; line-height:20px; font-size:12px; }

#rodape { background:#A00A0E url(../images/bg_rodape.jpg); height:60px; }
#rodape a { color:#fff; line-height:60px; }
#rodape .colunaR { text-align:right; }

input, textarea, select { border:#ccc 1px solid; height:25px; line-height:25px; padding:0 5px; width:234px; }
textarea { border:#ccc 1px solid; width:485px; min-height:80px; line-height:25px; padding:0 5px; resize:none; }
select { padding:0; }
button { background:#CC0000 url(../images/bg_button.jpg) repeat-x; border:#920507 1px solid; line-height:23px; color:#fff; text-transform:uppercase; font-weight:bold; cursor:pointer; }

.coluna { float:left; }

form .alerta { font-size:11px; color:red; text-align:right; }
form .alerta.sucesso { color:green; }

/***********************************/

h1.tituloPg {line-height:30px; height:40px; background:url(../images/bg_titulo_pg.jpg) no-repeat; padding-left:40px; text-transform:uppercase; font-size:18px; border-bottom:#ccc 2px solid; margin-bottom:15px; }
h1.tituloPg .separator { display:inline-block; height:30px; width:9px; background:url(../images/titulo_pg_separator.jpg) center no-repeat; margin:0 5px; }
h1.tituloPg .destaque { color:#CC0000; }

.boxProduto { width:200px; border:#EDEDEE 1px solid; float:left; overflow:hidden; display:inline-block; cursor:pointer; min-height:260px; text-align:center; padding:10px; background:url(../images/bg_boxProduto.jpg) bottom repeat-x; margin:0 25px 25px 0; }
.boxProduto.final { margin-right:0; }
.boxProduto a { color:#666; text-decoration:none; display:block; }
.boxProduto .descricao { margin:10px 0; line-height:15px; text-align:justify; }
.boxProduto .cod { text-align:right; font-size:10px; margin-bottom:5px; }
.boxProduto .valor { color:#CC0000; text-align:right; font-size:16px; font-weight:bold; margin-top:20px; }

.detalhesImovel .colunaL { width:540px; min-height:100px; float:left; }
.detalhesImovel .colunaR { width:420px; min-height:100px; float:right; }

.box { border:#ECECED 1px solid; padding:10px; margin-bottom:10px; }

.detalhesImovel p { line-height:16px; color:#666; }
.detalhesImovel .linha { margin-top:10px; }
.detalhesImovel .colunas { display:table; width:100%; }
.detalhesImovel .preto { color:#000; }
.detalhesImovel .vermelho { color:#CC0000; }
.detalhesImovel .destaque_preto,
.destaque_preto { text-transform:uppercase; color:#000; font-weight:bold; font-size:15px; line-height:30px; display:block; }
.detalhesImovel .destaque_cinza{ color:#666; font-weight:bold; font-size:15px; line-height:20px; display:block; }
.detalhesImovel .destaque_vermelho{ color:#CC0000; font-weight:bold; font-size:20px; line-height:30px; display:block; }

.box2 { background:url(../images/bg_boxProduto.jpg) bottom repeat-x; }

.detalhesImovel #fotoG { min-height:300px; position:relative; }
.detalhesImovel #fotoG .loader { width:50px; height:50px; position:absolute; background:url(../images/loader.gif) center no-repeat; left:50%; margin-left:-25px; top:50%; margin-top:-50px; display:none; }
.detalhesImovel #fotoG img.oculta { display:none; }

.tabelaForm td { color:#999; font-weight:bold; text-transform:uppercase; padding:2px 0;  }

.formProposta { margin:0 auto; }

.bt_img { width:200px; display:inline-block; text-align:center; border:#ECECED 1px solid; background:url(../images/bg_bt_img.png) 0 0 repeat-x;  margin:0; }
.bt_img:hover { background-position:0 -50px; }
.bt_img img { margin:10px 0; }

.paginacao { display:table;  padding:5px 3px; clear:both; margin:0 auto;}
.paginacao div { float:left; font-size:12px; padding-top:4px}
.paginacao ul { float:left; margin-left:6px}
.paginacao ul li { float:left; margin-left:3px}
.paginacao ul li a { border:1px solid #CCC; display:block; padding:2px 5px; background:#f6f6f6; color:#666; }
.paginacao ul li a:hover, .paginacao ul li a.ativo { text-decoration:none;background:#CC0000 url(../images/bg_button.jpg) repeat-x; border:#920507 1px solid; color:#fff; }

.barraFiltro { height:70px; background:url(../images/filtros_titulo.png) no-repeat; padding-top:10px; color:#666; }
.barraFiltro table { margin-left:130px; }
.barraFiltro select { width:130px; color:#666; height:30px; padding:5px; }

/* Home */

.home .coluna1 { width:725px; }
.home .coluna2 { width:222px; float:right; }

ul.categoriasHome { display:inline-block; }
ul.categoriasHome li { float:left; width:170px; height:170px; position:relative; margin:0 11px 12px 0; border:#ccc 1px solid; }
ul.categoriasHome li.final { margin-right:0; }
ul.categoriasHome li span { position:absolute; left:0; display:block; width:170px; height:40px; line-height:40px; top:50%; background:url(../images/bg_a_categorias_home.png) bottom; margin-top:-20px; text-align:center; color:#fff; text-transform:uppercase; font-weight:bold; }
ul.categoriasHome li:hover span { text-decoration:none; background-position:top; }

ul.parceiros { padding:0; margin:0 }
ul.parceiros li { padding:0; margin:5px 0; }

/* Pagina HTML */

.pageHTML p { margin-bottom:20px; line-height:18px; }

/* Contato */

.contato .box { height:310px; }
.contato .colunaR { float:right; width:420px; }

/* Pagina Manacas */

.pageManacas .coluna50 { width:460px; margin-right:40px; }
.pageManacas .coluna50.right { margin-right:0; }

.pageManacas h2 { color:#055230; font-size:16px; font-weight:bold; margin-bottom:20px; }
.pageManacas p { color:#666; text-align:justify }

.pageManacas #mapa { height:400px; border:#ccc 1px solid; }

.pageManacas .video { margin-bottom:20px; }