@charset "utf-8";

/* ==========================
	SISTEMA DE COLUMNAS
========================== */
.contenedor,
.contenedor-flex,
.contenedor-start,
.contenedor-search {
	outline: thin solid transparent;
	margin: 0 auto;
	position: relative;
	width: 90%;
	max-width: 1440px;
}
.contenedor {
	margin-bottom: 2em;
}
.contenedor:last-child {
	margin-bottom: 0;
}
.contenedor-flex {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
}
.contenedor-start {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.contenedor-search {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
}
.columna {
	/*outline: thin solid #ddd;*/
}
.dos-columnas,
.tres-columnas,
.cuatro-columnas,
.seis-columnas {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.total .columna {
	width: 100%;
}
.dos-columnas .columna {
	/*outline: thin solid #ddd;*/
	width: 48%;
}
.tres-columnas .columna {
	width: 30.66%;
}
.cuatro-columnas .columna {
	width: 22%;
}
.seis-columnas .columna {
	width: 13.33%;
}
.derecho-sidebar,
.izquierdo-sidebar {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.derecho-sidebar aside,
.izquierdo-sidebar aside {
	flex: 0 0 280px;
	position: relative;
}
.derecho-sidebar .contenido,
.izquierdo-sidebar .contenido {
	flex: 1;
	display: flex;
}
.derecho-sidebar .sidebar {
	margin-right: 3%;
}
.izquierdo-sidebar .contenido {
	margin-right: 3%;
}
/* ======================= */





/* ================ */
	MEDIA QUERIES
/* ================ */

/* ======= 1024PX GRID ======= */
@media (max-width: 1024px) {
}
/* ======= 1024PX GRID ======= */



/* ====== 960PX GRID ====== */
@media (max-width: 960px) {
	.cuatro-columnas .columna {
		width: 48%;
		margin-bottom: 2em;
	}
	.cuatro-columnas .columna:nth-child(3) {
		margin-bottom: 0;
	}
	.cuatro-columnas .columna:nth-child(4) {
		margin-bottom: 0;
	}
}
/* ====== 960PX GRID ====== */



/* ====== 768PX GRID ====== */
@media (max-width: 768px) {
	.dos-columnas .columna {
		margin: 0 auto;
		width: 80%;
		margin-bottom: 2em;
	}
	.dos-columnas .columna:last-child {
		margin-bottom: 0;
	}
	.tres-columnas .columna {
		margin: 0 auto;
		width: 80%;
		margin-bottom: 2em;
	}
	.tres-columnas .columna:last-child {
		margin-bottom: 0;
	}
	.tres-columnas .columna:last-child {
		margin-bottom: 0;
	}
	.cuatro-columnas .columna {
		margin: 0 auto;
		width: 80%;
		margin-bottom: 2em;
	}
	.cuatro-columnas .columna:nth-child(3) {
		margin-bottom: 2em;
	}
	.cuatro-columnas .columna:last-child {
		margin-bottom: 0;
	}
	.seis-columnas .columna {
		width: 48%;
		margin-bottom: 2em;
	}
	.seis-columnas .columna:nth-child(5) {
		margin-bottom: 0;
	}
	.seis-columnas .columna:nth-child(6) {
		margin-bottom: 0;
	}
	.derecho-sidebar aside,
	.izquierdo-sidebar aside {
		flex: 0 0 240px;
		position: relative;
	}
}
/* ====== 768PX GRID ====== */



/* ====== 640PX GRID ====== */
@media (max-width: 640px) {
	.derecho-sidebar aside,
	.izquierdo-sidebar aside {
		display: none;
	}
	.derecho-sidebar .contenido,
	.izquierdo-sidebar .contenido {
		flex: 0 0 100%;
	}
	.derecho-sidebar .sidebar {
		margin-right: 0;
	}
	.izquierdo-sidebar .contenido {
		margin-right: 0;
	}
}
/* ====== 640PX GRID ====== */



/* ====== 480PX GRID ====== */
@media (max-width: 480px) {
	.contenedor-search {
		flex-flow: column wrap;
		justify-content: center;
	}
	.dos-columnas .columna {
		width: 100%;
		margin-bottom: 2em;
	}
	.tres-columnas .columna {
		width: 100%;
	}
	.cuatro-columnas .columna {
		width: 100%;
	}
}
/* ====== 480PX GRID ====== */



/* ====== 360PX GRID ====== */
@media (max-width: 360px) {
	.seis-columnas .columna {
		width: 100%;
	}
	.seis-columnas .columna:nth-child(5) {
		margin-bottom: 2em;
	}
	.seis-columnas .columna:nth-child(6) {
		margin-bottom: 0;
	}
}
/* ====== 360PX GRID ====== */