

.img_carrocel {
    width: 80%;
    max-width: 80%;
}

/* PESQUISA */
.pesquisa {
    background-color: #d6f1f5;
    height: auto;
    width: auto;
}

.conteudo_carrousel {
    height: 40%;
    width: 40%;
    max-height: 300px;
    max-width: 300px;
    background-color: #00F;

    position: absolute;
    z-index: 10;
    top: 40%;
    right: 15%;
}

/*---------------------------------------------------*/

.carousel.carousel-fade .item {
    overflow: hidden;
    max-width: 100%;

    -webkit-transition: opacity 0.2s ease-out, width 1s ease-out;
    -moz-transition: opacity 0.2s ease-out, width 1s ease-out;
    -ms-transition: opacity 0.2s ease-out, width 1s ease-out;
    -o-transition: opacity 0.2s ease-out, width 1s ease-out;
    transition: opacity 0.2s ease-out, width 1s ease-out;

    width: 200%;
    opacity: 0.5;

}

.carousel-control {
    width: 5%;
}

.carousel.carousel-fade .active.item {
    opacity: 1;
    width: 100%;
}

.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
    left: 0;
    z-index: 2;

    opacity: 0.5;
    width: 100%;
    -webkit-transition: opacity 0.2s ease-out, width 1s ease-out;
    -moz-transition: opacity 0.2s ease-out, width 1s ease-out;
    -ms-transition: opacity 0.2s ease-out, width 1s ease-out;
    -o-transition: opacity 0.2s ease-out, width 1s ease-out;
    transition: opacity 0.2s ease-out, width 1s ease-out;

}

.carousel.carousel-fade .next,
.carousel.carousel-fade .prev {

    left: 0;
    z-index: 1;
}

.carousel.carousel-fade .carousel-control {
    z-index: 3;
}

/* ---ANIMACAO CARROSEL LEGENDA--- */

div.item.active div.carousel-caption {
    /* color:#F00; */
    margin-left: 45%; /*** Distancia que a caixa da legenda para */
    -webkit-transition: margin-left 1s ease-out;
    -moz-transition: margin-left 1s ease-out;
    -ms-transition: margin-left 1s ease-out;
    -o-transition: margin-left 1s ease-out;
    transition: margin-left 1s ease-out;
    size: auto;
}

div.item div.carousel-caption {
    /* color:#009; */
    margin-left: 99%;
    size: auto;
}

/* ---ANIMACAO CARROSEL LEGENDA--- */

/* ---CAIXA LEGENDA--- */
.carousel-caption {
    background-color: #090;
    width: 28%;
    height: 55%;
    opacity: 0.8;
    border: #090;
    border-width: 40;
    top: 32%;
    padding: 10px;
}

/* ---CAIXA LEGENDA--- */


/* ----------------------- CARROUSEL EMPREENDIMENTOS ------------------------ */
.carrouselTamanho{
 max-height: 376px;
 overflow: hidden !important;
}

.item>img{
    width:100%;
    height:100%;
}
/* ----------------------- END CARROUSEL EMPREENDIMENTOS ------------------------ */




/* ---------------------------------- OBJETOS DA TABS  ------------------------------ */

.obj-pesquisa {
    width: 100%;
    /* max-width: 300px; Optional: limit max width if needed */
    height: auto;
    min-height: 300px;
    background: #F8F8F8;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    color: #000;
    margin-bottom: 15px; /* Changed margin to be vertical mostly */
    border: #E9E9E9;
    border-style: solid;
    border-width: 1px;
}

.obj-pesquisa .img {
    left: 0px;
    top: 0px;
    width: 100%;
}

.tabs {
    background-position: 50% 50%;
    background-size: cover;
}

.obj-pesquisa .img_tamanho {
    width: 100%;
    height: 200px; /* Keep height consistent or make auto if aspect ratio is preserved */
    object-fit: cover;
}

.textoSuperior {
    color: #060;
    font: 300 32px/48px "Lato", sans-serif;
    vertical-align: middle;
}

.textoInferior {
    color: #333;
    font: 100 12px/12px "Lato", sans-serif;
    /* text-decoration: line-through; */
    margin-top: 2px;
}

.nome {
    font: 15px/12px "Lato", sans-serif;
    margin-left: 5px;
    margin-top: 4px;
}

.texto {
    font: 12px/10px "Lato", sans-serif;
    margin-left: 15px;
}

.disponivel {
    color: #060;
    font-weight: bold;
}

.alinhamento {
    margin-left: 30px;
    vertical-align: left;
    margin-top: 8px;
}

/* ---------------------------------- OBJETOS DA TABS  ------------------------------ */
