.cleaner {
	      clear: both;
         }

img      {
	     max-width: 100%;
	     height: auto;
	     }

body     {
  font-family: "Comfortaa", sans-serif;
		 font-weight: 700;
         font-size: 22px;
		 background: #000000;
         }
      

header   {
         max-width: 100%;      
         background-color: black;
         width: 100%;
         }

   
     
                  
              
                       
.contenedor {
          width: 100%;
          height: 85px;
          margin: 0px auto;
            max-width: 392px;
            float: left;      
            background-color: black;
            padding: 15px 0px 0px 100px;
          box-sizing: border-box;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;

             }                 

         
           
        

nav      { 
      width: 100%;
      max-width: 600px;
      padding: 40px 0px 0px 100px;
      float: right;

      background-color: black;
       -webkit-font-smoothing: antialiased;
       

     }


nav ul li  {
       background: #000000;	
       display:inline;  
    
            
       }

nav ul li a  {
        margin-bottom: 1px;
        font-size: 15px !important;
        line-height: 2em;
        letter-spacing: .1em;
        color: #ffffff !important;
        padding: 0px 10px 0px 50px;
         }

nav ul li a:hover  {
             color: #818181 !important;

             transition:background 2s;
             -webkit-transition:background 2s;
             -moz-transition:background 2s;
               }  
                   
      
               .contenedor1 {
                width: 100%;
                height: 90px;
                background-color: black;	
                margin: 0px auto;
              
                  padding: 0px 0px 0px 0px;
                box-sizing: border-box;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                
                   }                 







                 


                   



                  
                                   
                   
.titulo-obras {
    color: #fff !important;
    font-family: 'Lato' ;
    font-size: 15px;
       padding: 0px 0px 0px 30px;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
           }                
 
.texto-obras {
    color: #fff !important;
    font-family: 'Lato' ;
    font-size: 15px;
    line-height:20px;
       padding: 0px 0px 20px 30px;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
           }                             
                   
                   
 
 
 /*SECCION BOTONES*/
 

     .contenedor-botones {
      width: 1920px;
      margin: 0px auto; 
      position:relative;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;

    }
    
       
       
    .contenedor-botones ul {
      width: 100%;
      margin: 0px auto;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
       
       } 
    
    section li {
        display: inline-block;
       
          
     }
 
 
 







    
 .boton-01-contenedor   {
    
    width:636px;
    height:300px;
    
    }




.casa1 {
    
  background:url(../images/proyectos/01-house-a-1920.jpg)
no-repeat top;
  width:636px;
  height:300px;
  display:block;
  text-indent:-99999px;
}


.casa1:hover {
  
  background:url(../images/proyectos/01-house-a-1920.jpg)
no-repeat bottom;

  transition:background 0.0s;

}








.boton-02-contenedor   {
    
    width:636px;
    height:300px;
    position:absolute; top:0px; left:640px;
    
    }


.casa2 {
    
  background:url(../images/proyectos/02-house-c-1920.jpg)
no-repeat top;
  width:636px;
  height:300px;
  display:block;
  text-indent:-99999px;
}


.casa2:hover {
  
  background:url(../images/proyectos/02-house-c-1920.jpg)
no-repeat bottom;

  transition:background 0.0s;

}






.boton-03-contenedor   {

width:636px;
height:300px;
position:absolute; top:0px; left:1280px;

}

.casa3 {
    
background:url(../images/proyectos/03-house-f-1920.jpg)
no-repeat top;
width:636px;
height:300px;
display:block;

text-indent:-99999px;
}


.casa3:hover {

background:url(../images/proyectos/03-house-f-1920.jpg)
no-repeat bottom;
transition:background 0.0s;

}









.boton-04-contenedor   {

width:636px;
height:300px;
position:absolute; top:304px; left:0px;

}

.casa4 {
    
background:url(../images/proyectos/04-house-o-1920.jpg)
no-repeat top;
width:636px;
height:300px;
display:block;

text-indent:-99999px;
}


.casa4:hover {

background:url(../images/proyectos/04-house-o-1920.jpg)
no-repeat bottom;
transition:background 0.0s;

}









.boton-05-contenedor   {

width:636px;
height:300px;
position:absolute; top:304px; left:640px;

}


.casa5 {

background:url(../images/proyectos/05-house-q-1920.jpg)
no-repeat top;
width:636px;
height:300px;

display:block;
text-indent:-99999px;
}


.casa5:hover {

background:url(../images/proyectos/05-house-q-1920.jpg)
no-repeat bottom;

transition:background 0.0s;

}











.boton-06-contenedor   {

width:636px;
height:300px;
position:absolute; top:304px; left:1280px;

}

.shop1 {

background:url(../images/proyectos/06-shop-r-1920.jpg)
no-repeat top;
width:636px;
height:300px;
display:block;

text-indent:-99999px;
}


.shop1:hover {

background:url(../images/proyectos/06-shop-r-1920.jpg)
no-repeat bottom;
transition:background 0.0s;

}









.boton-07-contenedor   {

width:636px;
height:300px;
position:absolute; top:608px; left:0px;

}

.shop2 {

background:url(../images/proyectos/07-shop-o-1920.jpg)
no-repeat top;
width:636px;
height:300px;
display:block;

text-indent:-99999px;
}


.shop2:hover {

background:url(../images/proyectos/07-shop-o-1920.jpg)
no-repeat bottom;
transition:background 0.0s;

}







.boton-08-contenedor   {

width:636px;
height:300px;
position:absolute; top:608px; left:640px;

}


.shop3 {

background:url(../images/proyectos/08-shop-t-1920.jpg)
no-repeat top;
width:636px;
height:300px;

display:block;
text-indent:-99999px;
}


.shop3:hover {

background:url(../images/proyectos/08-shop-t-1920.jpg)
no-repeat bottom;

transition:background 0.0s;

}






.boton-09-contenedor   {

    width:636px;
    height:300px;
    position:absolute; top:608px; left:1280px;
    
    }
    
    
    .shop4 {
    
    background:url(../images/proyectos/09-shop-d-1920.jpg)
    no-repeat top;
    width:636px;
    height:300px;
    
    display:block;
    text-indent:-99999px;
    }
    
    
    .shop4:hover {
    
    background:url(../images/proyectos/09-shop-d-1920.jpg)
    no-repeat bottom;
    
    transition:background 0.0s;
    
    }









    .boton-10-contenedor   {

      width:636px;
      height:300px;
      position:absolute; top:912px; left:0px;
      
      }
      
      
      .shop5 {
      
      background:url(../images/proyectos/10-depot-l-1920.jpg)
      no-repeat top;
      width:636px;
      height:300px;
      
      display:block;
      text-indent:-99999px;
      }
      
      
      .shop5:hover {
      
      background:url(../images/proyectos/10-depot-l-1920.jpg)
      no-repeat bottom;
      
      transition:background 0.0s;
      
      }   






      .boton-11-contenedor   {

        width:636px;
        height:300px;
        position:absolute; top:912px; left:640px;
        
        }
        
        
        .tower1 {
        
        background:url(../images/proyectos/11-tower-o-1920.jpg)
        no-repeat top;
        width:636px;
        height:300px;
        
        display:block;
        text-indent:-99999px;
        }
        
        
        .tower1:hover {
        
        background:url(../images/proyectos/11-tower-o-1920.jpg)
        no-repeat bottom;
        
        transition:background 0.0s;
        
        }   









        .boton-12-contenedor   {

          width:636px;
          height:300px;
          position:absolute; top:912px; left:1280px;
          
          }
          
          
          .tower2 {
          
          background:url(../images/proyectos/12-tower-r-1920.jpg)
          no-repeat top;
          width:636px;
          height:300px;
          
          display:block;
          text-indent:-99999px;
          }
          
          
          .tower2:hover {
          
          background:url(../images/proyectos/12-tower-r-1920.jpg)
          no-repeat bottom;
          
          transition:background 0.0s;
          
          }   












          .boton-13-contenedor   {

            width:636px;
            height:300px;
            position:absolute; top:1216px; left:0px;
            
            }
            
            
            .tower3 {
            
            background:url(../images/proyectos/13-tower-g-1920.jpg)
            no-repeat top;
            width:636px;
            height:300px;
            
            display:block;
            text-indent:-99999px;
            }
            
            
            .tower3:hover {
            
            background:url(../images/proyectos/13-tower-g-1920.jpg)
            no-repeat bottom;
            
            transition:background 0.0s;
            
            }   
      
    
  







            .boton-14-contenedor   {

              width:636px;
              height:300px;
              position:absolute; top:1216px; left:640px;
              
              }
              
              
              .tower4 {
              
              background:url(../images/proyectos/14-tower-t-1920.jpg)
              no-repeat top;
              width:636px;
              height:300px;
              
              display:block;
              text-indent:-99999px;
              }
              
              
              .tower4:hover {
              
              background:url(../images/proyectos/14-tower-t-1920.jpg)
              no-repeat bottom;
              
              transition:background 0.0s;
              
              }   
        











::-webkit-input-placeholder {      /*Para Google Chrome y Opera Next*/
color:#fff;
}
::-moz-placeholder {      /*Para Firefox 18-*/
color:#fff;
}
::-moz-placeholder {      /*Para Firefox 18+*/
color:#fff;
}
::-ms-input-placeholder {        /*Para IE10+*/
color: #fff;  
}
::input-placeholder {    /*Propiedad sin prefijos (no funciona en ningún navegador)*/
color:#fff;
}











































 /*media queries */

 @media screen and (max-width:2000px)

 {
 
 .contenedor {
   width: 100%;
   margin: 0px auto;
     max-width: 292px;
     padding: 10px 0px 10px 40px;
   box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
      }   
  
  
 
 
  nav      { 
           width: 100%;
           max-width: 700px;
           padding: 40px 0px 0px 0px;
           float: right;
           background-color: black;
            -webkit-font-smoothing: antialiased;
 
          }
     
 
 nav ul li  {
            background: #000000;	
            display:inline;  
            text-fill-color: #ffffff;    
                 
            }
 
 nav ul li a  {
             margin-bottom: 1px;
             font-size: 12px;
             line-height: 2em;
             letter-spacing: .1em;
             color: #ffffff !important;
             padding: 0px 10px 0px 30px;
              }
 
 nav ul li a:hover  {
                  color: #818181 !important;
 
                  transition:background 2s;
                  -webkit-transition:background 2s;
                  -moz-transition:background 2s;
                    }  
 }
 














 /*media queries */

@media screen and (max-width:1680px)

{

.contenedor {
	width: 100%;
	margin: 0px auto;
    max-width: 292px;
    padding: 10px 0px 10px 40px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
     }   
 
 


 nav      { 
          width: 100%;
          max-width: 700px;
          padding: 40px 0px 0px 0px;
          float: right;
          background-color: black;
           -webkit-font-smoothing: antialiased;

         }
    

nav ul li  {
           background: #000000;	
           display:inline;  
           text-fill-color: #ffffff;    
                
           }

nav ul li a  {
	          margin-bottom: 1px;
	          font-size: 12px;
	          line-height: 2em;
	          letter-spacing: .1em;
	          color: #ffffff !important;
	          padding: 0px 10px 0px 30px;
             }

nav ul li a:hover  {
	               color: #818181 !important;
	               transition:background 2s;
	               -webkit-transition:background 2s;
	               -moz-transition:background 2s;
                   }  



             

                       



 /*SECCION BOTONES*/
 

 .contenedor-botones {
  width: 1680px;
  margin: 0px auto;  
  position:relative;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;

}

   
   
.contenedor-botones ul {
  width: 100%;
  margin: 0px auto;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
   
   } 

section li {
    display: inline-block;
   
      
 }











    
 .boton-01-contenedor   {
    
  width:556px;
  height:262px;
  
  }




.casa1 {
  
background:url(../images/proyectos/01-house-a-1680.jpg)
no-repeat top;
width:556px;
  height:262px;
display:block;
text-indent:-99999px;
}


.casa1:hover {

background:url(../images/proyectos/01-house-a-1680.jpg)
no-repeat bottom;

transition:background 0.0s;

}








.boton-02-contenedor   {
  
  width:556px;
  height:262px;
  position:absolute; top:0px; left:560px;
  
  }


.casa2 {
  
background:url(../images/proyectos/02-house-c-1680.jpg)
no-repeat top;
width:556px;
  height:262px;
display:block;
text-indent:-99999px;
}


.casa2:hover {

background:url(../images/proyectos/02-house-c-1680.jpg)
no-repeat bottom;

transition:background 0.0s;

}






.boton-03-contenedor   {

  width:556px;
  height:262px;
position:absolute; top:0px; left:1120px;

}

.casa3 {
  
background:url(../images/proyectos/03-house-f-1680.jpg)
no-repeat top;
width:556px;
  height:262px;
display:block;

text-indent:-99999px;
}


.casa3:hover {

background:url(../images/proyectos/03-house-f-1680.jpg)
no-repeat bottom;
transition:background 0.0s;

}









.boton-04-contenedor   {

  width:556px;
  height:262px;
position:absolute; top:266px; left:0px;

}

.casa4 {
  
background:url(../images/proyectos/04-house-o-1680.jpg)
no-repeat top;
width:556px;
  height:262px;
display:block;

text-indent:-99999px;
}


.casa4:hover {

background:url(../images/proyectos/04-house-o-1680.jpg)
no-repeat bottom;
transition:background 0.0s;

}









.boton-05-contenedor   {

  width:556px;
  height:262px;
position:absolute; top:266px; left:560px;

}


.casa5 {

background:url(../images/proyectos/05-house-q-1680.jpg)
no-repeat top;
width:556px;
  height:262px;

display:block;
text-indent:-99999px;
}


.casa5:hover {

background:url(../images/proyectos/05-house-q-1680.jpg)
no-repeat bottom;

transition:background 0.0s;

}











.boton-06-contenedor   {

  width:556px;
  height:262px;
position:absolute; top:266px; left:1120px;

}

.shop1 {

background:url(../images/proyectos/06-shop-r-1680.jpg)
no-repeat top;
width:556px;
  height:262px;
display:block;

text-indent:-99999px;
}


.shop1:hover {

background:url(../images/proyectos/06-shop-r-1680.jpg)
no-repeat bottom;
transition:background 0.0s;

}









.boton-07-contenedor   {

  width:556px;
  height:262px;
position:absolute; top:532px; left:0px;

}

.shop2 {

background:url(../images/proyectos/07-shop-o-1680.jpg)
no-repeat top;
width:556px;
  height:262px;
display:block;

text-indent:-99999px;
}


.shop2:hover {

background:url(../images/proyectos/07-shop-o-1680.jpg)
no-repeat bottom;
transition:background 0.0s;

}







.boton-08-contenedor   {

  width:556px;
  height:262px;
position:absolute; top:532px; left:560px;

}


.shop3 {

background:url(../images/proyectos/08-shop-t-1680.jpg)
no-repeat top;
width:556px;
  height:262px;

display:block;
text-indent:-99999px;
}


.shop3:hover {

background:url(../images/proyectos/08-shop-t-1680.jpg)
no-repeat bottom;

transition:background 0.0s;

}






.boton-09-contenedor   {

  width:556px;
  height:262px;
  position:absolute; top:532px; left:1120px;
  
  }
  
  
  .shop4 {
  
  background:url(../images/proyectos/09-shop-d-1680.jpg)
  no-repeat top;
  width:556px;
  height:262px;
  
  display:block;
  text-indent:-99999px;
  }
  
  
  .shop4:hover {
  
  background:url(../images/proyectos/09-shop-d-1680.jpg)
  no-repeat bottom;
  
  transition:background 0.0s;
  
  }









  .boton-10-contenedor   {

    width:556px;
    height:262px;
    position:absolute; top:798px; left:0px;
    
    }
    
    
    .shop5 {
    
    background:url(../images/proyectos/10-depot-l-1680.jpg)
    no-repeat top;
    width:556px;
    height:262px;
    
    display:block;
    text-indent:-99999px;
    }
    
    
    .shop5:hover {
    
    background:url(../images/proyectos/10-depot-l-1680.jpg)
    no-repeat bottom;
    
    transition:background 0.0s;
    
    }   






    .boton-11-contenedor   {

      width:556px;
      height:262px;
      position:absolute; top:798px; left:560px;
      
      }
      
      
      .tower1 {
      
      background:url(../images/proyectos/11-tower-o-1680.jpg)
      no-repeat top;
      width:556px;
      height:262px;
      
      display:block;
      text-indent:-99999px;
      }
      
      
      .tower1:hover {
      
      background:url(../images/proyectos/11-tower-o-1680.jpg)
      no-repeat bottom;
      
      transition:background 0.0s;
      
      }   









      .boton-12-contenedor   {

        width:556px;
        height:262px;
        position:absolute; top:798px; left:1120px;
        
        }
        
        
        .tower2 {
        
        background:url(../images/proyectos/12-tower-r-1680.jpg)
        no-repeat top;
        width:556px;
        height:262px;
        
        display:block;
        text-indent:-99999px;
        }
        
        
        .tower2:hover {
        
        background:url(../images/proyectos/12-tower-r-1680.jpg)
        no-repeat bottom;
        
        transition:background 0.0s;
        
        }   












        .boton-13-contenedor   {

          width:556px;
          height:262px;
          position:absolute; top:1064px; left:0px;
          
          }
          
          
          .tower3 {
          
          background:url(../images/proyectos/13-tower-g-1680.jpg)
          no-repeat top;
          width:556px;
          height:262px;
          
          display:block;
          text-indent:-99999px;
          }
          
          
          .tower3:hover {
          
          background:url(../images/proyectos/13-tower-g-1680.jpg)
          no-repeat bottom;
          
          transition:background 0.0s;
          
          }   
    
  








          .boton-14-contenedor   {

            width:556px;
            height:262px;
            position:absolute; top:1064px; left:560px;
            
            }
            
            
            .tower4 {
            
            background:url(../images/proyectos/14-tower-t-1680.jpg)
            no-repeat top;
            width:556px;
            height:262px;
            
            display:block;
            text-indent:-99999px;
            }
            
            
            .tower4:hover {
            
            background:url(../images/proyectos/14-tower-t-1680.jpg)
            no-repeat bottom;
            
            transition:background 0.0s;
            
            }   


}

































