html, body {
    min-height: 100%; height: 100%; margin: 0 auto;
}
body{
    padding: 0; color: #000;
    font-family: Calibri, Helvetica, Sans-serif; font-size: 0.8em;

}

a, img, form { padding: 0; margin: 0; border: none; text-decoration: none; }
/*a { color: #FFF; }*/



table { border-collapse: collapse; padding: 0px; margin: 0px; }
td  { padding: 0px; margin: 0px; border-collapse: collapse;}

div { margin: 0; padding: 0; border: none; display: block; }

div .vendido img {margin-top:0px; height: 200px;}


.div_espaco_vertical_20px { height: 20px; line-height: 20px; }
.div_espaco_vertical_10px { height: 10px; line-height: 10px; }

/* ------------------------------------------------------------------------------------------------------------------ */

.colorboxlicitar{
    width:100% !important;
    height: 100% !important;
}
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
#div_title_lote {
    width: 880px; margin: 0 auto; padding: 0; border: 0;
    background: url('images/titles/bg_title_880px.png') no-repeat;
    margin-bottom: 10px; margin-top: 10px;
}

#div_title_lote_left {
    float: left; height: 40px; line-height: 40px; margin-left: 10px; color: #FFF; font-size: 1.7em; font-weight: bold;
}

#div_title_lote_right {
    float: right; height: 40px; line-height: 40px; margin-right: 10px; color: #FFF;
    font-size: 1.7em; font-weight: bold; text-align: right;
}

.div_lote_details_wrapper {
    width: 880px; margin: 0 auto; padding: 0; border: 0;
}

.div_lote_details_photo         { width: 450px; float: left; border: 1px solid #CCC; height: 384px; }
.div_lote_details_left_footer   { width: 410px; float: right; border: 1px solid #CCC; margin-top: 3px; }
.div_lote_details_right         { width: 410px; float: right; }

.div_bottom_left_inside { width: 400px; margin: 5px; text-align:center; }

.div_details_buttons_wrapper {
    width: 390px; height: 26px; line-height: 26px; margin: 0 auto; padding: 0;
    border: 0; margin-top: 10px; margin-bottom: 10px;
}

.tabdiv#tab_detalhes .detail{
    text-align: right; border-bottom: 1px #DDD solid; padding: 5px;
}
.tabdiv#tab_detalhes .label{
    float:left; font-weight:bold;
}
#tab_maisinfo{
    overflow:auto;
    text-align:justify;
}
/* BUTTONS --------------------------------------------------- */

.btn_details_option, .btn_details_option_active {
    width: 120px; height: 32px; font-size: 1.3em; font-weight: bold; color: #555;
    margin: 0; padding: 0; border: 0; text-align: center;
    background: url('images/buttons/tab_120px.png') no-repeat;
}

