.cleaner {
	      clear: both;
         }

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

body     {
         font-family: 'lato', 'sans-serif';
         font-size: 20px;
         }
      

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

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


 

nav      { 
          width: 100%;
          text-align: center;
          padding: 0px 0px 10px 0px;
          background: #000000;	
         }
    

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

nav ul li a  {
	          margin-bottom: 1px;
	          font-size: 12px;
	          color: #777777 !important;
	          padding: 0px 10px 0px 50px;
             }

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

	               transition:background 2s;
	               -webkit-transition:background 2s;
	               -moz-transition:background 2s;
                   }  





.contenedor-botones {
	width: 100%;
	margin: 0px auto;  
    padding: 0px 0px 0px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 } 
	 
	 
.contenedor-botones ul {
	width: 100%;
	margin: 0px auto;
    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 0px 0px 0px;
          width: 33%;
      
 }




.urbana {
    
    background:url(../images/urbana.jpg) 
no-repeat top;
    width:640px;
    height:640px;
    display:block;
    text-indent:-99999px;
}


.urbana:hover {
    
    background:url(../images/urbana.jpg) 
no-repeat bottom;
    transition:background 0.0s;

}


.vivienda {
    
    background:url(../images/vivienda.jpg) 
no-repeat top;
    width:640px;
    height:640px;
    display:block;
    text-indent:-99999px;

}


.vivienda:hover {
    
     background:url(../images/vivienda.jpg) 
no-repeat bottom;
    transition:background 0.0s;

}


.interior {
    
  background:url(../images/interior.jpg) 
no-repeat top;
    width:640px;
    height:640px;
    display:block;
    text-indent:-99999px;

}


.interior:hover {
    
    background:url(../images/interior.jpg) 
no-repeat bottom;
    transition:background 0.0s;


}


.audiovisual {
    
   background:url(../images/audiovisual.jpg) 
no-repeat top;
    width:640px;
    height:640px;
    display:block;
    text-indent:-99999px;

}


.audiovisual:hover {
    
    background:url(../images/audiovisual.jpg) 
no-repeat bottom;
    transition:background 0.0s;

       
}   


.personal {
    
    background:url(../images/personal.jpg) 
no-repeat top;
    width:640px;
    height:640px;
    display:block;
    text-indent:-99999px;

}


.personal:hover {
     background:url(../images/personal.jpg) 
no-repeat bottom;
    transition:background 0.0s;


       
}   


.retrato {
    
   background:url(../images/retrato.jpg) 
no-repeat top;
    width:640px;
    height:640px;
    display:block;
    text-indent:-99999px;

}