@media screen and (max-width:1440px)


{

  .contenedor {
    width: 100%;
    margin: 0px auto;
      max-width: 292px;
      padding: 10px 0px 10px 40px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
       }   
   
   
  
  
   nav      { 
            width: 100%;
            max-width: 700px;
            padding: 40px 0px 0px 0px;
            float: right;
            background-color: black;
             -webkit-font-smoothing: antialiased;
  
           }
      
  
  nav ul li  {
             background: #000000;	
             display:inline;  
             text-fill-color: #ffffff;    
                  
             }
  
  nav ul li a  {
              margin-bottom: 1px;
              font-size: 12px;
              line-height: 2em;
              letter-spacing: .1em;
              color: #ffffff !important;
              padding: 0px 10px 0px 30px;
               }
  
  nav ul li a:hover  {
                   color: #818181 !important;
                   transition:background 2s;
                   -webkit-transition:background 2s;
                   -moz-transition:background 2s;
                     }  
  
  
  
  
  
      
                       





 /*SECCION BOTONES*/
 

 .contenedor-botones {
  width: 1440px;
  margin: 0px auto;  
  position:relative;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;

}

   
   
.contenedor-botones ul {
  width: 100%;
  margin: 0px auto;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
   
   } 

section li {
    display: inline-block;
   
      
 }



 












    
 .boton-01-contenedor   {
    
  width:476px;
  height:224px;
  
  }




.casa1 {
  
background:url(../images/proyectos/01-house-a-1440.jpg)
no-repeat top;
width:476px;
height:224px;
display:block;
text-indent:-99999px;
}


.casa1:hover {

background:url(../images/proyectos/01-house-a-1440.jpg)
no-repeat bottom;

transition:background 0.0s;

}








.boton-02-contenedor   {
  
  width:476px;
  height:224px;
  position:absolute; top:0px; left:480px;
  
  }


.casa2 {
  
background:url(../images/proyectos/02-house-c-1440.jpg)
no-repeat top;
width:476px;
            height:224px;
display:block;
text-indent:-99999px;
}


.casa2:hover {

background:url(../images/proyectos/02-house-c-1440.jpg)
no-repeat bottom;

transition:background 0.0s;

}






.boton-03-contenedor   {

  width:476px;
  height:224px;
position:absolute; top:0px; left:960px;

}

.casa3 {
  
background:url(../images/proyectos/03-house-f-1440.jpg)
no-repeat top;
width:476px;
height:224px;
display:block;

text-indent:-99999px;
}


.casa3:hover {

background:url(../images/proyectos/03-house-f-1440.jpg)
no-repeat bottom;
transition:background 0.0s;

}









.boton-04-contenedor   {

  width:476px;
  height:224px;
position:absolute; top:228px; left:0px;

}

.casa4 {
  
background:url(../images/proyectos/04-house-o-1440.jpg)
no-repeat top;
width:476px;
height:224px;
display:block;

text-indent:-99999px;
}


.casa4:hover {

background:url(../images/proyectos/04-house-o-1440.jpg)
no-repeat bottom;
transition:background 0.0s;

}









.boton-05-contenedor   {

  width:476px;
  height:224px;
position:absolute; top:228px; left:480px;

}


.casa5 {

background:url(../images/proyectos/05-house-q-1440.jpg)
no-repeat top;
width:476px;
height:224px;

display:block;
text-indent:-99999px;
}


.casa5:hover {

background:url(../images/proyectos/05-house-q-1440.jpg)
no-repeat bottom;

transition:background 0.0s;

}











.boton-06-contenedor   {

  width:476px;
  height:224px;
position:absolute; top:228px; left:960px;

}

.shop1 {

background:url(../images/proyectos/06-shop-r-1440.jpg)
no-repeat top;
width:476px;
height:224px;
display:block;

text-indent:-99999px;
}


.shop1:hover {

background:url(../images/proyectos/06-shop-r-1440.jpg)
no-repeat bottom;
transition:background 0.0s;

}









.boton-07-contenedor   {

  width:476px;
  height:224px;
position:absolute; top:456px; left:0px;

}

.shop2 {

background:url(../images/proyectos/07-shop-o-1440.jpg)
no-repeat top;
width:476px;
height:224px;
display:block;

text-indent:-99999px;
}


.shop2:hover {

background:url(../images/proyectos/07-shop-o-1440.jpg)
no-repeat bottom;
transition:background 0.0s;

}







.boton-08-contenedor   {

  width:476px;
  height:224px;
position:absolute; top:456px; left:480px;

}


.shop3 {

background:url(../images/proyectos/08-shop-t-1440.jpg)
no-repeat top;
width:476px;
height:224px;

display:block;
text-indent:-99999px;
}


.shop3:hover {

background:url(../images/proyectos/08-shop-t-1440.jpg)
no-repeat bottom;

transition:background 0.0s;

}






.boton-09-contenedor   {

  width:476px;
  height:224px;
  position:absolute; top:456px; left:960px;
  
  }
  
  
  .shop4 {
  
  background:url(../images/proyectos/09-shop-d-1440.jpg)
  no-repeat top;
  width:476px;
            height:224px;
  
  display:block;
  text-indent:-99999px;
  }
  
  
  .shop4:hover {
  
  background:url(../images/proyectos/09-shop-d-1440.jpg)
  no-repeat bottom;
  
  transition:background 0.0s;
  
  }









  .boton-10-contenedor   {

    width:476px;
    height:224px;
    position:absolute; top:684px; left:0px;
    
    }
    
    
    .shop5 {
    
    background:url(../images/proyectos/10-depot-l-1440.jpg)
    no-repeat top;
    width:476px;
    height:224px;
    
    display:block;
    text-indent:-99999px;
    }
    
    
    .shop5:hover {
    
    background:url(../images/proyectos/10-depot-l-1440.jpg)
    no-repeat bottom;
    
    transition:background 0.0s;
    
    }   






    .boton-11-contenedor   {

      width:476px;
      height:224px;
      position:absolute; top:684px; left:480px;
      
      }
      
      
      .tower1 {
      
      background:url(../images/proyectos/11-tower-o-1440.jpg)
      no-repeat top;
      width:476px;
      height:224px;
      
      display:block;
      text-indent:-99999px;
      }
      
      
      .tower1:hover {
      
      background:url(../images/proyectos/11-tower-o-1440.jpg)
      no-repeat bottom;
      
      transition:background 0.0s;
      
      }   









      .boton-12-contenedor   {

        width:476px;
        height:224px;
        position:absolute; top:684px; left:960px;
        
        }
        
        
        .tower2 {
        
        background:url(../images/proyectos/12-tower-r-1440.jpg)
        no-repeat top;
        width:476px;
        height:224px;
        
        display:block;
        text-indent:-99999px;
        }
        
        
        .tower2:hover {
        
        background:url(../images/proyectos/12-tower-r-1440.jpg)
        no-repeat bottom;
        
        transition:background 0.0s;
        
        }   












        .boton-13-contenedor   {

          width:476px;
          height:224px;
          position:absolute; top:912px; left:0px;
          
          }
          
          
          .tower3 {
          
          background:url(../images/proyectos/13-tower-g-1440.jpg)
          no-repeat top;
          width:476px;
          height:224px;
          
          display:block;
          text-indent:-99999px;
          }
          
          
          .tower3:hover {
          
          background:url(../images/proyectos/13-tower-g-1440.jpg)
          no-repeat bottom;
          
          transition:background 0.0s;
          
          }   
    
  








          .boton-14-contenedor   {

            width:476px;
            height:224px;
            position:absolute; top:912px; left:480px;
            
            }
            
            
            .tower4 {
            
            background:url(../images/proyectos/14-tower-t-1440.jpg)
            no-repeat top;
            width:476px;
            height:224px;
            
            display:block;
            text-indent:-99999px;
            }
            
            
            .tower4:hover {
            
            background:url(../images/proyectos/14-tower-t-1440.jpg)
            no-repeat bottom;
            
            transition:background 0.0s;
            
            }   


}


































 /*media queries */

@media screen and (max-width:1366px)




{

  
   
.contenedor {
	width: 100%;
	margin: 0px auto;
    max-width: 292px;
    padding: 10px 0px 10px 40px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
     }   
 
 


 nav      { 
          width: 100%;
          max-width: 700px;
          padding: 40px 0px 0px 0px;
          float: right;
          background-color: black;
           -webkit-font-smoothing: antialiased;

         }
    

nav ul li  {
           background: #000000;	
           display:inline;  
           text-fill-color: #ffffff;    
                
           }

nav ul li a  {
	          margin-bottom: 1px;
	          font-size: 12px;
	          line-height: 2em;
	          letter-spacing: .1em;
	          color: #ffffff !important;
	          padding: 0px 10px 0px 30px;
             }


nav ul li a:hover  {
	               color: #818181 !important;
	               transition:background 2s;
	               -webkit-transition:background 2s;
	               -moz-transition:background 2s;
                   }  


        
                  

 /*SECCION BOTONES*/
 

 .contenedor-botones {
  width: 1366px;
  margin: 0px auto;  
  position:relative;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;

}

   
   
.contenedor-botones ul {
  width: 100%;
  margin: 0px auto;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
   
   } 

section li {
    display: inline-block;
   
      
 }
















    
 .boton-01-contenedor   {
    
  width:451px;
  height:212px;
  
  }




.casa1 {
  
background:url(../images/proyectos/01-house-a-1366.jpg)
no-repeat top;
width:451px;
height:212px;
display:block;
text-indent:-99999px;
}


.casa1:hover {

background:url(../images/proyectos/01-house-a-1366.jpg)
no-repeat bottom;

transition:background 0.0s;

}








.boton-02-contenedor   {
  
  width:451px;
  height:212px;
  position:absolute; top:0px; left:455px;
  
  }


.casa2 {
  
background:url(../images/proyectos/02-house-c-1366.jpg)
no-repeat top;
width:451px;
height:212px;
display:block;
text-indent:-99999px;
}


.casa2:hover {

background:url(../images/proyectos/02-house-c-1366.jpg)
no-repeat bottom;

transition:background 0.0s;

}






.boton-03-contenedor   {

  width:451px;
  height:212px;
position:absolute; top:0px; left:910px;

}

.casa3 {
  
background:url(../images/proyectos/03-house-f-1366.jpg)
no-repeat top;
width:451px;
height:212px;
display:block;

text-indent:-99999px;
}


.casa3:hover {

background:url(../images/proyectos/03-house-f-1366.jpg)
no-repeat bottom;
transition:background 0.0s;

}









.boton-04-contenedor   {

  width:451px;
  height:212px;
position:absolute; top:216px; left:0px;

}

.casa4 {
  
background:url(../images/proyectos/04-house-o-1366.jpg)
no-repeat top;
width:451px;
height:212px;
display:block;

text-indent:-99999px;
}


.casa4:hover {

background:url(../images/proyectos/04-house-o-1366.jpg)
no-repeat bottom;
transition:background 0.0s;

}









.boton-05-contenedor   {

  width:451px;
  height:212px;
position:absolute; top:216px; left:455px;

}


.casa5 {

background:url(../images/proyectos/05-house-q-1366.jpg)
no-repeat top;
width:451px;
height:212px;

display:block;
text-indent:-99999px;
}


.casa5:hover {

background:url(../images/proyectos/05-house-q-1366.jpg)
no-repeat bottom;

transition:background 0.0s;

}











.boton-06-contenedor   {

  width:451px;
  height:212px;
position:absolute; top:216px; left:910px;

}

.shop1 {

background:url(../images/proyectos/06-shop-r-1366.jpg)
no-repeat top;
width:451px;
height:212px;
display:block;

text-indent:-99999px;
}


.shop1:hover {

background:url(../images/proyectos/06-shop-r-1366.jpg)
no-repeat bottom;
transition:background 0.0s;

}









.boton-07-contenedor   {

  width:451px;
  height:212px;
position:absolute; top:432px; left:0px;

}

.shop2 {

background:url(../images/proyectos/07-shop-o-1366.jpg)
no-repeat top;
width:451px;
height:212px;
display:block;

text-indent:-99999px;
}


.shop2:hover {

background:url(../images/proyectos/07-shop-o-1366.jpg)
no-repeat bottom;
transition:background 0.0s;

}







.boton-08-contenedor   {

  width:451px;
  height:212px;
position:absolute; top:432px; left:455px;

}


.shop3 {

background:url(../images/proyectos/08-shop-t-1366.jpg)
no-repeat top;
width:451px;
height:212px;

display:block;
text-indent:-99999px;
}


.shop3:hover {

background:url(../images/proyectos/08-shop-t-1366.jpg)
no-repeat bottom;

transition:background 0.0s;

}






.boton-09-contenedor   {

  width:451px;
  height:212px;
  position:absolute; top:432px; left:910px;
  
  }
  
  
  .shop4 {
  
  background:url(../images/proyectos/09-shop-d-1366.jpg)
  no-repeat top;
  width:451px;
  height:212px;
  
  display:block;
  text-indent:-99999px;
  }
  
  
  .shop4:hover {
  
  background:url(../images/proyectos/09-shop-d-1366.jpg)
  no-repeat bottom;
  
  transition:background 0.0s;
  
  }









  .boton-10-contenedor   {

    width:451px;
    height:212px;
    position:absolute; top:648px; left:0px;
    
    }
    
    
    .shop5 {
    
    background:url(../images/proyectos/10-depot-l-1366.jpg)
    no-repeat top;
    width:451px;
    height:212px;
    
    display:block;
    text-indent:-99999px;
    }
    
    
    .shop5:hover {
    
    background:url(../images/proyectos/10-depot-l-1366.jpg)
    no-repeat bottom;
    
    transition:background 0.0s;
    
    }   






    .boton-11-contenedor   {

      width:451px;
      height:212px;
      position:absolute; top:648px; left:455px;
      
      }
      
      
      .tower1 {
      
      background:url(../images/proyectos/11-tower-o-1366.jpg)
      no-repeat top;
      width:451px;
      height:212px;
      
      display:block;
      text-indent:-99999px;
      }
      
      
      .tower1:hover {
      
      background:url(../images/proyectos/11-tower-o-1366.jpg)
      no-repeat bottom;
      
      transition:background 0.0s;
      
      }   









      .boton-12-contenedor   {

        width:451px;
        height:212px;
        position:absolute; top:648px; left:910px;
        
        }
        
        
        .tower2 {
        
        background:url(../images/proyectos/12-tower-r-1366.jpg)
        no-repeat top;
        width:451px;
        height:212px;
        
        display:block;
        text-indent:-99999px;
        }
        
        
        .tower2:hover {
        
        background:url(../images/proyectos/12-tower-r-1366.jpg)
        no-repeat bottom;
        
        transition:background 0.0s;
        
        }   












        .boton-13-contenedor   {

          width:451px;
          height:212px;
          position:absolute; top:864px; left:0px;
          
          }
          
          
          .tower3 {
          
          background:url(../images/proyectos/13-tower-g-1366.jpg)
          no-repeat top;
          width:451px;
          height:212px;
          
          display:block;
          text-indent:-99999px;
          }
          
          
          .tower3:hover {
          
          background:url(../images/proyectos/13-tower-g-1366.jpg)
          no-repeat bottom;
          
          transition:background 0.0s;
          
          }   
    
  








          .boton-14-contenedor   {

            width:451px;
            height:212px;
            position:absolute; top:864px; left:455px;
            
            }
            
            
            .tower4 {
            
            background:url(../images/proyectos/14-tower-t-1366.jpg)
            no-repeat top;
            width:451px;
            height:212px;
            
            display:block;
            text-indent:-99999px;
            }
            
            
            .tower4:hover {
            
            background:url(../images/proyectos/14-tower-t-1366.jpg)
            no-repeat bottom;
            
            transition:background 0.0s;
            
            }   


}



































 /*media queries */

