* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none
}

.d-flex{
	display: flex;
}
.container {
	max-width: 100%;
	width: 100%;
	margin: 0 auto;
}

.row:before,
.row:after {
	content: "";
	display: table;
}

.row {
	display: flex;
}

.row:after {
	clear: both;
}

.wrap {
	flex-wrap: wrap;
}

.justify-end {
	justify-content: flex-end;
}

.justify-center {
	justify-content: center;
}

.justify-between {
	justify-content: space-between;
}

.justify-around {
	justify-content: space-around;
}

.align-start {
	align-items: flex-start;
}

.align-end {
	align-items: flex-end;
}

.align-center {
	align-items: center;
}

[class*="col-"] {
	min-height: 7px;
	float: left;
	margin-right: 0.5rem;
}
.d-none{
	display: none;
}
.col-1 {
	/*(1/12)*100*/
	width: 8.333333%;
}

.col-2 {
	/*(2/12)*100*/
	width: 16.666667%;
}

.col-3 {
	/*(3/12)*100*/
	width: 25%;
}

.col-4 {
	/*(4/12)*100*/
	width: 33.333333%;
}

.col-5 {
	/*(5/12)*100*/
	width: 41.666667%;
}

.col-6 {
	/*(6/12)*100*/
	width: 50%;
}

.col-7 {
	/*(7/12)*100*/
	width: 58.333333%;
}

.col-8 {
	/*(8/12)*100*/
	width: 66.666667%;
}

.col-9 {
	/*(9/12)*100*/
	width: 75%;
}

.col-10 {
	/*(10/12)*100*/
	width: 83.333333%;
}

.col-11 {
	/*(11/12)*100*/
	width: 91.666667%;
}

.col-12 {
	/*(12/12)*100*/
	width: 100%;

}

.img-responsive {
	width: 100%;
}

/* PADDING */


.p-1 {
	padding: 1rem;
}

.p-2 {
	padding: 2rem;
}

.p-3 {
	padding: 3rem;
}

.p-4 {
	padding: 4rem;
}

.p-5 {
	padding: 5rem;
}
.pr-1 {
	padding-right: 1rem;
}

.pr-2 {
	padding-right: 2rem;
}

.pr-3 {
	padding-right: 3rem;
}

.pr-4 {
	padding-right: 4rem;
}

.pr-5 {
	padding-right: 5rem;
}

.pl-1 {
	padding-left: 1rem;
}

.pl-2 {
	padding-left: 2rem;
}

.pl-3 {
	padding: 3rem;
}

.pl-4 {
	padding-left: 4rem;
}

.pl-5 {
	padding-left: 5rem;
}
.pt-1 {
	padding-top: 1rem;
}

.pt-1 {
	padding-top: 1rem;
}

.pt-2 {
	padding-top: 2rem;
}

.pt-3 {
	padding-top: 3rem;
}

.pt-4 {
	padding-top: 4rem;
}

.pt-5 {
	padding-top: 5rem;
}

.pb-1 {
	padding-bottom: 1rem;
}

.pb-2 {
	padding-bottom: 2rem;
}

.pb-3 {
	padding-bottom: 3rem;
}

.pb-4 {
	padding-bottom: 4rem;
}

.pb-5 {
	padding-bottom: 5rem;
}

.py-1 {
	padding: 1rem 0;
}

.py-2 {
	padding: 2rem 0;
}

.py-3 {
	padding: 3rem 0;
}

.py-4 {
	padding: 4rem 0;
}

.py-5 {
	padding: 5rem 0;
}

.px-1 {
	padding: 0 1rem;
}

.px-2 {
	padding: 0 2rem;
}

.px-3 {
	padding: 0 3rem;
}

.px-4 {
	padding: 0 4rem;
}

.px-5 {
	padding: 0 5rem;
}

/* MARGEN */

.m-1 {
	margin: 1rem;
}

.m-2 {
	margin: 2rem;
}

.m-3 {
	margin: 3rem;
}

.m-4 {
	margin: 4rem;
}

.m-5 {
	margin: 5rem;
}

.my-1 {
	margin: 1rem 0;
}

.my-2 {
	margin: 2rem 0;
}

.my-3 {
	margin: 3rem 0;
}

.my-4 {
	margin: 4rem 0;
}

.my-5 {
	margin: 5rem 0;
}

.mx-1 {
	margin: 0 1rem;
}

.mx-2 {
	margin: 0 2rem;
}

.mx-3 {
	margin: 0 3rem;
}

.mx-4 {
	margin: 0 4rem;
}

.mx-5 {
	margin: 0 5rem;
}

.mt-1 {align
	margin-top: 1rem;
}

.mt-2 {
	margin-top: 2rem;
}

.mt-3 {
	margin-top: 3rem;
}

.mt-4 {
	margin-top: 4rem;
}

.mt-5 {
	margin-top: 5rem;
}

.mb-1 {
	margin-bottom: 1rem;
}

.mb-2 {
	margin-bottom: 2rem;
}

.mb-3 {
	margin-bottom: 3rem;
}

.mb-4 {
	margin-bottom: 4rem;
}

.mb-5 {
	margin-bottom: 5rem;
}

/* COLOR */

.bkg_claro {
	background-color: #eaeaea;
}

.bkg_dark {
	background-color: #444144;
}



/* TEXTO */
/* Alineacion */

.txt-l{
	text-align: left;
}
.txt-c{
	text-align: center;
}
.txt-r{
	text-align: right;
}