.retrato:hover {
    
     background:url(../images/retrato.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;
}



	   








footer {
     background: #000000;
     padding: 10px 0px;
     width: 100%;
     height:20px;
     font-family: 'lato', 'sans-serif';
     font-size: 15px;
     
	 
}


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

.contenedor-footer p {
	color: gray;
	text-align: center;
	padding: 0px 0px 0px 0px; 
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;       
} 











 /*media queries */

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

{


.urbana {
    
    background:url(../images/urbana-854.jpg) 
no-repeat top;
    width:854px;
    height:854px;
    display:block;
    text-indent:-99999px;
}


.urbana:hover {
    
    background:url(../images/urbana-854.jpg)
no-repeat bottom;
    transition:background 0.0s;

}


.vivienda {
    
    background:url(../images/vivienda-854.jpg) 
no-repeat top;
    width:854px;
    height:854px;
    display:block;
    text-indent:-99999px;

}


.vivienda:hover {
    
     background:url(../images/vivienda-854.jpg) 
no-repeat bottom;
    transition:background 0.0s;

}


.interior {
    
  background:url(../images/interior-854.jpg)
no-repeat top;
    width:854px;
    height:854px;
    display:block;
    text-indent:-99999px;

}


.interior:hover {
    
    background:url(../images/interior-854.jpg) 
no-repeat bottom;
    transition:background 0.0s;


}


.audiovisual {
    
   background:url(../images/audiovisual-854.jpg) 
no-repeat top;
    width:854px;
    height:854px;
    display:block;
    text-indent:-99999px;

}


.audiovisual:hover {
    
    background:url(../images/audiovisual-854.jpg)
no-repeat bottom;
    transition:background 0.0s;

       
}   


.personal {
    
    background:url(../images/personal-854.jpg) 
no-repeat top;
    width:854px;
    height:854px;
    display:block;
    text-indent:-99999px;

}


.personal:hover {
     background:url(../images/personal-854.jpg) 
no-repeat bottom;
    transition:background 0.0s;


       
}   


.retrato {
    
   background:url(../images/retrato-854.jpg)
no-repeat top;
    width:854px;
    height:854px;
    display:block;
    text-indent:-99999px;

}


.retrato:hover {
    
     background:url(../images/retrato-854.jpg)
no-repeat bottom;
    transition:background 0.0s;
      
}
}



 /*media queries */

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

{


.urbana {
    
    background:url(../images/urbana.jpg) 
no-repeat top;
    width:640px;
    height:640px;
    display:block;
    text-indent:-99999px;
}


.urbana:hover {
    
    background:url(../images/urbana.jpg)
no-repeat bottom;
    transition:background 0.0s;

}


.vivienda {
    
    background:url(../images/vivienda.jpg) 
no-repeat top;
    width:640px;
    height:640px;
    display:block;
    text-indent:-99999px;

}


.vivienda:hover {
    
     background:url(../images/vivienda.jpg) 
no-repeat bottom;
    transition:background 0.0s;

}


.interior {
    
  background:url(../images/interior.jpg)
no-repeat top;
    width:640px;
    height:640px;
    display:block;
    text-indent:-99999px;

}


.interior:hover {
    
    background:url(../images/interior.jpg) 
no-repeat bottom;
    transition:background 0.0s;


}


.audiovisual {
    
   background:url(../images/audiovisual.jpg) 
no-repeat top;
    width:640px;
    height:640px;
    display:block;
    text-indent:-99999px;

}


.audiovisual:hover {
    
    background:url(../images/audiovisual.jpg)
no-repeat bottom;
    transition:background 0.0s;

       
}   


.personal {
    
    background:url(../images/personal.jpg) 
no-repeat top;
    width:640px;
    height:640px;
    display:block;
    text-indent:-99999px;

}


.personal:hover {
     background:url(../images/personal.jpg) 
no-repeat bottom;
    transition:background 0.0s;


       
}   


.retrato {
    
   background:url(../images/retrato.jpg)
no-repeat top;
    width:640px;
    height:640px;
    display:block;
    text-indent:-99999px;

}


.retrato:hover {
    
     background:url(../images/retrato.jpg)
no-repeat bottom;
    transition:background 0.0s;
      
}
}



 /*media queries */

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

{


.urbana {
    
    background:url(../images/urbana-560.jpg) 
no-repeat top;
    width:560px;
    height:560px;
    display:block;
    text-indent:-99999px;
}


.urbana:hover {
    
    background:url(../images/urbana-560.jpg)
no-repeat bottom;
    transition:background 0.0s;

}


.vivienda {
    
    background:url(../images/vivienda-560.jpg) 
no-repeat top;
    width:560px;
    height:560px;
    display:block;
    text-indent:-99999px;

}


.vivienda:hover {
    
     background:url(../images/vivienda-560.jpg) 
no-repeat bottom;
    transition:background 0.0s;

}


.interior {
    
  background:url(../images/interior-560.jpg)
no-repeat top;
    width:560px;
    height:560px;
    display:block;
    text-indent:-99999px;

}


.interior:hover {
    
    background:url(../images/interior-560.jpg) 
no-repeat bottom;
    transition:background 0.0s;


}


.audiovisual {
    
   background:url(../images/audiovisual-560.jpg) 
no-repeat top;
    width:560px;
    height:560px;
    display:block;
    text-indent:-99999px;

}


.audiovisual:hover {
    
    background:url(../images/audiovisual-560.jpg)
no-repeat bottom;
    transition:background 0.0s;

       
}   


.personal {
    
    background:url(../images/personal-560.jpg) 
no-repeat top;
    width:560px;
    height:560px;
    display:block;
    text-indent:-99999px;

}


.personal:hover {
     background:url(../images/personal-560.jpg) 
no-repeat bottom;
    transition:background 0.0s;


       
}   


.retrato {
    
   background:url(../images/retrato-560.jpg)
no-repeat top;
    width:560px;
    height:560px;
    display:block;
    text-indent:-99999px;

}


.retrato:hover {
    
     background:url(../images/retrato-560.jpg)
no-repeat bottom;
    transition:background 0.0s;
      
}
}


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

{


.urbana {
    
    background:url(../images/urbana-480.jpg) 
no-repeat top;
    width:480px;
    height:480px;
    display:block;
    text-indent:-99999px;
}


.urbana:hover {
    
    background:url(../images/urbana-480.jpg)
no-repeat bottom;
    transition:background 0.0s;

}


.vivienda {
    
    background:url(../images/vivienda-480.jpg) 
no-repeat top;
    width:480px;
    height:480px;
    display:block;
    text-indent:-99999px;

}


.vivienda:hover {
    
     background:url(../images/vivienda-480.jpg) 
no-repeat bottom;
    transition:background 0.0s;

}


.interior {
    
  background:url(../images/interior-480.jpg)
no-repeat top;
    width:480px;
    height:480px;
    display:block;
    text-indent:-99999px;

}


.interior:hover {
    
    background:url(../images/interior-480.jpg) 
no-repeat bottom;
    transition:background 0.0s;


}


.audiovisual {
    
   background:url(../images/audiovisual-480.jpg) 
no-repeat top;
    width:480px;
    height:480px;
    display:block;
    text-indent:-99999px;

}


.audiovisual:hover {
    
    background:url(../images/audiovisual-480.jpg)
no-repeat bottom;
    transition:background 0.0s;

       
}   


.personal {
    
    background:url(../images/personal-480.jpg) 
no-repeat top;
    width:480px;
    height:480px;
    display:block;
    text-indent:-99999px;

}


.personal:hover {
     background:url(../images/personal-480.jpg) 
no-repeat bottom;
    transition:background 0.0s;


       
}   


.retrato {
    
   background:url(../images/retrato-480.jpg)
no-repeat top;
    width:480px;
    height:480px;
    display:block;
    text-indent:-99999px;

}


.retrato:hover {
    
     background:url(../images/retrato-480.jpg)
no-repeat bottom;
    transition:background 0.0s;
      
}
}





 /*media queries */

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

{


.urbana {
    
    background:url(../images/urbana-1366.jpg) 
no-repeat top;
    width:456px;
    height:456px;
    display:block;
    text-indent:-99999px;
}


.urbana:hover {
    
    background:url(../images/urbana-1366.jpg) 
no-repeat bottom;
    transition:background 0.0s;

}


.vivienda {
    
    background:url(../images/vivienda-1366.jpg) 
no-repeat top;
    width:456px;
    height:456px;
    display:block;
    text-indent:-99999px;

}


.vivienda:hover {
    
     background:url(../images/vivienda-1366.jpg) 
no-repeat bottom;
    transition:background 0.0s;

}


.interior {
    
  background:url(../images/interior-1366.jpg) 
no-repeat top;
    width:456px;
    height:456px;
    display:block;
    text-indent:-99999px;

}


.interior:hover {
    
    background:url(../images/interior-1366.jpg) 
no-repeat bottom;
    transition:background 0.0s;


}


.audiovisual {
    
   background:url(../images/audiovisual-1366.jpg) 
no-repeat top;
    width:456px;
    height:456px;
    display:block;
    text-indent:-99999px;

}


.audiovisual:hover {
    
    background:url(../images/audiovisual-1366.jpg) 
no-repeat bottom;
    transition:background 0.0s;

       
}   


.personal {
    
    background:url(../images/personal-1366.jpg) 
no-repeat top;
    width:456px;
    height:456px;
    display:block;
    text-indent:-99999px;

}


.personal:hover {
     background:url(../images/personal-1366.jpg) 
no-repeat bottom;
    transition:background 0.0s;


       
}   


.retrato {
    
   background:url(../images/retrato-1366.jpg) 
no-repeat top;
    width:456px;
    height:456px;
    display:block;
    text-indent:-99999px;

}


.retrato:hover {
    
     background:url(../images/retrato-1366.jpg) 
no-repeat bottom;
    transition:background 0.0s;
      
}
}




 /*media queries */

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

{


.urbana {
    
    background:url(../images/urbana-1280.jpg) 
no-repeat top;
    width:427px;
    height:427px;
    display:block;
    text-indent:-99999px;
}


.urbana:hover {
    
    background:url(../images/urbana-1280.jpg) 
no-repeat bottom;
    transition:background 0.0s;

}


.vivienda {
    
    background:url(../images/vivienda-1280.jpg) 
no-repeat top;
    width:427px;
    height:427px;
    display:block;
    text-indent:-99999px;

}


.vivienda:hover {
    
     background:url(../images/vivienda-1280.jpg) 
no-repeat bottom;
    transition:background 0.0s;

}


.interior {
    
  background:url(../images/interior-1280.jpg) 
no-repeat top;
    width:427px;
    height:427px;
    display:block;
    text-indent:-99999px;

}


.interior:hover {
    
    background:url(../images/interior-1280.jpg) 
no-repeat bottom;
    transition:background 0.0s;


}


.audiovisual {
    
   background:url(../images/audiovisual-1280.jpg) 
no-repeat top;
    width:427px;
    height:427px;
    display:block;
    text-indent:-99999px;

}


.audiovisual:hover {
    
    background:url(../images/audiovisual-1280.jpg) 
no-repeat bottom;
    transition:background 0.0s;

       
}   


.personal {
    
    background:url(../images/personal-1280.jpg) 
no-repeat top;
    width:427px;
    height:427px;
    display:block;
    text-indent:-99999px;

}


.personal:hover {
     background:url(../images/personal-1280.jpg) 
no-repeat bottom;
    transition:background 0.0s;


       
}   


.retrato {
    
   background:url(../images/retrato-1280.jpg) 
no-repeat top;
    width:427px;
    height:427px;
    display:block;
    text-indent:-99999px;

}


.retrato:hover {
    
     background:url(../images/retrato-1280.jpg) 
no-repeat bottom;
    transition:background 0.0s;
      
}
}






 /*media queries */

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

{


.urbana {
    
    background:url(../images/urbana-1024.jpg) 
no-repeat top;
    width:342px;
    height:342px;
    display:block;
    text-indent:-99999px;
}


.urbana:hover {
    
    background:url(../images/urbana-1024.jpg) 
no-repeat bottom;
    transition:background 0.0s;

}


.vivienda {
    
    background:url(../images/vivienda-1024.jpg) 
no-repeat top;
    width:342px;
    height:342px;
    display:block;
    text-indent:-99999px;

}


.vivienda:hover {
    
     background:url(../images/vivienda-1024.jpg) 
no-repeat bottom;
    transition:background 0.0s;

}


.interior {
    
  background:url(../images/interior-1024.jpg) 
no-repeat top;
    width:342px;
    height:342px;
    display:block;
    text-indent:-99999px;

}


.interior:hover {
    
    background:url(../images/interior-1024.jpg) 
no-repeat bottom;
    transition:background 0.0s;


}


.audiovisual {
    
   background:url(../images/audiovisual-1024.jpg) 
no-repeat top;
    width:342px;
    height:342px;
    display:block;
    text-indent:-99999px;

}


.audiovisual:hover {
    
    background:url(../images/audiovisual-1024.jpg) 
no-repeat bottom;
    transition:background 0.0s;

       
}   


.personal {
    
    background:url(../images/personal-1024.jpg) 
no-repeat top;
    width:342px;
    height:342px;
    display:block;
    text-indent:-99999px;

}


.personal:hover {
     background:url(../images/personal-1024.jpg) 
no-repeat bottom;
    transition:background 0.0s;


       
}   


.retrato {
    
   background:url(../images/retrato-1024.jpg) 
no-repeat top;
    width:342px;
    height:342px;
    display:block;
    text-indent:-99999px;

}


.retrato:hover {
    
     background:url(../images/retrato-1024.jpg) 
no-repeat bottom;
    transition:background 0.0s;
      
}
}










/*media queries */

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

{

.contenedor {
	width: 100%;
	margin: 0px auto;
    max-width: 318px;
    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: 768px;
    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.5%;
      
 }
   


.contenedor-botones ul{
	
     margin: 0px auto;    
     padding: 0px 0px 0px 0px;
	
} 
 
 
 .contenedor-botones a{
	
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
	
} 
      
     

.urbana {
    
    background:url(../images/urbana-768.jpg) 
no-repeat top;
    width:384px;
    height:384px;
    display:inline-block;
    text-indent:-99999px;
}


.urbana:hover {
    
    background:url(../images/urbana-768.jpg) 
no-repeat bottom;
    transition:background 0.0s;

}


.vivienda {
    
    background:url(../images/vivienda-768.jpg) 
no-repeat top;
    width:384px;
    height:384px;
    display:inline-block;  
      text-indent:-99999px;

}


.vivienda:hover {
    
     background:url(../images/vivienda-768.jpg) 
no-repeat bottom;
    transition:background 0.0s;

}


.interior {
    
  background:url(../images/interior-768.jpg) 
no-repeat top;
    width:384px;
    height:384px;
    display:inline-block;
    text-indent:-99999px;

}


.interior:hover {
    
    background:url(../images/interior-768.jpg) 
no-repeat bottom;
    transition:background 0.0s;


}


.audiovisual {
    
   background:url(../images/audiovisual-768.jpg) 
no-repeat top;
    width:384px;
    height:384px;
    display:inline-block;
    text-indent:-99999px;

}


.audiovisual:hover {
    
    background:url(../images/audiovisual-768.jpg) 
no-repeat bottom;
    transition:background 0.0s;

       
}   


.personal {
    
    background:url(../images/personal-768.jpg) 
no-repeat top;
    width:384px;
    height:384px;
    display:inline-block;
    text-indent:-99999px;

}


.personal:hover {
     background:url(../images/personal-768.jpg) 
no-repeat bottom;
    transition:background 0.0s;


       
}   


.retrato {
    
   background:url(../images/retrato-768.jpg) 
no-repeat top;
    width:384px;
    height:384px;
    display:inline-block;
    text-indent:-99999px;

}


.retrato:hover {
    
     background:url(../images/retrato-768.jpg) 
no-repeat bottom;
    transition:background 0.0s;
      
}
}







/*media queries */

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

{


     
.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;
       
}    


 

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;
	
} 
      
     

