@charset "utf-8";

	  
@media screen and (min-width: 0px) and (max-width: 339px){ 
	.col_full.col_last.textoContacto {
	width: 92%;
	position: relative;
	float: none;
	margin-left: auto;
	margin-right: auto !important;
	margin-top: 10%;
	margin-bottom: 2% !important;
	font-size: .85em;
	text-align: center;
}
	

.fondoMosaicoVacio {
	background: none;
	background-size: cover;
	background-position: center;
	background-color: white;
	
	max-width: none;
	
}
	
.hr1 {
	padding: 6% 0%;
	width: 100%;
	margin-top: 15%;
}
	
	.hr2 {

	width: 100%;
	
}
	
	
	.hr1 {
	padding: 6% 0%;
	width: 100%;
	margin-top: 20%;
}
	
.col_full.col_last.textoContacto {
	width: 96%;
	position: relative;
	float: none;
	margin-left: auto;
	margin-right: auto !important;
	margin-top: 10%;
	margin-bottom: 5% !important;
	font-size: .85em;
	text-align: center;
}
	
#Layer_1 {
	max-width: 3.7em;
}
}
	  
@media screen and (min-width: 340px) and (max-width: 500px){ 
	.col_full.col_last.textoContacto {
		
	width: 92%;
	position: relative;
	float: none;
	margin-left: auto;
	margin-right: auto !important;
	margin-top: 10%;
	margin-bottom: 2% !important;
	font-size: .85em;
	text-align: center;
}
	

	
.hr2 {

	width: 100%;
	
}
	
	.container.clearfix {
	width: 86% !important;
}
	
	.fondoMosaicoVacio {
	background: none;
	background-size: cover;
	background-position: center;
	background-color: white;
	max-width: 18em;
}
	

	.hr1 {
	padding: 6% 0%;
	width: 100%;
	margin-top: 11%;
}
	
.col_full.col_last.textoContacto {
	width: 96%;
	position: relative;
	float: none;
	margin-left: auto;
	margin-right: auto !important;
	margin-top: 10%;
	margin-bottom: 5% !important;
	font-size: .85em;
	text-align: center;
}	

	
.fondoMosaicoVacio2 {
	background: url("images/proyectos-de-arquitectura-en-mexico.gif") !important;
	background-repeat: no-repeat !important;
	margin-left: 3% !important;
	margin-top: -7% !important;
	min-height: 18em;
}
	
	#Layer_1 {
	max-width: 3em;
}
	}  
	  
@media screen and (min-width: 501px) and (max-width: 600px){ 
		  	.col_full.col_last.textoContacto {
		
	width: 92%;
	position: relative;
	float: none;
	margin-left: auto;
	margin-right: auto !important;
	margin-top: 10%;
	margin-bottom: 2% !important;
	font-size: .85em;
	text-align: center;
}
	

	
.hr2 {

	width: 100%;
	
}
	
	.container.clearfix {
	width: 86% !important;
}
	
	.fondoMosaicoVacio {
	background: none;
	background-size: cover;
	background-position: center;
	background-color: white;
	max-width: 18em;
}
	

	.hr1 {
	padding: 6% 0%;
	width: 100%;
	margin-top: 11%;
}
	
.col_full.col_last.textoContacto {
	width: 96%;
	position: relative;
	float: none;
	margin-left: auto;
	margin-right: auto !important;
	margin-top: 10%;
	margin-bottom: 5% !important;
	font-size: .85em;
	text-align: center;
}	

.fondoMosaicoVacio2 {
	background: url("images/proyectos-de-arquitectura-en-mexico.gif") !important;
	background-repeat: no-repeat !important;
	margin-top: -7% !important;
	min-height: 15em;
	background-size: cover !important;
}
#Layer_1 {
	max-width: 3em;
}
	}  
	  
	  
	  
