/* Inicio Banner */

#BannerImoveis {position: relative;display: block;overflow: hidden;z-index:1;float: none;
   top:0px;left:1%;margin: 0px;opacity: 1;white-space: nowrap;
   width: 98%;min-width: auto;max-width: 98%;height: 300px;min-height: auto;max-height: 300px;
   background: none;background-color: none;border: none;}
@media screen and (max-width: 700px) {
      #BannerImoveis {height: 255px;max-height: 255px;}   
}    
@media screen and (max-width: 500px) {
      #BannerImoveis {height: 200px;min-height: 200px;max-height: 200px;}   
}    

#BannerImoveis .QuadroImv{position: relative;display: block;overflow: hidden;z-index:1;
      float: left;top:0px;left:0px;margin: 0px;
      width: 49%;min-width: auto;max-width: 49%;height: 300px;min-height: auto;max-height: 300px;
      background: none;background-color: #18a18b;border: 1px solid #FFFFFF;}

@media screen and (max-width: 1200px) {
      #BannerImoveis .QuadroImv{width: 98%;max-width: 98%;}      
}    

#BannerImoveis .BannerSaida{animation:Desaparecer 1.0s;animation-fill-mode: forwards;}@keyframes Desaparecer{from{margin-left:0%;} to{margin-left:-49%;}}

@media screen and (max-width: 1200px) {
      #BannerImoveis .BannerSaida{animation:Desaparecer 1.0s;animation-fill-mode: forwards;}@keyframes Desaparecer{from{margin-left:0px;} to{margin-left:-99%;}}
}    

#BannerImoveis .QuadroImvDireita{float: right;margin-right: 0px;}

#BannerImoveis .QuadroImvCor1{background-color: #18a18b;}

#BannerImoveis .QuadroImvCor2{background-color: #1460d3;}

#BannerImoveis .QuadroImvCor3{background-color: #817c7c;}

#BannerImoveis .QuadroImvCor4{background-color: #b3a151;}

#BannerImoveis .QuadroImvCor5{background-color: #479b6a;}

#BannerImoveis .QuadroImvCor6{background-color: #c9503a;}

#BannerImoveis .QuadroImvCor7{background-color: #c58919;}

#BannerImoveis .QuadroImvCor8{background-color: #5f4e43;}

#BannerImoveis .QuadroImvCor9{background-color: #4a40a7;}

#BannerImoveis .QuadroImvCor10{background-color: #921d8c;}

#BannerImoveis img {position: absolute;top:2%;left: 1%;
         margin: 0px;padding: 0px;
         width: 60%;min-width: 100px;max-width: 60%;
         height: auto;min-height: none;max-height: 95%;
         background: none;background-color: none;border: none;}

@media screen and (max-width: 1200px) {
      #BannerImoveis img {width: 50%;max-width: 50%;max-height: 95%;}   
}    
      
@media screen and (max-width: 700px) {
      #BannerImoveis img {width: 100%;max-width: 98%;max-height: 80%;}   
}    
@media screen and (max-width: 500px) {
      #BannerImoveis img {max-height: 63%;}   
}    

#BannerImoveis h1 {position: absolute;top:30px;left: -50px;
            margin: 0px;padding: 0px;transform: rotate(-45deg);
            width: 200px;min-width: auto;max-width: auto;
            height: auto;min-height: auto;max-height: auto;
            background: none;background-color: #18a18b;border: none;
            text-align: center;color: #FFFFFF;}
                           
#BannerImoveis .OcuparLinha {position: relative;float: none;
               margin: 0px;margin-top: 20px;padding: 0px;
               width: 99%;min-width: 200px;max-width: auto;
               height: 70px;min-height: auto;max-height: auto;
               background: none;background-color: none;border: none;}

#BannerImoveis h2 {position: relative;float: right;
                  margin: 0px;padding: 0px;
                  width: 37%;min-width: 200px;max-width: auto;
                  height: auto;min-height: auto;max-height: auto;
                  background: none;background-color: none;border: none;
                  text-align: left;color: #FFFFFF;}

@media screen and (max-width: 1200px) {
      #BannerImoveis h2 {width: 45%;max-width: 45%;}   
}    
                  
@media screen and (max-width: 700px) {
      #BannerImoveis .NaoMostrarInfImv{display: none;}   
}    
                                       
#BannerImoveis h3 {position: absolute;right: 3px;cursor: pointer;
                  bottom: 1px; margin: 0px;padding: 0px;
                  width: 32%;min-width: 200px;max-width: auto;
                  height: auto;min-height: auto;max-height: auto;
                  background: none;background-color: none;border: none;
                  text-align: right;color: #FFFFFF; font-size: 90%;font-weight: normal;}
   