.urbana {
    
    background:url(../images/urbana-334.jpg) 
no-repeat top;
    width:334px;
    height:334px;
    display:inline-block;
    text-indent:-99999px;
}


.urbana:hover {
    
    background:url(../images/urbana-334.jpg) 
no-repeat bottom;
    transition:background 0.0s;

}


.vivienda {
    
    background:url(../images/vivienda-334.jpg) 
no-repeat top;
    width:334px;
    height:334px;
    display:inline-block;  
      text-indent:-99999px;

}


.vivienda:hover {
    
     background:url(../images/vivienda-334.jpg) 
no-repeat bottom;
    transition:background 0.0s;

}


.interior {
    
  background:url(../images/interior-334.jpg) 
no-repeat top;
    width:334px;
    height:334px;
    display:inline-block;
    text-indent:-99999px;

}


.interior:hover {
    
    background:url(../images/interior-334.jpg) 
no-repeat bottom;
    transition:background 0.0s;


}


.audiovisual {
    
   background:url(../images/audiovisual-334.jpg) 
no-repeat top;
    width:334px;
    height:334px;
    display:inline-block;
    text-indent:-99999px;

}


.audiovisual:hover {
    
    background:url(../images/audiovisual-334.jpg) 
no-repeat bottom;
    transition:background 0.0s;

       
}   


