@charset "utf-8";
/* CSS Document */
*{margin: 0; padding: 0;}

.contenedorFlexible{
	display:flex;
	flex-flow: row wrap;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

	.solo{
		width:100%;
		box-sizing: border-box;
	}
	.par{
		width:50%;
		box-sizing: border-box;
	}
	.trio{
		width:33.333%;
		box-sizing: border-box;
	}
	.cuarto{
		width:25%;
		box-sizing: border-box;
	}
@media only screen and (max-width: 1000px) {
	
	.contenedorFlexible{
	display:flex;
	flex-flow: row wrap;
	}
	.par{
		width:50%;
		box-sizing: border-box;
	}
	.trio{
		width:50%;
		box-sizing: border-box;
	}
	.cuarto{
		width:50%;
		box-sizing: border-box;
	}

	
}

@media only screen and (max-width: 600px) {
	
	.contenedorFlexible{
	display:flex;
	flex-flow: column wrap;
	}
	.par{
		width:100%;
		box-sizing: border-box;
	}
	.trio{
		width:100%;
		box-sizing: border-box;
	}
	.cuarto{
		width:100%;
		box-sizing: border-box;
	}

	
}