@media screen and (max-width:1280px)





{

  
.contenedor {
	width: 100%;
	margin: 0px auto;
    max-width: 292px;
    padding: 10px 0px 10px 40px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
     }   
 
 


 nav      { 
          width: 100%;
          max-width: 700px;
          padding: 40px 0px 0px 0px;
          float: right;
          background-color: black;
           -webkit-font-smoothing: antialiased;

         }
    

nav ul li  {
           background: #000000;	
           display:inline;  
           text-fill-color: #ffffff;    
                
           }

nav ul li a  {
	          margin-bottom: 1px;
	          font-size: 12px;
	          line-height: 2em;
	          letter-spacing: .1em;
	          color: #ffffff !important;
	          padding: 0px 10px 0px 30px;
             }

nav ul li a:hover  {
	               color: #818181 !important;
	               transition:background 2s;
	               -webkit-transition:background 2s;
	               -moz-transition:background 2s;
                   }  





     
  
  
 /*SECCION BOTONES*/
 

 .contenedor-botones {
  width: 1280px;
  margin: 0px auto;  
  position:relative;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;

}

   
   
.contenedor-botones ul {
  width: 100%;
  margin: 0px auto;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
   
   } 

section li {
    display: inline-block;
   
      
 }













 


    
 .boton-01-contenedor   {
    
  width:422px;
  height:199px;
  
  }




.casa1 {
  
background:url(../images/proyectos/01-house-a-1280.jpg)
no-repeat top;
width:422px;
height:199px;
display:block;
text-indent:-99999px;
}


.casa1:hover {

background:url(../images/proyectos/01-house-a-1280.jpg)
no-repeat bottom;

transition:background 0.0s;

}








.boton-02-contenedor   {
  
  width:422px;
  height:199px;
  position:absolute; top:0px; left:426px;
  
  }


.casa2 {
  
background:url(../images/proyectos/02-house-c-1280.jpg)
no-repeat top;
width:422px;
height:199px;
display:block;
text-indent:-99999px;
}


.casa2:hover {

background:url(../images/proyectos/02-house-c-1280.jpg)
no-repeat bottom;

transition:background 0.0s;

}






.boton-03-contenedor   {

  width:422px;
  height:199px;
position:absolute; top:0px; left:852px;

}

.casa3 {
  
background:url(../images/proyectos/03-house-f-1280.jpg)
no-repeat top;
width:422px;
height:199px;
display:block;

text-indent:-99999px;
}


.casa3:hover {

background:url(../images/proyectos/03-house-f-1280.jpg)
no-repeat bottom;
transition:background 0.0s;

}









.boton-04-contenedor   {

  width:422px;
  height:199px;
position:absolute; top:203px; left:0px;

}

.casa4 {
  
background:url(../images/proyectos/04-house-o-1280.jpg)
no-repeat top;
width:422px;
height:199px;
display:block;

text-indent:-99999px;
}


.casa4:hover {

background:url(../images/proyectos/04-house-o-1280.jpg)
no-repeat bottom;
transition:background 0.0s;

}









.boton-05-contenedor   {

  width:422px;
  height:199px;
position:absolute; top:203px; left:426px;

}


.casa5 {

background:url(../images/proyectos/05-house-q-1280.jpg)
no-repeat top;
width:422px;
height:199px;

display:block;
text-indent:-99999px;
}


.casa5:hover {

background:url(../images/proyectos/05-house-q-1280.jpg)
no-repeat bottom;

transition:background 0.0s;

}











.boton-06-contenedor   {

  width:422px;
  height:199px;
position:absolute; top:203px; left:852px;

}

.shop1 {

background:url(../images/proyectos/06-shop-r-1280.jpg)
no-repeat top;
width:422px;
height:199px;
display:block;

text-indent:-99999px;
}


.shop1:hover {

background:url(../images/proyectos/06-shop-r-1280.jpg)
no-repeat bottom;
transition:background 0.0s;

}









.boton-07-contenedor   {

  width:422px;
  height:199px;
position:absolute; top:406px; left:0px;

}

.shop2 {

background:url(../images/proyectos/07-shop-o-1280.jpg)
no-repeat top;
width:422px;
height:199px;
display:block;

text-indent:-99999px;
}


.shop2:hover {

background:url(../images/proyectos/07-shop-o-1280.jpg)
no-repeat bottom;
transition:background 0.0s;

}







.boton-08-contenedor   {

  width:422px;
  height:199px;
position:absolute; top:406px; left:426px;

}


.shop3 {

background:url(../images/proyectos/08-shop-t-1280.jpg)
no-repeat top;
width:422px;
height:199px;

display:block;
text-indent:-99999px;
}


.shop3:hover {

background:url(../images/proyectos/08-shop-t-1280.jpg)
no-repeat bottom;

transition:background 0.0s;

}






.boton-09-contenedor   {

  width:422px;
  height:199px;
  position:absolute; top:406px; left:852px;
  
  }
  
  
  .shop4 {
  
  background:url(../images/proyectos/09-shop-d-1280.jpg)
  no-repeat top;
  width:422px;
  height:199px;
  
  display:block;
  text-indent:-99999px;
  }
  
  
  .shop4:hover {
  
  background:url(../images/proyectos/09-shop-d-1280.jpg)
  no-repeat bottom;
  
  transition:background 0.0s;
  
  }









  .boton-10-contenedor   {

    width:422px;
    height:199px;
    position:absolute; top:609px; left:0px;
    
    }
    
    
    .shop5 {
    
    background:url(../images/proyectos/10-depot-l-1280.jpg)
    no-repeat top;
    width:422px;
    height:199px;
    
    display:block;
    text-indent:-99999px;
    }
    
    
    .shop5:hover {
    
    background:url(../images/proyectos/10-depot-l-1280.jpg)
    no-repeat bottom;
    
    transition:background 0.0s;
    
    }   






    .boton-11-contenedor   {

      width:422px;
      height:199px;
      position:absolute; top:609px; left:426px;
      
      }
      
      
      .tower1 {
      
      background:url(../images/proyectos/11-tower-o-1280.jpg)
      no-repeat top;
      width:422px;
      height:199px;
      
      display:block;
      text-indent:-99999px;
      }
      
      
      .tower1:hover {
      
      background:url(../images/proyectos/11-tower-o-1280.jpg)
      no-repeat bottom;
      
      transition:background 0.0s;
      
      }   









      .boton-12-contenedor   {

        width:422px;
        height:199px;
        position:absolute; top:609px; left:852px;
        
        }
        
        
        .tower2 {
        
        background:url(../images/proyectos/12-tower-r-1280.jpg)
        no-repeat top;
        width:422px;
        height:199px;
        
        display:block;
        text-indent:-99999px;
        }
        
        
        .tower2:hover {
        
        background:url(../images/proyectos/12-tower-r-1280.jpg)
        no-repeat bottom;
        
        transition:background 0.0s;
        
        }   












        .boton-13-contenedor   {

          width:422px;
          height:199px;
          position:absolute; top:812px; left:0px;
          
          }
          
          
          .tower3 {
          
          background:url(../images/proyectos/13-tower-g-1280.jpg)
          no-repeat top;
          width:422px;
          height:199px;
          
          display:block;
          text-indent:-99999px;
          }
          
          
          .tower3:hover {
          
          background:url(../images/proyectos/13-tower-g-1280.jpg)
          no-repeat bottom;
          
          transition:background 0.0s;
          
          }   
    
  








          .boton-14-contenedor   {

            width:422px;
            height:199px;
            position:absolute; top:812px; left:426px;
            
            }
            
            
            .tower4 {
            
            background:url(../images/proyectos/14-tower-t-1280.jpg)
            no-repeat top;
            width:422px;
            height:199px;
            
            display:block;
            text-indent:-99999px;
            }
            
            
            .tower4:hover {
            
            background:url(../images/proyectos/14-tower-t-1280.jpg)
            no-repeat bottom;
            
            transition:background 0.0s;
            
            }   


}



   
   
  
            
  
  
  
  


                


































 /*media queries */

@media screen and (max-width:1024px)


{

  
.contenedor {
	width: 100%;
	margin: 0px auto;
    max-width: 292px;
    padding: 10px 0px 10px 40px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
     }   
 
 


 nav      { 
          width: 100%;
          max-width: 700px;
          padding: 40px 0px 0px 0px;
          float: right;
          background-color: black;
           -webkit-font-smoothing: antialiased;

         }
    

nav ul li  {
           background: #000000;	
           display:inline;  
           text-fill-color: #ffffff;    
                
           }

nav ul li a  {
	          margin-bottom: 1px;
	          font-size: 12px;
	          line-height: 2em;
	          letter-spacing: .1em;
	          color: #ffffff !important;
	          padding: 0px 10px 0px 30px;
             }

nav ul li a:hover  {
	               color: #818181 !important;
	               transition:background 2s;
	               -webkit-transition:background 2s;
	               -moz-transition:background 2s;
                   }  




                       


  
 /*SECCION BOTONES*/
 

 .contenedor-botones {
  width: 1024px;
  margin: 0px auto;  
  position:relative;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;

}

   
   
.contenedor-botones ul {
  width: 100%;
  margin: 0px auto;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
   
   } 

section li {
    display: inline-block;
   
      
 }













 


    
 .boton-01-contenedor   {
    
  width:508px;
  height:239px;
  
  }




.casa1 {
  
background:url(../images/proyectos/01-house-a-1024.jpg)
no-repeat top;
width:508px;
height:239px;
display:block;
text-indent:-99999px;
}


.casa1:hover {

background:url(../images/proyectos/01-house-a-1024.jpg)
no-repeat bottom;

transition:background 0.0s;

}








.boton-02-contenedor   {
  
  width:508px;
  height:239px;
  position:absolute; top:0px; left:512px;
  
  }


.casa2 {
  
background:url(../images/proyectos/02-house-c-1024.jpg)
no-repeat top;
width:508px;
height:239px;
display:block;
text-indent:-99999px;
}


.casa2:hover {

background:url(../images/proyectos/02-house-c-1024.jpg)
no-repeat bottom;

transition:background 0.0s;

}






.boton-03-contenedor   {

  width:508px;
  height:239px;
position:absolute; top:243px; left:0px;

}

.casa3 {
  
background:url(../images/proyectos/03-house-f-1024.jpg)
no-repeat top;
width:508px;
height:239px;
display:block;

text-indent:-99999px;
}


.casa3:hover {

background:url(../images/proyectos/03-house-f-1024.jpg)
no-repeat bottom;
transition:background 0.0s;

}









.boton-04-contenedor   {

  width:508px;
  height:239px;
position:absolute; top:243px; left:512px;

}

.casa4 {
  
background:url(../images/proyectos/04-house-o-1024.jpg)
no-repeat top;
width:508px;
height:239px;
display:block;

text-indent:-99999px;
}


.casa4:hover {

background:url(../images/proyectos/04-house-o-1024.jpg)
no-repeat bottom;
transition:background 0.0s;

}









.boton-05-contenedor   {

  width:508px;
  height:239px;
position:absolute; top:486px; left:0px;

}


.casa5 {

background:url(../images/proyectos/05-house-q-1024.jpg)
no-repeat top;
width:508px;
height:239px;

display:block;
text-indent:-99999px;
}


.casa5:hover {

background:url(../images/proyectos/05-house-q-1024.jpg)
no-repeat bottom;

transition:background 0.0s;

}











.boton-06-contenedor   {

  width:508px;
  height:239px;
position:absolute; top:486px; left:512px;

}

.shop1 {

background:url(../images/proyectos/06-shop-r-1024.jpg)
no-repeat top;
width:508px;
height:239px;
display:block;

text-indent:-99999px;
}


.shop1:hover {

background:url(../images/proyectos/06-shop-r-1024.jpg)
no-repeat bottom;
transition:background 0.0s;

}









.boton-07-contenedor   {

  width:508px;
  height:239px;
position:absolute; top:729px; left:0px;

}

.shop2 {

background:url(../images/proyectos/07-shop-o-1024.jpg)
no-repeat top;
width:508px;
height:239px;
display:block;

text-indent:-99999px;
}


.shop2:hover {

background:url(../images/proyectos/07-shop-o-1024.jpg)
no-repeat bottom;
transition:background 0.0s;

}







.boton-08-contenedor   {

  width:508px;
  height:239px;
position:absolute; top:729px; left:512px;

}


.shop3 {

background:url(../images/proyectos/08-shop-t-1024.jpg)
no-repeat top;
width:508px;
height:239px;

display:block;
text-indent:-99999px;
}


.shop3:hover {

background:url(../images/proyectos/08-shop-t-1024.jpg)
no-repeat bottom;

transition:background 0.0s;

}






.boton-09-contenedor   {

  width:508px;
  height:239px;
  position:absolute; top:972px; left:0px;
  
  }
  
  
  .shop4 {
  
  background:url(../images/proyectos/09-shop-d-1024.jpg)
  no-repeat top;
  width:508px;
  height:239px;
  
  display:block;
  text-indent:-99999px;
  }
  
  
  .shop4:hover {
  
  background:url(../images/proyectos/09-shop-d-1024.jpg)
  no-repeat bottom;
  
  transition:background 0.0s;
  
  }









  .boton-10-contenedor   {

    width:508px;
    height:239px;
    position:absolute; top:972px; left:512px;
    
    }
    
    
    .shop5 {
    
    background:url(../images/proyectos/10-depot-l-1024.jpg)
    no-repeat top;
    width:508px;
    height:239px;
    
    display:block;
    text-indent:-99999px;
    }
    
    
    .shop5:hover {
    
    background:url(../images/proyectos/10-depot-l-1024.jpg)
    no-repeat bottom;
    
    transition:background 0.0s;
    
    }   






    .boton-11-contenedor   {

      width:508px;
      height:239px;
      position:absolute; top:1215px; left:0px;
      
      }
      
      
      .tower1 {
      
      background:url(../images/proyectos/11-tower-o-1024.jpg)
      no-repeat top;
      width:508px;
      height:239px;
      
      display:block;
      text-indent:-99999px;
      }
      
      
      .tower1:hover {
      
      background:url(../images/proyectos/11-tower-o-1024.jpg)
      no-repeat bottom;
      
      transition:background 0.0s;
      
      }   









      .boton-12-contenedor   {

        width:508px;
        height:239px;
        position:absolute; top:1215px; left:512px;
        
        }
        
        
        .tower2 {
        
        background:url(../images/proyectos/12-tower-r-1024.jpg)
        no-repeat top;
        width:508px;
        height:239px;
        
        display:block;
        text-indent:-99999px;
        }
        
        
        .tower2:hover {
        
        background:url(../images/proyectos/12-tower-r-1024.jpg)
        no-repeat bottom;
        
        transition:background 0.0s;
        
        }   












        .boton-13-contenedor   {

          width:508px;
          height:239px;
          position:absolute; top:1458px; left:0px;
          
          }
          
          
          .tower3 {
          
          background:url(../images/proyectos/13-tower-g-1024.jpg)
          no-repeat top;
          width:508px;
          height:239px;
          
          display:block;
          text-indent:-99999px;
          }
          
          
          .tower3:hover {
          
          background:url(../images/proyectos/13-tower-g-1024.jpg)
          no-repeat bottom;
          
          transition:background 0.0s;
          
          }   
    
  








          .boton-14-contenedor   {

            width:508px;
            height:239px;
            position:absolute; top:1458px; left:512px;
            
            }
            
            
            .tower4 {
            
            background:url(../images/proyectos/14-tower-t-1024.jpg)
            no-repeat top;
            width:508px;
            height:239px;
            
            display:block;
            text-indent:-99999px;
            }
            
            
            .tower4:hover {
            
            background:url(../images/proyectos/14-tower-t-1024.jpg)
            no-repeat bottom;
            
            transition:background 0.0s;
            
            }   


}
























