@charset "utf-8";
/* CSS Document */
/*===================================================
Folha de estilos base do website
Cliente: Imoguia

Vers: 1.0
Ano: 2009
Autores: Maria Joăo Oliveira,
E-mail: maria@janeladigital.com.com 
Website: http://www.imoguia.com
===================================================*/ 

/* EStilos Gerais
===================================================*/
*{
	margin:0;
	padding:0;
	border:0;
}
body {
	background:#FFFFFF url(../../IMAGENS/tira_vertical2.jpg) top left repeat-x;
	height:100%;
	color:#646464;
	font:12px/1.3 Lucida Sans Unicode,Helvetica,Arial,sans-serif;
	}

hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}
h1{font-size:25px}
h2{font-size:23px}
h3{font-size:21px}
h4{font-size:19px}
h5{font-size:17px}
h6{font-size:15px}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}



.bold{ font-weight:bold;}
.normal{ font-weight: normal;}
.upp { text-transform:uppercase;}
.cursor{ cursor:pointer;}
.capp { text-transform: none;}
.cap { text-transform: capitalize;}
.low { text-transform:lowercase;}

.aR{ text-align:right;}
.aL{ text-align: left;}
.aC{ text-align: center;}
.aJ{ text-align:justify;}

.mR3{ margin-right:3px;}
.mR4{ margin-right:4px;}
.mR5{ margin-right:5px;}
.mR9{ margin-right:9px;}
.mR10{ margin-right:10px;}
.mR20 { margin-right:20px;}
.mRL20{ margin:0 20px 0 20px;}
.mLR10{ margin:0 10px 0 10px;}

.m2{ margin:2px 2px 2px 2px;}
.m6{ margin:6px 6px 6px 6px;}

.p2 {padding:2px 2px 2px 2px;}

.av { padding-left:20px;}
.av10 { padding-left:10px;}
.av15 { padding-left:15px;}
.av30{ padding-left:30px;}
.av50{ padding-left:50px;}
.av60{ padding-left:72px;}
.av98{ padding-left:93px;}
.av200{ padding-left:163px;}
.av201{ padding-left:230px;}
.av373{ padding-left:373px;}

.avR { padding-right:20px;}


.avT5 { padding-top:5px;}
.avT10 { padding-top:10px;}
.avT20 { padding-top:20px;}
.avT40 { padding-top:40px;}

.avB10 { padding-bottom:10px;}

.TId{ text-indent:5px;}

.Box {float:left; display:block;}

#wrapper{
    margin:0 auto 0 auto;
	height:auto;
	overflow:hidden;
	background: url(../../IMAGENS/TIRA_BOTTOM.jpg) bottom left repeat-x;
	}

#sk{
	width:990px;
	margin:0 auto 0 auto;
	height:auto;
	overflow:hidden;}

.container_16{ margin:0 auto 0 auto; width:960px; float: right;}	
.painel {
	width:30px;
	height:142px;
	margin:0 auto 0 auto;
 	float:right;
	position:fixed;
	/*margin-top:140px;*/
    margin-left:990px;

}
#logo{ float:left; display:block; padding:8px 30px 0 40px; width:332px; height:111px; }
#bannerT{float:left; display:block; margin-top:8px; background:#FFFFFF; width:470px; height:90px;}
#lg{float:left; display:block; margin:8px 0 0 18px;}
#slid{float:left; display:block; width:960px; height:166px;}
/*#slidHome{float:left; display:block; width:960px; height:421px; background:url(../../IMAGENS/imagemHome.jpg);}*/
#slidHome{float:left; display:block; width:960px; height:421px; }

#contentornovo{ background:url(../../IMAGENS/imagem.jpg) top right no-repeat; float:left; height:auto; overflow:hidden;margin:0 auto 0 auto; width:960px; float: right;}
#vasio{float:left; display:block; height:50px;}

#esq{float:left; width:250px; padding:0 0 0 40px; height:auto; overflow:hidden; display:block;}


/*#sep{float:left; background:url(../../IMAGENS/tira_vertical.jpg) top left no-repeat; width:37px; height:755px;}*/
#sep{float:left; width:25px; height:755px;}
#sepHome{float:left; width:37px; height:755px;}

#dir{float:left; width:600px; padding:5px 5px 0 5px; height:auto; overflow:hidden; display:block; background:url(../../IMAGENS/testeTB.png) top left repeat-x;}
#dirHome{float:left; width:600px; padding:0 0 0 10px; height:auto; overflow:hidden; display:block;}


#IMOSEM{float:left; width:240px;  /*height:515px;*/ background: url(../../IMAGENS/imosRecent.jpg) top left no-repeat; margin-top:30px;}
#IMOSEM1{float:left; width:240px; height:515px; background: url(../../IMAGENS/imosRecent.jpg) top left no-repeat;}

#bottom{ float:left; background: url(../../IMAGENS/bottom.jpg) bottom left no-repeat; height:296px;}
#contB{ width:270px; float:left; display:block; margin-left:9px; margin-top:20px;}

