.seccion {
	clear: both;
	padding-top: 40px;
	padding-bottom: 40px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 1px auto;
	max-width: 1200px;
	text-align: left;
}

.seccion_full {
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 1px auto;
	max-width: 1200px;
	text-align: left;
}

.no_margen {
	border-spacing: 5px;
}

.margen_cero {
	border-spacing: 0px;
}

.limpiar {
	clear: both;
}

.card {
	padding: 0rem;
	height: 300px;
}

.cards {
	max-width: 1200px;
	margin: 0 auto;
	display: grid;
	grid-gap: 0rem;
}

/* Screen larger than 600px? 2 column */
@media (min-width: 600px) {
	.card {
		padding: 0rem;

	}

	.cards {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* Screen larger than 900px? 3 columns */
@media (min-width: 900px) {
	.cards {
		grid-template-columns: repeat(4, 1fr);
	}
}

.tabla {
	display: table;
	width: 100%;
	border-spacing: 20px;
	overflow: hidden;
}

.fila {
	display: table-row;
}

.col-12 {
	display: table-cell;
	width: 100%;
	vertical-align: top;
}

.col-11 {
	display: table-cell;
	width: 91.63%;
	vertical-align: top;
}

.col-10 {
	display: table-cell;
	width: 83.3%;
	vertical-align: top;
}

.col-9 {
	display: table-cell;
	width: 74, 97%;
	vertical-align: top;
}

.col-8 {
	display: table-cell;
	width: 66.64%;
	vertical-align: top;
}

.col-7 {
	display: table-cell;
	width: 58.31%;
	vertical-align: top;
}

.col-6 {
	display: table-cell;
	width: 49.98%;
	vertical-align: top;
}

.col-5 {
	display: table-cell;
	width: 41.65%;
	vertical-align: top;
}

.col-4 {
	display: table-cell;
	width: 32.32%;
	vertical-align: top;
}

.col-3 {
	display: table-cell;
	width: 24.99%;
	vertical-align: top;
}

.col-2 {
	display: table-cell;
	width: 16.66%;
	vertical-align: top;
}

.col-1 {
	display: table-cell;
	width: 8.33%;
	vertical-align: top;
}

.arriba {
	vertical-align: top;
}

.middle {
	vertical-align: middle;
}

.abajo {
	vertical-align: bottom;
}


.row {
	max-width: 100%;
	margin: 0 auto;
	display: grid;
	grid-gap: 1.3rem;
	margin-bottom: 20px;
	grid-template-columns: repeat(6, 1fr);
}

.grid-0 {
	padding: 0rem;
	grid-column: 1 / 7;
}

.grid-1 {
	padding: 0rem;
	grid-column: 1 / 2;
}

.grid-2 {
	padding: 0rem;
	grid-column: 2 / 3;
}

.grid-3 {
	padding: 0rem;
	grid-column: 3 / 4;
}

.grid-4 {
	padding: 0rem;
	grid-column: 4 / 5;
}

.grid-5 {
	padding: 0rem;
	grid-column: 5 / 6;
}

.grid-6 {
	padding: 0rem;
	grid-column: 6 / 7;
}

.grid-1-2 {
	padding: 0rem;
	grid-column: 1 / 3;
}

.grid-1-3 {
	padding: 0rem;
	grid-column: 1 / 4;
}

.grid-1-4 {
	padding: 0rem;
	grid-column: 1 / 5;
}

.grid-1-5 {
	padding: 0rem;
	grid-column: 1 / 6;
}

.grid-2-2 {
	padding: 0rem;
	grid-column: 2 / 4;
}

.grid-2-3 {
	padding: 0rem;
	grid-column: 2 / 5;
}

.grid-2-4 {
	padding: 0rem;
	grid-column: 2 / 6;
}

.grid-2-5 {
	padding: 0rem;
	grid-column: 2 / 7;
}

.grid-3-2 {
	padding: 0rem;
	grid-column: 3 / 5;
}

.grid-3-3 {
	padding: 0rem;
	grid-column: 3 / 6;
}

.grid-3-4 {
	padding: 0rem;
	grid-column: 3 / 7;
}

.grid-4-2 {
	padding: 0rem;
	grid-column: 4 / 6;
}

.grid-4-3 {
	padding: 0rem;
	grid-column: 4 / 7;
}

.grid-5-2 {
	padding: 0rem;
	grid-column: 5 / 7;
}

/************************************************/

/* MARGEN */

/************************************************/
.margen-bottom {
	padding-top: 4rem;
	padding-bottom: 4rem;
}

.margen {
	padding: 30px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

/************************************************/

/* PANTALLA 480PX */

/************************************************/
@media only screen and (max-width: 1280px) {
	.seccion {
		padding-left: 25px;
		padding-right: 25px;
	}
}

@media only screen and (max-width: 780px) {
	.seccion {
		clear: both;
		padding-top: 50px;
		padding-bottom: 30px;
		padding-left: 15px;
		padding-right: 15px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		width: 100%;
		text-align: left;
	}

	.tabla {
		display: table;
		width: 100%;
		border-spacing: 0px;
		overflow: hidden;
		padding-left: 10px;
		padding-right: 10px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}

	.margen {
		padding: 10px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}

	.col-1,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-10,
	.col-11,
	.col-12 {
		float: left;
		width: 100%;
		margin-bottom: 20px;
		vertical-align: top;
	}

	.row {
		display: initial;
		margin: 0 auto;
	}

	.grid-1,
	.grid-2,
	.grid-3,
	.grid-4,
	.grid-5,
	.grid-6,
	.grid-1-2,
	.grid-1-3,
	.grid-1-4,
	.grid-1-5,
	.grid-2-2,
	.grid-2-3,
	.grid-2-4,
	.grid-2-5,
	.grid-3-2,
	.grid-3-3,
	.grid-3-4,
	.grid-4-2,
	.grid-4-3,
	.grid-5-2 {
		display: block;
		margin-bottom: 20px;
	}

	.ultimo {
		margin-bottom: 0;
	}
}