::-webkit-input-placeholder {      /*Para Google Chrome y Opera Next*/
color:#fff;
}
::-moz-placeholder {      /*Para Firefox 18-*/
color:#fff;
}
::-moz-placeholder {      /*Para Firefox 18+*/
color:#fff;
}
::-ms-input-placeholder {        /*Para IE10+*/
color: #fff;  
}
::input-placeholder {    /*Propiedad sin prefijos (no funciona en ningún navegador)*/
color:#fff;
}




























/*media queries */

@media screen and (max-width:800px)



{

  

	.contenedor {
		width: 100%;
		margin: 0px auto;
		max-width: 170px;
		padding: 10px 0px 0px 10px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		 }   
	 
	 
	
	
	 nav      { 
			  width: 100%;
			  max-width: 600px;
			  padding: 40px 0px 0px 0px;
			  float: right;
			  background-color: black;
			   -webkit-font-smoothing: antialiased;
	
			 }
		
	
	nav ul li  {
			   background: #000000;	
			   display:inline;  
			   text-fill-color: #ffffff;    
					
			   }
	
	nav ul li a  {
				  margin-bottom: 1px;
				  font-size: 12px;
				  line-height: 2em;
				  letter-spacing: .1em;
				  color: #ffffff !important;
				  padding: 0px 10px 0px 30px;
				 }
	
	nav ul li a:hover  {
					   color: #818181 !important;
					   transition:background 2s;
					   -webkit-transition:background 2s;
					   -moz-transition:background 2s;
					   }  
	
 

 


  
 /*SECCION BOTONES*/
 

 .contenedor-botones {
  width: 800px;
  margin: 0px auto;  
  position:relative;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;

}

   
   
.contenedor-botones ul {
  width: 100%;
  margin: 0px auto;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
   
   } 

section li {
    display: inline-block;
   
      
 }



    





    
 .boton-01-contenedor   {
    
  width:396px;
  height:186px;
  
  }




.casa1 {
  
background:url(../images/proyectos/01-house-a-800.jpg)
no-repeat top;
width:396px;
height:186px;
display:block;
text-indent:-99999px;
}


.casa1:hover {

background:url(../images/proyectos/01-house-a-800.jpg)
no-repeat bottom;

transition:background 0.0s;

}








.boton-02-contenedor   {
  
  width:396px;
  height:186px;
  position:absolute; top:0px; left:400px;
  
  }


.casa2 {
  
background:url(../images/proyectos/02-house-c-800.jpg)
no-repeat top;
width:396px;
height:186px;
display:block;
text-indent:-99999px;
}


.casa2:hover {

background:url(../images/proyectos/02-house-c-800.jpg)
no-repeat bottom;

transition:background 0.0s;

}






.boton-03-contenedor   {

  width:396px;
  height:186px;
position:absolute; top:190px; left:0px;

}

.casa3 {
  
background:url(../images/proyectos/03-house-f-800.jpg)
no-repeat top;
width:396px;
height:186px;
display:block;

text-indent:-99999px;
}


.casa3:hover {

background:url(../images/proyectos/03-house-f-800.jpg)
no-repeat bottom;
transition:background 0.0s;

}









.boton-04-contenedor   {

  width:396px;
  height:186px;
position:absolute; top:190px; left:400px;

}

.casa4 {
  
background:url(../images/proyectos/04-house-o-800.jpg)
no-repeat top;
width:396px;
height:186px;
display:block;

text-indent:-99999px;
}


.casa4:hover {

background:url(../images/proyectos/04-house-o-800.jpg)
no-repeat bottom;
transition:background 0.0s;

}









.boton-05-contenedor   {

  width:396px;
  height:186px;
position:absolute; top:380px; left:0px;

}


.casa5 {

background:url(../images/proyectos/05-house-q-800.jpg)
no-repeat top;
width:396px;
height:186px;

display:block;
text-indent:-99999px;
}


.casa5:hover {

background:url(../images/proyectos/05-house-q-800.jpg)
no-repeat bottom;

transition:background 0.0s;

}











.boton-06-contenedor   {

  width:396px;
  height:186px;
position:absolute; top:380px; left:400px;

}

.shop1 {

background:url(../images/proyectos/06-shop-r-800.jpg)
no-repeat top;
width:396px;
height:186px;
display:block;

text-indent:-99999px;
}


.shop1:hover {

background:url(../images/proyectos/06-shop-r-800.jpg)
no-repeat bottom;
transition:background 0.0s;

}









.boton-07-contenedor   {

  width:396px;
  height:186px;
position:absolute; top:570px; left:0px;

}

.shop2 {

background:url(../images/proyectos/07-shop-o-800.jpg)
no-repeat top;
width:396px;
height:186px;
display:block;

text-indent:-99999px;
}


.shop2:hover {

background:url(../images/proyectos/07-shop-o-800.jpg)
no-repeat bottom;
transition:background 0.0s;

}







.boton-08-contenedor   {

  width:396px;
  height:186px;
position:absolute; top:570px; left:400px;

}


.shop3 {

background:url(../images/proyectos/08-shop-t-800.jpg)
no-repeat top;
width:396px;
height:186px;

display:block;
text-indent:-99999px;
}


.shop3:hover {

background:url(../images/proyectos/08-shop-t-800.jpg)
no-repeat bottom;

transition:background 0.0s;

}






.boton-09-contenedor   {

  width:396px;
  height:186px;
  position:absolute; top:760px; left:0px;
  
  }
  
  
  .shop4 {
  
  background:url(../images/proyectos/09-shop-d-800.jpg)
  no-repeat top;
  width:396px;
  height:186px;
  
  display:block;
  text-indent:-99999px;
  }
  
  
  .shop4:hover {
  
  background:url(../images/proyectos/09-shop-d-800.jpg)
  no-repeat bottom;
  
  transition:background 0.0s;
  
  }









  .boton-10-contenedor   {

    width:396px;
    height:186px;
    position:absolute; top:760px; left:400px;
    
    }
    
    
    .shop5 {
    
    background:url(../images/proyectos/10-depot-l-800.jpg)
    no-repeat top;
    width:396px;
    height:186px;
    
    display:block;
    text-indent:-99999px;
    }
    
    
    .shop5:hover {
    
    background:url(../images/proyectos/10-depot-l-800.jpg)
    no-repeat bottom;
    
    transition:background 0.0s;
    
    }   






    .boton-11-contenedor   {

      width:396px;
      height:186px;
      position:absolute; top:950px; left:0px;
      
      }
      
      
      .tower1 {
      
      background:url(../images/proyectos/11-tower-o-800.jpg)
      no-repeat top;
      width:396px;
      height:186px;
      
      display:block;
      text-indent:-99999px;
      }
      
      
      .tower1:hover {
      
      background:url(../images/proyectos/11-tower-o-800.jpg)
      no-repeat bottom;
      
      transition:background 0.0s;
      
      }   









      .boton-12-contenedor   {

        width:396px;
        height:186px;
        position:absolute; top:950px; left:400px;
        
        }
        
        
        .tower2 {
        
        background:url(../images/proyectos/12-tower-r-800.jpg)
        no-repeat top;
        width:396px;
        height:186px;
        
        display:block;
        text-indent:-99999px;
        }
        
        
        .tower2:hover {
        
        background:url(../images/proyectos/12-tower-r-800.jpg)
        no-repeat bottom;
        
        transition:background 0.0s;
        
        }   












        .boton-13-contenedor   {

          width:396px;
          height:186px;
          position:absolute; top:1140px; left:0px;
          
          }
          
          
          .tower3 {
          
          background:url(../images/proyectos/13-tower-g-800.jpg)
          no-repeat top;
          width:396px;
          height:186px;
          
          display:block;
          text-indent:-99999px;
          }
          
          
          .tower3:hover {
          
          background:url(../images/proyectos/13-tower-g-800.jpg)
          no-repeat bottom;
          
          transition:background 0.0s;
          
          }   
    
  








          .boton-14-contenedor   {

            width:396px;
            height:186px;
            position:absolute; top:1140px; left:400px;
            
            }
            
            
            .tower4 {
            
            background:url(../images/proyectos/14-tower-t-800.jpg)
            no-repeat top;
            width:396px;
            height:186px;
            
            display:block;
            text-indent:-99999px;
            }
            
            
            .tower4:hover {
            
            background:url(../images/proyectos/14-tower-t-800.jpg)
            no-repeat bottom;
            
            transition:background 0.0s;
            
            }   


}




     


























::-webkit-input-placeholder {      /*Para Google Chrome y Opera Next*/
color:#fff;
}
::-moz-placeholder {      /*Para Firefox 18-*/
color:#fff;
}
::-moz-placeholder {      /*Para Firefox 18+*/
color:#fff;
}
::-ms-input-placeholder {        /*Para IE10+*/
color: #fff;  
}
::input-placeholder {    /*Propiedad sin prefijos (no funciona en ningún navegador)*/
color:#fff;
}























/*media queries */

@media screen and (max-width:768px)

{




	.contenedor {
		width: 100%;
		margin: 0px auto;
		max-width: 150px;
		padding: 10px 0px 0px 10px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		 }   
	 
	 
	
	
	 nav      { 
			  width: 100%;
			  max-width: 600px;
			  padding: 40px 0px 0px 0px;
			  float: right;
			  background-color: black;
			   -webkit-font-smoothing: antialiased;
	
			 }
		
	
	nav ul li  {
			   background: #000000;	
			   display:inline;  
			   text-fill-color: #ffffff;    
					
			   }
	
	nav ul li a  {
				  margin-bottom: 1px;
				  font-size: 12px;
				  line-height: 2em;
				  letter-spacing: .1em;
				  color: #ffffff !important;
				  padding: 0px 10px 0px 30px;
				 }
	
	nav ul li a:hover  {
					   color: #818181 !important;
					   transition:background 2s;
					   -webkit-transition:background 2s;
					   -moz-transition:background 2s;
					   }  
	


    









    
             .boton-01-contenedor   {
    
              width:380px;
              height:179px;
              
              }
            
            
            
            
            .casa1 {
              
            background:url(../images/proyectos/01-house-a-768.jpg)
            no-repeat top;
            width:396px;
            height:186px;
            display:block;
            text-indent:-99999px;
            }
            
            
            .casa1:hover {
            
            background:url(../images/proyectos/01-house-a-768.jpg)
            no-repeat bottom;
            
            transition:background 0.0s;
            
            }
            
            
            
            
            
            
            
            
            .boton-02-contenedor   {
              
              width:380px;
              height:179px;
              position:absolute; top:0px; left:384px;
              
              }
            
            
            .casa2 {
              
            background:url(../images/proyectos/02-house-c-768.jpg)
            no-repeat top;
            width:380px;
            height:179px;
            display:block;
            text-indent:-99999px;
            }
            
            
            .casa2:hover {
            
            background:url(../images/proyectos/02-house-c-768.jpg)
            no-repeat bottom;
            
            transition:background 0.0s;
            
            }
            
            
            
            
            
            
            .boton-03-contenedor   {
            
              width:380px;
              height:179px;
            position:absolute; top:183px; left:0px;
            
            }
            
            .casa3 {
              
            background:url(../images/proyectos/03-house-f-768.jpg)
            no-repeat top;
            width:380px;
            height:179px;
            display:block;
            
            text-indent:-99999px;
            }
            
            
            .casa3:hover {
            
            background:url(../images/proyectos/03-house-f-768.jpg)
            no-repeat bottom;
            transition:background 0.0s;
            
            }
            
            
            
            
            
            
            
            
            
            .boton-04-contenedor   {
            
              width:380px;
              height:179px;
            position:absolute; top:183px; left:384px;
            
            }
            
            .casa4 {
              
            background:url(../images/proyectos/04-house-o-768.jpg)
            no-repeat top;
            width:380px;
            height:179px;
            display:block;
            
            text-indent:-99999px;
            }
            
            
            .casa4:hover {
            
            background:url(../images/proyectos/04-house-o-768.jpg)
            no-repeat bottom;
            transition:background 0.0s;
            
            }
            
            
            
            
            
            
            
            
            
            .boton-05-contenedor   {
            
              width:380px;
              height:179px;
            position:absolute; top:366px; left:0px;
            
            }
            
            
            .casa5 {
            
            background:url(../images/proyectos/05-house-q-768.jpg)
            no-repeat top;
            width:380px;
            height:179px;
            
            display:block;
            text-indent:-99999px;
            }
            
            
            .casa5:hover {
            
            background:url(../images/proyectos/05-house-q-768.jpg)
            no-repeat bottom;
            
            transition:background 0.0s;
            
            }
            
            
            
            
            
            
            
            
            
            
            
            .boton-06-contenedor   {
            
              width:380px;
              height:179px;
            position:absolute; top:366px; left:384px;
            
            }
            
            .shop1 {
            
            background:url(../images/proyectos/06-shop-r-768.jpg)
            no-repeat top;
            width:380px;
            height:179px;
            display:block;
            
            text-indent:-99999px;
            }
            
            
            .shop1:hover {
            
            background:url(../images/proyectos/06-shop-r-768.jpg)
            no-repeat bottom;
            transition:background 0.0s;
            
            }
            
            
            
            
            
            
            
            
            
            .boton-07-contenedor   {
            
              width:380px;
              height:179px;
            position:absolute; top:549px; left:0px;
            
            }
            
            .shop2 {
            
            background:url(../images/proyectos/07-shop-o-768.jpg)
            no-repeat top;
            width:380px;
            height:179px;
            display:block;
            
            text-indent:-99999px;
            }
            
            
            .shop2:hover {
            
            background:url(../images/proyectos/07-shop-o-768.jpg)
            no-repeat bottom;
            transition:background 0.0s;
            
            }
            
            
            
            
            
            
            
            .boton-08-contenedor   {
            
              width:380px;
              height:179px;
            position:absolute; top:549px; left:384px;
            
            }
            
            
            .shop3 {
            
            background:url(../images/proyectos/08-shop-t-768.jpg)
            no-repeat top;
            width:380px;
            height:179px;
            
            display:block;
            text-indent:-99999px;
            }
            
            
            .shop3:hover {
            
            background:url(../images/proyectos/08-shop-t-768.jpg)
            no-repeat bottom;
            
            transition:background 0.0s;
            
            }
            
            
            
            
            
            
            .boton-09-contenedor   {
            
              width:380px;
              height:179px;
              position:absolute; top:732px; left:0px;
              
              }
              
              
              .shop4 {
              
              background:url(../images/proyectos/09-shop-d-768.jpg)
              no-repeat top;
              width:380px;
              height:179px;
              
              display:block;
              text-indent:-99999px;
              }
              
              
              .shop4:hover {
              
              background:url(../images/proyectos/09-shop-d-768.jpg)
              no-repeat bottom;
              
              transition:background 0.0s;
              
              }
            
            
            
            
            
            
            
            
            
              .boton-10-contenedor   {
            
                width:380px;
                height:179px;
                position:absolute; top:732px; left:384px;
                
                }
                
                
                .shop5 {
                
                background:url(../images/proyectos/10-depot-l-768.jpg)
                no-repeat top;
                width:380px;
                height:179px;
                
                display:block;
                text-indent:-99999px;
                }
                
                
                .shop5:hover {
                
                background:url(../images/proyectos/10-depot-l-768.jpg)
                no-repeat bottom;
                
                transition:background 0.0s;
                
                }   
            
            
            
            
            
            
                .boton-11-contenedor   {
            
                  width:380px;
                  height:179px;
                  position:absolute; top:915px; left:0px;
                  
                  }
                  
                  
                  .tower1 {
                  
                  background:url(../images/proyectos/11-tower-o-768.jpg)
                  no-repeat top;
                  width:380px;
                  height:179px;
                  
                  display:block;
                  text-indent:-99999px;
                  }
                  
                  
                  .tower1:hover {
                  
                  background:url(../images/proyectos/11-tower-o-768.jpg)
                  no-repeat bottom;
                  
                  transition:background 0.0s;
                  
                  }   
            
            
            
            
            
            
            
            
            
                  .boton-12-contenedor   {
            
                    width:380px;
                    height:179px;
                    position:absolute; top:915px; left:384px;
                    
                    }
                    
                    
                    .tower2 {
                    
                    background:url(../images/proyectos/12-tower-r-768.jpg)
                    no-repeat top;
                    width:380px;
                    height:179px;
                    
                    display:block;
                    text-indent:-99999px;
                    }
                    
                    
                    .tower2:hover {
                    
                    background:url(../images/proyectos/12-tower-r-768.jpg)
                    no-repeat bottom;
                    
                    transition:background 0.0s;
                    
                    }   
            
            
            
            
            
            
            
            
            
            
            
            
                    .boton-13-contenedor   {
            
                      width:380px;
                      height:179px;
                      position:absolute; top:1098px; left:0px;
                      
                      }
                      
                      
                      .tower3 {
                      
                      background:url(../images/proyectos/13-tower-g-768.jpg)
                      no-repeat top;
                      width:380px;
                      height:179px;
                      
                      display:block;
                      text-indent:-99999px;
                      }
                      
                      
                      .tower3:hover {
                      
                      background:url(../images/proyectos/13-tower-g-768.jpg)
                      no-repeat bottom;
                      
                      transition:background 0.0s;
                      
                      }   
                
              
            
            
            
            
            
            
            
            
                      .boton-14-contenedor   {
            
                        width:380px;
                        height:179px;
                        position:absolute; top:1098px; left:384px;
                        
                        }
                        
                        
                        .tower4 {
                        
                        background:url(../images/proyectos/14-tower-t-768.jpg)
                        no-repeat top;
                        width:380px;
                        height:179px;
                        
                        display:block;
                        text-indent:-99999px;
                        }
                        
                        
                        .tower4:hover {
                        
                        background:url(../images/proyectos/14-tower-t-768.jpg)
                        no-repeat bottom;
                        
                        transition:background 0.0s;
                        
                        }   
            
            
            }
            
            


































