/****************** CAJAS ******************/

.fila{margin: 0 auto;}
.fila-completa{width: 100%;}

.lg-1, .lg-2, .lg-3, .lg-4, .lg-5, .lg-6, .lg-7, .lg-8, .lg-9, .lg-10, .lg-11, .lg-12, .md-1, .md-2, .md-3, .md-4, .md-5, .md-6, .md-7, .md-8, .md-9, .md-10, .md-11, .md-12, .sm-1, .sm-2, .sm-3, .sm-4, .sm-5, .sm-6, .sm-7, .sm-8, .sm-9, .sm-10, .sm-11, .sm-12, .xs-1, .xs-2, .xs-3, .xs-4, .xs-5, .xs-6, .xs-7, .xs-8, .xs-9, .xs-10, .xs-11, .xs-12{
	margin-left: -4px;
	margin-right: -4px;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
}

.fila .lg-1, .fila .lg-2, .fila .lg-3, .fila .lg-4, .fila .lg-5, .fila .lg-6, .fila .lg-7, .fila .lg-8, .fila .lg-9, .fila .lg-10, .fila .lg-11, .fila .lg-12, .fila .md-1, .fila .md-2, .fila .md-3, .fila .md-4, .fila .md-5, .fila .md-6, .fila .md-7, .fila .md-8, .fila .md-9, .fila .md-10, .fila .md-11, .fila .md-12, .fila .sm-1, .fila .sm-2, .fila .sm-3, .fila .sm-4, .fila .sm-5, .fila .sm-6, .fila .sm-7, .fila .sm-8, .fila .sm-9, .fila .sm-10, .fila .sm-11, .fila .sm-12, .fila .xs-1, .fila .xs-2, .fila .xs-3, .fila .xs-4, .fila .xs-5, .fila .xs-6, .fila .xs-7, .fila .xs-8, .fila .xs-9, .fila .xs-10, .fila .xs-11, .fila .xs-12{
	padding-left: 15px;
	padding-right: 15px;
}


/* El tamaño que siempre tiene que estar es el md*/
.md-1{width: 8.333333%;}
.md-2{width: 16.666667%;}
.md-3{width: 25%;}
.md-4{width: 33.333333%;}
.md-5{width: 41.666667%;}
.md-6{width: 50%;}
.md-7{width: 58.333333%;}
.md-8{width: 66.666667%;}
.md-9{width: 75%;}
.md-10{width: 83.333333%;}
.md-11{width: 91.666667%;}
.md-12{width: 100%;}
	
@media only screen and  (min-width: 1320px){ /*lg*/
	.fila{width: 1290px;}
	
	.lg-1{width: 8.333333%;}
	.lg-2{width: 16.666667%;}
	.lg-3{width: 25%;}
	.lg-4{width: 33.333333%;}
	.lg-5{width: 41.666667%;}
	.lg-6{width: 50%;}
	.lg-7{width: 58.333333%;}
	.lg-8{width: 66.666667%;}
	.lg-9{width: 75%;}
	.lg-10{width: 83.333333%;}
	.lg-11{width: 91.666667%;}
	.lg-12{width: 100%;}
}


@media only screen and (max-width: 1319px){ /*md*/
	.fila{width: 940px;}

	.md-1{width: 8.333333%;}
	.md-2{width: 16.666667%;}
	.md-3{width: 25%;}
	.md-4{width: 33.333333%;}
	.md-5{width: 41.666667%;}
	.md-6{width: 50%;}
	.md-7{width: 58.333333%;}
	.md-8{width: 66.666667%;}
	.md-9{width: 75%;}
	.md-10{width: 83.333333%;}
	.md-11{width: 91.666667%;}
	.md-12{width: 100%;}
}

@media only screen and (max-width: 991px){ /*sm*/
	.fila{width: 90%;}
	
	.sm-1{width: 8.333333%;}
	.sm-2{width: 16.666667%;}
	.sm-3{width: 25%;}
	.sm-4{width: 33.333333%;}
	.sm-5{width: 41.666667%;}
	.sm-6{width: 50%;}
	.sm-7{width: 58.333333%;}
	.sm-8{width: 66.666667%;}
	.sm-9{width: 75%;}
	.sm-10{width: 83.333333%;}
	.sm-11{width: 91.666667%;}
	.sm-12{width: 100%;}
}

@media only screen and (max-width: 767px){ /*xs*/
	.fila{width: 90%;}
	
	.xs-1{width: 8.333333%;}
	.xs-2{width: 16.666667%;}
	.xs-3{width: 25%;}
	.xs-4{width: 33.333333%;}
	.xs-5{width: 41.666667%;}
	.xs-6{width: 50%;}
	.xs-7{width: 58.333333%;}
	.xs-8{width: 66.666667%;}
	.xs-9{width: 75%;}
	.xs-10{width: 83.333333%;}
	.xs-11{width: 91.666667%;}
	.xs-12{width: 100%;}    
}