.btn_details_option:hover { cursor: pointer; color: #089DCB;}

li.ui-state-active .btn_details_option { background: url('images/buttons/tab_120px_active.png') no-repeat; }


/* TABS ----------------------------------------------------------------------------------------------- */
.widget {
    width: 400px; height: 374px; margin: 0 auto; padding: 5px; background: #f3f1eb; border: 1px solid #dedbd1;
    /* margin-bottom: 5px; */
}
.widget a { color: #0066CC; text-decoration: none; }
.widget a:hover { color: #FFF; }

.tabnav{
    width: 400px; height: 32px; line-height: 32px; margin: 0 auto;
    list-style: none; margin-top: 10px; z-index: 10; margin-left: -40px;
}
.tabnav li {
    list-style: none; display: block; float: left; margin: 0; padding: 0;
}

.tabnav li a {
    text-decoration: none; color: #0066CC; font-weight: bold; outline: none; font-size: 0.9em;
}

.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {
   color: #FFFFFF; text-decoration: none;

}

.tabdiv {
    margin-top: 2px; background: #fff; border: 1px solid #dedbd1; padding: 5px;
    height: 321px; z-index: 2; width: 388px;font-size:1.4em;
}

.ui-tabs-hide { display: none; }

/* ----------------------------------------------------------------------------------- */

.div_carateristica {
    width: 180px; float: left; height: 26px; line-height: 26px; color: #555;
    margin-bottom: 5px; text-indent: 20px; font-size: 0.8em; margin-left: 5px;
    background: url('images/icons/success2.png') no-repeat;
}
/*
.div_btn_contacto_wrapper {
    width: 160px; height: 30px; position: relative; bottom: 10px; left: 280px;
}
*/
.btn_contacto, .btn_documento {
    border:1px solid #71A208; height: 28px; line-height: 28px; color: #71A208; font-size: 1.4em; font-weight: bold;
    background: url('images/buttons/btn_contacto.png') repeat-x right center; /* text-indent: 10px; */
    display: inline-block;padding: 0 5px; width: 40%;overflow: hidden;-webkit-text-adjust-size:100%;
}
.btn_proposta {
    border:1px solid #71A208; height: 28px; line-height: 28px; color:#FFF; font-size: 1.4em; font-weight: bold;
    background: url('images/buttons/btn_contacto_hover.png') repeat-x right center; /* text-indent: 10px; */
    display: inline-block;padding: 0 5px; width: 40%;overflow: hidden;-webkit-text-adjust-size:100%;
}
.btn_contacto:hover, .btn_documento:hover { background-image: url('images/buttons/btn_contacto_hover.png'); cursor: pointer; color:#FFF;}
.btn_proposta:hover { background-image: url('images/buttons/btn_contacto.png'); cursor: pointer; color: #71A208; }
/*
 {
    border:1px solid #71A208;  height: 28px; line-height: 28px; color: #71A208; font-size: 0.9em; font-weight: bold;
    background: url('images/buttons/btn_contacto.png') repeat-x left center; text-indent: 10px;
    display: inline-block; padding-right: 28px;padding-left:5px;
}
 { background-image: url('images/buttons/btn_contacto_hover.png'); cursor: pointer; }
*/

/* FORM CONTACTOS LOTE -------------------------------------------------------------------------- */
.div_form_containner {
    width: 420px; margin: 0 auto; padding: 0; margin-top: 10px;
}

.div_form_containner_info {
    width: 400px; margin: 0 auto; padding: 0; font-size: 1.1em; text-align: justify; padding: 10px;
    background: #E8F6FD; margin-bottom: 10px; border: 1px solid #DDD; height:65px;
}

.div_form_label2, .div_form_input2 { margin: 0; padding: 0; margin-bottom: 5px; }
.div_form_label2 {
    width: 100px; height: 30px; line-height: 30px; font-size: 1.1em; font-weight: bold; color: #555;float: left;
    background: #DDD; text-indent: 5px;
}
.div_form_input2 {
    width: 310px; height: 30px; line-height: 30px; float: right;
}

.div_btn_submit_wrapper {
    /* width: 200px; left: 210px; */ height: 32px; line-height: 32px; margin: 0; padding: 0;
    position: relative;  text-align: right; margin-top:5px;
}

.btn_submit_v1 {
    width: 200px; height: 32px; line-height: 32px; margin: 0; padding: 0; border: 0;
    display:inline-block; text-align:center;
    background: url('images/buttons/btn_avancar.png') no-repeat; color: #71A208; font-weight: bold;
}

.btn_submit_v1:hover {
    background: url('images/buttons/btn_avancar_hover.png') no-repeat; cursor: pointer; color:#FFF;
}

.visitInfo {
    margin-top:20px;
    font-weight:bold;
    /*position: relative;
    float: left;
    z-index: 200;padding: 25px 0px;
    width: 150px; height:150px; top: 5px; left: 5px; margin-bottom: -200px;

    clear: none;
    text-align: center;
    background: transparent url('images/lotes/bg_seal.png') no-repeat left top;
    */
    color:#71A208;

}

.visitInfo .date{

   font-size:1em;
   line-height: 1.3em;
}


/* Classe principal do relógio com gradiente único */
.relogio {
    _background: linear-gradient(to right, #FFCC00 0%, #683D13 70%, #613D13 100%);
    background: linear-gradient(to right, #0494c8 0%, #076797 70%, #014c73 100%);
    position: relative;
    width: 100%;
    margin: auto;
    _padding: 15px 10px;
    border-radius: 0px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    top:-10px;
}
.relogio_featured{
    _background: linear-gradient(to right, #FFCC00 0%, #683D13 70%, #613D13 100%);
    background: linear-gradient(to right, #0494c8 0%, #076797 70%, #014c73 100%);
    position: relative;
    width: 100%;
    margin: auto;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

/* Texto "Tempo restante" */
.relogio > span {
    display: block;
    color: #fff;
    font-size: 12px;
    font-weight: lighter;
    text-align: center;
    _margin-bottom: 10px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);

}

.relogio_featured > span {
    display: block;
    color: #fff;
    font-size: 12px;
    font-weight: lighter;
    text-align: center;
    _margin-bottom: 10px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

/* Container para os elementos de tempo */
.tempo-container {
    display: flex;
    justify-content: space-around;
    align-items: center;
    background: transparent; /* Importante: fundo transparente para mostrar o gradiente */
}

/* Cada unidade de tempo (dias, horas, etc.) */
.tempo {
    background: transparent; /* Fundo transparente */
    text-align: center;
    color: #fff;
    flex: 1;
    padding: 0px;
}

.relogio_featured .tempo {
    background: transparent; /* Fundo transparente */
    text-align: center;
    color: #fff;
    flex: 1;
    padding:0px;
}


/* Valores do tempo (números) */
.tempovalor {
    font-weight: bold;
    color: #fff;
    font-size: 24px;
    display: block;
    margin-bottom: 0px;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.7);
}

.relogio_featured .tempovalor {
    font-weight: bold;
    color: #fff;
    font-size: 24px;
    display: block;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.7);
}

/* Labels (dias, horas, min, seg) */
.tempo-label {
    font-size: 11px;
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

/* Separadores entre as unidades */
.separador {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    margin-top:-20px;
}

/* Versão responsiva
@media (max-width: 600px) {
    .relogio {
        width: 95%;
    }

    .tempovalor {
        font-size: 20px;
    }

    .tempo-label {
        font-size: 10px;
    }
}
*/
.countdown{
	display:inline-block;
	color:#000;
	line-height:18px;
	font-size: 15px;
	font-weight: lighter;
    _padding:10px;
    _background-color: #ddd;
    margin: auto !important;
}
.countdown #timer{
    font-weight:bold;
}
.notas_para_verbas{
    display:inline-block;
    float:left;
    color: #dd0908;
    width:100%;
}
.inscrever_lotes{
    float: left;
    padding: 10px;
    border-radius: 5px;
    background-color: yellow;
    font-weight: bold;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
}