::-webkit-input-placeholder {      /*Para Google Chrome y Opera Next*/
color:#fff;
}
::-moz-placeholder {      /*Para Firefox 18-*/
color:#fff;
}
::-moz-placeholder {      /*Para Firefox 18+*/
color:#fff;
}
::-ms-input-placeholder {        /*Para IE10+*/
color: #fff;  
}
::input-placeholder {    /*Propiedad sin prefijos (no funciona en ningún navegador)*/
color:#fff;
}





























/*media queries */

@media screen and (max-width:667px)

{


  .contenedor {
    width: 100%;
    margin: 0px auto;
      max-width: 667px;
      text-align: center;
      padding: 10px 0px 10px 0px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
       } 
       
  .contenedor-botones {
    width: 100%;
    margin: 0px auto;
      max-width: 667px;
      
      padding: 0px 0px 0px 0px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
         
  }    
  
  
.contenedor {
	width: 100%;
	margin: 0px auto;
    max-width: 667px;
    text-align: center;
    padding: 10px 0px 10px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
     } 
     
.contenedor-botones {
	width: 100%;
	margin: 0px auto;
    max-width: 667px;
    
    padding: 0px 0px 0px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
       
}    

 nav      { 
          width: 100%;
          max-width: 667px;
          padding: 0px 20px 0px 0px;
         
          background-color: black;
           -webkit-font-smoothing: antialiased;

         }  

  

  
 /*SECCION BOTONES*/
 

 .contenedor-botones {
  width: 667px;
  margin: 0px auto;  

  position:absolute; top:120px; 
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;

}

   
   
.contenedor-botones ul {
  width: 100%;
  margin: 0px auto;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
   
   } 

section li {
    display: inline-block;
   
      
 }

















  

    
 .boton-01-contenedor   {
    
  width:329px;
  height:155px;
  
  }




.casa1 {
  
background:url(../images/proyectos/01-house-a-667.jpg)
no-repeat top;
width:329px;
height:155px;
display:block;
text-indent:-99999px;
}


.casa1:hover {

background:url(../images/proyectos/01-house-a-667.jpg)
no-repeat bottom;

transition:background 0.0s;

}








.boton-02-contenedor   {
  
  width:329px;
  height:155px;
  position:absolute; top:0px; left:333px;
  
  }


.casa2 {
  
background:url(../images/proyectos/02-house-c-667.jpg)
no-repeat top;
width:329px;
height:155px;
display:block;
text-indent:-99999px;
}


.casa2:hover {

background:url(../images/proyectos/02-house-c-667.jpg)
no-repeat bottom;

transition:background 0.0s;

}






.boton-03-contenedor   {

  width:329px;
  height:155px;
position:absolute; top:159px; left:0px;

}

.casa3 {
  
background:url(../images/proyectos/03-house-f-667.jpg)
no-repeat top;
width:329px;
height:155px;
display:block;

text-indent:-99999px;
}


.casa3:hover {

background:url(../images/proyectos/03-house-f-667.jpg)
no-repeat bottom;
transition:background 0.0s;

}









.boton-04-contenedor   {

  width:329px;
  height:155px;
position:absolute; top:159px; left:333px;

}

.casa4 {
  
background:url(../images/proyectos/04-house-o-667.jpg)
no-repeat top;
width:329px;
height:155px;
display:block;

text-indent:-99999px;
}


.casa4:hover {

background:url(../images/proyectos/04-house-o-667.jpg)
no-repeat bottom;
transition:background 0.0s;

}









.boton-05-contenedor   {

  width:329px;
  height:155px;
position:absolute; top:318px; left:0px;

}


.casa5 {

background:url(../images/proyectos/05-house-q-667.jpg)
no-repeat top;
width:329px;
height:155px;

display:block;
text-indent:-99999px;
}


.casa5:hover {

background:url(../images/proyectos/05-house-q-667.jpg)
no-repeat bottom;

transition:background 0.0s;

}











.boton-06-contenedor   {

  width:329px;
  height:155px;
position:absolute; top:318px; left:333px;

}

.shop1 {

background:url(../images/proyectos/06-shop-r-667.jpg)
no-repeat top;
width:329px;
height:155px;
display:block;

text-indent:-99999px;
}


.shop1:hover {

background:url(../images/proyectos/06-shop-r-667.jpg)
no-repeat bottom;
transition:background 0.0s;

}









.boton-07-contenedor   {

  width:329px;
  height:155px;
position:absolute; top:477px; left:0px;

}

.shop2 {

background:url(../images/proyectos/07-shop-o-667.jpg)
no-repeat top;
width:329px;
height:155px;
display:block;

text-indent:-99999px;
}


.shop2:hover {

background:url(../images/proyectos/07-shop-o-667.jpg)
no-repeat bottom;
transition:background 0.0s;

}







.boton-08-contenedor   {

  width:329px;
  height:155px;
position:absolute; top:477px; left:333px;

}


.shop3 {

background:url(../images/proyectos/08-shop-t-667.jpg)
no-repeat top;
width:329px;
height:155px;

display:block;
text-indent:-99999px;
}


.shop3:hover {

background:url(../images/proyectos/08-shop-t-667.jpg)
no-repeat bottom;

transition:background 0.0s;

}






.boton-09-contenedor   {

  width:329px;
  height:155px;
  position:absolute; top:636px; left:0px;
  
  }
  
  
  .shop4 {
  
  background:url(../images/proyectos/09-shop-d-667.jpg)
  no-repeat top;
  width:329px;
  height:155px;
  
  display:block;
  text-indent:-99999px;
  }
  
  
  .shop4:hover {
  
  background:url(../images/proyectos/09-shop-d-667.jpg)
  no-repeat bottom;
  
  transition:background 0.0s;
  
  }









  .boton-10-contenedor   {

    width:329px;
    height:155px;
    position:absolute; top:636px; left:333px;
    
    }
    
    
    .shop5 {
    
    background:url(../images/proyectos/10-depot-l-667.jpg)
    no-repeat top;
    width:329px;
    height:155px;
    
    display:block;
    text-indent:-99999px;
    }
    
    
    .shop5:hover {
    
    background:url(../images/proyectos/10-depot-l-667.jpg)
    no-repeat bottom;
    
    transition:background 0.0s;
    
    }   






    .boton-11-contenedor   {

      width:329px;
      height:155px;
      position:absolute; top:795px; left:0px;
      
      }
      
      
      .tower1 {
      
      background:url(../images/proyectos/11-tower-o-667.jpg)
      no-repeat top;
      width:329px;
      height:155px;
      
      display:block;
      text-indent:-99999px;
      }
      
      
      .tower1:hover {
      
      background:url(../images/proyectos/11-tower-o-667.jpg)
      no-repeat bottom;
      
      transition:background 0.0s;
      
      }   









      .boton-12-contenedor   {

        width:329px;
        height:155px;
        position:absolute; top:795px; left:333px;
        
        }
        
        
        .tower2 {
        
        background:url(../images/proyectos/12-tower-r-667.jpg)
        no-repeat top;
        width:329px;
        height:155px;
        
        display:block;
        text-indent:-99999px;
        }
        
        
        .tower2:hover {
        
        background:url(../images/proyectos/12-tower-r-667.jpg)
        no-repeat bottom;
        
        transition:background 0.0s;
        
        }   












        .boton-13-contenedor   {

          width:329px;
          height:155px;
          position:absolute; top:954px; left:0px;
          
          }
          
          
          .tower3 {
          
          background:url(../images/proyectos/13-tower-g-667.jpg)
          no-repeat top;
          width:329px;
          height:155px;
          
          display:block;
          text-indent:-99999px;
          }
          
          
          .tower3:hover {
          
          background:url(../images/proyectos/13-tower-g-667.jpg)
          no-repeat bottom;
          
          transition:background 0.0s;
          
          }   
    
  








          .boton-14-contenedor   {

            width:329px;
            height:155px;
            position:absolute; top:954px; left:333px;
            
            }
            
            
            .tower4 {
            
            background:url(../images/proyectos/14-tower-t-667.jpg)
            no-repeat top;
            width:329px;
            height:155px;
            
            display:block;
            text-indent:-99999px;
            }
            
            
            .tower4:hover {
            
            background:url(../images/proyectos/14-tower-t-667.jpg)
            no-repeat bottom;
            
            transition:background 0.0s;
            
            }   


}



































::-webkit-input-placeholder {      /*Para Google Chrome y Opera Next*/
color:#fff;
}
::-moz-placeholder {      /*Para Firefox 18-*/
color:#fff;
}
::-moz-placeholder {      /*Para Firefox 18+*/
color:#fff;
}
::-ms-input-placeholder {        /*Para IE10+*/
color: #fff;  
}
::input-placeholder {    /*Propiedad sin prefijos (no funciona en ningún navegador)*/
color:#fff;
}























/*media queries */

@media screen and (max-width:640px)

{


.contenedor {
	width: 100%;
	margin: 10px 0px 10px 170px;
    max-width: 300px;
    background: #000000;
    float: none;
    padding: 10px 0px 10px 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
     }         
     
 
 


 

  
 /*SECCION BOTONES*/
 

 .contenedor-botones {
  width: 640px;
  margin: 0px auto;  
  position:absolute; top:140px; 
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;

}

   
   
.contenedor-botones ul {
  width: 100%;
  margin: 0px auto;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
   
   } 

section li {
    display: inline-block;
   
      
 }














    
 .boton-01-contenedor   {
    
  width:640px;
  height:302px;
  
  }




.casa1 {
  
background:url(../images/proyectos/01-house-a-640.jpg)
no-repeat top;
width:640px;
height:302px;
display:block;
text-indent:-99999px;
}


.casa1:hover {

background:url(../images/proyectos/01-house-a-640.jpg)
no-repeat bottom;

transition:background 0.0s;

}








.boton-02-contenedor   {
  
  width:640px;
  height:302px;
  position:absolute; top:306px; left:0px;
  
  }


.casa2 {
  
background:url(../images/proyectos/02-house-c-640.jpg)
no-repeat top;
width:640px;
height:302px;
display:block;
text-indent:-99999px;
}


.casa2:hover {

background:url(../images/proyectos/02-house-c-640.jpg)
no-repeat bottom;

transition:background 0.0s;

}






.boton-03-contenedor   {

  width:640px;
  height:302px;
position:absolute; top:612px; left:0px;

}

.casa3 {
  
background:url(../images/proyectos/03-house-f-640.jpg)
no-repeat top;
width:640px;
height:302px;
display:block;

text-indent:-99999px;
}


.casa3:hover {

background:url(../images/proyectos/03-house-f-640.jpg)
no-repeat bottom;
transition:background 0.0s;

}









.boton-04-contenedor   {

  width:640px;
  height:302px;
position:absolute; top:918px; left:0px;

}

.casa4 {
  
background:url(../images/proyectos/04-house-o-640.jpg)
no-repeat top;
width:640px;
height:302px;
display:block;

text-indent:-99999px;
}


.casa4:hover {

background:url(../images/proyectos/04-house-o-640.jpg)
no-repeat bottom;
transition:background 0.0s;

}









.boton-05-contenedor   {

  width:640px;
  height:302px;
position:absolute; top:1224px; left:0px;

}


.casa5 {

background:url(../images/proyectos/05-house-q-640.jpg)
no-repeat top;
width:640px;
height:302px;

display:block;
text-indent:-99999px;
}


.casa5:hover {

background:url(../images/proyectos/05-house-q-640.jpg)
no-repeat bottom;

transition:background 0.0s;

}











.boton-06-contenedor   {

  width:640px;
  height:302px;
position:absolute; top:1530px; left:0px;

}

.shop1 {

background:url(../images/proyectos/06-shop-r-640.jpg)
no-repeat top;
width:640px;
height:302px;
display:block;

text-indent:-99999px;
}


.shop1:hover {

background:url(../images/proyectos/06-shop-r-640.jpg)
no-repeat bottom;
transition:background 0.0s;

}









.boton-07-contenedor   {

  width:640px;
  height:302px;
position:absolute; top:1836px; left:0px;

}

.shop2 {

background:url(../images/proyectos/07-shop-o-640.jpg)
no-repeat top;
width:640px;
height:302px;
display:block;

text-indent:-99999px;
}


.shop2:hover {

background:url(../images/proyectos/07-shop-o-640.jpg)
no-repeat bottom;
transition:background 0.0s;

}







.boton-08-contenedor   {

  width:640px;
  height:302px;
position:absolute; top:2142px; left:0px;

}


.shop3 {

background:url(../images/proyectos/08-shop-t-640.jpg)
no-repeat top;
width:640px;
height:302px;

display:block;
text-indent:-99999px;
}


.shop3:hover {

background:url(../images/proyectos/08-shop-t-640.jpg)
no-repeat bottom;

transition:background 0.0s;

}






.boton-09-contenedor   {

  width:640px;
  height:302px;
  position:absolute; top:2448px; left:0px;
  
  }
  
  
  .shop4 {
  
  background:url(../images/proyectos/09-shop-d-640.jpg)
  no-repeat top;
  width:640px;
  height:302px;
  
  display:block;
  text-indent:-99999px;
  }
  
  
  .shop4:hover {
  
  background:url(../images/proyectos/09-shop-d-640.jpg)
  no-repeat bottom;
  
  transition:background 0.0s;
  
  }









  .boton-10-contenedor   {

    width:640px;
    height:302px;
    position:absolute; top:2754px; left:0px;
    
    }
    
    
    .shop5 {
    
    background:url(../images/proyectos/10-depot-l-640.jpg)
    no-repeat top;
    width:640px;
    height:302px;
    
    display:block;
    text-indent:-99999px;
    }
    
    
    .shop5:hover {
    
    background:url(../images/proyectos/10-depot-l-640.jpg)
    no-repeat bottom;
    
    transition:background 0.0s;
    
    }   






    .boton-11-contenedor   {

      width:640px;
      height:302px;
      position:absolute; top:3060px; left:0px;
      
      }
      
      
      .tower1 {
      
      background:url(../images/proyectos/11-tower-o-640.jpg)
      no-repeat top;
      width:640px;
      height:302px;
      
      display:block;
      text-indent:-99999px;
      }
      
      
      .tower1:hover {
      
      background:url(../images/proyectos/11-tower-o-640.jpg)
      no-repeat bottom;
      
      transition:background 0.0s;
      
      }   









      .boton-12-contenedor   {

        width:640px;
        height:302px;
        position:absolute; top:3366px; left:0px;
        
        }
        
        
        .tower2 {
        
        background:url(../images/proyectos/12-tower-r-640.jpg)
        no-repeat top;
        width:640px;
        height:302px;
        
        display:block;
        text-indent:-99999px;
        }
        
        
        .tower2:hover {
        
        background:url(../images/proyectos/12-tower-r-640.jpg)
        no-repeat bottom;
        
        transition:background 0.0s;
        
        }   












        .boton-13-contenedor   {

          width:640px;
          height:302px;
          position:absolute; top:3672px; left:0px;
          
          }
          
          
          .tower3 {
          
          background:url(../images/proyectos/13-tower-g-640.jpg)
          no-repeat top;
          width:640px;
          height:302px;
          
          display:block;
          text-indent:-99999px;
          }
          
          
          .tower3:hover {
          
          background:url(../images/proyectos/13-tower-g-640.jpg)
          no-repeat bottom;
          
          transition:background 0.0s;
          
          }   
    
  








          .boton-14-contenedor   {

            width:640px;
            height:302px;
            position:absolute; top:3978px; left:0px;
            
            }
            
            
            .tower4 {
            
            background:url(../images/proyectos/14-tower-t-640.jpg)
            no-repeat top;
            width:640px;
            height:302px;
            
            display:block;
            text-indent:-99999px;
            }
            
            
            .tower4:hover {
            
            background:url(../images/proyectos/14-tower-t-640.jpg)
            no-repeat bottom;
            
            transition:background 0.0s;
            
            }   


}



     
     