@media screen and (min-width: 601px) and (max-width: 720px){ 
	


.hr2 {

	width: 100%;
	
}
	
	
.container.clearfix {
	width: 86% !important;
}
	
	
		
.hr1 {
	padding: 6% 0%;
	width: 100%;
	margin-top: 2%;
}
	
	
.fondoMosaicoVacio2 {
	background: url("images/proyectos-de-arquitectura-en-mexico.gif") !important;
	background-repeat: no-repeat !important;
	margin-left: 18% !important;
	margin-top: -9%;
}

	
	.fondoMosaicoVacio {
	background: none;
	background-size: cover;
	background-position: center;
	background-color: white;
	max-width: 19.4em;
	height: auto !important;
	margin-top: -9%;
}
	

	
	.col_full.col_last.textoContacto {
	width: 100%;
	position: relative;
	float: none;
	margin-left: auto;
	margin-right: auto !important;
	margin-top: -9%;
	margin-bottom: 2% !important;
	font-size: .85em;
	text-align: center;
}
	
.fondoMosaicoVacio2 {
	background: url("images/proyectos-de-arquitectura-en-mexico.gif") !important;
	background-repeat: no-repeat !important;
	margin-left: 26% !important;
	margin-top: -9%;
	width: 45%;
	height: auto !important;
	overflow: hidden !important;
	max-height: 11em;
	margin-bottom: 12%;
	background-size: cover !important;
}
	
	.fondoMosaicoVacio {
	background: none;
	background-size: cover;
	background-position: center;
	background-color: transparent;
	max-width: 19.4em;
	height: auto !important;
	margin-top: -16%;
}
.hr1 {
	padding: 6% 0%;
	width: 100%;
	margin-top: 1%;
}
	
	#Layer_1 {
	cursor: crosshair !important;
	max-width: 4em !important;
}
	}  
	  
	  
	  @media screen and (min-width: 721px) and (max-width: 979px){ 
.col_full.col_last.textoContacto {
	width: 74%;
	position: relative;
	float: none;
	margin-left: auto;
	margin-right: auto !important;
	margin-top: 10%;
	margin-bottom: 2% !important;
	font-size: .85em;
	text-align: center;
}
	

	
.fondoMosaicoVacio {
	background: none;
	background-size: cover;
	background-position: center;
	background-color: white;
	
	max-width: 22em;
}
		  
.hr1 {
	padding: 6% 0%;
	width: 100%;
	margin-top: 15%;
}
		  


		  
.container.clearfix {
	width: 100% !important;
}
		  

		  
.hr1 {
	padding: 5% 0%;

	width: 81%;
	margin-top: 5%;
}
		  
		 .fondoMosaicoVacio2 {
	background: url("images/proyectos-de-arquitectura-en-mexico.gif");
	background-size: cover;
	background-position: center;
	background-color: transparent;
	max-width: max-content;
}
		  
.fondoMosaicoVacio2 {
	background: url("images/proyectos-de-arquitectura-en-mexico.gif") !important;
	background-repeat: no-repeat !important;
	margin-left: 28% !important;
}
		  
#Layer_1 {
	max-width: 4.3em !important;
}
		  
		  .fondoMosaicoVacio2 {
	background: url("images/proyectos-de-arquitectura-en-mexico.gif") !important;
	background-repeat: no-repeat !important;
	margin-left: 25% !important;
}
.hr1 {
	padding: 7% 0%;
	width: 81%;
	margin-top: 15%;
}	
		  
.col_full.col_last.textoContacto {
	width: 74%;
	position: relative;
	float: none;
	margin-left: auto;
	margin-right: auto !important;
	margin-top: 16%;
	margin-bottom: 2% !important;
	font-size: .85em;
	text-align: center;
}
}  
	  
	  
	  
	  

	  
	  
	  
	  
@media screen and (min-width: 980px) and (max-width: 1279px){ 
.col_full.col_last.textoContacto {
	width: 74%;
	position: relative;
	float: none;
	margin-left: auto;
	margin-right: auto !important;
	margin-top: 10%;
	margin-bottom: 2% !important;
	font-size: .85em;
	text-align: center;
}
	
.hr1 {
	padding: 5% 0%;
	width: 80%;
	margin-top: 5%;
}
	
.fondoMosaicoVacio {
	background: none;
	background-size: cover;
	background-position: center;
	background-color: white;
	
	max-width: none;
}
#Layer_1 {
	max-width: 4.4em;
}	
	.col_full.col_last.textoContacto {
	width: 74%;
	position: relative;
	float: none;
	margin-left: auto;
	margin-right: auto !important;
	margin-top: 16%;
	margin-bottom: 2% !important;
	font-size: .85em;
	text-align: center;
}
	
	}  
	  
	  
@media screen and (min-width: 1280px) and (max-width: 1599px){ 
	
.col_full.col_last.textoContacto {
	width: 74%;
	position: relative;
	float: none;
	margin-left: auto;
	margin-right: auto !important;
	margin-top: 10%;
	margin-bottom: 2% !important;
	font-size: .85em;
	text-align: center;
}
	


.fondoMosaicoVacio {
	background: none;
	background-size: cover;
	background-position: center;
	background-color: white;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	max-width: none;
	
}
	

	
.hr1 {
	padding: 5% 0%;
	width: 80%;
	margin-top: 5%;
}
	
#Layer_1 {
	max-width: 6em;
}
.col_full.col_last.textoContacto {
	width: 74%;
	position: relative;
	float: none;
	margin-left: auto;
	margin-right: auto !important;
	margin-top: 5%;
	margin-bottom: 2% !important;
	font-size: .85em;
	text-align: center;
}
.hr1 {
	padding: 2% 0%;
	width: 80%;
	margin-top: 6%;
}
	  }  
	  
@media screen and (min-width: 1600px) and (max-width: 1919px){ 
	

	
.col_full.col_last.textoContacto {
	width: 74%;
	position: relative;
	float: none;
	margin-left: auto;
	margin-right: auto !important;
	margin-top: 14%;
	margin-bottom: 2% !important;
	font-size: .85em;
	text-align: center;
}
	
.hr1 {
	padding: 6% 0%;
	width: 80%;
	margin-top: 5%;
}
	
#Layer_1 {
	max-width: 6em;
}	

	
	}  
@media screen and (min-width: 1920px) and (max-width: 19200px){ 
	

	
.col_full.col_last.textoContacto {
	width: 74%;
	position: relative;
	float: none;
	margin-left: auto;
	margin-right: auto !important;
	margin-top: 24%;
	margin-bottom: 2% !important;
	font-size: .85em;
	text-align: center;
}
	.hr1 {
	padding: 10% 0%;
	width: 80%;
	margin-top: 3%;
}
	
#Layer_1 {
	max-width: 6em;
}
.hr1 {
	padding: 6% 0%;
	width: 80%;
	margin-top: 10%;
}
	
	.col_full.col_last.textoContacto {
	width: 74%;
	position: relative;
	float: none;
	margin-left: auto;
	margin-right: auto !important;
	margin-top: 13%;
	margin-bottom: 2% !important;
	font-size: .85em;
	text-align: center;
}
	}