.personal {
    
    background:url(../images/personal-334.jpg) 
no-repeat top;
    width:334px;
    height:334px;
    display:inline-block;
    text-indent:-99999px;

}


.personal:hover {
     background:url(../images/personal-334.jpg) 
no-repeat bottom;
    transition:background 0.0s;


       
}   


.retrato {
    
   background:url(../images/retrato-334.jpg) 
no-repeat top;
    width:334px;
    height:334px;
    display:inline-block;
    text-indent:-99999px;

}


.retrato:hover {
    
     background:url(../images/retrato-334.jpg) 
no-repeat bottom;
    transition:background 0.0s;
      
}
}



/*media queries */

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

{


     
.contenedor-botones {
	width: 100%;
	margin: 0px auto;
    max-width: 640px;
    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;
	
} 
      
     

.urbana {
    
    background:url(../images/urbana-320.jpg) 
no-repeat top;
    width:320px;
    height:320px;
    display:inline-block;
    text-indent:-99999px;
}


.urbana:hover {
    
    background:url(../images/urbana-320.jpg) 
no-repeat bottom;
    transition:background 0.0s;

}


.vivienda {
    
    background:url(../images/vivienda-320.jpg) 
no-repeat top;
    width:320px;
    height:320px;
    display:inline-block;  
      text-indent:-99999px;

}


.vivienda:hover {
    
     background:url(../images/vivienda-320.jpg) 
no-repeat bottom;
    transition:background 0.0s;

}


.interior {
    
  background:url(../images/interior-320.jpg) 
no-repeat top;
    width:320px;
    height:320px;
    display:inline-block;
    text-indent:-99999px;

}


.interior:hover {
    
    background:url(../images/interior-320.jpg) 
no-repeat bottom;
    transition:background 0.0s;


}


.audiovisual {
    
   background:url(../images/audiovisual-320.jpg) 
no-repeat top;
    width:320px;
    height:320px;
    display:inline-block;
    text-indent:-99999px;

}


.audiovisual:hover {
    
    background:url(../images/audiovisual-320.jpg) 
no-repeat bottom;
    transition:background 0.0s;

       
}   


.personal {
    
    background:url(../images/personal-320.jpg) 
no-repeat top;
    width:320px;
    height:320px;
    display:inline-block;
    text-indent:-99999px;

}


.personal:hover {
     background:url(../images/personal-320.jpg) 
no-repeat bottom;
    transition:background 0.0s;


       
}   


.retrato {
    
   background:url(../images/retrato-320.jpg) 
no-repeat top;
    width:320px;
    height:320px;
    display:inline-block;
    text-indent:-99999px;

}


.retrato:hover {
    
     background:url(../images/retrato-320.jpg) 
no-repeat bottom;
    transition:background 0.0s;
      
}
}