::-webkit-input-placeholder {      /*Para Google Chrome y Opera Next*/
color:#fff;
}
::-moz-placeholder {      /*Para Firefox 18-*/
color:#fff;
}
::-moz-placeholder {      /*Para Firefox 18+*/
color:#fff;
}
::-ms-input-placeholder {        /*Para IE10+*/
color: #fff;  
}
::input-placeholder {    /*Propiedad sin prefijos (no funciona en ningún navegador)*/
color:#fff;
}
















































/*media queries */

@media screen and (max-width:568px)

{


	
  .contenedor {
    width: 100%;
    margin: 0px auto;
      max-width: 568px;
      text-align: center;
      padding: 10px 0px 10px 0px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
       } 
       
  
       
  .contenedor-botones {
    width: 100%;
    margin: 0px auto;
      max-width: 568px;
      padding: 0px 0px 0px 0px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
         
  }    
  
  
   
  
  section li {
            display: inline-block;
            margin: 0px auto;
            width: 49.4%;
        
   }
     
  
  
  .contenedor-botones ul {
    
       margin: 0px auto;    
       padding: 0px 0px 0px 0px;
        
  } 
   
   
   .contenedor-botones a {
    
      margin: 0px auto;
      padding: 0px 0px 0px 0px;
         
  } 
  
  
        
   nav      { 
            width: 100%;
            max-width: 568px;
            padding: 10px 20px 0px 0px;         
            background-color: black;
             -webkit-font-smoothing: antialiased;
  
           }  
           
         
 
 



  
 /*SECCION BOTONES*/
 

 .contenedor-botones {
  width: 568px;
  margin: 0px auto;  
  position:absolute;
  top: 140px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;

}

   
   
.contenedor-botones ul {
  width: 100%;
  margin: 0px auto;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
   
   } 

section li {
    display: inline-block;
   
      
 }












    
 .boton-01-contenedor   {
    
  width:568px;
  height:268px;
  
  }




.casa1 {
  
background:url(../images/proyectos/01-house-a-568.jpg)
no-repeat top;
width:568px;
height:268px;
display:block;
text-indent:-99999px;
}


.casa1:hover {

background:url(../images/proyectos/01-house-a-568.jpg)
no-repeat bottom;

transition:background 0.0s;

}








.boton-02-contenedor   {
  
  width:568px;
  height:268px;
  position:absolute; top:272px; left:0px;
  
  }


.casa2 {
  
background:url(../images/proyectos/02-house-c-568.jpg)
no-repeat top;
width:568px;
height:268px;
display:block;
text-indent:-99999px;
}


.casa2:hover {

background:url(../images/proyectos/02-house-c-568.jpg)
no-repeat bottom;

transition:background 0.0s;

}






.boton-03-contenedor   {

  width:568px;
  height:268px;
position:absolute; top:544px; left:0px;

}

.casa3 {
  
background:url(../images/proyectos/03-house-f-568.jpg)
no-repeat top;
width:568px;
height:268px;
display:block;

text-indent:-99999px;
}


.casa3:hover {

background:url(../images/proyectos/03-house-f-568.jpg)
no-repeat bottom;
transition:background 0.0s;

}









.boton-04-contenedor   {

  width:568px;
  height:268px;
position:absolute; top:816px; left:0px;

}

.casa4 {
  
background:url(../images/proyectos/04-house-o-568.jpg)
no-repeat top;
width:568px;
height:268px;
display:block;

text-indent:-99999px;
}


.casa4:hover {

background:url(../images/proyectos/04-house-o-568.jpg)
no-repeat bottom;
transition:background 0.0s;

}









.boton-05-contenedor   {

  width:568px;
  height:268px;
position:absolute; top:1088px; left:0px;

}


.casa5 {

background:url(../images/proyectos/05-house-q-568.jpg)
no-repeat top;
width:568px;
height:268px;

display:block;
text-indent:-99999px;
}


.casa5:hover {

background:url(../images/proyectos/05-house-q-568.jpg)
no-repeat bottom;

transition:background 0.0s;

}











.boton-06-contenedor   {

  width:568px;
  height:268px;
position:absolute; top:1360px; left:0px;

}

.shop1 {

background:url(../images/proyectos/06-shop-r-568.jpg)
no-repeat top;
width:568px;
height:268px;
display:block;

text-indent:-99999px;
}


.shop1:hover {

background:url(../images/proyectos/06-shop-r-568.jpg)
no-repeat bottom;
transition:background 0.0s;

}









.boton-07-contenedor   {

  width:568px;
  height:268px;
position:absolute; top:1632px; left:0px;

}

.shop2 {

background:url(../images/proyectos/07-shop-o-568.jpg)
no-repeat top;
width:568px;
height:268px;
display:block;

text-indent:-99999px;
}


.shop2:hover {

background:url(../images/proyectos/07-shop-o-568.jpg)
no-repeat bottom;
transition:background 0.0s;

}







.boton-08-contenedor   {

  width:568px;
  height:268px;
position:absolute; top:1904px; left:0px;

}


.shop3 {

background:url(../images/proyectos/08-shop-t-568.jpg)
no-repeat top;
width:568px;
height:268px;

display:block;
text-indent:-99999px;
}


.shop3:hover {

background:url(../images/proyectos/08-shop-t-568.jpg)
no-repeat bottom;

transition:background 0.0s;

}






.boton-09-contenedor   {

  width:568px;
  height:268px;
  position:absolute; top:2176px; left:0px;
  
  }
  
  
  .shop4 {
  
  background:url(../images/proyectos/09-shop-d-568.jpg)
  no-repeat top;
  width:568px;
  height:268px;
  
  display:block;
  text-indent:-99999px;
  }
  
  
  .shop4:hover {
  
  background:url(../images/proyectos/09-shop-d-568.jpg)
  no-repeat bottom;
  
  transition:background 0.0s;
  
  }









  .boton-10-contenedor   {

    width:568px;
    height:268px;
    position:absolute; top:2448px; left:0px;
    
    }
    
    
    .shop5 {
    
    background:url(../images/proyectos/10-depot-l-568.jpg)
    no-repeat top;
    width:568px;
    height:268px;
    
    display:block;
    text-indent:-99999px;
    }
    
    
    .shop5:hover {
    
    background:url(../images/proyectos/10-depot-l-568.jpg)
    no-repeat bottom;
    
    transition:background 0.0s;
    
    }   






    .boton-11-contenedor   {

      width:568px;
      height:268px;
      position:absolute; top:2720px; left:0px;
      
      }
      
      
      .tower1 {
      
      background:url(../images/proyectos/11-tower-o-568.jpg)
      no-repeat top;
      width:568px;
      height:268px;
      
      display:block;
      text-indent:-99999px;
      }
      
      
      .tower1:hover {
      
      background:url(../images/proyectos/11-tower-o-568.jpg)
      no-repeat bottom;
      
      transition:background 0.0s;
      
      }   









      .boton-12-contenedor   {

        width:568px;
        height:268px;
        position:absolute; top:2992px; left:0px;
        
        }
        
        
        .tower2 {
        
        background:url(../images/proyectos/12-tower-r-568.jpg)
        no-repeat top;
        width:568px;
        height:268px;
        
        display:block;
        text-indent:-99999px;
        }
        
        
        .tower2:hover {
        
        background:url(../images/proyectos/12-tower-r-568.jpg)
        no-repeat bottom;
        
        transition:background 0.0s;
        
        }   












        .boton-13-contenedor   {

          width:568px;
          height:268px;
          position:absolute; top:3264px; left:0px;
          
          }
          
          
          .tower3 {
          
          background:url(../images/proyectos/13-tower-g-568.jpg)
          no-repeat top;
          width:568px;
          height:268px;
          
          display:block;
          text-indent:-99999px;
          }
          
          
          .tower3:hover {
          
          background:url(../images/proyectos/13-tower-g-568.jpg)
          no-repeat bottom;
          
          transition:background 0.0s;
          
          }   
    
  








          .boton-14-contenedor   {

            width:568px;
            height:268px;
            position:absolute; top:3536px; left:0px;
            
            }
            
            
            .tower4 {
            
            background:url(../images/proyectos/14-tower-t-568.jpg)
            no-repeat top;
            width:568px;
            height:268px;
            
            display:block;
            text-indent:-99999px;
            }
            
            
            .tower4:hover {
            
            background:url(../images/proyectos/14-tower-t-568.jpg)
            no-repeat bottom;
            
            transition:background 0.0s;
            
            }   


}



     
     
     


















::-webkit-input-placeholder {      /*Para Google Chrome y Opera Next*/
color:#fff;
}
::-moz-placeholder {      /*Para Firefox 18-*/
color:#fff;
}
::-moz-placeholder {      /*Para Firefox 18+*/
color:#fff;
}
::-ms-input-placeholder {        /*Para IE10+*/
color: #fff;  
}
::input-placeholder {    /*Propiedad sin prefijos (no funciona en ningún navegador)*/
color:#fff;
}



































/*media queries */

@media screen and (max-width:480px)

{



  .contenedor {
    width: 100%;
    margin: 0px auto;
      max-width: 480px;
      text-align: center;
      padding: 10px 0px 10px 0px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
       } 
       
       
       
  
  nav      { 
            width: 100%;
            max-width: 500px;
            padding: 00px 0px 0px 0px;
            float: right;
            background-color: black;
            -webkit-font-smoothing: antialiased;
  
           }

 
 /*SECCION BOTONES*/
 

 .contenedor-botones {
  width: 480px;
  margin: 0px auto;  
  position:relative;
  top:0px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;

}

   
   
.contenedor-botones ul {
  width: 100%;
  margin: 0px auto;
  position:relative;
  top:0px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
   
   } 

section li {
    display: inline-block;
   
      
 }



   
 









    
 .boton-01-contenedor   {
    
  width:480px;
  height:226px;
  
  }




.casa1 {
  
background:url(../images/proyectos/01-house-a-480.jpg)
no-repeat top;
width:480px;
height:226px;
display:block;
text-indent:-99999px;
}


.casa1:hover {

background:url(../images/proyectos/01-house-a-480.jpg)
no-repeat bottom;

transition:background 0.0s;

}








.boton-02-contenedor   {
  
  width:480px;
  height:226px;
  position:absolute; top:230px; left:0px;
  
  }


.casa2 {
  
background:url(../images/proyectos/02-house-c-480.jpg)
no-repeat top;
width:480px;
height:226px;
display:block;
text-indent:-99999px;
}


.casa2:hover {

background:url(../images/proyectos/02-house-c-480.jpg)
no-repeat bottom;

transition:background 0.0s;

}






.boton-03-contenedor   {

  width:480px;
  height:226px;
position:absolute; top:460px; left:0px;

}

.casa3 {
  
background:url(../images/proyectos/03-house-f-480.jpg)
no-repeat top;
width:480px;
height:226px;
display:block;

text-indent:-99999px;
}


.casa3:hover {

background:url(../images/proyectos/03-house-f-480.jpg)
no-repeat bottom;
transition:background 0.0s;

}









.boton-04-contenedor   {

  width:480px;
  height:226px;
position:absolute; top:690px; left:0px;

}

.casa4 {
  
background:url(../images/proyectos/04-house-o-480.jpg)
no-repeat top;
width:480px;
height:226px;
display:block;

text-indent:-99999px;
}


.casa4:hover {

background:url(../images/proyectos/04-house-o-480.jpg)
no-repeat bottom;
transition:background 0.0s;

}









.boton-05-contenedor   {

  width:480px;
  height:226px;
position:absolute; top:920px; left:0px;

}


.casa5 {

background:url(../images/proyectos/05-house-q-480.jpg)
no-repeat top;
width:480px;
height:226px;

display:block;
text-indent:-99999px;
}


.casa5:hover {

background:url(../images/proyectos/05-house-q-480.jpg)
no-repeat bottom;

transition:background 0.0s;

}











.boton-06-contenedor   {

  width:480px;
  height:226px;
position:absolute; top:1150px; left:0px;

}

.shop1 {

background:url(../images/proyectos/06-shop-r-480.jpg)
no-repeat top;
width:480px;
height:226px;
display:block;

text-indent:-99999px;
}


.shop1:hover {

background:url(../images/proyectos/06-shop-r-480.jpg)
no-repeat bottom;
transition:background 0.0s;

}









.boton-07-contenedor   {

  width:480px;
  height:226px;
position:absolute; top:1380px; left:0px;

}

.shop2 {

background:url(../images/proyectos/07-shop-o-480.jpg)
no-repeat top;
width:480px;
height:226px;
display:block;

text-indent:-99999px;
}


.shop2:hover {

background:url(../images/proyectos/07-shop-o-480.jpg)
no-repeat bottom;
transition:background 0.0s;

}







.boton-08-contenedor   {

  width:480px;
  height:226px;
position:absolute; top:1610px; left:0px;

}


.shop3 {

background:url(../images/proyectos/08-shop-t-480.jpg)
no-repeat top;
width:480px;
height:226px;

display:block;
text-indent:-99999px;
}


.shop3:hover {

background:url(../images/proyectos/08-shop-t-480.jpg)
no-repeat bottom;

transition:background 0.0s;

}






.boton-09-contenedor   {

  width:480px;
  height:226px;
  position:absolute; top:1840px; left:0px;
  
  }
  
  
  .shop4 {
  
  background:url(../images/proyectos/09-shop-d-480.jpg)
  no-repeat top;
  width:480px;
  height:226px;
  
  display:block;
  text-indent:-99999px;
  }
  
  
  .shop4:hover {
  
  background:url(../images/proyectos/09-shop-d-480.jpg)
  no-repeat bottom;
  
  transition:background 0.0s;
  
  }









  .boton-10-contenedor   {

    width:480px;
    height:226px;
    position:absolute; top:2070px; left:0px;
    
    }
    
    
    .shop5 {
    
    background:url(../images/proyectos/10-depot-l-480.jpg)
    no-repeat top;
    width:480px;
    height:226px;
    
    display:block;
    text-indent:-99999px;
    }
    
    
    .shop5:hover {
    
    background:url(../images/proyectos/10-depot-l-480.jpg)
    no-repeat bottom;
    
    transition:background 0.0s;
    
    }   






    .boton-11-contenedor   {

      width:480px;
      height:226px;
      position:absolute; top:2300px; left:0px;
      
      }
      
      
      .tower1 {
      
      background:url(../images/proyectos/11-tower-o-480.jpg)
      no-repeat top;
      width:480px;
      height:226px;
      
      display:block;
      text-indent:-99999px;
      }
      
      
      .tower1:hover {
      
      background:url(../images/proyectos/11-tower-o-480.jpg)
      no-repeat bottom;
      
      transition:background 0.0s;
      
      }   









      .boton-12-contenedor   {

        width:480px;
        height:226px;
        position:absolute; top:2530px; left:0px;
        
        }
        
        
        .tower2 {
        
        background:url(../images/proyectos/12-tower-r-480.jpg)
        no-repeat top;
        width:480px;
        height:226px;
        
        display:block;
        text-indent:-99999px;
        }
        
        
        .tower2:hover {
        
        background:url(../images/proyectos/12-tower-r-480.jpg)
        no-repeat bottom;
        
        transition:background 0.0s;
        
        }   












        .boton-13-contenedor   {

          width:480px;
          height:226px;
          position:absolute; top:2760px; left:0px;
          
          }
          
          
          .tower3 {
          
          background:url(../images/proyectos/13-tower-g-480.jpg)
          no-repeat top;
          width:480px;
          height:226px;
          
          display:block;
          text-indent:-99999px;
          }
          
          
          .tower3:hover {
          
          background:url(../images/proyectos/13-tower-g-480.jpg)
          no-repeat bottom;
          
          transition:background 0.0s;
          
          }   
    
  








          .boton-14-contenedor   {

            width:480px;
            height:226px;
            position:absolute; top:2990px; left:0px;
            
            }
            
            
            .tower4 {
            
            background:url(../images/proyectos/14-tower-t-480.jpg)
            no-repeat top;
            width:480px;
            height:226px;
            
            display:block;
            text-indent:-99999px;
            }
            
            
            .tower4:hover {
            
            background:url(../images/proyectos/14-tower-t-480.jpg)
            no-repeat bottom;
            
            transition:background 0.0s;
            
            }   


}























