@charset "utf-8";
/* CSS Document */

.wrapper-condominio{

width:100%;
margin-top:20px;
background:#C9AC76;

}
.condominio-item{ padding:2px; margin:2px; 
display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	flex-direction:row;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:center;
	-moz-justify-content:center;
	justify-content:center;
}
.condominio-item h7{margin-top:50px; text-align:center; font-family:"Arial Black", Gadget, sans-serif; color:blue;}
.condominio-item h4{font-family:"Arial Black"; color: #bb9156;}

.condominio-item p{ text-align:justify;}
.condominio-item .item20{
	width:100%;
	padding:5px}
.condominio-item .item21{
	width:280px;
	padding:10px;}
.item21 .item21a{width:100%; height:auto; padding:5px; font-family:"Arial Black", Gadget, sans-serif; font-size:.9em; text-align:center; }	
.item21 .item21b{width:100%; height:300px; background:#C9AC76 url(../_imagenes/Stampa3.jpg) no-repeat center center; }

.condominio-item .item22{
	width:280px;
	padding:10px;}
.item22 .item22a{width:100%; height:auto; padding:5px; font-family:"Arial Black", Gadget, sans-serif; font-size:.9em; text-align:center; }	
.item22 .item22b{width:100%; height:300px; background:#C9AC76 url(../_imagenes/zempoala1.jpg) no-repeat center center; } 
.condominio-item .item23{
	width:280px;
	padding:10px;}
.item23 .item23a{width:100%; height:auto; padding:5px; font-family:"Arial Black", Gadget, sans-serif; font-size:.9em; text-align:center; }	
.item23 .item23b{width:100%; height:300px; background:#C9AC76 url(../_imagenes/comercios.jpg) no-repeat center center; } 
.condominio-item .item24{
	width:280px;
	padding:10px;}
.item24 .item24a{width:100%; height:auto; padding:5px; font-family:"Arial Black", Gadget, sans-serif; font-size:.9em; text-align:center; }	
.item24 .item24b{width:100%; height:300px; background:#C9AC76 url(../_imagenes/mixto.jpg) no-repeat center center; } 

.condominio-item .item25{
	width:280px;
	padding:10px; }
.item25 .item25a{width:100%; height:auto; padding:5px; font-family:"Arial Black", Gadget, sans-serif; font-size:.9em; text-align:center; }	
.item25 .item25b{width:100%; height:300px; background:#C9AC76 url(../_imagenes/cajones.jpg) no-repeat center center; } 

/*========================
Inicio de la Queryes
==========================*/
@media only screen and (max-width:320px){
body{/*background:silver;*/ max-width:99%;}
/*==Inicio===*/
.wrapper-inicio{width: 100%;}
.item11{width:93%;}
.item12{ display:none;}
/*==Inicio===*/
.condominio-item{width: 99.5%;}
.item20{ display:none;}
.item21 .item21b img{width:75%;}

}

@media only screen and (min-width:321px) and (max-width:480px){
body{/*background:orange;*/ max-width:99%;}
/*==Inicio===*/
.wrapper-inicio{width: 100%;}
.item11{width:93%;}
.item12{ display:none;}


}

@media only screen and (min-width:481px) and (max-width:640px){
body{/*background:green;*/ max-width:99%;}
/*==Inicio===*/
.wrapper-inicio{width: 100%;}
.item11, .item12{width:93%;}
}

@media only screen and (min-width:641px) and (max-width:768px){
body{/*background:blue;*/ max-width:99.5%;}
/*==Inicio===*/
.wrapper-inicio{width: 100%;}
.item11, .item12{width:100%;}
}

@media only screen and (min-width:769px) and (max-width:1024px){
body{/*background:red;*/ max-width:99.5%;}
/*==Inicio===*/
.wrapper-inicio{width: 100%;}
.item11{width:59%;}
.item12{width:39.5%;}
}

@media only screen and (min-width:1025px) and (max-width:1280px) {
body{/*background:brown;*/ max-width:99.5%;}
/*==Inicio===*/
.wrapper-inicio{width: 100%;}
.item11{width:59%;}
.item12{width:39.5%;}
}

@media only screen and (min-width:1281px) and (max-width:1366px) {
body{/*background:black;*/ max-width:99.5%;}
/*==Inicio===*/
.wrapper-inicio{width: 100%;}
.item11{width:59%;}
.item12{width:39.5%;}
}

@media only screen and (min-width:1367px)  {
body{/*background:#bb9156;*/ max-width:100%;}
.wrapper-inicio{width: 100%;}
}