/*media queries */

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

{


     
.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;
	
} 
      
     

.urbana {
    
    background:url(../images/urbana-284.jpg) 
no-repeat top;
    width:284px;
    height:284px;
    display:inline-block;
    text-indent:-99999px;
}


.urbana:hover {
    
    background:url(../images/urbana-284.jpg) 
no-repeat bottom;
    transition:background 0.0s;

}


.vivienda {
    
    background:url(../images/vivienda-284.jpg) 
no-repeat top;
    width:284px;
    height:284px;
    display:inline-block;  
      text-indent:-99999px;

}


.vivienda:hover {
    
     background:url(../images/vivienda-284.jpg) 
no-repeat bottom;
    transition:background 0.0s;

}


.interior {
    
  background:url(../images/interior-284.jpg) 
no-repeat top;
    width:284px;
    height:284px;
    display:inline-block;
    text-indent:-99999px;

}


.interior:hover {
    
    background:url(../images/interior-284.jpg) 
no-repeat bottom;
    transition:background 0.0s;


}


.audiovisual {
    
   background:url(../images/audiovisual-284.jpg) 
no-repeat top;
    width:284px;
    height:284px;
    display:inline-block;
    text-indent:-99999px;

}


.audiovisual:hover {
    
    background:url(../images/audiovisual-284.jpg) 
no-repeat bottom;
    transition:background 0.0s;

       
}   


