html, body    { background: #FBA801 url('../Imagens/bg.gif') repeat-x; margin: 0px auto; padding:0px; text-align:center; }
body          { overflow-y: scroll }

#Main         { background: #FFC700 url('../Imagens/bgMain.jpg') repeat-x; border-left: 2px solid #FFC700; font-family: Arial; font-size: 11px; color: #666666; border-right: 2px solid #FFC700; width: 950px; margin: 0px auto; text-align:left }
#Header       {}
#Topo         { display:block; background: url('../Imagens/bgTopo.png') no-repeat; }
#LogoTipo     { background: url('../Imagens/logo.png') no-repeat; height: 115px; }
#Atendimento  { float:right; height:115px; width:400px; background: url('../Imagens/atendimentoOnline.jpg'); }
#GoogleMaps   { float:right; height:70px; width:170px; background: url('../Imagens/googleMaps.png'); cursor:pointer; }

#Menu         { width: 100%; }
#Menu ul      { margin: 10px 0px 10px 15px; list-style-type:none; padding:0px; height: 38px; width: 100%}
#Menu ul li   { list-style-type:none; float:left; margin-right: 5px; height: 38px; padding: 0px 0px 0px 7px; background: url('../imagens/left.png') top left no-repeat}
#Menu ul a    { text-decoration: none; color: White; height: 38px; float:left; font-weight:bold; margin:0px; padding: 11px 12px 0px 5px; background: url('../imagens/right.png') top right no-repeat }
#Menu ul a.c  { color: white }

#Options      { margin:15px; padding:0px;}
#Options div  { height:65px; cursor: pointer}
#optComprar   { width:299px; float:left; margin-right: 10px; background: url('../imagens/btnComprar.png') no-repeat top left; }
#optAlugar    { width:300px; margin-left: 308px; background: url('../imagens/btnAlugar.png') no-repeat top left; }
#optVender    { width:300px; float:right; background: url('../imagens/btnVender.png') no-repeat top right; }
#Search       { background: #C9D4DA url('../imagens/bgSearch.png') no-repeat top left; text-align: right; border: 1px solid #A7BABE; margin:15px; padding: 15px; height:55px }
#Search table { float: right }
#btnOK        { margin:0px; cursor:pointer; padding:0px; width:50px; height:45px; background: #C9D4DA url('../imagens/btnOK.png') no-repeat top left; }

#content      { margin:15px; padding:0px; display: block; clear:both; }
#Footer       { border-top:1px solid white; margin:5px 5px 0 5px; padding: 5px; color: white  }

/*LINK*/
a         { text-decoration: underline; color: #666666; outline:0 }
a:link    { text-decoration: underline;}
a:visited { text-decoration: underline;}
a:hover   { text-decoration: none; color: green;}
a:active  { text-decoration: underline; }

/*FORMS*/
input,
select,
textarea { width:100% !important; overflow: hidden; background: white; border: 1px solid #A7BABE; font-family: Arial; font-size: 11px;color: #666666; /*text-transform:uppercase*/}
.radios  { background: none; border: none; width: 100%}
input    { height: 14px !important; }
button   { font-family: Arial; font-size: 11px;color: black} 

/*CONTATO*/
.contato                      { padding:10px; display: block; background: url('../Imagens/bgContato.png') repeat-x}
.contato form input, textarea { margin:0px; padding:0px; width: auto !important }
.contato table td span        { display: block; text-align: right}
.contato form                 { background: url('../Imagens/_frmContato.png') no-repeat top right; }

/*AVALIE*/
.avalie  { padding:10px; display: block; background: url('../Imagens/bgContato.png') repeat-x;}
.avalie td span { float: right }
.avalie form input, textarea { margin:0px; padding:0px; width: auto !important }

/*EMPRESA*/
.empresa  { padding:10px; font-size:13px; display: block; background: url('../Imagens/bgContato.png') repeat-x;}

/*IMOVEIS*/
.Imoveis         { padding: 3px; border: 1px solid #DD4F03; background: white; width: 145px; height: 250px; margin:0px 25px 15px 0px; float: left; }
.referencia      { background: #911004; color:white; padding: 3px; display:block; clear:right  }
.imagem          { float:left; display:block; clear:right}
.comprar         { background: url('../imagens/btnComprar.gif'); display:block; float:left; clear:right; margin-top:4px; width: 70px; height:21px; }
.alugar          { background: url('../imagens/btnAlugar.gif'); display:block; float:right; margin-top:4px; width: 70px; height:21px; clear:right}
.endereco        { display:none; width: 100%; clear:right; color: #7E8381}
.bairro          { display:block; padding:4px; width: 100%; clear:right; color: #7E8381}
.valor           { display:block; padding:4px; font-size: 13px; font-weight:bold; width: 100%; clear:right}
.destaque        { display:none; width: 100%; clear:right}
.tipo            { display: block; float: left; width:100%; }
.detalhes        { display:none; width: 100%; clear:right}
.compare         { float: left; display: block; width:100%; }
.compare .radios { width:20px !important; float:left  }
.btnCompare      { border-bottom: 1px solid #c2c2c2; float:left; padding:4px; color:gray; cursor: pointer }




/******************************************** COMPARE ********************************/
#comparativo                      { border:2px solid red; background:white; padding:5px;}
.compare_foto                     { BORDER-RIGHT: #dce0df 1px solid; BORDER-TOP: #dce0df 1px solid; BORDER-LEFT: #dce0df 1px solid; WIDTH: 138px; BORDER-BOTTOM: #dce0df 1px solid }
.comparativo_imovel_box           { width: 138px !important; }
.comparativo_imovel_titulo        { padding-left: 5px; font-weight:bold }
.comparativo_imovel_foto          { padding-left: 4px; }
.comparativo_imovel_controles     { MARGIN-BOTTOM: 6px; MARGIN-RIGHT: 6px; TEXT-ALIGN: right }
.comparativo_imovel_controles IMG { MARGIN-LEFT: 6px; VERTICAL-ALIGN: middle; cursor:pointer; }
.compare_item_valor_c             { border-bottom: #dce0df 1px solid;border-left: #dce0df 1px solid;width: 138px;background: #fffffe;border-right: #dce0df 1px solid;}
.compare_item_c                   { border-bottom: #dce0df 1px solid;border-left: #dce0df 1px solid;border-right: #dce0df 1px solid;}
.compare_item_c DIV               { margin-top: 4px;margin-bottom: 4px;color: #7e8381;margin-left: 14px;font-weight: bold;}

.lineA { BORDER-RIGHT: #dce0df 1px solid; BACKGROUND: #edefef; BORDER-LEFT: #dce0df 1px solid; BORDER-BOTTOM: #dce0df 1px solid; WIDTH: 138px; }
.lineB { BORDER-RIGHT: #dce0df 1px solid; BACKGROUND: #fffffe; BORDER-LEFT: #dce0df 1px solid; BORDER-BOTTOM: #dce0df 1px solid }


/******************************************** TABS ********************************/
.ui-tabs                 { border-top: 1px solid #97a5b0;}                                              /*DIV PRINCIPAL*/
.ui-tabs-nav             { list-style: none; margin: 15px 0px 0px 0px !important; padding: 0 0 0 4px; } /*UL PRINCIPAL*/
.ui-tabs .ui-tabs-nav li { float: left; border:1px solid #D4D4D4; border-bottom-width: 0 !important; margin-right: 1px; padding: 0px; } /*LI'S*/
.ui-tabs-nav a           { position: relative; color: gray; text-align: center; text-decoration: none; white-space: nowrap; }
.ui-tabs-nav a span      { width: 64px; min-width: 64px; height: 18px; min-height: 18px; padding-top: 7px; padding-right: 0; display: block; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected   { border: 1px solid #97a5b0; }                                                 /*LI SELECIONADA*/
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { cursor: text; color:black; }                                                 /*A SELECIONADO*/

.ui-tabs .ui-tabs-panel                     { display: block; border-top:1px solid #97a5b0;  }                             /*PAINEL ABERTO*/
.ui-tabs .ui-tabs-hide                      { display: none !important; }                                                  /*PAINEL FECHADO*/ 

/* HACKS */
.ui-tabs-nav:after { display: block; clear: both; content: " ";}
*>.tabs-nav a span { width: auto; height: auto;}


/********************************************** JANELA *********************************/
.myWindow 
{
    border: 2px solid #DD4F03;
    position: absolute;
    display: block;
    overflow: auto;
	background: white;
    top: 10px;
    left:10px;	
	padding: 5px;
	margin: 0px;
	z-index: 500000000;
	font-family: Arial;
	font-size: 11px;
}

#window
{
    border: 1px solid #D4D4D4;
    padding:0px;
    margin:0px;
}

.myWindow #window #controls span
{
    margin-right: 2px;
    float: left;
    text-align: center;
    cursor: pointer;
    width: 11px !important;
    height: 11px !important;
}

#btnMinimizar { margin:0px; padding:0px; background: url('../../../img/iconeMinimizar.gif') }
.btnMaximizar { margin:0px; padding:0px; background: url('../../../img/iconeMaximizar.gif') }
#btnFechar    { margin:0px; padding:0px; background: url('../../../img/iconeFechar.gif') }


#header
{
    padding: 5px;
    display: block;
    margin: 0px;
    cursor: move;
    color: white;
    font-weight:bold;
    text-transform:uppercase;
    text-align: left;
    background: #DADADA;
    background: url('../../../img/bgTitulo.gif');

}

#controls
{
    float: right;
}

#title
{
    display: block;
    cursor: move;
    margin-right:20px;
    color: white;
    float:left;
    font-weight:bold;
    text-transform:uppercase;
    text-align: left;
}

.myWindow #data
{
    border-top: 1px solid white;
    background: white url('../../../img/QSF_GreyGradient.gif') repeat-x;
}

.myWindow table td   { font-family: Arial; font-size: 11px; color: #6C6C6C; border-bottom:1px solid #DADADA  }
.myWindow table span { display: block; text-align: right; color: gray; font-weight:bold }
