/*=========== RESET ==========*/
* {margin: 0; padding: 0; font-size: 100%; border: none; outline: none; font-weight: 300; box-sizing: border-box;
font-family: 'Lato', sans-serif;
}
body {background: #EFDDCF;}
a {text-decoration: none;}
ul {list-style: none;}
img {max-width: 100%;
}
/*===CSS BUSCA===*/
.dest_box{
    background: #fff;
    padding: 15px;
    border-radius: 7px;
    border: solid 1px #da6709; 
    margin-top: 10%;
}
/*   TELA DE ALERT  TOUR    */
.box-editar{
width: 95%;
margin-left: 2.5%;       
}
.caixa-editar{
width: 50%;          
margin-bottom: 20px;
margin-top: 20px;
}
.bt-editar{
padding:5% 10% 5% 10%;
width: 95%;
margin: 6%;
background:linear-gradient(#F7F3EF,#F7F3EF,#EFDAD0); position: relative;
border: solid 1px #000;
color: #000;
border-radius: 5px;
}
.bt-editar:hover{ background: #fff;
border: solid 1px #da6709;
color: #da6709;
box-shadow:#da6709 0.9px 0.9px 10px 0.9px; color:#da6709;
}
.vis-est{
margin-left: 10%;
}
.botao-opac{
cursor: pointer;
color: #777;
font-weight:bold;
border:2px solid #F7F3EF;
border-radius: 5px;
}
.botao-opac:hover{
background:linear-gradient(to right,#ce2e3c,#da6709);
}
.box-alert{
background: #fff;
z-index: 999;
border-radius: 8px;
    
width: 350px;
text-align: center;

position: fixed;
left: 50%;
margin-left: -175px;
height: 330px;
top: 50%;
margin-top: -165px;
}
.caixa-mensagem-1{     
padding-left:15px; 
font-size:18px;
border:2px solid #da6709;
width:85%;
height: 100px;
border-radius: 5px;
}
.close-alert{
position: relative;
float: right;
margin-top: -30px;
color: #777;
font-size: 18px;
}  
.close-alert:hover{ color: #000;
}
.figure:hover{ color: #da6709;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}

/*===============*/

.mg-box-editar{margin-top: 0px;}

.conteudo-banner{
    display: none;
    position: relative;
    z-index: 20;
}
.mg-logo{margin-bottom: 10px;}

.cliente{
    padding: 50px;
    text-align: center;
    background: url(../img/baner-background.jpg) center no-repeat;
    background-size: cover;
   
}


.logo_banner{
    background: #fff;
    border-radius: 10px;
    border: solid 2px #da6709;
    
}


.selecione{   
    width: 96%;
    margin-left: 2%;
    margin-top: 7px;
}
.fund{
    width: 100%;
}

.box-busca{
    width: 45%;
    margin: 2.5%;
    border-radius: 5px; 
    display: none;
    float: left;
}
.filter-ico{
    width: 30%;
    margin-left: 35%;
}
.redefinir{
    width: 100%;
}
/* PAGINAÇÃO */

.botao-pg{
  height: 45px;
  width: 50px; 
 }
.botao-pg-2{
  left: 111px;
  height: 45px;
  width: 40px;  
  border-radius: 0px 5px 5px 0px; 
  position: absolute; 
  background:linear-gradient(to right,#da6709,#ce2e3c);
  color: #F7F3EF; 
  margin-top: 2px;    
}
.inpt-pag{
     float: left;
    }


  /*=== CABEƇALHO ===*/
.cabecalho{
    width: 100%; 
    height: 3.5em;
    padding-left: 3%;
}

.checkbox{
    position: absolute;
    text-align: left;
    width: 100px;
    margin-left: -1%;
  }
.radio{
    position: absolute;
    text-align: left;
    width: 180px;
    border-radius: 5px;
    left: 13%;
    display: none;
    z-index: 80;
    }

.logo-imob{
    width:20%;
    margin: 0% 20% 0% 0%;
}
.coluna-meio{
    width: 250px;
}


/*=== LOGOTIPO ===*/
#logotipo {
    width: 156px; 
    height: 50px;
    float: left; 
    background: url(../img/mobile-logo.jpg) center center no-repeat;
    font-size: 0;
    position: relative;
    margin-top: 2.5px;    
}
/*=== BOTAO DO MENU ===*/
.bg-gradient {
    background: linear-gradient(to right,#da6709,#ce2e3c);  
}
.bg-gradient-2 {
    background: linear-gradient(to right,#ce2e3c,#da6709);  
}
.btn-menu {
    width: 50px; 
    height: 50px; 
    float: right; 
    color: #fff; 
    border-radius:5px; 
    cursor: pointer;
    position: relative;
    margin-top: 2.5px;
    margin-right: 3%;
    font-size: 1.4em    
}
.btn-close {
    font-size: 1.5em; 
    color: #fff; 
    float: right; 
    cursor: pointer; 
    margin: 2% 3% 0 0;    
}
/*=== MENU ===*/
.menu ul {
    width: 100%; 
    float: left; 
    text-align: center;
}
.menu li {
    padding: 1.5%;
}
.menu li a {
    font-size: 1.5em; 
    color: #fff; 
    padding: 1.5% 3%;
}
.menu li a:hover {
    border:1px solid #da6709;
    
    }

        /*  LOGIN  */
.campo-digitacao{  
  background-color:color: #F7F3EF ;   
  padding-left:5px; 
  font-size:18px;
  border-color: #da6709;
  border:2px solid #da6709;
  border-radius:3px;
  height:50px;
  width:90%;
  margin: 3% 0% 3% 5%;   
}      





                    /*=== IMAGEM DE FUNDO (Banner) ===*/

                    /*=== CONTEÚDO DO BANNER (Campo de Busca) ===*/
h1{
    position: center center; 
    font-family: sans-serif;
    font-size: 1.3em;   
}
    
 
#BOTAO{ 
  height:50px;
  border-radius:5px;
  width:50%;
  font-weight:bold;
  font-size:18px;
  background:linear-gradient(to right,#da6709,#ce2e3c);
  cursor: pointer;
  color: #F7F3EF;
  border:2px solid #F7F3EF ; 
  margin-top: 7px;
}                                           /*=== LISTA ===*/














    /* IMAGEM  */



.box{
    width: 95%;    
   
    margin: 5% 2% 5% 2.5%;
    
    padding-bottom: 2%;
}

.par{
    width: 94%;
    font-size: 5vmin; 
    margin: 3% 3% 0% 3% ;
    text-align: justify;    
    padding-bottom: 1.5em; 
    text-indent: 7px;
    }
.titulo{
    font-size: 7vmin;
    padding: 2px;
    text-align: justify;       
}
.slider{width: 100%;
}

.valor{
    margin-left: 7px;
     
    
    
}

.op-tipo{
    position: absolute;
    margin: 0.5em; 
    z-index: 15;
    font-size: 3.5vw;
}
.operac{
    position: absolute;
    margin: 8% 0em 0em .5em; 
    z-index: 15;
    font-size: 3.5vw; 
     
    
    
}
.efeito:hover{
    box-shadow: 1px 2px 19px; 
}
.botao{
    padding: 0.5%;
    background: linear-gradient(to right,#da6709,#ce2e3c);
    color: #fff;
    border-radius: 3px 3px 3px 3px;
    border: solid #fff 0.5px;    
}
.detal{
    float: right;
    margin-top: -1em;
    font-size: 3vw;
}
.ico{width: 9%;
    float: left;
    margin:1% 7% 2% 8%;
    text-align: center;
}
.item{
    width: 100%;
    height: 20px;
    margin-bottom: -20%;
}



 /* ========== MOBILE FIRST.ico{width: 10%;}==========*/

                /* SMALL DEVICES - SMARTPHONES */
/* SMALL DEVICES - SMARTPHONES */
@media screen and (min-width: 176px){
 .ico{width: 12%; margin-left: 6%} 
.logo-imob{width: 25%; float: left; margin-left: 5%; margin-top: -6%; margin-bottom: 5px;}
    
}
    
 /* SMALL DEVICES - SMARTPHONES */
@media screen and (min-width: 240px){
   .fund{
    width: 100%;
       margin-left: 0%;
} 
    .logo-imob{width: 27%;}
    
    
}

@media screen and (min-width: 320px){
    
   .fund{
    width: 100%;
       margin-left: 0%;
} 
    
background:url(../img/baner-background.jpg) top center  no-repeat fixed;   
background-size: 100%;     

.titulo-bco_pto-2{margin-top: -15%;}
.box-busca{ width: 40%; margin: 5% 5% 3% 5%;}
     .logo-imob{width: 29%; margin-top: -7%}

   .selecione{ width: %; float: left; margin-left: 1%; margin-right: 1%; } 
#BOTAO{ width:31.1%;  height: 44px;}
    
    .box-busca{
    width: 45%;
    margin: 2.5%;
    
}
.filter-ico{
    width: 25%;    
    float: none;
}
.checkbox{    
    width: 130px;
    margin: 1% 0% 0% 0%;  
    text-align: justify;
}  
    
.radio{
    width: 190px;
    left: 52%; 
    margin-top: 1%;
} 


}

@media screen and (min-width: 480px){
    
.fund{ width: 80%; margin-left: 10%; }
    /* CAIXA RESULTADOS */
.box{ width: 80%; margin-left: 10%; }

}

/* SMALL DEVICES - TABLETS */
@media screen and (min-width: 768px) {
   
    /*CAIXA RESULTADOS */

.box{ width: 70%; margin-left: 15%; }
.fund{ width: 100%; margin-left: 0%; } 
.selecione{ width: 31.3%; float: left; margin-left: 1%; margin-right: 1%; } 
#BOTAO{ width:31.1%;  height: 44px; }
.box-busca{ width: 23%; margin: 1%; }
.filter-ico{ width: 25%; float: none; }
.checkbox{ width: 130px;  margin: 1% 0% 0% 0%; text-align: justify; }      
.radio{ width: 190px; left: 52%; margin-top: 1%; }
    
}

/* SMALL DEVICES - NETBOOK */
@media screen and (min-width: 960px){
    
.dest_box{
    bottom: 27%;
    left: 80%;    
}
.editar{display: none;}
.logo-imob{ width:25%; position: absolute; top: -10px}    
.fund{ width: 100%; margin-left: 0%; } 
.banner-alt{height: 4em;} 
.selecione{ width: 23%; float: left; margin-left: 1%; margin-right: 1%; } 
#BOTAO{ width:20%;  height: 44px;}
#rodape{ margin-top: 13em; }
    /* RESULTADO DA BUSCA */
.box{ display: inline-block; margin: 2% 2% 2% 1%; width: 98%; padding-bottom: 0px; }
.box-paragrafo{ width: 40%; float: left; }
.box-imagem{ width: 40%; float: left; }
.box-slin{ width: 20%; float: left; }
.box-slin-2{ width: 100%; float: left; margin-top: 5%; margin-left: 20%; }
.mg-top{ padding-top: 3%; font-size: 20px; text-align: center; }  
.titulo{ border: solid #999; margin-left: 40.6%; padding: 5px; font-size: 1.6em; }
.titulo-valor{ text-align: center; height: 20%; }
.valor{border:3px solid #da6709; float: left; border-radius: 5px; box-shadow: -1px 1px 10px .1px #da6709; margin-left: 5%; text-align: center; } 
.titulo:hover{ border: solid #da6709;  color: #da6709; }
.imagem{ width:100%; float: left; margin-bottom: 1px; }
.detal{ float: right; margin-right: 2%; font-size: 20px; margin-top: 2em; }
.info{ margin-top: 4em; }
.ico-m{ width: 18%; margin-left: 15%; }
.ico-number{float: none; font-size: 1vw; margin-top: 5%; }
/* CAMPOS DE FILTRO PAGINA DE BUSCA */
.box-busca{width: 23%; margin-left: 1%; text-align: center; }
.filter-ico{width: 19%; float: left; margin-left: 1%;  margin-right: 2% }
.btn-busca{font-size:20px; width: 100%; height: 45px;  }
.op-tipo{font-size: 1.5vw; }
.operac{font-size: 1.5vw; margin-top: 4%; }
.box-detalhes{width: 40%; position: absolute; left: 58%; margin-top: 18.5%;  }      
.checkbox{ text-align: justify; width: 130px; margin: 3.5% 0% 0% 0%; }     
.radio{width: 190px; left: 52%;  margin-top: 3.5%; }

.mg-box-editar{margin-top: -30px;}

}


/* MEDIUM DEVICES - TABLETS & DESKTOPS*/
@media screen and (min-width: 1024px) {  
 .dest_box{
    bottom: 27%;
    left: 80%;    
}
  
    
}


   /* LARGE DEVICES - WIDE SCREENS*/
@media screen and (min-width: 1280px) {
    
.editar{display: block;} 
    
.dest_box{
    bottom: 33%;
       
}
    
.logo-imob{ width:30%; position: absolute; top: -35px} 
.fund{ width: 100%; margin-left: 0%; } 
    /* RESULTADO DA BUSCA */
.box-slin-2{ width: 100%; float: left; margin-top: 5%; margin-left: 20%; }
.mg-top{ padding-top: 10%; font-size: 20px; text-align: center }      
.detal{ float: right; margin-right: 2%; font-size: 20px; margin-top: 3em; }
.ico-m{ width: 20%; }
.ico-number{ margin-top: 5%; }  
.box-busca{ width: 23%; margin: 1%; }
/* CAMPOS DE FILTRO PAGINA DE BUSCA */
.filter-ico{ width: 15%; margin-left: 10%; margin-right: 3%; float: left;  }
.checkbox{ width: 130px; margin: 3.5% 0% 0% 1%; }     
.radio{ width: 190px; left: 52%;  margin-top: 3.5%; }
    
.mg-box-editar{margin-top: 0px;}
    
}