.personal {
    
    background:url(../images/personal-284.jpg) 
no-repeat top;
    width:284px;
    height:284px;
    display:inline-block;
    text-indent:-99999px;

}


.personal:hover {
     background:url(../images/personal-284.jpg) 
no-repeat bottom;
    transition:background 0.0s;


       
}   


.retrato {
    
   background:url(../images/retrato-284.jpg) 
no-repeat top;
    width:284px;
    height:284px;
    display:inline-block;
    text-indent:-99999px;

}


.retrato:hover {
    
     background:url(../images/retrato-284.jpg) 
no-repeat bottom;
    transition:background 0.0s;
      
}
}



/*media queries */

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

{


     
.contenedor-botones {
	width: 100%;
	margin: 0px auto;
    max-width: 480px;
    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.3%;
      
 }
   


.contenedor-botones ul{
	
     margin: 0px auto;    
     padding: 0px 0px 0px 0px;
	
} 
 
 
 .contenedor-botones a{
	
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
	
} 
      
     

.urbana {
    
    background:url(../images/urbana-240.jpg) 
no-repeat top;
    width:240px;
    height:240px;
    display:inline-block;
    text-indent:-99999px;
}


.urbana:hover {
    
    background:url(../images/urbana-240.jpg) 
no-repeat bottom;
    transition:background 0.0s;

}


.vivienda {
    
    background:url(../images/vivienda-240.jpg) 
no-repeat top;
    width:240px;
    height:240px;
    display:inline-block;  
      text-indent:-99999px;

}


.vivienda:hover {
    
     background:url(../images/vivienda-240.jpg) 
no-repeat bottom;
    transition:background 0.0s;

}


.interior {
    
  background:url(../images/interior-240.jpg) 
no-repeat top;
    width:240px;
    height:240px;
    display:inline-block;
    text-indent:-99999px;

}


.interior:hover {
    
    background:url(../images/interior-240.jpg) 
no-repeat bottom;
    transition:background 0.0s;


}


.audiovisual {
    
   background:url(../images/audiovisual-240.jpg) 
no-repeat top;
    width:240px;
    height:240px;
    display:inline-block;
    text-indent:-99999px;

}


.audiovisual:hover {
    
    background:url(../images/audiovisual-240.jpg) 
no-repeat bottom;
    transition:background 0.0s;

       
}   


.personal {
    
    background:url(../images/personal-240.jpg) 
no-repeat top;
    width:240px;
    height:240px;
    display:inline-block;
    text-indent:-99999px;

}


.personal:hover {
     background:url(../images/personal-240.jpg) 
no-repeat bottom;
    transition:background 0.0s;


       
}   


.retrato {
    
   background:url(../images/retrato-240.jpg) 
no-repeat top;
    width:240px;
    height:240px;
    display:inline-block;
    text-indent:-99999px;

}


.retrato:hover {
    
     background:url(../images/retrato-240.jpg) 
no-repeat bottom;
    transition:background 0.0s;
      
}
}