#pesquisaR {width:223px; height:212px; float:left; display:block; margin-bottom:45px; background:url(../../IMAGENS/fundo_pr.png) top left no-repeat; padding:2px 10px 5px 10px;  }
#pesquisaRHome {width:223px; height:212px; float:left; display:block; margin:130px 0 0 40px; background:url(../../IMAGENS/fundo_pr.png) top left no-repeat; padding:2px 10px 5px 10px;  }

.Slidshow {width:600px; height:220px; float:left; display:block; margin:130px 0 0 35px; background:url(../../IMAGENS/FUNDO_sLID.png) top left no-repeat; padding:2px 10px 5px 10px;  }

.titfundo{ background: url(../../IMAGENS/tira_tit.png) top left repeat-x; width:580px; padding:5px 10px 5px 10px; float:left; display:block;}
.titfundo1{ background: url(../../IMAGENS/tira_tit.png) top left repeat-x; width:600px; padding:5px 0 0 0; float:left; display:block;}
.botaoESM{ width:122px; padding-left:470px; float: left; display:block; height:40px;}

.FundoB{ background:url(../../IMAGENS/teste_branco.png) right bottom no-repeat; float: left; display:block; width:606px;}

#menuBottom{ height:80px; float:left; width:915px; padding:20px 0 0 45px;}

.bodyBranco { background:#FFFFFF;}

/*=== ====================== SLIDE/LISTA DE IMÓVEIS ==========================*/
#imo_mask{
	width:530px;
	height:auto;
	overflow:hidden;
	position:relative;
	float:left;

}
.imo_gallery{
	width:90000000px;
	height:auto;
}
#list_item {
	width:122px;
	height:auto;
	margin:10px 4px 5px 4px;
	padding:2px;
	position:relative;
	float:left;
	display:inline;
}
.btn_left{
	width:21px;
	height:170px;
	float:left; display:block;
	margin:6px 5px 0 0;
	cursor:pointer;
}

.btn_right {
	width:21px;
	height:170px;
	float:left; display:block;
	margin:6px 0 0 5px;
	cursor:pointer;
}

.btn_stop{
	width:53px;
	height:51px;
	float:left; display:block;
	margin:0 0 0 20px;
	cursor:pointer;
	background:#CCCCCC;
}
.btn_play{
	width:53px;
	height:51px;
	float:left; display:block;
	margin:40px 0 0 20px;
	cursor:pointer;
	background:#99FF66;
}
.escon{ float:left; display:none;}




/* menu 
====================================== */

.menu { width:890px; height:20px; position:relative; margin-left:30px; z-index:2;}