#BannerControle {position: relative;display: block;overflow: hidden;z-index:1;float: none;
                  top:0px;left:1%;margin: 0px;opacity: 1;
                  width: 98%;min-width: auto;max-width: 98%;height: 50px;min-height: auto;max-height: 50px;
                  background: none;background-color: none;border: none;} 
@media screen and (max-width: 700px) {
      #BannerControle {height: 35px;max-height: 35px;}   
}    
                                    
#BannerControle .BarraCtr{position: relative;display: block;overflow: visible;z-index:1;float: none;
                  top:1px;left:0px;margin: 0px;margin-left: auto;margin-right: auto; opacity: 1;
                  width: 80%;min-width: auto;max-width: auto;height: 30px;min-height: auto;max-height: auto;
                  background: none;background-color: none;border: none;text-align: center;}
                     
#BannerControle .OpcaoBanner{position: relative;display: inline-block;overflow: visible;z-index:1;float: none;
                  top:0px;left: 0px;margin: 0px;margin-left: 10px;margin-top: 5px;padding: 3px;
                  width: auto;min-width: auto;max-width: 50px;height: auto;min-height: auto;max-height: 13px;
                  background: none;background-color: none;border: 1px solid #a5a0a0;opacity: 1;cursor: pointer;
                  color: #555252;font-size: 150%;text-align: center; }
@media screen and (max-width: 700px) {
      #BannerControle .OpcaoBanner {font-size: 90%;max-height: 8px;}   
}    
                                    
#BannerControle .BannerAtual{position: relative;display: inline-block;overflow: visible;z-index:1;float: none;
                  top:0px;left: 0px;margin: 0px;margin-left: 10px;margin-top: 5px;padding: 3px;
                  width: auto;min-width: auto;max-width: 50px;height: auto;min-height: auto;max-height: 13px;
                  background: none;background-color: none;border: 1px solid #1b812c;opacity: 1;cursor: pointer;
                  color: #1b812c;font-size: 150%;text-align: center; }

#BannerControle .OpcaoBanner:hover{border-color: #d5e405;color:#d5e405;}
   
#BannerControle .Selecionar{background-color: #18a18b;color: #1b812c;}

#BannerControle .Selecionado{animation:MudaCor;animation-duration: 4s;animation-fill-mode: forwards;}
@keyframes MudaCor{from{background-color: #555252;color: #555252;} to{background-color: #18a18b;color: #1b812c;}}

/* Inicio Display */

#DisplayControle {position: relative;display: block;overflow: hidden;z-index:1;opacity: 1;cursor: pointer;
      float: none;top:0px;left:0px;margin: 0px;margin-left: auto;margin-right: auto;margin-bottom: 20px;
      width: 100%;min-width: auto;max-width: 1200px;height: 400px;min-height: auto;max-height: auto;
      background: none;background-color: none;border: none;}
         
@media screen and (max-width: 900px) {
      #DisplayControle {height: 300px;}
}    
@media screen and (max-width: 700px) {
      #DisplayControle {height: 200px;}
}    
@media screen and (max-width: 500px) {
      #DisplayControle {height: 150px;margin-bottom: 0px;}
}    

#DisplayControle .DisplayEntrada{position: absolute;display: block;overflow: visible;z-index:1;float: none;
         top:0px;left:5px;margin: 0px;opacity: 1;
         width: 99%;min-width: auto;max-width: 99%;height: 99%;min-height: auto;max-height: 99%;
         background: none;background-color: none;border: none;
         animation:AnimaEntrada 1.0s;animation-fill-mode: forwards;}
@keyframes AnimaEntrada{from{left:-100%;} to{right:0%;}}

#DisplayControle .DisplaySaida{position: absolute;display: block;overflow: visible;z-index:1;float: none;
            top:0px;left:5px;margin: 0px;opacity: 1;
            width: 99%;min-width: auto;max-width: 99%;height: 99%;min-height: auto;max-height: 99%;
            background: none;background-color: none;border: none;
            animation:AnimaSaida 1.0s;animation-fill-mode: forwards;}
@keyframes AnimaSaida{from{right:0%;} to{left:+100%;}}

#DisplayControle img{position: absolute;display: block;overflow: visible;z-index:1;float: none;
         top:auto;right:0px;margin: 0px;opacity: 1;
         width: 100%;min-width: auto;max-width: 1920px;height: 99%;min-height: auto;max-height: 99%;
         background: none;background-color: #FFFFFF;border: none;}

/* Inicio Caixa - Simulador */