/*media queries */

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

{

.contenedor {
	width: 100%;
	margin: 0px auto;
    max-width: 320px;
    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: 425px;
    padding: 0px 0px 0px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
       
}    


section li {
          display: block;
          padding: 0px 0px 0px 0px;
          width: 100%;

         
 }
 

.contenedor-botones li {
	
    padding: 0px 0px 0px 0px;
	
}    


.contenedor-botones ul li {
	
    padding: 0px 0px 0px 0px;
	
} 
     
     

.urbana {
    
    background:url(../images/urbana-425.jpg) 
no-repeat top;
    width:425px;
    height:425px;
    display:block;
    text-indent:-99999px;
}


.urbana:hover {
    
    background:url(../images/urbana-425.jpg) 
no-repeat bottom;
    transition:background 0.0s;

}


.vivienda {
    
    background:url(../images/vivienda-425.jpg) 
no-repeat top;
    width:425px;
    height:425px;
    display:block;
    text-indent:-99999px;

}


.vivienda:hover {
    
     background:url(../images/vivienda-425.jpg) 
no-repeat bottom;
    transition:background 0.0s;

}


.interior {
    
  background:url(../images/interior-425.jpg) 
no-repeat top;
    width:425px;
    height:425px;
    display:block;
    text-indent:-99999px;

}


.interior:hover {
    
    background:url(../images/interior-425.jpg) 
no-repeat bottom;
    transition:background 0.0s;


}


.audiovisual {
    
   background:url(../images/audiovisual-425.jpg) 
no-repeat top;
    width:425px;
    height:425px;
    display:block;
    text-indent:-99999px;

}


.audiovisual:hover {
    
    background:url(../images/audiovisual-425.jpg) 
no-repeat bottom;
    transition:background 0.0s;

       
}   


.personal {
    
    background:url(../images/personal-425.jpg) 
no-repeat top;
    width:425px;
    height:425px;
    display:block;
    text-indent:-99999px;

}


.personal:hover {
     background:url(../images/personal-425.jpg) 
no-repeat bottom;
    transition:background 0.0s;


       
}   


.retrato {
    
   background:url(../images/retrato-425.jpg) 
no-repeat top;
    width:425px;
    height:425px;
    display:block;
    text-indent:-99999px;

}


.retrato:hover {
    
     background:url(../images/retrato-425.jpg) 
no-repeat bottom;
    transition:background 0.0s;
      
}
}




/*media queries */

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