::-webkit-input-placeholder {      /*Para Google Chrome y Opera Next*/
color:#fff;
}
::-moz-placeholder {      /*Para Firefox 18-*/
color:#fff;
}
::-moz-placeholder {      /*Para Firefox 18+*/
color:#fff;
}
::-ms-input-placeholder {        /*Para IE10+*/
color: #fff;  
}
::input-placeholder {    /*Propiedad sin prefijos (no funciona en ningún navegador)*/
color:#fff;
}





































/*media queries */

@media screen and (max-width:425px)

{


.contenedor {
	width: 70%;
	margin: 10px 0px 10px 60px;
    max-width: 300px;
    background: #000000;
    float: none;
    padding: 10px 0px 10px 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
     }       
 
 
 

 
 /*SECCION BOTONES*/
 

 .contenedor-botones {
  width: 425px;
  margin: 0px auto;  
  position:relative;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;

}

   
   
.contenedor-botones ul {
  width: 100%;
  margin: 0px auto;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
   
   } 

section li {
    display: inline-block;
   
      
 }














    
 .boton-01-contenedor   {
    
  width:425px;
  height:200px;
  
  }




.casa1 {
  
background:url(../images/proyectos/01-house-a-425.jpg)
no-repeat top;
width:425px;
height:200px;
display:block;
text-indent:-99999px;
}


.casa1:hover {

background:url(../images/proyectos/01-house-a-425.jpg)
no-repeat bottom;

transition:background 0.0s;

}








.boton-02-contenedor   {
  
  width:425px;
  height:200px;
  position:absolute; top:204px; left:0px;
  
  }


.casa2 {
  
background:url(../images/proyectos/02-house-c-425.jpg)
no-repeat top;
width:425px;
height:200px;
display:block;
text-indent:-99999px;
}


.casa2:hover {

background:url(../images/proyectos/02-house-c-425.jpg)
no-repeat bottom;

transition:background 0.0s;

}






.boton-03-contenedor   {

  width:425px;
  height:200px;
position:absolute; top:408px; left:0px;

}

.casa3 {
  
background:url(../images/proyectos/03-house-f-425.jpg)
no-repeat top;
width:425px;
height:200px;
display:block;

text-indent:-99999px;
}


.casa3:hover {

background:url(../images/proyectos/03-house-f-425.jpg)
no-repeat bottom;
transition:background 0.0s;

}









.boton-04-contenedor   {

  width:425px;
  height:200px;
position:absolute; top:612px; left:0px;

}

.casa4 {
  
background:url(../images/proyectos/04-house-o-425.jpg)
no-repeat top;
width:425px;
height:200px;
display:block;

text-indent:-99999px;
}


.casa4:hover {

background:url(../images/proyectos/04-house-o-425.jpg)
no-repeat bottom;
transition:background 0.0s;

}









.boton-05-contenedor   {

  width:425px;
  height:200px;
position:absolute; top:816px; left:0px;

}


.casa5 {

background:url(../images/proyectos/05-house-q-425.jpg)
no-repeat top;
width:425px;
height:200px;

display:block;
text-indent:-99999px;
}


.casa5:hover {

background:url(../images/proyectos/05-house-q-425.jpg)
no-repeat bottom;

transition:background 0.0s;

}











.boton-06-contenedor   {

  width:425px;
  height:200px;
position:absolute; top:1020px; left:0px;

}

.shop1 {

background:url(../images/proyectos/06-shop-r-425.jpg)
no-repeat top;
width:425px;
height:200px;
display:block;

text-indent:-99999px;
}


.shop1:hover {

background:url(../images/proyectos/06-shop-r-425.jpg)
no-repeat bottom;
transition:background 0.0s;

}









.boton-07-contenedor   {

  width:425px;
  height:200px;
position:absolute; top:1224px; left:0px;

}

.shop2 {

background:url(../images/proyectos/07-shop-o-425.jpg)
no-repeat top;
width:425px;
height:200px;
display:block;

text-indent:-99999px;
}


.shop2:hover {

background:url(../images/proyectos/07-shop-o-425.jpg)
no-repeat bottom;
transition:background 0.0s;

}







.boton-08-contenedor   {

  width:425px;
  height:200px;
position:absolute; top:1428px; left:0px;

}


.shop3 {

background:url(../images/proyectos/08-shop-t-425.jpg)
no-repeat top;
width:425px;
height:200px;

display:block;
text-indent:-99999px;
}


.shop3:hover {

background:url(../images/proyectos/08-shop-t-425.jpg)
no-repeat bottom;

transition:background 0.0s;

}






.boton-09-contenedor   {

  width:425px;
  height:200px;
  position:absolute; top:1632px; left:0px;
  
  }
  
  
  .shop4 {
  
  background:url(../images/proyectos/09-shop-d-425.jpg)
  no-repeat top;
  width:425px;
  height:200px;
  
  display:block;
  text-indent:-99999px;
  }
  
  
  .shop4:hover {
  
  background:url(../images/proyectos/09-shop-d-425.jpg)
  no-repeat bottom;
  
  transition:background 0.0s;
  
  }









  .boton-10-contenedor   {

    width:425px;
    height:200px;
    position:absolute; top:1836px; left:0px;
    
    }
    
    
    .shop5 {
    
    background:url(../images/proyectos/10-depot-l-425.jpg)
    no-repeat top;
    width:425px;
    height:200px;
    
    display:block;
    text-indent:-99999px;
    }
    
    
    .shop5:hover {
    
    background:url(../images/proyectos/10-depot-l-425.jpg)
    no-repeat bottom;
    
    transition:background 0.0s;
    
    }   






    .boton-11-contenedor   {

      width:425px;
      height:200px;
      position:absolute; top:2040px; left:0px;
      
      }
      
      
      .tower1 {
      
      background:url(../images/proyectos/11-tower-o-425.jpg)
      no-repeat top;
      width:425px;
      height:200px;
      
      display:block;
      text-indent:-99999px;
      }
      
      
      .tower1:hover {
      
      background:url(../images/proyectos/11-tower-o-425.jpg)
      no-repeat bottom;
      
      transition:background 0.0s;
      
      }   









      .boton-12-contenedor   {

        width:425px;
        height:200px;
        position:absolute; top:2244px; left:0px;
        
        }
        
        
        .tower2 {
        
        background:url(../images/proyectos/12-tower-r-425.jpg)
        no-repeat top;
        width:425px;
        height:200px;
        
        display:block;
        text-indent:-99999px;
        }
        
        
        .tower2:hover {
        
        background:url(../images/proyectos/12-tower-r-425.jpg)
        no-repeat bottom;
        
        transition:background 0.0s;
        
        }   












        .boton-13-contenedor   {

          width:425px;
          height:200px;
          position:absolute; top:2448px; left:0px;
          
          }
          
          
          .tower3 {
          
          background:url(../images/proyectos/13-tower-g-425.jpg)
          no-repeat top;
          width:425px;
          height:200px;
          
          display:block;
          text-indent:-99999px;
          }
          
          
          .tower3:hover {
          
          background:url(../images/proyectos/13-tower-g-425.jpg)
          no-repeat bottom;
          
          transition:background 0.0s;
          
          }   
    
  








          .boton-14-contenedor   {

            width:425px;
            height:200px;
            position:absolute; top:2652px; left:0px;
            
            }
            
            
            .tower4 {
            
            background:url(../images/proyectos/14-tower-t-425.jpg)
            no-repeat top;
            width:425px;
            height:200px;
            
            display:block;
            text-indent:-99999px;
            }
            
            
            .tower4:hover {
            
            background:url(../images/proyectos/14-tower-t-425.jpg)
            no-repeat bottom;
            
            transition:background 0.0s;
            
            }   


}



     













::-webkit-input-placeholder {      /*Para Google Chrome y Opera Next*/
color:#fff;
}
::-moz-placeholder {      /*Para Firefox 18-*/
color:#fff;
}
::-moz-placeholder {      /*Para Firefox 18+*/
color:#fff;
}
::-ms-input-placeholder {        /*Para IE10+*/
color: #fff;  
}
::input-placeholder {    /*Propiedad sin prefijos (no funciona en ningún navegador)*/
color:#fff;
}
























/*media queries */

@media screen and (max-width:414px)

{


.contenedor {
	width: 70%;
	margin: 10px 0px 10px 60px;
    max-width: 300px;
    background: #000000;
    float: none;
    padding: 10px 0px 10px 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
     }         
 
 

 
 
 /*SECCION BOTONES*/
 

 .contenedor-botones {
  width: 414px;
  margin: 0px auto;  
  position:relative;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;

}

   
   
.contenedor-botones ul {
  width: 100%;
  margin: 0px auto;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
   
   } 

section li {
    display: inline-block;
   
      
 }



















    
 .boton-01-contenedor   {
    
  width:414px;
  height:195px;
  
  }




.casa1 {
  
background:url(../images/proyectos/01-house-a-414.jpg)
no-repeat top;
width:414px;
height:195px;
display:block;
text-indent:-99999px;
}


.casa1:hover {

background:url(../images/proyectos/01-house-a-414.jpg)
no-repeat bottom;

transition:background 0.0s;

}








.boton-02-contenedor   {
  
  width:414px;
  height:195px;
  position:absolute; top:199px; left:0px;
  
  }


.casa2 {
  
background:url(../images/proyectos/02-house-c-414.jpg)
no-repeat top;
width:414px;
height:195px;
display:block;
text-indent:-99999px;
}


.casa2:hover {

background:url(../images/proyectos/02-house-c-414.jpg)
no-repeat bottom;

transition:background 0.0s;

}






.boton-03-contenedor   {

  width:414px;
  height:195px;
position:absolute; top:398px; left:0px;

}

.casa3 {
  
background:url(../images/proyectos/03-house-f-414.jpg)
no-repeat top;
width:414px;
height:195px;
display:block;

text-indent:-99999px;
}


.casa3:hover {

background:url(../images/proyectos/03-house-f-414.jpg)
no-repeat bottom;
transition:background 0.0s;

}









.boton-04-contenedor   {

  width:414px;
  height:195px;
position:absolute; top:597px; left:0px;

}

.casa4 {
  
background:url(../images/proyectos/04-house-o-414.jpg)
no-repeat top;
width:414px;
height:195px;
display:block;

text-indent:-99999px;
}


.casa4:hover {

background:url(../images/proyectos/04-house-o-414.jpg)
no-repeat bottom;
transition:background 0.0s;

}









.boton-05-contenedor   {

  width:414px;
  height:195px;
position:absolute; top:796px; left:0px;

}


.casa5 {

background:url(../images/proyectos/05-house-q-414.jpg)
no-repeat top;
width:414px;
height:195px;

display:block;
text-indent:-99999px;
}


.casa5:hover {

background:url(../images/proyectos/05-house-q-414.jpg)
no-repeat bottom;

transition:background 0.0s;

}











.boton-06-contenedor   {

  width:414px;
  height:195px;
position:absolute; top:995px; left:0px;

}

.shop1 {

background:url(../images/proyectos/06-shop-r-414.jpg)
no-repeat top;
width:414px;
height:195px;
display:block;

text-indent:-99999px;
}


.shop1:hover {

background:url(../images/proyectos/06-shop-r-414.jpg)
no-repeat bottom;
transition:background 0.0s;

}









.boton-07-contenedor   {

  width:414px;
  height:195px;
position:absolute; top:1194px; left:0px;

}

.shop2 {

background:url(../images/proyectos/07-shop-o-414.jpg)
no-repeat top;
width:414px;
height:195px;
display:block;

text-indent:-99999px;
}


.shop2:hover {

background:url(../images/proyectos/07-shop-o-414.jpg)
no-repeat bottom;
transition:background 0.0s;

}







.boton-08-contenedor   {

  width:414px;
  height:195px;
position:absolute; top:1393px; left:0px;

}


.shop3 {

background:url(../images/proyectos/08-shop-t-414.jpg)
no-repeat top;
width:414px;
height:195px;

display:block;
text-indent:-99999px;
}


.shop3:hover {

background:url(../images/proyectos/08-shop-t-414.jpg)
no-repeat bottom;

transition:background 0.0s;

}






.boton-09-contenedor   {

  width:414px;
  height:195px;
  position:absolute; top:1592px; left:0px;
  
  }
  
  
  .shop4 {
  
  background:url(../images/proyectos/09-shop-d-414.jpg)
  no-repeat top;
  width:414px;
  height:195px;
  
  display:block;
  text-indent:-99999px;
  }
  
  
  .shop4:hover {
  
  background:url(../images/proyectos/09-shop-d-414.jpg)
  no-repeat bottom;
  
  transition:background 0.0s;
  
  }









  .boton-10-contenedor   {

    width:414px;
    height:195px;
    position:absolute; top:1791px; left:0px;
    
    }
    
    
    .shop5 {
    
    background:url(../images/proyectos/10-depot-l-414.jpg)
    no-repeat top;
    width:414px;
    height:195px;
    
    display:block;
    text-indent:-99999px;
    }
    
    
    .shop5:hover {
    
    background:url(../images/proyectos/10-depot-l-414.jpg)
    no-repeat bottom;
    
    transition:background 0.0s;
    
    }   






    .boton-11-contenedor   {

      width:414px;
      height:195px;
      position:absolute; top:1990px; left:0px;
      
      }
      
      
      .tower1 {
      
      background:url(../images/proyectos/11-tower-o-414.jpg)
      no-repeat top;
      width:414px;
      height:195px;
      
      display:block;
      text-indent:-99999px;
      }
      
      
      .tower1:hover {
      
      background:url(../images/proyectos/11-tower-o-414.jpg)
      no-repeat bottom;
      
      transition:background 0.0s;
      
      }   









      .boton-12-contenedor   {

        width:414px;
        height:195px;
        position:absolute; top:2189px; left:0px;
        
        }
        
        
        .tower2 {
        
        background:url(../images/proyectos/12-tower-r-414.jpg)
        no-repeat top;
        width:414px;
        height:195px;
        
        display:block;
        text-indent:-99999px;
        }
        
        
        .tower2:hover {
        
        background:url(../images/proyectos/12-tower-r-414.jpg)
        no-repeat bottom;
        
        transition:background 0.0s;
        
        }   












        .boton-13-contenedor   {

          width:414px;
          height:195px;
          position:absolute; top:2388px; left:0px;
          
          }
          
          
          .tower3 {
          
          background:url(../images/proyectos/13-tower-g-414.jpg)
          no-repeat top;
          width:414px;
          height:195px;
          
          display:block;
          text-indent:-99999px;
          }
          
          
          .tower3:hover {
          
          background:url(../images/proyectos/13-tower-g-414.jpg)
          no-repeat bottom;
          
          transition:background 0.0s;
          
          }   
    
  








          .boton-14-contenedor   {

            width:414px;
            height:195px;
            position:absolute; top:2587px; left:0px;
            
            }
            
            
            .tower4 {
            
            background:url(../images/proyectos/14-tower-t-414.jpg)
            no-repeat top;
            width:414px;
            height:195px;
            
            display:block;
            text-indent:-99999px;
            }
            
            
            .tower4:hover {
            
            background:url(../images/proyectos/14-tower-t-414.jpg)
            no-repeat bottom;
            
            transition:background 0.0s;
            
            }   


}



     

     


