.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; width:105px; height:21px; text-align:left; color:#fff; background:url(../../IMAGENS/MENUt.png) top left no-repeat; line-height:20px; overflow:hidden; margin-left:10px; padding-left:12px; filter: alpha(opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);-moz-opacity: 0.50; opacity:0.5;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;margin-top:2px;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#f8fda2;filter: alpha(opacity=60); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);-moz-opacity: 0.60; opacity:0.6;}
.menu ul li a.off { text-transform:uppercase;color:#f8fda2;filter: alpha(opacity=90); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);-moz-opacity: 0.90; opacity:0.9;}
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}
.menu ul li:hover ul li a.hide {color:#fff;}
.menu ul li:hover ul li:hover a.hide { color:#fff;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; color:#fff;}
.menu ul li:hover ul li a:hover { color:#f8fda2; background:url(../../IMAGENS/MENUt.png) top left no-repeat; filter: alpha(opacity=70); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);-moz-opacity: 0.70; opacity:0.7;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:118px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}

<!-- filho1 do filho1 menu -->
.menu ul li:hover ul li:hover ul li ul {display:block; position:absolute; top:21px; left:0; width:178px;}
.menu ul li:hover ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li:hover ul li a {display:block; color:#fff; background:url(../../IMAGENS/MENU2t.png) top left no-repeat; width:160px; filter: alpha(opacity=80); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);-moz-opacity: 0.80; opacity:0.8;}
.menu ul li:hover ul li:hover ul li a:hover { color:#f8fda2;}
.menu ul li:hover ul li:hover ul li:hover ul {display:block; position:absolute; left:176px; top:0;}
.menu ul li:hover ul li:hover ul li:hover ul.left {left:-105px;}
<!-- fim do filho1 do filho1 menu -->
/* fim do menu 
=======================================================================================*/
.Mail{ float:left; height:260px; width:50%; padding-left:25%; text-align:center;}
.geo{
	width:580px; 
	height:750px; 
	float:left;
	display:block;
	margin:20px 0 20px 10px;
	}

.GEOIMOS{
	width:600px; 
	height:380px; 
	float:left;
	display:block;
	margin:20px 0 20px 0px;
	}

.titDETALE{width:600px; float:left; background:#c8d900 url(../../IMAGENS/imosRecent.jpg) top right no-repeat; height:18px; padding-top:2px; margin-bottom:23px; }
/* fim estrutura */
.FundoDETALE{width:600px; float:left; background: url(../../IMAGENS/fundoDetalhe.jpg) bottom left no-repeat; height:350px; 
 margin:20px 0 20px 0; }

.vendedor{ width:160px; height:250px; margin:2px 0 0 80px; float:left;}

.FundoAGENCIA{width:588px; float:left; background: url(../../IMAGENS/fundo_agencia.jpg) bottom left no-repeat; height:132px; padding:28px 0 0 12px; }

.TituloFormRec{ width:580px; height:20px; background:url(../../IMAGENS/tira_Rec.jpg) top left no-repeat; float:left; display:block; padding:2px 0 0 5px; }
/*========================= textos ==========================*/

.textoV14 { color:#727b00; font:bold 14px Lucida Sans Unicode, Arial, sans-serif; text-decoration:none; text-transform:uppercase;}
.textoV13 { color:#727b00; font:bold 13px Lucida Sans Unicode, Arial, sans-serif; text-decoration:none;}

.textoV13T { color:#727b00; font:bold 13px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;}

.textoV11 { color:#727b00; font: 11px Lucida Sans Unicode, Arial, sans-serif; text-decoration:none;}
.textoV10 { color:#787e00; font:10px Lucida Sans Unicode, Arial, sans-serif; text-decoration:none;}


.textoB12 { color:#fff; font:bold 12px Lucida Sans Unicode, Arial, sans-serif; text-decoration:none;}
.textoB12M { color:#fff; font:12px Lucida Sans Unicode, Arial, sans-serif; text-decoration:none;}

.textoC10 { color:#646464; font:10px Lucida Sans Unicode, Arial, sans-serif; text-decoration:none;}
.textoC10 a { color:#646464; font:10px Lucida Sans Unicode, Arial, sans-serif; text-decoration:none;}
.textoC10 a:hover {text-decoration:none; color:#5b5b5b}

.textoC11 { color:#646464; font:bold 11px Lucida Sans Unicode, Arial, sans-serif; text-decoration:none;}
.textoC11 a{ color:#646464; font:bold 11px Lucida Sans Unicode, Arial, sans-serif; text-decoration:none;}
.textoC11  a:hover{ text-decoration:none;}




.textoC12 { color:#646464; font:12px Lucida Sans Unicode, Arial, sans-serif; text-decoration:none;}

.textoA15 {color:#fff; font:15px Lucida Sans Unicode, Arial, sans-serif; text-decoration:none; text-transform:uppercase;}

.link12 a{color:#646464; font:12px Lucida Sans Unicode, Arial, sans-serif; text-decoration:none;}
.link12 a:hover{color:#848484; text-decoration: underline;}

.link11 a{color:#646464; font:11px Lucida Sans Unicode, Arial, sans-serif; text-decoration:none;}
.link11 a:hover{color:#848484; text-decoration: underline;}

.link11C {color:#686463; font:11px Lucida Sans Unicode, Arial, sans-serif; text-decoration:none;}
.link11C a{color:#686463; font:11px Lucida Sans Unicode, Arial, sans-serif; text-decoration:none;}
.link11C a:hover{color:#686463; text-decoration: underline;}

.linkA {color:#003247; font:12px Lucida Sans Unicode, Arial, sans-serif; text-decoration:none;}
.linkA a{color:#003247; font:12px Lucida Sans Unicode, Arial, sans-serif; text-decoration:none;}
.linkA a:hover{color:#003b54; text-decoration:underline;}

.linkB {color:#fff; font: bold 12px Lucida Sans Unicode, Arial, sans-serif; text-decoration:none;}
.linkB a{color:#fff; font: bold 12px Lucida Sans Unicode, Arial, sans-serif; text-decoration:none;}
.linkB a:hover{color:#fff; text-decoration:underline;}


.HE a:link {
text-decoration:none;
}
.HE a:hover {
text-decoration:underline;
}

.botaoSN {
    background: url(../../IMAGENS/botaoS.jpg);
    border:0px;
    width:595px;
    height:37px;
    padding-top:16px;
    color:#fff; 
    cursor:pointer;
    font:12px Lucida Sans Unicode, Arial, sans-serif; 
    text-transform:uppercase; 
    text-align:left; 
    text-indent:50px;
    }
.botaoRA {
    background: url(../../IMAGENS/botaoR.jpg);
    border:0px;
    width:595px;
    height:37px;
    padding-top:16px;
    color:#727b00; 
    cursor:pointer;
    font:12px Lucida Sans Unicode, Arial, sans-serif; 
    text-transform:uppercase; 
    text-align:left; 
    text-indent:50px;
    }

.botaoCE {
    background: url(../../IMAGENS/certificadoEnergetico1.png);
    border:0px;
    width:595px;
    height:56px;
    padding-top:10px;
    margin-top:20px;
    color:#fff; 
    cursor:pointer;
    font:12px Lucida Sans Unicode, Arial, sans-serif; text-transform:uppercase; text-align:left; }

.textoForcado 
{
    font:12px/1.3 Lucida Sans Unicode,Helvetica,Arial,sans-serif;   
}