#CaixaSimulador{position: relative;display: block;overflow: hidden; 
      top:10px;left: 0px;margin: 0px;margin-left: auto; margin-right: auto; margin-bottom: 100px; padding: 0px;padding-bottom: 10px;
      width: 100%;min-width: 400px;max-width: 100%;height: 100%;min-height: 100px;max-height: 100%;      
      background: none;background-color: none;border: none;}
      
#CaixaSimulador h4{font-size: 150%;color: #ffa500;border-bottom: 1px solid #ffa500;}

#CaixaSimulador .QdrSimulacao{position: relative;display: block;overflow: hidden;cursor: pointer;
      float: left; top:0px;left: 0px;margin: 0px;margin-left: 2%; padding: 0px;
      width: 30%;min-width: auto;max-width: auto;height: 250px;min-height: auto;max-height: auto;      
      background: none;background-color: none;border: 1px solid #2e3453;}
@media screen and (max-width: 700px) {
      #CaixaSimulador .QdrSimulacao{width: 90%;float: none;margin-left: auto;margin-right: auto;margin-bottom: 20px;height: 170px;}
}    
@media screen and (max-width: 500px) {
      #CaixaSimulador .QdrSimulacao{margin: 0px;margin-bottom: 10px;height: 160px;}
}    
      
#CaixaSimulador .QdrSimulacao:hover {transform: scale(1.02);box-shadow: 2px 2px 20px #ffa500;border-color: #ffa500;}

#CaixaSimulador img{position: relative;display: block;overflow: auto; 
            top:5px;left: 0px;margin: 0px;margin-left: auto;margin-right: auto; padding: 0px;
            width: auto;min-width: auto;max-width: 200px;height: auto;min-height: auto;max-height: 150px;      
            background: none;background-color: none;border: none;}
@media screen and (max-width: 900px) {
      #CaixaSimulador img{max-width: 150px;height: auto;min-height: auto;max-height: 100px; }
}    
@media screen and (max-width: 700px) {
      #CaixaSimulador img{float: left;max-width: 200px;max-height: 150px; }
}    
@media screen and (max-width: 500px) {
      #CaixaSimulador img{float: left;max-width: 150px;max-height: 130px; }
}    
            
#CaixaSimulador h5{font-size: 100%;font-weight: normal; text-align: justify;margin: 5px;margin-top: 20px;}         
@media screen and (max-width: 700px) {
      #CaixaSimulador h5{font-size: 120%;max-width: 60%;float: right;}
}    
@media screen and (max-width: 500px) {
      #CaixaSimulador h5{margin: 5px; font-size: 100%;max-width: 50%;float: right;}
}    

/* Inicio Loteamento */

#Loteamento{position: relative;display: block;overflow: hidden; 
      top:10px;left: 0px;margin: 0px;margin-left: auto; margin-right: auto; margin-bottom: 50px; padding: 0px;padding-bottom: 10px;
      width: 100%;min-width: 400px;max-width: 100%;height: 350px;min-height: auto;max-height: auto;      
      background: none;background-color: none;border: none;}
@media screen and (max-width: 1700px) {
      #Loteamento {height: 300px;}
}          
@media screen and (max-width: 1400px) {
      #Loteamento {height: 250px;}
}                
@media screen and (max-width: 700px) {
      #Loteamento {height: auto;}
}    

#Loteamento h4{font-size: 150%;color: #1460d3;border-bottom: 1px solid #1460d3;}

#Loteamento .QdrLotes{position: relative;display: block;overflow: hidden;cursor: pointer;
      float: left; top:0px;left: 0px;margin: 0px;margin-left: 2%; padding: 0px;
      width: 30%;min-width: auto;max-width: auto;height: 250px;min-height: auto;max-height: auto;      
      background: none;background-color: none;border: 2px solid #0f4699;border-radius: 20px;}
@media screen and (max-width: 1700px) {
      #Loteamento .QdrLotes{height: 200px;}
}          
@media screen and (max-width: 1400px) {
      #Loteamento .QdrLotes{height: 150px;}
}          
@media screen and (max-width: 700px) {
      #Loteamento .QdrLotes{width: 90%;float: none;margin-left: auto;margin-right: auto;margin-bottom: 20px;height: 200px;}
}    
@media screen and (max-width: 500px) {
      #Loteamento .QdrLotes{height: 150px;}
}          
      
#Loteamento .QdrLotes:hover {transform: scale(1.02);box-shadow: 2px 2px 20px #1460d3;border-color: #1460d3;}

#Loteamento img{position: relative;display: block;overflow: auto; 
      top:2%;left: 1%;margin: 0px;padding: 0px;border-radius: 20px;
      width: 98%;min-width: auto;max-width: auto;height: 95%;min-height: auto;max-height: auto;      
      background: none;background-color: none;border: none;}