{

.contenedor {
	width: 100%;
	margin: 0px auto;
    max-width: 320px;
    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: 375px;
    padding: 0px 0px 0px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
       
}    


section li {
          display: block;
          padding: 0px 0px 0px 0px;
          width: 100%;

         
 }
 

.contenedor-botones li {
	
    padding: 0px 0px 0px 0px;
	
}    


.contenedor-botones ul li {
	
    padding: 0px 0px 0px 0px;
	
} 
     
     

.urbana {
    
    background:url(../images/urbana-375.jpg) 
no-repeat top;
    width:375px;
    height:375px;
    display:block;
    text-indent:-99999px;
}


.urbana:hover {
    
    background:url(../images/urbana-375.jpg) 
no-repeat bottom;
    transition:background 0.0s;

}


.vivienda {
    
    background:url(../images/vivienda-375.jpg) 
no-repeat top;
    width:375px;
    height:375px;
    display:block;
    text-indent:-99999px;

}


.vivienda:hover {
    
     background:url(../images/vivienda-375.jpg) 
no-repeat bottom;
    transition:background 0.0s;

}


.interior {
    
  background:url(../images/interior-375.jpg) 
no-repeat top;
    width:375px;
    height:375px;
    display:block;
    text-indent:-99999px;

}


.interior:hover {
    
    background:url(../images/interior-375.jpg) 
no-repeat bottom;
    transition:background 0.0s;


}


.audiovisual {
    
   background:url(../images/audiovisual-375.jpg) 
no-repeat top;
    width:375px;
    height:375px;
    display:block;
    text-indent:-99999px;

}


.audiovisual:hover {
    
    background:url(../images/audiovisual-375.jpg) 
no-repeat bottom;
    transition:background 0.0s;

       
}   


.personal {
    
    background:url(../images/personal-375.jpg) 
no-repeat top;
    width:375px;
    height:375px;
    display:block;
    text-indent:-99999px;

}


.personal:hover {
     background:url(../images/personal-375.jpg) 
no-repeat bottom;
    transition:background 0.0s;


       
}   


.retrato {
    
   background:url(../images/retrato-375.jpg) 
no-repeat top;
    width:375px;
    height:375px;
    display:block;
    text-indent:-99999px;

}


.retrato:hover {
    
     background:url(../images/retrato-375.jpg) 
no-repeat bottom;
    transition:background 0.0s;
      
}
}









/*media queries */

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

{

.contenedor {
	width: 100%;
	margin: 0px auto;
    max-width: 320px;
    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: 320px;
    padding: 0px 0px 0px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
       
}    


section li {
          display: block;
          padding: 0px 0px 0px 0px;
          width: 100%;

         
 }
 

.contenedor-botones li {
	
    padding: 0px 0px 0px 0px;
	
}    


.contenedor-botones ul li {
	
    padding: 0px 0px 0px 0px;
	
} 
     
     

.urbana {
    
    background:url(../images/urbana-320.jpg) 
no-repeat top;
    width:320px;
    height:320px;
    display:block;
    text-indent:-99999px;
}


.urbana:hover {
    
    background:url(../images/urbana-320.jpg) 
no-repeat bottom;
    transition:background 0.0s;

}


.vivienda {
    
    background:url(../images/vivienda-320.jpg) 
no-repeat top;
    width:320px;
    height:320px;
    display:block;
    text-indent:-99999px;

}


.vivienda:hover {
    
     background:url(../images/vivienda-320.jpg) 
no-repeat bottom;
    transition:background 0.0s;

}


.interior {
    
  background:url(../images/interior-320.jpg) 
no-repeat top;
    width:320px;
    height:320px;
    display:block;
    text-indent:-99999px;

}


.interior:hover {
    
    background:url(../images/interior-320.jpg) 
no-repeat bottom;
    transition:background 0.0s;


}


.audiovisual {
    
   background:url(../images/audiovisual-320.jpg) 
no-repeat top;
    width:320px;
    height:320px;
    display:block;
    text-indent:-99999px;

}


.audiovisual:hover {
    
    background:url(../images/audiovisual-320.jpg) 
no-repeat bottom;
    transition:background 0.0s;

       
}   


.personal {
    
    background:url(../images/personal-320.jpg) 
no-repeat top;
    width:320px;
    height:320px;
    display:block;
    text-indent:-99999px;

}


.personal:hover {
     background:url(../images/personal-320.jpg) 
no-repeat bottom;
    transition:background 0.0s;


       
}   


.retrato {
    
   background:url(../images/retrato-320.jpg) 
no-repeat top;
    width:320px;
    height:320px;
    display:block;
    text-indent:-99999px;

}


.retrato:hover {
    
     background:url(../images/retrato-320.jpg) 
no-repeat bottom;
    transition:background 0.0s;
      
}
}