::-webkit-input-placeholder {      /*Para Google Chrome y Opera Next*/
color:#fff;
}
::-moz-placeholder {      /*Para Firefox 18-*/
color:#fff;
}
::-moz-placeholder {      /*Para Firefox 18+*/
color:#fff;
}
::-ms-input-placeholder {        /*Para IE10+*/
color: #fff;  
}
::input-placeholder {    /*Propiedad sin prefijos (no funciona en ningún navegador)*/
color:#fff;
}






























/*media queries */

@media screen and (max-width:375px)

{


.contenedor {
	width: 70%;
	margin: 10px 0px 10px 50px;
    max-width: 300px;
    background: #000000;
    float: none;
    padding: 10px 0px 10px 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
     }        

 

 
 /*SECCION BOTONES*/
 

 .contenedor-botones {
  width: 375px;
  margin: 0px auto;  
  position:relative;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;

}

   
   
.contenedor-botones ul {
  width: 100%;
  margin: 0px auto;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
   
   } 

section li {
    display: inline-block;
   
      
 }
















    
 .boton-01-contenedor   {
    
  width:375px;
  height:177px;
  
  }




.casa1 {
  
background:url(../images/proyectos/01-house-a-375.jpg)
no-repeat top;
width:375px;
height:177px;
display:block;
text-indent:-99999px;
}


.casa1:hover {

background:url(../images/proyectos/01-house-a-375.jpg)
no-repeat bottom;

transition:background 0.0s;

}








.boton-02-contenedor   {
  
  width:375px;
  height:177px;
  position:absolute; top:181px; left:0px;
  
  }


.casa2 {
  
background:url(../images/proyectos/02-house-c-375.jpg)
no-repeat top;
width:375px;
height:177px;
display:block;
text-indent:-99999px;
}


.casa2:hover {

background:url(../images/proyectos/02-house-c-375.jpg)
no-repeat bottom;

transition:background 0.0s;

}






.boton-03-contenedor   {

  width:375px;
  height:177px;
position:absolute; top:362px; left:0px;

}

.casa3 {
  
background:url(../images/proyectos/03-house-f-375.jpg)
no-repeat top;
width:375px;
height:177px;
display:block;

text-indent:-99999px;
}


.casa3:hover {

background:url(../images/proyectos/03-house-f-375.jpg)
no-repeat bottom;
transition:background 0.0s;

}









.boton-04-contenedor   {

  width:375px;
  height:177px;
position:absolute; top:543px; left:0px;

}

.casa4 {
  
background:url(../images/proyectos/04-house-o-375.jpg)
no-repeat top;
width:375px;
height:177px;
display:block;

text-indent:-99999px;
}


.casa4:hover {

background:url(../images/proyectos/04-house-o-375.jpg)
no-repeat bottom;
transition:background 0.0s;

}









.boton-05-contenedor   {

  width:375px;
  height:177px;
position:absolute; top:724px; left:0px;

}


.casa5 {

background:url(../images/proyectos/05-house-q-375.jpg)
no-repeat top;
width:375px;
height:177px;

display:block;
text-indent:-99999px;
}


.casa5:hover {

background:url(../images/proyectos/05-house-q-375.jpg)
no-repeat bottom;

transition:background 0.0s;

}











.boton-06-contenedor   {

  width:375px;
  height:177px;
position:absolute; top:905px; left:0px;

}

.shop1 {

background:url(../images/proyectos/06-shop-r-375.jpg)
no-repeat top;
width:375px;
height:177px;
display:block;

text-indent:-99999px;
}


.shop1:hover {

background:url(../images/proyectos/06-shop-r-375.jpg)
no-repeat bottom;
transition:background 0.0s;

}









.boton-07-contenedor   {

  width:375px;
  height:177px;
position:absolute; top:1086px; left:0px;

}

.shop2 {

background:url(../images/proyectos/07-shop-o-375.jpg)
no-repeat top;
width:375px;
height:177px;
display:block;

text-indent:-99999px;
}


.shop2:hover {

background:url(../images/proyectos/07-shop-o-375.jpg)
no-repeat bottom;
transition:background 0.0s;

}







.boton-08-contenedor   {

  width:375px;
  height:177px;
position:absolute; top:1267px; left:0px;

}


.shop3 {

background:url(../images/proyectos/08-shop-t-375.jpg)
no-repeat top;
width:375px;
height:177px;

display:block;
text-indent:-99999px;
}


.shop3:hover {

background:url(../images/proyectos/08-shop-t-375.jpg)
no-repeat bottom;

transition:background 0.0s;

}






.boton-09-contenedor   {

  width:375px;
  height:177px;
  position:absolute; top:1448px; left:0px;
  
  }
  
  
  .shop4 {
  
  background:url(../images/proyectos/09-shop-d-375.jpg)
  no-repeat top;
  width:375px;
  height:177px;
  
  display:block;
  text-indent:-99999px;
  }
  
  
  .shop4:hover {
  
  background:url(../images/proyectos/09-shop-d-375.jpg)
  no-repeat bottom;
  
  transition:background 0.0s;
  
  }









  .boton-10-contenedor   {

    width:375px;
    height:177px;
    position:absolute; top:1629px; left:0px;
    
    }
    
    
    .shop5 {
    
    background:url(../images/proyectos/10-depot-l-375.jpg)
    no-repeat top;
    width:375px;
    height:177px;
    
    display:block;
    text-indent:-99999px;
    }
    
    
    .shop5:hover {
    
    background:url(../images/proyectos/10-depot-l-375.jpg)
    no-repeat bottom;
    
    transition:background 0.0s;
    
    }   






    .boton-11-contenedor   {

      width:375px;
      height:177px;
      position:absolute; top:1810px; left:0px;
      
      }
      
      
      .tower1 {
      
      background:url(../images/proyectos/11-tower-o-375.jpg)
      no-repeat top;
      width:375px;
      height:177px;
      
      display:block;
      text-indent:-99999px;
      }
      
      
      .tower1:hover {
      
      background:url(../images/proyectos/11-tower-o-375.jpg)
      no-repeat bottom;
      
      transition:background 0.0s;
      
      }   









      .boton-12-contenedor   {

        width:375px;
        height:177px;
        position:absolute; top:1991px; left:0px;
        
        }
        
        
        .tower2 {
        
        background:url(../images/proyectos/12-tower-r-375.jpg)
        no-repeat top;
        width:375px;
        height:177px;
        
        display:block;
        text-indent:-99999px;
        }
        
        
        .tower2:hover {
        
        background:url(../images/proyectos/12-tower-r-375.jpg)
        no-repeat bottom;
        
        transition:background 0.0s;
        
        }   












        .boton-13-contenedor   {

          width:375px;
          height:177px;
          position:absolute; top:2172px; left:0px;
          
          }
          
          
          .tower3 {
          
          background:url(../images/proyectos/13-tower-g-375.jpg)
          no-repeat top;
          width:375px;
          height:177px;
          
          display:block;
          text-indent:-99999px;
          }
          
          
          .tower3:hover {
          
          background:url(../images/proyectos/13-tower-g-375.jpg)
          no-repeat bottom;
          
          transition:background 0.0s;
          
          }   
    
  








          .boton-14-contenedor   {

            width:375px;
            height:177px;
            position:absolute; top:2353px; left:0px;
            
            }
            
            
            .tower4 {
            
            background:url(../images/proyectos/14-tower-t-375.jpg)
            no-repeat top;
            width:375px;
            height:177px;
            
            display:block;
            text-indent:-99999px;
            }
            
            
            .tower4:hover {
            
            background:url(../images/proyectos/14-tower-t-375.jpg)
            no-repeat bottom;
            
            transition:background 0.0s;
            
            }   


}

 

     



 













::-webkit-input-placeholder {      /*Para Google Chrome y Opera Next*/
color:#fff;
}
::-moz-placeholder {      /*Para Firefox 18-*/
color:#fff;
}
::-moz-placeholder {      /*Para Firefox 18+*/
color:#fff;
}
::-ms-input-placeholder {        /*Para IE10+*/
color: #fff;  
}
::input-placeholder {    /*Propiedad sin prefijos (no funciona en ningún navegador)*/
color:#fff;
}







































/*media queries */

@media screen and (max-width:320px)

{


.contenedor {
	width: 70%;
	margin: 10px 0px 10px 45px;
    max-width: 300px;
    background: #000000;
    float: none;
    padding: 10px 0px 10px 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
     }        



 
 /*SECCION BOTONES*/
 

 .contenedor-botones {
  width: 320px;
  margin: 0px auto;  
  position:relative;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;

}

   
   
.contenedor-botones ul {
  width: 100%;
  margin: 0px auto;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
   
   } 

section li {
    display: inline-block;
   
      
 }

















    
 .boton-01-contenedor   {
    
  width:320px;
  height:151px;
  
  }




.casa1 {
  
background:url(../images/proyectos/01-house-a-320.jpg)
no-repeat top;
width:320px;
height:151px;
display:block;
text-indent:-99999px;
}


.casa1:hover {

background:url(../images/proyectos/01-house-a-320.jpg)
no-repeat bottom;

transition:background 0.0s;

}








.boton-02-contenedor   {
  
  width:320px;
  height:151px;
  position:absolute; top:155px; left:0px;
  
  }


.casa2 {
  
background:url(../images/proyectos/02-house-c-320.jpg)
no-repeat top;
width:320px;
height:151px;
display:block;
text-indent:-99999px;
}


.casa2:hover {

background:url(../images/proyectos/02-house-c-320.jpg)
no-repeat bottom;

transition:background 0.0s;

}






.boton-03-contenedor   {

  width:320px;
  height:151px;
position:absolute; top:310px; left:0px;

}

.casa3 {
  
background:url(../images/proyectos/03-house-f-320.jpg)
no-repeat top;
width:320px;
height:151px;
display:block;

text-indent:-99999px;
}


.casa3:hover {

background:url(../images/proyectos/03-house-f-320.jpg)
no-repeat bottom;
transition:background 0.0s;

}









.boton-04-contenedor   {

  width:320px;
  height:151px;
position:absolute; top:465px; left:0px;

}

.casa4 {
  
background:url(../images/proyectos/04-house-o-320.jpg)
no-repeat top;
width:320px;
height:151px;
display:block;

text-indent:-99999px;
}


.casa4:hover {

background:url(../images/proyectos/04-house-o-320.jpg)
no-repeat bottom;
transition:background 0.0s;

}









.boton-05-contenedor   {

  width:320px;
  height:151px;
position:absolute; top:620px; left:0px;

}


.casa5 {

background:url(../images/proyectos/05-house-q-320.jpg)
no-repeat top;
width:320px;
height:151px;

display:block;
text-indent:-99999px;
}


.casa5:hover {

background:url(../images/proyectos/05-house-q-320.jpg)
no-repeat bottom;

transition:background 0.0s;

}











.boton-06-contenedor   {

  width:320px;
  height:151px;
position:absolute; top:775px; left:0px;

}

.shop1 {

background:url(../images/proyectos/06-shop-r-320.jpg)
no-repeat top;
width:320px;
height:151px;
display:block;

text-indent:-99999px;
}


.shop1:hover {

background:url(../images/proyectos/06-shop-r-320.jpg)
no-repeat bottom;
transition:background 0.0s;

}









.boton-07-contenedor   {

  width:320px;
  height:151px;
position:absolute; top:930px; left:0px;

}

.shop2 {

background:url(../images/proyectos/07-shop-o-320.jpg)
no-repeat top;
width:320px;
height:151px;
display:block;

text-indent:-99999px;
}


.shop2:hover {

background:url(../images/proyectos/07-shop-o-320.jpg)
no-repeat bottom;
transition:background 0.0s;

}







.boton-08-contenedor   {

  width:320px;
  height:151px;
position:absolute; top:1085px; left:0px;

}


.shop3 {

background:url(../images/proyectos/08-shop-t-320.jpg)
no-repeat top;
width:320px;
height:151px;

display:block;
text-indent:-99999px;
}


.shop3:hover {

background:url(../images/proyectos/08-shop-t-320.jpg)
no-repeat bottom;

transition:background 0.0s;

}






.boton-09-contenedor   {

  width:320px;
  height:151px;
  position:absolute; top:1240px; left:0px;
  
  }
  
  
  .shop4 {
  
  background:url(../images/proyectos/09-shop-d-320.jpg)
  no-repeat top;
  width:320px;
  height:151px;
  
  display:block;
  text-indent:-99999px;
  }
  
  
  .shop4:hover {
  
  background:url(../images/proyectos/09-shop-d-320.jpg)
  no-repeat bottom;
  
  transition:background 0.0s;
  
  }









  .boton-10-contenedor   {

    width:320px;
    height:151px;
    position:absolute; top:1395px; left:0px;
    
    }
    
    
    .shop5 {
    
    background:url(../images/proyectos/10-depot-l-320.jpg)
    no-repeat top;
    width:320px;
    height:151px;
    
    display:block;
    text-indent:-99999px;
    }
    
    
    .shop5:hover {
    
    background:url(../images/proyectos/10-depot-l-320.jpg)
    no-repeat bottom;
    
    transition:background 0.0s;
    
    }   






    .boton-11-contenedor   {

      width:320px;
      height:151px;
      position:absolute; top:1550px; left:0px;
      
      }
      
      
      .tower1 {
      
      background:url(../images/proyectos/11-tower-o-320.jpg)
      no-repeat top;
      width:320px;
      height:151px;
      
      display:block;
      text-indent:-99999px;
      }
      
      
      .tower1:hover {
      
      background:url(../images/proyectos/11-tower-o-320.jpg)
      no-repeat bottom;
      
      transition:background 0.0s;
      
      }   









      .boton-12-contenedor   {

        width:320px;
        height:151px;
        position:absolute; top:1705px; left:0px;
        
        }
        
        
        .tower2 {
        
        background:url(../images/proyectos/12-tower-r-320.jpg)
        no-repeat top;
        width:320px;
        height:151px;
        
        display:block;
        text-indent:-99999px;
        }
        
        
        .tower2:hover {
        
        background:url(../images/proyectos/12-tower-r-320.jpg)
        no-repeat bottom;
        
        transition:background 0.0s;
        
        }   












        .boton-13-contenedor   {

          width:320px;
          height:151px;
          position:absolute; top:1860px; left:0px;
          
          }
          
          
          .tower3 {
          
          background:url(../images/proyectos/13-tower-g-320.jpg)
          no-repeat top;
          width:320px;
          height:151px;
          
          display:block;
          text-indent:-99999px;
          }
          
          
          .tower3:hover {
          
          background:url(../images/proyectos/13-tower-g-320.jpg)
          no-repeat bottom;
          
          transition:background 0.0s;
          
          }   
    
  








          .boton-14-contenedor   {

            width:320px;
            height:151px;
            position:absolute; top:2015px; left:0px;
            
            }
            
            
            .tower4 {
            
            background:url(../images/proyectos/14-tower-t-320.jpg)
            no-repeat top;
            width:320px;
            height:151px;
            
            display:block;
            text-indent:-99999px;
            }
            
            
            .tower4:hover {
            
            background:url(../images/proyectos/14-tower-t-320.jpg)
            no-repeat bottom;
            
            transition:background 0.0s;
            
            }   


}

 






::-webkit-input-placeholder {      /*Para Google Chrome y Opera Next*/
color:#fff;
}
::-moz-placeholder {      /*Para Firefox 18-*/
color:#fff;
}
::-moz-placeholder {      /*Para Firefox 18+*/
color:#fff;
}
::-ms-input-placeholder {        /*Para IE10+*/
color: #fff;  
}
::input-placeholder {    /*Propiedad sin prefijos (no funciona en ningún navegador)*/
color:#fff;
}